<!DOCTYPE html>
<html lang="en">
<head> 
    <title>feier Bot | Home</title>
    <link href="https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500&display=swap" rel="stylesheet">
        
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="feier Bot is an All-in-One Discord Bot offering comprehensive Moderation, Ticketing, and Automod features to enhance server management and engagement.">
    <meta name="keywords" content="feier bot, discord bot, moderation bot, ticket bot, automod, server management, discord server, all-in-one bot, engagement bot">
    <meta name="author" content="feier">
    
    
    <meta property="og:title" content="feier Bot | All-in-One Discord Bot">
    <meta property="og:description" content="Transform your Discord server with feier Bot's advanced Moderation, Ticketing, and Automod functionalities for seamless server management and user engagement.">
    <meta property="og:image" content="https://cdn.discordapp.com/avatars/1209636266065268767/29aeff4aabfb5a6186fac26ad59a0f0b.webp?size=4096">
    <meta property="og:url" content="http://yourwebsite.com">
    <meta property="og:type" content="website">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="feier Bot | All-in-One Discord Bot">
    <meta name="twitter:description" content="Maximize your Discord server's potential with feier Bot, featuring top-notch Moderation, Ticketing, and Automod capabilities.">
    <meta name="twitter:image" content="https://cdn.discordapp.com/avatars/1209636266065268767/29aeff4aabfb5a6186fac26ad59a0f0b.webp?size=4096">
    
    <style>
        
                :root {
            --dark-blue: #2c2f4b;
            --light-blue: #8db7f6;
            --gradient: linear-gradient(135deg, #1a1c2c 0%, #252850 100%);
            --text-color: #fff;
            --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: var(--font-main);
            color: var(--text-color);
            background-image: var(--gradient);
            animation: backgroundShift 30s ease infinite;
        }

        .container {
            max-width: 1000px;
            margin: 20px auto;
            padding: 20px;
            border-radius: 10px;
        }

        h2.subtitle {
            color: #fff;
            font-size: 24px;
            margin-bottom: 10px;
        }

        ul {
            margin: 10px 0 20px;
            line-height: 1.6;
        }

        li {
            margin-bottom: 5px;
        }

        a {
            color: var(--light-blue);
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .row img {
            height: 250px;
            border-radius: 10px;
            margin-left: 20px;
        }

        hr {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--light-blue), rgba(0, 0, 0, 0));
            margin: 20px 0;
        }

        @keyframes backgroundShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        :root {
            --dark-blue: #2c2f4b;
            --light-blue: #8db7f6;
            --gradient: linear-gradient(135deg, #1a1c2c 0%, #252850 100%);
            --text-color: #fff;
            --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: var(--font-main);
            color: var(--text-color);
            background-image: var(--gradient);
            animation: backgroundShift 30s ease infinite;
        }

        @keyframes backgroundShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            background: var(--dark-blue);
            position: fixed;
            width: 100%;
            z-index: 10;
        }

        .navbar a {
            color: var(--text-color);
            text-decoration: none;
            padding: 0 15px;
        }

        .hero {
            padding: 100px 20px;
            text-align: center;
            background-size: cover;
            background-position: center;
        }

        .hero h1 {
            color: var(--light-blue);
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .hero p {
            margin-bottom: 1rem;
        }

        .hero img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin: 20px 0;
        }

        .hero .add-bot-btn {
            background: var(--light-blue);
            color: var(--dark-blue);
            padding: 10px 20px;
            border-radius: 5px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .hero .add-bot-btn:hover {
            background: #6a7fbf;
        }

        .features {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 50px 20px;
        }

        .feature {
            background: var(--dark-blue);
            margin: 10px;
            padding: 20px;
            border-radius: 10px;
            width: 280px;
            transition: transform 0.3s ease;
        }

        .feature:hover {
            transform: translateY(-10px);
        }

        .feature h3 {
            margin-bottom: 15px;
        }

        .feature img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 10px 0;
        }

        footer {
            background: var(--dark-blue);
            color: var(--text-color);
            text-align: center;
            padding: 20px;
        }

        .legal-links {
            text-align: center;
            margin-top: 20px;
        }

        .legal-links a {
            color: var(--light-blue);
            text-decoration: none;
            margin: 0 10px;
        }

        .legal-links a:hover {
            text-decoration: underline;
        }
                .trusted-by-section {
            background-color: var(--dark-blue);
            color: var(--text-color);
            padding: 20px;
            margin: 20px auto;
            border-radius: 10px;
            text-align: center;
        }

        .trusted-by-section h2 {
            margin-bottom: 20px;
        }

        .server-slider {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Hinter dem Rest des Inhalts */
    overflow: hidden; /* Um sicherzustellen, dass das Video nur im gewünschten Bereich sichtbar ist */
}

