
<div class="heading-container" style="background: linear-gradient(157.81deg, #def9fa -43.27%, #bef3f5 -21.24%, #9dedf0 12.19%, #7de7eb 29.82%, #5ce1e6 51.94%, #33bbcf 90.29%); border-radius: 10px; padding: 2%; text-align: right; margin: 20px 0;"><span class="heading-text" style="color: black; font-size: 2em; font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-style: italic; letter-spacing: 0.1em; text-transform: uppercase;">ABOUT BOT</span>
</div>
<style>
    .bot-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
        gap: 20px;
    }
    .bot-avatar {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: cover;
    }
    @media (max-width: 768px) {
        .bot-info {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .bot-avatar {
            width: 200px;
            height: 200px;
        }
        .bot-info h2{
            font-size: 30px;
        }
    }
</style>
<div class="bot-info"><img src="https://images-ext-1.discordapp.net/external/zHZ2T4bR4AfM_60yBW4_vmlZYCTmXb2LPVOeSVo8vTk/%3Fsize%3D4096/https/cdn.discordapp.com/avatars/1170016414774591590/93cebbb2fc530d8b5f555bfa79896977.png?format=webp&quality=lossless&width=644&height=644" alt="One Piece Infinity Bot Avatar" class="bot-avatar"><div><h2>Set Sail with One Piece Infinity!</h2><p>Embark on an epic adventure with the One Piece Infinity Bot. Designed for One Piece fans, this bot brings the world of the Grand Line to your Discord server with a variety of immersive commands and features.</p></div></div>


<div class="heading-container" style="background: linear-gradient(157.81deg, #def9fa -43.27%, #bef3f5 -21.24%, #9dedf0 12.19%, #7de7eb 29.82%, #5ce1e6 51.94%, #33bbcf 90.29%); border-radius: 10px; padding: 2%; text-align: right; margin: 20px 0;"><span class="heading-text" style="color: black; font-size: 2em; font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-style: italic; letter-spacing: 0.1em; text-transform: uppercase;">BOT COMMANDS</span>
</div>
<style>
    .commands {
        background-color:  #0f172a;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        margin-top: 30px;
    }
    .command-category {
        margin-bottom: 20px;
    }
    .command-category h3{
        color: white;
    }
    .command-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .command {
        background-color: rgb(30 41 59);
        padding: 5px 10px;
        border-radius: 5px;
    }
</style>    

<div class="commands"><div class="command-category"><h3>🏯️ Basic</h3><div class="command-list"><span class="command">/start</span><span class="command">/profile</span><span class="command">/item inventory</span><span class="command">/characters</span><span class="command">/wish</span><span class="command">/crew</span><span class="command">/glory</span><span class="command">/gallery</span></div></div><div class="command-category"><h3>⚔️ Play</h3><div class="command-list"><span class="command">/hunt</span><span class="command">/fish</span><span class="command">/arc</span><span class="command">/mine</span><span class="command">/survival</span><span 
class="command">/invade</span><span 
class="command">/adventure</span></div></div><div class="command-category"><h3>🍖 Gourmet</h3><div class="command-list"><span class="command">/cage</span><span class="command">/meats</span><span class="command">/culinary</span><span class="command">/recipe</span><span class="command">/cook</span></div></div><div class="command-category"><h3>💰 Currency</h3><div class="command-list"><span class="command">/disenchant</span><span class="command">/bal</span><span class="command">/pay</span><span class="command">/claim</span><span class="command">/drop</span><span class="command">/shop</span><span class="command">/buy</span><span class="command">/donate</span><span class="command">/trade</span><span class="command">/chest</span></div></div></div>

<div class="heading-container" style="background: linear-gradient(157.81deg, #def9fa -43.27%, #bef3f5 -21.24%, #9dedf0 12.19%, #7de7eb 29.82%, #5ce1e6 51.94%, #33bbcf 90.29%); border-radius: 10px; padding: 2%; text-align: right; margin: 20px 0;"><span class="heading-text" style="color: black; font-size: 2em; font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-style: italic; letter-spacing: 0.1em; text-transform: uppercase;">GETTING STARTED</span>
</div>

<style>
    .getting-started {
          background-color: #2C2F33;
          color: #FFFFFF;
          padding: 20px;
          border-radius: 10px;
      }

      .getting-started ol {
          padding-left: 20px;
      }

      .getting-started li {
          margin-bottom: 15px;
      }

      .getting-started strong {
          background: linear-gradient(69.5deg, rgb(255, 102, 102) -0.5%, rgb(153, 255, 255) 97.4%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          color: transparent;
          text-transform: uppercase;
          display: inline-block;
      }

      .getting-started .note {
          color: #99AAB5;
          font-size: 0.9em;
          margin-top: 5px;
      }
    .cta {
        text-align: center;
        margin-top: 30px;
    }
    .button a{
        color: black !important;
    }
    .button {
        display: inline-block;
        padding: 10px 20px;
        background: linear-gradient(157.81deg, #def9fa -43.27%, #bef3f5 -21.24%, #9dedf0 12.19%, #7de7eb 29.82%, #5ce1e6 51.94%, #33bbcf 90.29%);
        color: black !important;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
    }
    .button:hover {
        background-color: #B71C1C !important;
    }
</style>
<div class="getting-started"><ol><li><a href="#"><strong>Click here</strong></a> to invite the bot to your server. Don't uncheck any of the permission requests.<p class="note">You'll need to be "Administrator" or have the "Manage Server" permission.</p></li><li><strong>(Optional) Create a new channel</strong> in your Discord server called #one-piece-infinity (or use any other name).<p class="note">One Piece Infinity sends a lot of messages, so you'll want them separate from your chat.</p></li><li><strong>Type /start in a channel!</strong><p class="note">This will begin your One Piece adventure and you'll start receiving items shortly. You can also type /hunt to start immediately.</p></li><li><strong>(Optional) Configure your channel settings.</strong><p class="note">Type /settings to open your personal link. Then click 'Menu', then 'Channels', then click on your channel, then 'Show Channel Settings'.</p></li><li><strong>(Optional) Something not working right? Type /help for assistance.</strong><p class="note">The help command will provide guidance. If you need more help, join our Support Server.</p></li></ol></div>



<div class="heading-container" style="background: linear-gradient(157.81deg, #def9fa -43.27%, #bef3f5 -21.24%, #9dedf0 12.19%, #7de7eb 29.82%, #5ce1e6 51.94%, #33bbcf 90.29%); border-radius: 10px; padding: 2%; text-align: right; margin: 20px 0;"><span class="heading-text" style="color: black; font-size: 2em; font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-style: italic; letter-spacing: 0.1em; text-transform: uppercase;">Set Sail Now!</span>
</div>

<div class="cta"><p>Ready to embark on your One Piece adventure?</p><a href="https://discord.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&scope=bot" class="button">Add One Piece Infinity to Discord</a></div>


One Piece Infinity

Set Sail for the Ultimate Pirate Experience with One Piece Infinity – Explore, Battle, and Conquer the Grand Line! Join the Crew Today!

Creators of One Piece Infinity also known as OPI

One Piece Infinity के लिए वोट कर रहे हैं