Name: SMS Link
SKU: 1234495650364919878
Availability: OnlineOnly
Rating: 100 (1 reviews)

Connect Discord to SMS seamlessly with SMS Link Bot! Effortlessly reach subscribers on the go.

SMS Link

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SMS Link Bot</title>
<style>
    @keyframes colorChange {
        0% { color: #00ae86; }
        33% { color: #ff5733; }
        66% { color: #ffbd33; }
        100% { color: #00ae86; }
    }
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    @keyframes fly {
        0% {
            transform: translateY(100vh);
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            transform: translateY(-100vh);
            opacity: 0;
        }
    }
    @keyframes snow {
        0% {
            transform: translateY(0);
            opacity: 1;
        }
        100% {
            transform: translateY(100vh);
            opacity: 0;
        }
    }
    body {
        background: linear-gradient(135deg, #1f1f1f, #121212); /* Gradient background */
        color: #fff; /* Default text color white */
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        padding: 0;
        overflow-x: hidden; /* Prevent horizontal scrolling */
        animation: fadeIn 1.5s ease-in;
        position: relative;
    }
    h1, h2 {
        color: #fff;
        font-weight: 900; /* Heavier bold */
        margin-bottom: 20px;
        text-align: center; /* Center aligned headers */
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Adding more shadow to make it appear thicker */
        transition: transform 0.5s ease;
    }
    h1 {
        font-size: 3em;
        margin-top: 0;
        animation: fadeIn 2s ease-in;
    }
    h2 {
        color: #00ae86;
        margin: 40px 0 20px 0;
        font-size: 2em;
        animation: fadeIn 2.5s ease-in;
    }
    h1:hover, h2:hover {
        transform: scale(1.05);
    }
    .key-feature span {
        animation: colorChange 5s infinite;
        font-weight: bold;
    }
    .key-feature {
        margin: 0; /* Removed extra margin */
        color: #fff;
        font-size: 1.2em;
    }
    a {
        font-size: 1.2em;
        color: #fff !important; /* Ensure pure white text color with !important */
        font-weight: bold;
        text-decoration: none;
        transition: color 0.5s ease, transform 0.3s ease;
    }
    a:hover {
        color: #ffbd33 !important; /* Ensure color change on hover with !important */
        transform: scale(1.1);
    }
    hr {
        border: none;
        height: 1px;
        background-color: #fff;
        margin: 20px 0;
    }
    .content-wrapper {
        background: rgba(0, 0, 0, 0.85);
        padding: 40px;
        border-radius: 15px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
        width: 80%;
        max-width: 900px;
        text-align: left;
        animation: fadeIn 1.5s ease-in;
        position: relative; /* Ensure it stays in place */
        z-index: 1; /* Ensure it stays above the animations */
        margin: 50px auto; /* Center the content wrapper */
    }
    .img-wrapper {
        text-align: center;
        margin: 20px 0;
        animation: fadeIn 2s ease-in;
    }
    .img-wrapper img {
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
        transition: transform 0.5s ease, filter 0.5s ease;
    }
    .img-wrapper img:hover {
        transform: scale(1.05);
        filter: brightness(1.2);
    }
    ul {
        padding-left: 20px;
        list-style: none;
        counter-reset: custom-counter;
    }
    li {
        margin: 10px 0;
        position: relative;
        padding-left: 30px;
    }
    li:before {
        content: counter(custom-counter);
        counter-increment: custom-counter;
        position: absolute;
        left: 0;
        top: 0;
        background: #00ae86;
        border-radius: 50%;
        color: #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-weight: bold;
    }
    .cta-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 15px 30px; /* Adjusted padding */
        margin: 10px 0;
        font-size: 1.1em; /* Slightly larger font size */
        color: #fff !important; /* Ensure pure white text color with !important */
        background-color: #00ae86;
        border-radius: 10px;
        text-decoration: none;
        transition: background-color 0.3s ease, transform 0.3s ease;
        font-weight: bold;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        height: auto;
        line-height: 1; /* Center text vertically */
    }
    .cta-button:hover {
        background-color: #007f65; /* Darker green on hover */
        transform: scale(1.1);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
    }
    .highlight {
        background: linear-gradient(135deg, #00ae86, #ffbd33);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .button-container {
        text-align: center;
    }
    .notification {
        position: absolute;
        top: 0;
        font-size: 2em;
        animation: fly 10s linear infinite;
    }
    .notification:nth-child(1) {
        left: 10%;
        animation-delay: 0s;
    }
    .notification:nth-child(2) {
        left: 30%;
        animation-delay: 2s;
    }
    .notification:nth-child(3) {
        left: 50%;
        animation-delay: 4s;
    }
    .notification:nth-child(4) {
        left: 70%;
        animation-delay: 6s;
    }
    .notification:nth-child(5) {
        left: 90%;
        animation-delay: 8s;
    }
    .background-animations {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden; /* Hide animations going out of bounds */
        z-index: 0; /* Place it behind the content */
        pointer-events: none; /* Ensure it doesn't interfere with user interactions */
    }
    .snowflake {
        position: absolute;
        top: -10px;
        font-size: 1em;
        opacity: 0.8;
        color: #fff; /* Ensure pure white snowflakes */
        animation: snow 10s linear infinite;
    }
    .snowflake:nth-child(6) {
        left: 10%;
        animation-duration: 8s;
        animation-delay: 0s;
    }
    .snowflake:nth-child(7) {
        left: 20%;
        animation-duration: 9s;
        animation-delay: 2s;
    }
    .snowflake:nth-child(8) {
        left: 30%;
        animation-duration: 10s;
        animation-delay: 4s;
    }
    .snowflake:nth-child(9) {
        left: 40%;
        animation-duration: 7s;
        animation-delay: 1s;
    }
    .snowflake:nth-child(10) {
        left: 50%;
        animation-duration: 8s;
        animation-delay: 3s;
    }
    .snowflake:nth-child(11) {
        left: 60%;
        animation-duration: 9s;
        animation-delay: 5s;
    }
    .snowflake:nth-child(12) {
        left: 70%;
        animation-duration: 10s;
        animation-delay: 6s;
    }
    .snowflake:nth-child(13) {
        left: 80%;
        animation-duration: 7s;
        animation-delay: 8s;
    }
    .snowflake:nth-child(14) {
        left: 90%;
        animation-duration: 8s;
        animation-delay: 9s;
    }
    .snowflake:nth-child(15) {
        left: 100%;
        animation-duration: 10s;
        animation-delay: 10s;
    }
    /* Additional CSS for buttons on the site */
 .chakra-link.chakra-button.css-1ebbhgf, 
.chakra-link.chakra-button.css-vmk9es {
    background-color: #00ae86 !important; /* Green background */
    color: #fff !important; /* White text */
    padding: 2px 15px !important; /* Increased padding for taller buttons */
    font-size: 1.1em !important; /* Slightly larger font size */
    border-radius: 8px !important; /* Rounded corners */
    transition: background-color 0.3s ease, transform 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important; /* Add box shadow */
    height: auto !important; /* Adjust height */
    display: inline-flex !important; /* Ensure flexbox centering */
    align-items: center !important; /* Center items vertically */
    justify-content: center !important; /* Center items horizontally */
}
    .chakra-link.chakra-button.css-1ebbhgf:hover, 
    .chakra-link.chakra-button.css-vmk9es:hover {
        background-color: #007f65 !important; /* Darker green on hover */
        transform: scale(1.05) !important; /* Slightly enlarge on hover */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important; /* Increase shadow on hover */
    }
    .chakra-text.css-0 {
        color: #fff !important; /* Ensure white text */
        font-size: 1.1em !important; /* Slightly larger font size */
        line-height: 1 !important; /* Ensure line height matches */
    }
</style>
</head>
<body>

<div class="background-animations">
    <div class="notification">🔔</div>
    <div class="notification">🔔</div>
    <div class="notification">🔔</div>
    <div class="notification">🔔</div>
    <div class="notification">🔔</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
    <div class="snowflake">❄️</div>
</div>

<div class="content-wrapper">
    <h1 class="highlight">SMS Link Bot</h1>

    <div class="img-wrapper">
        <img src="https://i.imgur.com/mUJ7QKR.png" alt="SMS Link Bot" width="1000">
    </div>

    <p><strong>SMS Link Bot</strong> bridges the gap between Discord and SMS, enabling effortless communication with your community. Send messages in Discord channels, and they'll automatically reach subscribers on their mobile devices.</p>

    <h2>✨ Key Features</h2>
    <hr>

    <ul>
        <li class="key-feature"><span>Seamless Integration:</span> Effortlessly connect Discord channels with SMS subscribers.</li>
        <li class="key-feature"><span>Intuitive Setup:</span> Easily configure with our simple `/sms-setup` command.</li>
        <li class="key-feature"><span>Role-Based Access:</span> Premium community support with role-based access to your SMS list.</li>
        <li class="key-feature"><span>Real-Time Notifications:</span> Instant SMS delivery for urgent updates.</li>
        <li class="key-feature"><span>Analytics Dashboard:</span> Track the performance of your SMS Sends with detailed analytics in the embed.</li>
    </ul>

    <h2>🚀 Join the Future of Community Engagement!</h2>
    <hr>

    <p>Embrace the power of SMS Link Bot today and enhance your community interaction.</p>

    <div class="button-container">
        <a href="https://discord.gg/jbsPQP62DH" class="cta-button">Get Started Now</a>
    </div>

    <h2>📜 Important Links</h2>

    <ul>
        <li><a href="https://discord.gg/jbsPQP62DH" class="cta-button">Privacy Policy</a></li>
        <li><a href="https://discord.gg/jbsPQP62DH" class="cta-button">Terms of Service</a></li>
    </ul>
    <hr>
</div>


<div class="base__Flex-sc-1f9zlm1-0 base__Row-sc-1f9zlm1-1 cotvjj evYENB" bis_skin_checked="1">
    <div class="chakra-stack css-1a0eqsc" bis_skin_checked="1">
        <div class="css-1vcqbmk" bis_skin_checked="1">
            <a target="_blank" rel="noopener" class="chakra-link chakra-button css-1ebbhgf" href="/bot/1234495650364919878/invite">
                <h2 class="chakra-text css-0">Invite</h2>
            </a>
        </div>
        <a class="chakra-link chakra-button css-vmk9es" href="/bot/1234495650364919878/vote">
            <div class="chakra-stack css-1wsteri" bis_skin_checked="1">
                <svg viewBox="0 0 320 512" focusable="false" class="chakra-icon css-onkibi">
                    <path fill="currentColor" d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"></path>
                </svg>
                <h2 class="chakra-text css-0">Vote (6)</h2>
            </div>
        </a>
    </div>
</div>

</body>
</html>

the best bot for your server to get connected with your community and keep them always updated with new drops

SMS Link

邀请

邀请

投票 (0)

邀请

邀请

投票 (0)

概览

SMS Link Bot

✨ Key Features

🚀 Join the Future of Community Engagement!

📜 Important Links

Invite

Vote (6)

评分和评论