Name: Flynn.
SKU: 968780014608867369
Availability: OnlineOnly
Rating: 100 (2 reviews)

Flynn.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Flynn Bot</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap" rel="stylesheet">


<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden}
body{
font-family:Inter,sans-serif;
background:#07110a;
color:#fff;
line-height:1.6;
}

body:before{
content:"";
position:fixed;
inset:0;
background:
radial-gradient(circle at 15% 20%, rgba(255,215,0,.20), transparent 35%),
radial-gradient(circle at 85% 30%, rgba(0,255,140,.18), transparent 30%),
radial-gradient(circle at 50% 90%, rgba(173,255,47,.16), transparent 35%);
z-index:-1;
}

.container{
max-width:1300px;
margin:auto;
padding:24px;
}

.card{
background:linear-gradient(180deg,#0c1810,#0a120d);
border:1px solid rgba(186,255,72,.18);
border-radius:32px;
overflow:hidden;
box-shadow:
0 25px 80px rgba(0,0,0,.45),
0 0 40px rgba(187,255,0,.08);
}

/* HERO */
.hero{
padding:80px 60px;
display:grid;
grid-template-columns:1.2fr .9fr;
gap:60px;
align-items:center;
}

.badge{
display:inline-block;
padding:12px 20px;
border-radius:999px;
background:linear-gradient(90deg,#ffd000,#4dff88);
color:#0b140f;
font-weight:900;
margin-bottom:28px;
}

h1{
font-size:78px;
line-height:.95;
margin-bottom:20px;
font-weight:900;
background:linear-gradient(90deg,#fff7ae,#83ff9b);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
font-size:19px;
max-width:760px;
color:#d8ffd9;
margin-bottom:35px;
}

.btn-wrap{
display:flex;
flex-wrap:wrap;
gap:16px;
margin-bottom:35px;
}

.btn{
padding:15px 28px;
border-radius:18px;
font-weight:800;
text-decoration:none;
transition:.3s;
}
.primary{
background:linear-gradient(90deg,#ffd000,#45ff85);
color:#07110a;
}
.secondary{
color:#ddffd5;
border:1px solid rgba(197,255,112,.35);
background:rgba(255,255,255,.03);
}
.btn:hover{transform:translateY(-4px)}


.stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
}
.stat {
	flex: 1 1 180px;
	min-width: 140px;
	padding: 24px 10px;
	border-radius: 22px;
	background: rgba(195,255,0,.04);
	border: 1px solid rgba(193,255,107,.15);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.stat h3 {
	font-size: 32px;
	margin-bottom: 8px;
	white-space: nowrap;
}
.stat p {
	color: #d7ffcf;
	font-size: 18px;
	margin: 0;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.stats {
		flex-wrap: wrap;
		gap: 12px;
	}
	.stat {
		min-width: 120px;
		padding: 18px 6px;
	}
	.stat h3 {
		font-size: 26px;
	}
	.stat p {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.stats {
		flex-direction: column;
		gap: 10px;
	}
	.stat {
		min-width: 0;
		width: 100%;
		padding: 14px 4px;
	}
	.stat h3 {
		font-size: 22px;
	}
	.stat p {
		font-size: 13px;
	}
}

.panel{
background:linear-gradient(180deg,#101e14,#0b1510);
padding:28px;
border-radius:28px;
border:1px solid rgba(197,255,112,.14);
margin-bottom:20px;
}

.widget img{width:100%;border-radius:16px}

.details-row{
display:flex;
justify-content:space-between;
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,.06)
}
.details-row:last-child{border:none}
.label{color:#beff8c;font-size:13px;font-weight:700}
.value{font-size:22px;font-weight:800}

.server-box{
padding:22px;
border-radius:20px;
background:linear-gradient(90deg,#ffd000,#49ff8f);
color:#07110a;
font-size:32px;
font-weight:900;
text-align:center;
}

/* FEATURES */
.section{
padding:70px 60px;
border-top:1px solid rgba(255,255,255,.06);
}

.section h2{
font-size:52px;
margin-bottom:30px;
}

.features{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.feature{
padding:30px;
border-radius:24px;
background:rgba(255,255,255,.03);
border:1px solid rgba(196,255,112,.12);
}
.feature .icon{font-size:36px;margin-bottom:15px}
.feature h3{margin-bottom:12px}
.feature p{color:#d6ffd2}

/* COMMANDS */
.commands-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.cmd-card{
padding:30px;
border-radius:24px;
background:linear-gradient(180deg,#111f15,#0c1710);
border:1px solid rgba(197,255,112,.12);
}
.cmd-card h3{
color:#dbff69;
margin-bottom:18px;
font-size:28px;
}
.cmd-card ul{list-style:none}
.cmd-card li{
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.05)
}

/* TIMELINE */
.roadmap{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.phase{
padding:28px;
border-radius:24px;
background:rgba(255,255,255,.03);
border:1px solid rgba(197,255,112,.12);
}
.phase span{
display:inline-block;
margin-bottom:15px;
padding:8px 14px;
border-radius:999px;
background:#d8ff4d;
color:#07110a;
font-weight:800;
}

/* CTA */
.cta{
margin:40px 60px 70px;
padding:60px;
border-radius:30px;
background:linear-gradient(90deg,#ffd000,#4dff88);
color:#07110a;
text-align:center;
}
.cta h2{font-size:54px;margin-bottom:18px}
.cta p{max-width:800px;margin:0 auto 28px}
.cta .btn.secondary{
background:#07110a;
color:#fff;
border:none;
}

.footer{
padding:30px 60px;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
justify-content:space-between;
flex-wrap:wrap;
color:#b8ff9d;
}

/* Responsive */
@media(max-width:1100px){
.hero{grid-template-columns:1fr;padding:45px}
.features{grid-template-columns:1fr 1fr}
.commands-grid{grid-template-columns:1fr 1fr}
.roadmap{grid-template-columns:1fr}
h1{font-size:58px}
.section{padding:50px 45px}
}

@media(max-width:768px){
h1{font-size:42px}
.hero p{font-size:16px}
.btn-wrap{flex-direction:column}
.btn{width:100%;text-align:center}
.stats{grid-template-columns:1fr 1fr}
.features,.commands-grid{grid-template-columns:1fr}
.section h2{font-size:38px}
.cta{margin:30px 24px 50px;padding:35px}
.cta h2{font-size:36px}
.footer{padding:24px;flex-direction:column;gap:12px}
}

@media(max-width:520px){
.stats{grid-template-columns:1fr}
.hero{padding:28px}
.section{padding:35px 24px}
}

</style>

</head>
<body>
<div class="container">
<div class="card">

<section class="hero">
<div>
<div class="badge">⚡ FLYNN BOT</div>
<h1>Flynn Bot</h1>
<p>
<h2>A powerful and advanced music bot. </h2>
<br>
<br>
 <h3>Introducing the Ultimate Discord Music Bot!</h3>
<br>
<br>
Looking for a high-quality, feature-rich music bot for your Discord server? Our Discord Music Bot is the perfect choice!
Built with Discord.js, Riffy, and Lavalink, this bot delivers seamless, high-quality music playback with support for
YouTube, Spotify, and more. Whether you're hosting a chill music session, a party, or just vibing with friends, this bot
will take your server’s music experience to the next level!
</p>

<div class="btn-wrap">
<a href="#" class="btn primary">Invite Flynn</a>
<a href="https://top.gg/bot/968780014608867369" class="btn secondary">Vote on Top.gg</a>
<a href="https://flynnbot.netlify.app/" class="btn secondary">Dashboard</a>
<a href="#commands" class="btn secondary">View Commands</a>
</div>

<div class="stats">
<div class="stat"><h3>500+</h3><p>Servers</p></div>
<div class="stat"><h3>120+</h3><p>Commands</p></div>
<div class="stat"><h3>99.9%</h3><p>Uptime</p></div>
<div class="stat"><h3>24/7</h3><p>Support</p></div>
</div>
</div>

<div>
<div class="panel widget">
<img src="https://top.gg/api/widget/968780014608867369.svg">
</div>

<div class="panel">
<h3 style="margin-bottom:20px;font-size:34px">Bot Details</h3>
<div class="details-row"><span class="label">Prefix</span><span class="value">=help || /help</span></div>
<div class="details-row"><span class="label">Library</span><span class="value">Discord.js</span></div>
<div class="details-row"><span class="label">Category</span><span class="value">Music, Game, Economy, Fun, Invest, Reaction,</span></div>
<div class="details-row"><span class="label">Website</span><span class="value"><a href="https://flynnbot.netlify.app/">Flynn Music</a></span></div>
</div>

<div class="server-box">📈 500+ Servers</div>
</div>
</section>

<section class="section">
<h2>Core Features</h2>
<div class="features">
<div class="feature"><div class="icon">🎵</div><h3>Music System</h3><p>Premium playback, filters, playlists and radio features.</p></div>
<div class="feature"><div class="icon">🛡</div><h3>Moderation</h3><p>Protection, automod, logs and security controls.</p></div>
<div class="feature"><div class="icon">🎮</div><h3>Economy & Games</h3><p>Daily rewards, slots, races, investments and more.</p></div>
<div class="feature"><div class="icon">🤖</div><h3>AI Utilities</h3><p>Smart assistant features and productivity tools.</p></div>
</div>
</section>

<section class="section" id="commands">
<h2>Command Categories</h2>
<div class="commands-grid">
<div class="cmd-card">
<h3>Information</h3>
<ul>
<li>/help</li><li>/botinfo</li><li>/ping</li><li>/serverinfo</li>
</ul>
</div>
<div class="cmd-card">
<h3>Music</h3>
<ul>
<li>/play</li><li>/queue</li><li>/pause</li><li>/lyrics</li>
</ul>
</div>
<div class="cmd-card">
<h3>Moderation</h3>
<ul>
<li>/ban</li><li>/warn</li><li>/lock</li><li>/setup</li>
</ul>
</div>
</div>
</section>

<section class="section">
<h2>Flynn Roadmap</h2>
<div class="roadmap">
<div class="phase">
<span>Phase 1</span>
<h3>Foundation</h3>
<p>Music, moderation and utility systems.</p>
</div>
<div class="phase">
<span>Phase 2</span>
<h3>AI Expansion</h3>
<p>Advanced assistant and automation modules.</p>
</div>
<div class="phase">
<span>Phase 3</span>
<h3>Premium Ecosystem</h3>
<p>Dashboard, plugins and server growth suite.</p>
</div>
</div>
</section>

<section class="cta">
<h2>Upgrade Your Discord Server</h2>
<p>Invite Flynn, explore the dashboard, and start using premium features today.</p>
<div class="btn-wrap" style="justify-content:center">
<a href="#" class="btn secondary">Invite Bot</a>
<a href="https://flynnbot.netlify.app/" class="btn secondary">Open Website</a>
</div>
</section>

<div class="footer">
<div>Flynn Bot © Fylo Team</div>
<div>Music • AI • Games • Protection</div>
</div>

</div>
</div>
</body>
</html>



The Best Music and best 24/7 active vc

but majhe majhe ber hye jay

Flynn.

Mời

Mời

Vote (25)

Mời

Mời

Vote (25)

Tổng quan

Flynn Bot

A powerful and advanced music bot.

Introducing the Ultimate Discord Music Bot!

500+

120+

99.9%

24/7

Bot Details

Core Features

Music System

Moderation

Economy & Games

AI Utilities

Command Categories

Information

Music

Moderation

Flynn Roadmap

Foundation

AI Expansion

Premium Ecosystem

Upgrade Your Discord Server

Đánh giá & Nhận xét