<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preo - Your Ultimate Discord Music Bot</title>
  <style>
    /* General body styling */
    body {
      font-family: 'Poppins', Arial, sans-serif;
      background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      color: #ffffff;
    }

    /* Main container styling */
    .container {
      max-width: 800px;
      width: 90%;
      padding: 2rem;
      background: rgba(0, 0, 0, 0.7);
      border-radius: 20px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
      overflow: hidden;
      text-align: center;
    }

    /* Header section */
    .header {
      background: linear-gradient(135deg, #60fbfb, #3a7bd5);
      color: #000;
      padding: 1.5rem;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }

    .header h1 {
      margin: 0;
      font-size: 2rem;
      font-weight: bold;
    }

    .header p {
      font-size: 1rem;
      margin-top: 0.5rem;
    }

    /* Commands and filters section */
    .content {
      margin-top: 1.5rem;
      text-align: left;
      font-size: 1rem;
      line-height: 1.8;
    }

    .content strong {
      color: #fdbb2d;
    }

    .content mark {
      background: #ffde59;
      color: #000;
      padding: 0.2rem;
      border-radius: 3px;
    }

    /* Button styling */
    .call-to-action {
      margin-top: 2rem;
    }

    .call-to-action a {
      display: inline-block;
      padding: 1rem 2rem;
      background: linear-gradient(135deg, #60fbfb, #7f60fb);
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .call-to-action a:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }

    /* Links styling */
    .links {
      margin-top: 2rem;
      font-size: 1rem;
    }

    .links a {
      color: #60fbfb;
      font-weight: bold;
      text-decoration: none;
      border-bottom: 2px solid transparent;
      transition: color 0.3s, border-bottom 0.3s;
    }

    .links a:hover {
      color: #7f60fb;
      border-bottom: 2px solid #7f60fb;
    }

    /* Discord widget styling */
    iframe {
      margin-top: 2rem;
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    }

    /* Responsive design */
    @media (max-width: 768px) {
      .container {
        max-width: 95%;
        padding: 1.5rem;
      }

      .header h1 {
        font-size: 1.5rem;
      }

      .content {
        font-size: 0.9rem;
      }

      .call-to-action a {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
      }
    }
  </style>
</head>
<body>

<div class="container">
  <div class="header">
    <h1>Preo 🎵</h1>
    <p>The Ultimate Discord Music Bot for Unparalleled Audio Bliss!</p>
  </div>

  <div class="content">
    <h2>🎶 Key Features</h2>
    <p>
      <strong>Commands:</strong><br>
      <code>/play</code> Play songs from <b>Spotify</b> and <b>SoundCloud</b> in VC.<br>
      <code>/queue</code> View the current queue.<br>
      <code>/setup</code> Create an <b>amazing control channel</b> for your music 🎵 <mark>MUST TRY</mark>.<br>
      <code>/defaultautoplay</code> Toggle song autoplay.<br>
      <code>/djrole</code> Set a DJ role to restrict commands like <b>skip, pause, clear</b>, etc.<br>
      <code>/24/7</code> Keep the bot in VC 24/7 <mark>MUST TRY</mark>.<br>
      <code>/clear</code> Cleanup past requests.<br>
      <code>/grab</code> Snatch your favorite tunes.<br>
      <code>/autoplay</code> Play continuous tracks.<br>
      <code>/search</code> Search your favorite songs <mark>MUST TRY</mark>.<br>
      ...and <b>many more!</b>
    </p>

    <h2>🎛️ Premium Filters</h2>
    <p>Transform your music with features like:<br>
      <code>/8d</code>, <code>/bassboost</code>, <code>/karaoke</code>, <code>/nightcore</code>, <code>/vaporwave</code>, <code>/pop</code>, and more!</p>
    <p>
      <b>Enjoy premium features for free! Tailor every song to your liking.</b>
    </p>
  </div>

  <div class="call-to-action">
    <a href="https://discord.com/api/oauth2/authorize?client_id=1124688116268138547&permissions=8&scope=bot%20applications.commands">Invite Preo</a>
  </div>

  <div class="links">
    <p>
      🌐 <a href="https://preo.me">Official Website</a><br>
      💬 <a href="https://discord.gg/KEFGnHV3gy">Support Server</a>
    </p>
  </div>

  <iframe src="https://discord.com/widget?id=1124376851125649448&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>

</body>
</html>

Preo

Preo: Unleash the Rhythm! 🎶 Get grooving with the ultimate Discord music bot, packed with endless commands and tunes to rock your server. 

Voting for Preo