<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SoloLeveling | Discord Moderation bot</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="#features">Features</a></li>
                <li><a class="pbutton" href="/panel">Panel</a></li>
            </ul>
        </nav>
    </header>
    <div class="banner">
        <section id="home">
            <div class="container">
                <h1>SoloLeveling</h1>
                <p>The best iranian moderation discord bot</p>
                <div class="buttons">
                    <a href="#get-started"><button class="button">Get Started</button></a>
                    <a href="#features"><button class="button">Features</button></a>
                </div>
            </div>
        </section>
    </div>


    <section id="get-started">
        <div class="container">
            <h2>Get Started with SoloLeveling</h2>
            <p>Ready to enhance your Discord experience? Follow these steps to get started with SoloLeveling, the ultimate fun and management bot for your server.</p>
            <div class="steps">
                <div class="step">
                    <div class="step-icon">
                        <img src="assets/5348-number-1.png" alt="Step 1">
                    </div>
                    <div class="step-content">
                        <h3>Invite SoloLeveling</h3>
                        <p>Click the button below to invite SoloLeveling to your Discord server.</p>
                        <a href="/addme"><button class="button">Invite Now</button></a>
                    </div>
                </div>
                <div class="step">
                    <div class="step-icon">
                        <img src="assets/67877-number-2.png" alt="Step 2">
                    </div>
                    <div class="step-content">
                        <h3>Setup Your Server</h3>
                        <p>Configure SoloLeveling with your server settings and customize the bot to fit your needs.</p>
                        <a href="/document"><button class="button">Setup Guide</button></a>
                    </div>
                </div>
                <div class="step">
                    <div class="step-icon">
                        <img src="assets/26711-number-3.png" alt="Step 3">
                    </div>
                    <div class="step-content">
                        <h3>Enjoy the Features</h3>
                        <p>Explore the various features and commands of SoloLeveling to make the most out of your Discord server.</p>
                        <a href="#features"><button class="button">Explore Features</button></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    


    <section id="about">
        <div class="container">
            <div class="about-left">
                <h2>About Us</h2>
                <p>We are a dedicated team of Discord bot developers committed to delivering innovative and engaging solutions. Our primary project, SoloLeveling, is a fun and versatile management bot designed to enhance your Discord experience. With SoloLeveling, users can enjoy a wide range of entertainment features while benefiting from robust server management tools. Complementing this is AtlasLeveling, a support project that enhances and extends the capabilities of SoloLeveling. AtlasLeveling ensures that SoloLeveling operates smoothly, providing additional resources and tools to optimize performance. Our team works tirelessly to update and improve both bots, ensuring they meet the evolving needs of our users. Passionate about creating the best possible experience, we strive to make Discord a more enjoyable and efficient platform for everyone.</p>
            </div>
            <div class="about-right">
                <div class="profile-box">
                    <div class="profile-pic">
                        <img src="assets/mmd.webp" alt="Developer 1">
                    </div>
                    <div class="profile-info">
                        <h3>C_Block</h3>
                        <p>Lead Solo Developer | Web Designer</p>
                    </div>
                </div>
                <div class="profile-box">
                    <div class="profile-pic">
                        <img src="assets/arezoo.webp" alt="Developer 2">
                    </div>
                    <div class="profile-info">
                        <h3>Farinosa</h3>
                        <p>Solo Developer | Web Developer</p>
                    </div>
                </div>
                <div class="profile-box">
                    <div class="profile-pic">
                        <img src="assets/erfan.webp" alt="Developer 3">
                    </div>
                    <div class="profile-info">
                        <h3>Erfan</h3>
                        <p>Lead Atlas Developer | Bot Developer</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    






    <section id="features">
        <div class="container">
            <h2>Features</h2>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/inlove.png" alt="Feature 1">
                </div>
                <div class="feature-content">
                    <h3>Assistant</h3>
                    <p>Solo Assistant ! this feature is very helpful for how to use this bot or ability's with ask question to bot with Mention</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/Cute.png" alt="Feature 2">
                </div>
                <div class="feature-content">
                    <h3>Mini Games</h3>
                    <p>Powerful minigames with command & without command in one discord bot. (Trivia, MathPuzzle, Truth Or Dare)</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/ZeroTwo_heartloveRainbow.gif" alt="Feature 3">
                </div>
                <div class="feature-content">
                    <h3>Weekly Update</h3>
                    <p>Weekly bot updates and add new games or commands to use for free users and premium users</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/angry.png" alt="Feature 4">
                </div>
                <div class="feature-content">
                    <h3>Antispam & Antilink system</h3>
                    <p>Powerful Antispam & antilink system for this bot, this ability is silently working and only time out spammer users and delete link messages</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/Level5.png" alt="Feature 5">
                </div>
                <div class="feature-content">
                    <h3>Leveling System</h3>
                    <p>Best level system for discord servers and user's its working with command for setup level notif channel</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/Ok.png" alt="Feature 6">
                </div>
                <div class="feature-content">
                    <h3>Powerful API</h3>
                    <p>this bot use best API's for /anime & /minecraft & /weather & ... api works commands</p>
                </div>
            </div>
            <div class="feature">
                <div class="feature-icon">
                    <img src="assets/Discord_Mod_Role_Icon.png" alt="Feature 7">
                </div>
                <div class="feature-content">
                    <h3>Moderation system</h3>
                    <p>A good moderation system for modify your discord server & safe server from attacker's</p>
                </div>
            </div>
            <!-- Add more features as needed -->
        </div>
    </section>
    

    <section id="services">
        <div class="container">
            <div class="service-box" style="background-image: url('assets/SoloLeveling.png');">
                <div class="service-content">
                    <h3>SoloLeveling</h3>
                    <p>Solo is a public project of Solo Development team. <br>Solo is a powerful moderation & Fun discord bot with assistant.</p>
                    <div class="buttons">
                        <a href="/addme"><button class="button">Add bot discord server</button></a>
                        <a href="#join-discord"><button class="button">Join bot discord server</button></a>
                    </div>
                </div>
            </div>
            <div class="service-box" style="background-image: url('assets/AtlasLevelin.png');">
                <div class="service-content">
                    <h3>AtlasLeveling</h3>
                    <p>Atlas is a private project of Solo Development team. <br>Atlas is a private ticket manager & bot manager of solo discord server</p>
                    <div class="buttons">
                        <a href="#atlas-complete"><button class="button">Learn More</button></a>
                        <a href="#join-discord"><button class="button">Join bot discord server</button></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="about" class="pricing">
        <div class="pricing-content">
            <h2 class="pricing-title">Bot Access plans</h2>
            <p class="pricing-subtitle">Bot Commands Access in all plans</p>
            <div class="pricing-table">
                <div class="pricing-column">
                    <div class="pricing-header free">
                        <h3>Free</h3>
                    </div>
                    <ul class="pricing-features">
                        <li><span>/Kick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Timeout</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Meme</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Anime</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Avatar</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/User</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Clearchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Developer</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Help</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Translate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Donate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/GiveAway</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Poll</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Convert</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Hug</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Kiss</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Minecraft</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockvoice</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Server</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Radio</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Premium</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Trivia</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Vote</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Weather</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Truthordare</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Mathpuzzle</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Setnick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Ban</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Roles</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Counting</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Antiafk</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Analyze</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Welcome</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Leveling</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Message</span><span class="crossmark">&#10008;</span></li>
                    </ul>
                </div>
                <div class="pricing-column">
                    <div class="pricing-header solo-plus">
                        <h3>Solo +</h3>
                    </div>
                    <ul class="pricing-features">
                        <li><span>/Kick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Timeout</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Meme</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Anime</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Avatar</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/User</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Clearchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Developer</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Help</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Translate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Donate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/GiveAway</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Poll</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Convert</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Hug</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Kiss</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Minecraft</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockvoice</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Server</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Radio</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Premium</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Trivia</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Vote</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Weather</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Truthordare</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Mathpuzzle</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Setnick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Ban</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Roles</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Counting</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Antiafk</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Analyze</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Welcome</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Leveling</span><span class="crossmark">&#10008;</span></li>
                        <li><span>/Message</span><span class="crossmark">&#10008;</span></li>
                    </ul>
                </div>
                <div class="pricing-column">
                    <div class="pricing-header solo-gold">
                        <h3>Solo Gold</h3>
                    </div>
                    <ul class="pricing-features">
                        <li><span>/Kick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Timeout</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Meme</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Anime</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Avatar</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/User</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Clearchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Developer</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Help</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Translate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Donate</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/GiveAway</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Poll</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Convert</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Hug</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Kiss</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Minecraft</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockchat</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Lockvoice</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Server</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Radio</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Premium</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Trivia</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Vote</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Weather</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Truthordare</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Mathpuzzle</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Setnick</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Ban</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Roles</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Counting</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Antiafk</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Analyze</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Welcome</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Leveling</span><span class="checkmark">&#10004;</span></li>
                        <li><span>/Message</span><span class="checkmark">&#10004;</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>



    <section id="join-discord">
        <div class="container">
            <div class="left">
                <h2>Join Our Discord Server</h2>
                <div class="stats">
                    <div class="stat">
                        <div class="emoji">
                            <img src="assets/Users (1).png" alt="Emoji">
                        </div>
                        <p>Online Members: <span id="online-members">Loading...</span></p>
                    </div>
                    <div class="stat">
                        <div class="gif-icon">
                            <img src="assets/Online1.gif" alt="Online">
                        </div>
                        <p>Total Members: <span id="total-members">Loading...</span></p>
                    </div>
                </div>
                <a href="https://discord.com/invite/Y5NxKYY3?utm_source=Discord%20Widget&utm_medium=Connect" target="_blank"><button class="button">Join Now</button></a>
            </div>
            <div class="right">
                <iframe src="https://discord.com/widget?id=1314211153597173790&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
            </div>
        </div>
    </section>
    
    <section id="contact-us">
        <div class="container">
            <h2>Contact Us</h2>
            <p>Have any questions or feedback? Fill out the form below to get in touch with us.</p>
            <form id="contact-form">
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" required>
                </div>
                <div class="form-group">
                    <label for="discord-username">Discord Username</label>
                    <input type="text" id="discord-username" name="discord-username" placeholder="e.g. c.block" required>
                </div>
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" name="message" required></textarea>
                </div>
                <button type="submit" class="button">Send Message</button>
            </form>
            <div id="toast" class="toast">Your form sent</div>
        </div>
    </section>
    
    
    









    <footer>
        <div class="container">
            <div class="footer-left">
                <h2>SoloLeveling Bot</h2>
                <p>&copy; 2024 SoloLeveling. All rights reserved.</p>
            </div>
            <div class="footer-right">
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#contact-us">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="particles-js"></div>
    </footer>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>    
    <script src="scripts.js"></script>
    <script src="discordapi.js"></script>
    <script src="contactwebhook.js"></script>
    <script>
        particlesJS('particles-js',
{
    "particles": {
        "number": {
            "value": 50,
            "density": {
                "enable": true,
                "value_area": 800
            }
        },
        "color": {
            "value": "#ffffff"
        },
        "shape": {
            "type": "circle",
            "stroke": {
                "width": 0,
                "color": "#000000"
            },
            "polygon": {
                "nb_sides": 5
            },
        },
        "opacity": {
            "value": 0.5,
            "random": false,
            "anim": {
                "enable": false,
                "speed": 1,
                "opacity_min": 0.1,
                "sync": false
            }
        },
        "size": {
            "value": 3,
            "random": true,
            "anim": {
                "enable": false,
                "speed": 40,
                "size_min": 0.1,
                "sync": false
            }
        },
        "line_linked": {
            "enable": true,
            "distance": 150,
            "color": "#ffffff",
            "opacity": 0.4,
            "width": 1
        },
        "move": {
            "enable": true,
            "speed": 6,
            "direction": "none",
            "random": false,
            "straight": false,
            "out_mode": "out",
            "bounce": false,
            "attract": {
                "enable": false,
                "rotateX": 600,
                "rotateY": 1200
            }
        }
    },
    "interactivity": {
        "detect_on": "canvas",
        "events": {
            "onhover": {
                "enable": true,
                "mode": "repulse"
            },
            "onclick": {
                "enable": true,
                "mode": "push"
            },
            "resize": true
        },
        "modes": {
            "grab": {
                "distance": 400,
                "line_linked": {
                    "opacity": 1
                }
            },
            "bubble": {
                "distance": 400,
                "size": 40,
                "duration": 2,
                "opacity": 8,
                "speed": 3
            },
            "repulse": {
                "distance": 200,
                "duration": 0.4
            },
            "push": {
                "particles_nb": 4
            },
            "remove": {
                "particles_nb": 2
            }
        }
    },
    "retina_detect": true
}
);

    </script>
</body>
</html>
