Aiko: Your Charming Companion

Aiko is a small but continuously evolving bot, designed to bring you an even better experience. Explore all its features and have fun interacting with it!

<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 50px;">

    <!-- Reaction Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/happy.png" alt="Reaction Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Reaction</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Use various reactions and expressions to add fun to your conversations.</p>
    </div>

    <!-- Interaction Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/chat.png" alt="Interaction Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Interaction</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Connect and chat with Aiko.</p>
    </div>

    <!-- Fun Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/confetti.png" alt="Fun Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Fun</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Games and activities to keep you entertained.</p>
    </div>

    <!-- Economy Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/money.png" alt="Economy Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Economy</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Manage your virtual currency and earnings.</p>
    </div>

    <!-- Moderation Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/shield.png" alt="Moderation Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Moderation</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Maintain order in your server with powerful tools.</p>
    </div>

    <!-- Configuration Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/settings.png" alt="Configuration Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Configuration</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Manage your server settings and customize Aiko.</p>
    </div>

    <!-- Information Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/info.png" alt="Information Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Information</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Get detailed information about users, servers, and the bot.</p>
    </div>

    <!-- Utilities Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/toolbox.png" alt="Utilities Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Utilities</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Access handy tools and utilities to enhance your Discord experience.</p>
    </div>

    <!-- Search Card -->
    <div style="background-color: #f5f5f5; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 220px; transition: transform 0.3s; text-align: center;">
        <img src="https://img.icons8.com/ios-filled/100/bb86fc/search.png" alt="Search Icon" style="width: 60px; height: 60px;">
        <h3 style="font-size: 24px; color: #BB86FC; margin-top: 20px;">Search</h3>
        <p style="font-size: 16px; color: #555; margin-top: 10px;">Find information quickly and easily.</p>
    </div>

</div>

<p style="font-size: 18px; line-height: 1.6; margin-bottom: 40px; color: #666;">
    Aiko is available 24/7, always ready to assist and enhance your server. Additionally, new commands and improvements are continuously being added. Enhance your server today with Aiko!
</p>

<p style="font-size: 18px; color: #888; margin-top: 30px;">Available in 🇪🇸 Español ・ 🇺🇸 English ・ 🇧🇷 Português ・ 🇷🇺 Русский</p>