<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Swayfy</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
        }
        h1 {
            color: #5d34dc !important;
            font-weight: bold;
            font-style: italic;
            text-align: center;
            margin-bottom: 1px;
        }
        h2 {
            margin-top: 1px;
            margin-bottom: 1px;
        }
        p.description {
            text-align: center;
            margin: 1px 2px;
            color: #555;
        }
        .highlight {
            font-weight: bold;
            color: #5d34dc;
        }
        .cmd {
            font-weight: bold;
            color: #866bd7
        }
        a.highlight {
            font-weight: bold;
            color: #5d34dc;
            text-decoration: none;
        }
        .functions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 2px 0;
        }
        .function {
            display: flex;
            align-items: center;
            margin: 1px 2px;
            padding: 1px;
            border: 1px solid #222222;
            border-radius: 10px;
            width: 250px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .function img {
            width: 24px;
            height: 24px;
            margin-right: 10px;
        }
        .details {
            margin: 1px;
        }
        .detail {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 2px;
            padding: 2px;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .detail img {
            max-width: 100%;
            height: 300px;
            border-radius: 10px;
            margin-bottom: 0px;
        }
        .detail-text {
            margin: 0px;
            flex: 0;
            width: 100%;
        }
    </style>
</head>
<body>

    <h1>Swayfy</h1>
    <p class="description">
        Why should you choose <span class="highlight">Swayfy</span>?<br>
        Because <span class="highlight">YOU</span> are the one creating this bot with us!<br>Do you need a feature? Something you don't like and would like to change? Some feature could work better?<br>Just join our <a class="highlight" href="https://discord.gg/gZyYU8VvDS" target="_blank">Support Server</a> and tell us about it. Our bot receives new updates every day, if you leave us your feedback, the next update will be based on it. If you request a new feature, it will probably be added tomorrow!
    </p>

    <div class="functions">
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/moderation.png" alt="Icon">
            <span>Advanced Moderation</span>
        </div>
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/leveling.png" alt="Icon">
            <span>Customizable Leveling</span>
        </div>
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/logs.png" alt="Icon">
            <span>Detailed Logs</span>
        </div>
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/automod.png" alt="Icon">
            <span>Automod</span>
        </div>
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/funandutils.png" alt="Icon">
            <span>Utility and Fun Commands</span>
        </div>
        <div class="function">
            <img src="https://cdn.swayfy.me/webpageIcons/sparkles.png" alt="Icon">
            <span>And Many More!</span>
        </div>
    </div>

    <div class="details">
        <div class="detail">
            <img src="https://cdn.swayfy.me/webpageShowcase/modShowCase.png" alt="Advanced Moderation Image">
            <div class="detail-text">
                <h2>Advanced Moderation</h2>
                <p>Keep your server in peace and safety with <span class="highlight">Swayfy moderation</span>!<br>Someone behaves inappropriately, uses uncensored words? Give him a break from Discord using the <span class="cmd">/mute</span> command. You can also give warnings for breaking the rules via the <span class="cmd">/warn</span> command. If someone is really rude and often receives warnings, <span class="highlight">Swayfy</span> will impose an additional penalty on him after reaching a selected threshold! And if someone behaves really badly for your community, remove they from the server using the <span class="cmd">/kick</span> or <span class="cmd">/ban</span> command. And when you're done, clean the chat room to a shine using the <span class="cmd">/purge</span> command with many advanced filters!<br>With <span class="highlight">Swayfy</span> you also no longer have to wonder why your moderator imposed a penalty on this user and whether it was right. In addition to <span class="cmd">detaild moderation logs</span>, you can also view a summary as well as details of every moderator action taken on your server via <span class="cmd">/cases</span> command!</p>
            </div>
        </div>
        <div class="detail">
            <img src="https://cdn.swayfy.me/webpageShowcase/levelingShowcase.png" alt="Customizable Leveling Image">
            <div class="detail-text">
                <h2>Customizable Leveling</h2>
                <p>In <span class="highlight">Swayfy</span>, you decide how the level system works!<br>How much XP is needed to reach the next level, how much XP you get for sending a message, what is the cooldown in getting XP, what channels you can get XP on, what roles get more XP, what is the global boot - all this and much more you can configure in our <span class="cmd">Leveling System</span>!<br>Pssst! You can also reward your members with special roles for achieving certain levels!</p>
            </div>
        </div>
        <div class="detail">
            <img src="https://cdn.swayfy.me/webpageShowcase/logsShowcase.png" alt="Detailed Logs Image">
            <div class="detail-text">
                <h2>Detailed Logs</h2>
                <p>With <span class="highlight">Swayfy</span> you'll keep an eye on everything!<br>Are you annoyed by the poor logs of other bots that display too little information, don't track everything you'd like, or have it behind a paywall? <span class="highlight">Swayfy</span> will provide you with the most accurate, detailed logs possible and track every action taken on the server!</p>
            </div>
        </div>
        <div class="detail">
            <img src="https://cdn.swayfy.me/webpageShowcase/automodShowcase.png" alt="Automod Image">
            <div class="detail-text">
                <h2>Automod</h2>
                <p>Are you busy? No problem, <span class="highlight">Swayfy</span> will be watching over your server <span class="cmd">24/7</span>!<br>In our automatic moderation system you have complete freedom - you decide what is prohibited and what is not, which roles are excluded from following these rules, what penalties are imposed for breaking particular rules and even what message the bot should send if someone breaks a rule and whether to send it at all. <span class="cmd">Your server your rules</span>.</p>
            </div>
        </div>
        <div class="detail">
            <img src="https://cdn.swayfy.me/webpageShowcase/utilsShowcase.png" alt="Utility and Fun Commands Image">
            <div class="detail-text">
                <h2>Utility and Fun Commands</h2>
                <p>In addition to moderation or leveling, <span class="highlight">Swayfy</span> also has utility as well as 4fun functions!<br>One utility feature is the <span class="cmd">suggestion system</span>. Let your users give feedback and ideas on what to add or change on the server. Unlike other bots, in <span class="highlight">Swayfy</span> you have the ability to approve, reject or even delete suggestions using commands. When accepting or rejecting a suggestion you can also include a comment as to why you made that decision, if you added a comment it will be displayed in the suggestion message along with a summary of user votes. Of course, that's not all. The suggestion system can be freely configured, and we also offer many more utility and 4fun features, but you'll have to check those out for yourselves ;)</p>
            </div>
        </div>
        <div class="detail">
            
            <div class="detail-text">
                <h2>And Many More!</h2>
                <p>That's not all <span class="highlight">Swayfy</span> has to offer. I encourage you to add the bot and see for yourself that it was worth it! And remember, if you're missing a feature or think something can be improved, let us know - we'll make it happen! After all, you know best what you need in the bot you use.</p>
            </div>
        </div>
    </div>

</body>
</html>


Swayfy

Take your server to the next level in the simplest way possible - Just Swayfy

Voting for Swayfy