.background-video video {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; /* Das Video passt sich dem Container an, ohne das Seitenverhältnis zu verzerren */
}

        .server-item {
            margin: 10px;
            display: inline-block;
            text-align: center;
        }

        .server-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .server-info {
            margin-top: 10px;
        }

        .server-name {
            font-size: 16px;
            font-weight: bold;
        }

        .member-count {
            font-size: 14px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .server-slider {
                flex-direction: column;
            }
        }
        
                @media (max-width: 768px) {
            .row {
                flex-direction: column;
            }

            .row img {
                margin-left: 0;
                margin-bottom: 20px;
                width: 100%;
                height: auto;
            }
        }
    </style>
    
<body>
    <section class="hero" id="home">
        <center><img src="https://cdn.discordapp.com/avatars/1209636266065268767/29aeff4aabfb5a6186fac26ad59a0f0b.webp?size=4096" alt="feier Bot" /></center>
        <h1>Welcome to feier Bot</h1>
        <p>Experience the next level of Discord interactions with our <b>ALL IN ONE</b> App.</p>
        <a href="https://discord.com/oauth2/authorize?client_id=1209636266065268767&permissions=8&scope=bot" class="add-bot-btn">Add Bot</a>
    </section>
    
    

    <div class="features">
        <div class="feature">
            <img src="https://cdn-icons-png.flaticon.com/512/3178/3178373.png" alt="Voice System">
            <h3>VOICE SYSTEM</h3>
            <p>Let members create voice channels, manage permissions or even transfer channel ownership.</p>
        </div>
        <div class="feature">
            <img src="https://cdn.icon-icons.com/icons2/1633/PNG/512/52722ticket_109375.png" alt="Ticket System">
            <h3>TICKET SYSTEM</h3>
            <p>Make your server members open tickets for help or report problems. Our system will handle everything for you!</p>
        </div>
        <div class="feature">
            <img src="https://cdn-icons-png.freepik.com/512/7539/7539419.png" alt="Auto Moderation">
            <h3>AUTO MODERATION</h3>
            <p>Make your server a safe environment for members, by using our automod system. It includes spam detection, invite blocker and more!</p>
        </div>
    </div>
    
        <div class="container">
<div class="row justify-content-between">
    <div>
        <h2 class="subtitle">Logging</h2>
        <ul>
            <li>Message events: Deleted messages, edited messages, purged messages</li>
            <li>Discord invite links</li>
            <li>Updates to the server: Channels, roles, and emojis</li>
            <li>Member updates: Roles, name changes, avatar changes, bans, unbans</li>
        </ul>
    </div>
    <div>
        <img src="https://i.imgur.com/TYj8I8q_d.webp?maxwidth=760&fidelity=grand" alt="Log System">
    </div>
</div>
<hr>


<div class="row justify-content-between">
    <div>
        <h2 class="subtitle">Powerful Moderation</h2>
        <ul>
            <li>Modlogs lets your mods take responsibility for their mod actions</li>
            <li>All the mod commands you could ever want, timed or not</li>
            <li>"Drama channel" that gives your mods an easy overview of the rules being broken</li>
            <li>Sticky roles to prevent people from leaving to get rid of their mute</li>
        </ul>
    </div>
    <div>
        <img src="https://i.imgur.com/7dtkxP3_d.webp?maxwidth=760&fidelity=grand" alt="Moderation System">
    </div>
</div>
<hr>
            
            <div class="row justify-content-between">
    <div>
        <h2 class="subtitle">AutoMod</h2>
        <ul>
            <li>Punish bad links, spam, attachmentspam, mentionspam, bad words</li>
            <li>Block suspicious links and attachments</li>
            <li>Anti-Ghostping blocks from users being "Ghostpinged"</li>
            <li>Everything configurable and easy to use</li>
        </ul>
    </div>
    <div>
        <img src="https://feier.pro/automod" alt="AutoMod System">
    </div>
</div>
<hr><br><br>
</body>
</html>

feier

A Moderation, Utility, Fun  and community bot that entertains your members with funny jokes. All in one!

Stemmen voor feier

Wil je ons ondersteunen?