PageSourceSearch

https://tunezeo.com/

html tunezeo.com collected 2026-10-09 23:26:43 UTC 88,179 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" as="image" href="/assets/logo-CvRzCWSL.png"/><link rel="preload" as="image" href="/assets/cover-1-CxCaOSb3.jpg"/><link rel="preload" as="image" href="/assets/cover-2-VqWL4NtX.jpg"/><link rel="preload" as="image" href="/assets/cover-3-CVOZEXfW.jpg"/><link rel="stylesheet" href="/assets/styles-BICmI_ib.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Inter+Tight:wght@600;700;800;900&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap" data-precedence="default"/><title>Tunezeo — The Beat Search Engine</title><meta name="google-site-verification" content="qIWnD8UQVecdOVtTXou_fTV86ueEtKC4lxy2welnSmI"/><meta name="theme-color" content="#0b0b14"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta name="apple-mobile-web-app-title" content="Tunezeo"/><meta property="og:site_name" content="Tunezeo"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/Ncwqk3Kk9yd5cdJh21zsK7HQ8GQ2/social-images/social-1779754309081-TUNEZEO_LOGO_(1).webp"/><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/Ncwqk3Kk9yd5cdJh21zsK7HQ8GQ2/social-images/social-1779754309081-TUNEZEO_LOGO_(1).webp"/><meta name="description" content="Universal beat search engine. Find instrumentals across BeatStars, Airbit, YouTube, and AI generators instantly."/><meta property="og:title" content="Tunezeo — The Beat Search Engine"/><meta property="og:description" content="Universal beat search engine. Find instrumentals across BeatStars, Airbit, YouTube, and AI generators instantly."/><meta property="og:url" content="https://tunezeo.com/"/><link rel="modulepreload" href="/assets/index-BvkkCUJh.js"/><link rel="modulepreload" href="/assets/index-CKk8WDIe.js"/><link rel="modulepreload" href="/assets/cover-3-D0i97NB-.js"/><link rel="manifest" href="/manifest.json"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="canonical" href="https://tunezeo.com/"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Tunezeo","url":"https://tunezeo.com","potentialAction":{"@type":"SearchAction","target":"https://tunezeo.com/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tunezeo","url":"https://tunezeo.com","logo":"https://storage.googleapis.com/gpt-engineer-file-uploads/Ncwqk3Kk9yd5cdJh21zsK7HQ8GQ2/social-images/social-1779754309081-TUNEZEO_LOGO_(1).webp"}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.1718a1eacac7ff3a.js" data-artifact-kind="dwl_content_hash" data-artifact-id="831bddcfc045e7662ae3e36e925d947cc26c939f2315fab1ad5c307b808b39d1" data-commit-sha="77fbd2613cf870fa083db7c49f3554eb8a32bf2a" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF81ZXRrcTRibXpxOHRnOWt5OHYyOTYwYXQzaiIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiI4MzFiZGRjZmMwNDVlNzY2MmFlM2UzNmU5MjVkOTQ3Y2MyNmM5MzlmMjMxNWZhYjFhZDVjMzA3YjgwOGIzOWQxIiwiY29tbWl0X3NoYSI6Ijc3ZmJkMjYxM2NmODcwZmEwODNkYjdjNDlmMzU1NGViOGEzMmJmMmEiLCJleHAiOjE3OTQxODA0MDN9.46c-a-8zkrmaEtFrM9oN0IGYS1H8Lzf6x7kaUslh6kM"></script>
1<meta name="twitter:title" content="Tunezeo — The Beat Search Engine"><meta name="twitter:description" content="Universal beat search engine. Find instrumentals across BeatStars, Airbit, YouTube, and AI generators instantly."></head><body><div class="pointer-events-none fixed inset-x-0 top-0 z-[60] h-[2px] bg-transparent"><div class="h-full bg-gradient-to-r from-neon-cyan via-foreground to-neon-purple shadow-[0_0_12px_rgba(120,220,255,0.6)] transition-[width] duration-75" style="width:0%"></div></div><main class="pb-24 md:pb-28"><!--$--><div class="min-h-screen"><nav class="sticky top-0 z-50 border-b border-border bg-background/70 backdrop-blur-xl"><div class="relative mx-auto flex h-24 max-w-[1600px] items-center justify-start px-5 md:h-28 md:px-8"><a href="/" class="flex items-center"><img src="/assets/logo-CvRzCWSL.png" alt="SearchTheBeat.com" class="h-32 w-auto md:h-44"/></a><span class="pointer-events-none absolute left-1/2 -translate-x-1/2 font-display text-[15px] font-bold tracking-tight whitespace-nowrap hidden md:block"><span class="text-gradient-neon">LOOKING FOR THE PERFECT BEAT</span></span></div></nav><section class="relative overflow-hidden px-5 pt-20 pb-24 md:pt-28 md:pb-32"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-center bg-no-repeat bg-contain" style="background-image:url(/assets/hero-bg-B55qTjJ2.png);opacity:0.25"></div><div class="pointer-events-none absolute inset-0"><div class="drift absolute top-[-10%] left-1/2 h-[420px] w-[140%] -translate-x-1/2 rotate-12 rounded-full bg-neon-cyan/10 blur-[140px]"></div><div class="drift absolute right-[-10%] bottom-[-20%] h-[360px] w-[60%] rounded-full bg-neon-purple/10 blur-[120px]" style="animation-delay:-6s"></div><div class="absolute top-24 left-6 hidden size-28 rotate-[-12deg] rounded-2xl border border-border opacity-40 shadow-2xl drift lg:block"><img src="/assets/cover-1-CxCaOSb3.jpg" alt="" class="size-full rounded-2xl object-cover"/></div><div class="absolute top-40 right-10 hidden size-24 rotate-[8deg] rounded-2xl border border-border opacity-50 shadow-2xl drift lg:block" style="animation-delay:-3s"><img src="/assets/cover-2-VqWL4NtX.jpg" alt="" class="size-full rounded-2xl object-cover"/></div><div class="absolute bottom-20 left-[12%] hidden size-20 rotate-[6deg] rounded-2xl border border-border opacity-40 shadow-2xl drift xl:block" style="animation-delay:-9s"><img src="/assets/cover-3-CVOZEXfW.jpg" alt="" class="size-full rounded-2xl object-cover"/></div></div><div class="relative mx-auto flex max-w-4xl flex-col items-center text-center"><div class="fade-up mb-7 inline-flex items-center gap-2 rounded-full border border-border bg-surface/60 px-3 py-1 text-[10px] font-bold tracking-[0.22em] text-neon-cyan uppercase backdrop-blur"><span class="relative inline-flex size-1.5"><span class="absolute inset-0 rounded-full bg-neon-cyan ping-slow text-neon-cyan/60"></span><span class="relative inline-flex size-1.5 rounded-full bg-neon-cyan"></span></span>The world&#x27;s first universal beat engine</div><h1 class="fade-up font-display text-3xl font-extrabold tracking-tight text-balance md:text-5xl lg:text-6xl" style="animation-delay:0.1s"><span class="text-gradient-neon">LOOKING FOR THE PERFECT BEAT</span></h1><p class="fade-up mt-6 max-w-2xl text-base font-light text-foreground/55 md:text-lg" style="animation-delay:0.15s">Search every major beat marketplace, AI music generator, and producer network instantly. One prompt. Ten million beats. One perfect match.</p><div class="fade-up group relative mt-12 w-full max-w-3xl" style="animation-delay:0.2s"><div class="pointer-events-none absolute -inset-1 rounded-3xl bg-gradient-to-r from-neon-cyan/30 via-foreground/5 to-neon-purple/30 opacity-50 blur-2xl transition-opacity group-focus-within:opacity-100"></div><form class="relative flex items-center gap-2 rounded-2xl border border-border bg-surface/80 p-2 backdrop-blur-2xl ring-1 ring-white/5"><div class="flex size-11 shrink-0 items-center justify-center pl-2"><div class="size-5 animate-spin rounded-full border-2 border-neon-cyan/30 border-t-neon-cyan"></div></div><div class="relative flex-1"><input type="text" aria-label="Search beats" placeholder="Dark cinematic drill beat with choir, 140 BPM, Travis Scott style…" class="w-full bg-transparent py-3.5 text-base font-light placeholder:text-foreground
1/30 focus:outline-none md:text-lg" value=""/></div><button type="submit" class="rounded-xl bg-foreground px-5 py-3 text-xs font-bold tracking-wider text-background uppercase transition-all hover:bg-neon-cyan active:scale-[0.96] active:bg-neon-cyan focus-visible:outline focus-visible:outline-2 focus-visible:outline-neon-cyan md:px-8 md:text-sm">Search</button></form><div class="mt-7 flex flex-wrap items-center justify-center gap-2"><span class="font-mono text-[10px] tracking-widest text-foreground/30 uppercase">Try:</span><button type="button" class="rounded-full border border-border bg-surface/40 px-3 py-1 text-xs text-foreground/60 transition hover:border-neon-cyan/40 hover:text-foreground">90s Boom Bap</button><button type="button" class="rounded-full border border-border bg-surface/40 px-3 py-1 text-xs text-foreground/60 transition hover:border-neon-cyan/40 hover:text-foreground">Jersey Club</button><button type="button" class="rounded-full border border-border bg-surface/40 px-3 py-1 text-xs text-foreground/60 transition hover:border-neon-cyan/40 hover:text-foreground">Aggressive Drill</button><button type="button" class="rounded-full border border-border bg-surface/40 px-3 py-1 text-xs text-foreground/60 transition hover:border-neon-cyan/40 hover:text-foreground">Lo-Fi Piano</button></div></div><div class="fade-up mt-14 w-full max-w-4xl" style="animation-delay:0.3s"><p class="mb-5 font-mono text-[10px] tracking-[0.3em] text-foreground/30 uppercase">Searching 10M+ beats across the internet</p><div class="flex flex-wrap items-center justify-center gap-x-7 gap-y-2 opacity-60"><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">BEATSTARS</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">NATIONOFBEATS</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">AIRBIT</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">YOUTUBE</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">TRAKTRAIN</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">SONICSTU</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">TENDOLLARBEATS</span><span class="text-[11px] font-bold tracking-[0.18em] text-foreground/50">AI GENERATORS</span></div></div></div></section><section class="px-5 py-20 md:py-28"><div class="mx-auto max-w-7xl"><div class="mb-10 flex items-end justify-between"><div><span class="font-mono text-[10px] tracking-[0.3em] text-foreground/40 uppercase">The Index</span><h2 class="mt-3 font-display text-3xl font-extrabold tracking-tight md:text-5xl"><span class="text-gradient-neon">Trending across every platform.</span></h2></div><a href="#" class="hidden text-xs font-bold tracking-wider text-foreground/60 uppercase transition hover:text-neon-cyan md:inline">View All →</a></div><div class="space-y-3"><div class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 transition-all hover:border-neon-cyan/30 hover:bg-surface"><button type="button" class="flex w-full items-center gap-4 p-3 text-left md:gap-6 md:p-4"><div class="relative size-20 shrink-0 overflow-hidden rounded-xl ring-1 ring-white/5 md:size-24"><img src="https://cdn2.suno.ai/image_3a17e78c-109c-4b7a-b4df-5c81ccff5c01.jpeg" alt="" class="size-full object-cover transition-transform group-hover:scale-110" loading="lazy" width="400" height="400"/><span class="absolute inset-0 flex items-center justify-center bg-background/50 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100"><span class="flex size-10 items-center justify-center rounded-full bg-neon-cyan text-background"><svg viewBox="0 0 24 24" fill="currentColor" class="ml-0.5 size-5"><path d="M8 5v14l11-7z"></path></svg></span></span></div><div class="min-w-0 flex-1"><div class="mb-1 flex flex-wrap items-center gap-2"><h4 class="truncate font-display text-base font-bold tracking-tight md:text-lg">OBSIDIAN THROTTLE SYNDICATE</h4><span class="rounded-full border px-2 py-0.5 font-mono text-[9px] font-bold tracking-wider bg-neon-cyan/15 border-neon-cyan/30 text-neon-cyan">98<!-- -->% MATCH</span></div>
1<p class="mb-3 text-xs text-foreground/40 md:text-sm">by <span class="text-foreground/70">SonicStu</span> · <span>SonicStu</span></p><div class="hidden md:block"><div class="flex h-10 items-center gap-[2px]"><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span></div></div><div class="flex flex-wrap gap-1.5 md:hidden"><span class="rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-foreground/60">Cinematic Drill</span></div></div><div class="hidden shrink-1 flex-col items-end gap-3 font-mono md:flex"><div class="flex gap-4 text-[10px] text-foreground/30"><div class="text-right">GENRE<br/><span class="text-sm text-foreground">Cinematic Drill</span></div></div><div class="text-lg font-bold text-neon-cyan">$29.99</div></div></button><div class="flex flex-wrap items-center gap-2 px-3 pb-3 md:px-4 md:pb-4"><span class="text-[10px] font-mono text-foreground/40">Click the card to preview</span></div></div><div class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 transition-all hover:border-neon-cyan/30 hover:bg-surface"><button type="button" class="flex w-full items-center gap-4 p-3 text-left md:gap-6 md:p-4"><div class="relative size-20 shrink-0 overflow-hidden rounded-xl ring-1 ring-white/5 md:size-24"><img src="https://cdn2.suno.ai/image_f228d631-3c1f-43f6-b313-18bb33f54a8d.jpeg" alt="" class="size-full object-cover transition-transform group-hover:scale-110" loading="lazy" width="400" height="400"/><span class="absolute inset-0 flex items-center justify-center bg-background/50 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100"><span class="flex size-10 items-center justify-center rounded-full bg-neon-purple text-background"><svg viewBox="0 0 24 24" fill="currentColor" class="ml-0.5 size-5"><path d="M8 5v14l11-7z"></path></svg></span></span></div><div class="min-w-0 flex-1"><div class="mb-1 flex flex-wrap items-center gap-2"><h4 class="truncate font-display text-base font-bold tracking-tight md:text-lg">IMPERIAL STONE HAVOC</h4><span class="rounded-full border px-2 py-0.5 font-mono text-[9px] font-bold tracking-wider bg-neon-purple/15 border-neon-purple/30 text-neon-purple">96<!-- -->% MATCH</span></div><p class="mb-3 text-xs text-foreground/40 md:text-sm">by <span class="text-foreground/70">SonicStu</span> · <span>SonicStu</span></p><div class="hidden md:block"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span></div></div><div class="flex flex-wrap gap-1.5 md:hidden"><span class="rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-foreground/60">Trap</span></div></div><div class="hidden shrink-1 flex-col items-end gap-3 font-mono md:flex"><div class="flex gap-4 text-[10px] text-foreground/30"><div class="text-right">GENRE<br/><span class="text-sm text-foreground">Trap</span></div></div><div class="text-lg font-bold text-neon-purple">$34.00</div></div></button><div class="flex flex-wrap items-center gap-2 px-3 pb-3 md:px-4 md:pb-4"><span class="text-[10px] font-mono text-foreground/40">Click the card to preview</span></div></div><div class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 transition-all hover:border-neon-cyan/30 hover:bg-surface"><button type="button" class="flex w-full items-center gap-4 p-3 text-left md:gap-6 md:p-4"><div class="relative size-20 shrink-0 overflow-hidden rounded-xl ring-1 ring-white/5 md:size-24"><img src="https://cdn2.suno.ai/image_9eda9025-c3e5-4058-936b-f76fed41e959.jpeg" alt="" class="size-full object-cover transition-transform group-hover:scale-110" loading="lazy" width="400" height="400"/><span class="absolute inset-0 flex items-center justify-center bg-background/50 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100"><span class="flex size-10 items-center justify-center rounded-full bg-neon-cyan text-background"><svg viewBox="0 0 24 24" fill="currentColor" class="ml-0.5 size-5"><path d="M8 5v14l11-7z"></path></svg></span></span></div><div class="min-w-0 flex-1"><div class="mb-1 flex flex-wrap items-center gap-2"><h4 class="truncate font-display text-base font-bold tracking-tight md:text-lg">MIDNIGHT KINGDOM</h4><span class="rounded-full border px-2 py-0.5 font-mono text-[9px] font-bold tracking-wider bg-neon-cyan/15 border-neon-cyan/30 text-neon-cyan">95<!-- -->% MATCH</span></div><p class="mb-3 text-xs text-foreground/40 md:text-sm">by <span class="text-foreground/70">Nation of Beats</span> · <span>NationOfBeats</span></p><div class="hidden md:block"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span></div></div><div class="flex flex-wrap gap-1.5 md:hidden"><span class="rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-foreground/60">Trap</span></div></div><div class="hidden shrink-1 flex-col items-end gap-3 font-mono md:flex"><div class="flex gap-4 text-[10px] text-foreground/30"><div class="text-right">GENRE<br/><span class="text-sm text-foreground">Trap</span></div></div><div class="text-lg font-bold text-neon-cyan">$29.99</div></div></button><div class="flex flex-wrap items-center gap-2 px-3 pb-3 md:px-4 md:pb-4"><span class="text-[10px] font-mono text-foreground/40">Click the card to preview</span></div></div><div class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 transition-all hover:border-neon-cyan/30 hover:bg-surface"><button type="button" class="flex w-full items-center gap-4 p-3 text-left md:gap-6 md:p-4"><div class="relative size-20 shrink-0 overflow-hidden rounded-xl ring-1 ring-white/5 md:size-24"><img src="https://cdn2.suno.ai/image_c649a4e8-b398-45e2-8395-c857b3cb998f.jpeg" alt="" class="size-full object-cover transition-transform group-hover:scale-110" loading="lazy" width="400" height="400"/><span class="absolute inset-0 flex items-center justify-center bg-background/50 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100"><span class="flex size-10 items-center justify-center rounded-full bg-neon-purple text-background"><svg viewBox="0 0 24 24" fill="currentColor" class="ml-0.5 size-5"><path d="M8 5v14l11-7z"></path></svg></span></span></div><div class="min-w-0 flex-1"><div class="mb-1 flex flex-wrap items-center gap-2"><h4 class="truncate font-display text-base font-bold tracking-tight md:text-lg">STREET SERMON</h4><span class="rounded-full border px-2 py-0.5 font-mono text-[9px] font-bold tracking-wider bg-neon-purple/15 border-neon-purple/30 text-neon-purple">93<!-- -->% MATCH</span></div><p class="mb-3 text-xs text-foreground/40 md:text-sm">by <span class="text-foreground/70">10 Dollar Beats</span> · <span>10DollarBeats</span></p><div class="hidden md:block"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span></div></div><div class="flex flex-wrap gap-1.5 md:hidden"><span class="rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-foreground/60">Boom Bap</span></div></div><div class="hidden shrink-1 flex-col items-end gap-3 font-mono md:flex"><div class="flex gap-4 text-[10px] text-foreground/30"><div class="text-right">GENRE<br/><span class="text-sm text-foreground">Boom Bap</span></div></div><div class="text-lg font-bold text-neon-purple">$10.00</div></div></button><div class="flex flex-wrap items-center gap-2 px-3 pb-3 md:px-4 md:pb-4"><span class="text-[10px] font-mono text-foreground/40">Click the card to preview</span></div></div></div></div></section><section class="px-5 py-20 md:py-28"><div class="mx-auto max-w-7xl"><div class="mb-12"><span class="font-mono text-[10px] tracking-[0.3em] text-neon-purple uppercase">Discover</span><h2 class="mt-3 font-display text-3xl font-extrabold tracking-tight md:text-5xl">Six ways into <span class="text-gradient-neon">10 million beats.</span></h2></div><div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Hot now</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">Trending Beats</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->1</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Climbing</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">Viral TikTok Sounds</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->2</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Index</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">Most Searched Genres</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->3</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Synthesized</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">AI Generated Beats</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->4</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Discovery</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">Underground Producers</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->5</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-cyan" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a><a href="#" class="group relative overflow-hidden rounded-2xl border border-border bg-surface/40 p-6 transition-all hover:border-neon-cyan/40 hover:bg-surface"><div class="absolute -top-12 -right-12 size-32 rounded-full bg-gradient-to-br from-neon-cyan/20 to-neon-purple/20 opacity-0 blur-2xl transition-opacity group-hover:opacity-100"></div><div class="relative flex items-start justify-between"><div><span class="font-mono text-[10px] tracking-widest text-foreground/40 uppercase">Curated</span><h3 class="mt-2 font-display text-2xl font-bold tracking-tight">Staff Picks</h3></div><span class="font-mono text-xs text-foreground/30">0<!-- -->6</span></div><div class="relative mt-6"><div class="flex h-10 items-center gap-[2px]">
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:20%;--d:2.1s;animation-delay:0s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:71.53741497901528%;--d:1.9530990742684473s;animation-delay:0.05s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:98.83597839907681%;--d:1.5483627670417677s;animation-delay:0.1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.05674933190991%;--d:0.9848846420012435s;animation-delay:0.15000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:46.79905201247241%;--d:1.399376203856571s;animation-delay:0.2s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:48.06265821516959%;--d:1.8613723386563206s;animation-delay:0.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:89.72606179308701%;--d:2.0879909959205345s;animation-delay:0.30000000000000004s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.5962090099466%;--d:2.0237480247489557s;animation-delay:0.35000000000000003s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:70.50133102978573%;--d:1.6843723450363344s;animation-delay:0.4s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:21.345112038747978%;--d:1.1529549593169357s;animation-delay:0.45s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:72.55892789750312%;--d:1.2403946225558715s;animation-delay:0.5s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.05345871016002%;--d:1.750403729149512s;animation-delay:0.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:88.36791264706251%;--d:2.052204343980439s;animation-delay:0.6000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:45.52786898794817%;--d:2.0719051508736284s;animation-delay:0.65s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:49.31833034015414%;--d:1.8046827052119654s;animation-delay:0.7000000000000001s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:90.3756607977336%;--d:1.315962381402031s;animation-delay:0.75s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.3342183321054%;--d:1.0746000405703362s;animation-delay:0.8s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:69.45096897896278%;--d:1.6224142832217883s;animation-delay:0.8500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:22.689843777690935%;--d:1.9933563142616122s;animation-delay:0.9s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:73.56558097572808%;--d:2.0966065874356543s;animation-delay:0.9500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.24858845558963%;--d:1.9068858348917428s;animation-delay:1s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:87.65974649143475%;--d:1.470644313595191s;animation-delay:1.05s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:44.24946853965632%;--d:0.905310837585661s;animation-delay:1.1s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:50.56571337472047%;--d:1.479965710503607s;animation-delay:1.1500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.00536268652023%;--d:1.9126247504789906s;animation-delay:1.2000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:98.0500804374526%;--d:2.097357935014297s;animation-delay:1.25s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:68.38662579250273%;--d:1.9889361377402355s;animation-delay:1.3s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:24.0338150245449%;--d:1.6139047959718704s;animation-delay:1.35s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:74.55708960545064%;--d:1.0640846618494004s;animation-delay:1.4000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.42131246687254%;--d:1.325909120146446s;animation-delay:1.4500000000000002s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.93245108288448%;--d:1.8116254954305857s;animation-delay:1.5s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:42.96421210621828%;--d:2.074144155382661s;animation-delay:1.55s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:51.80445464971463%;--d:2.0491913763880616s;animation-delay:1.6s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:91.61498942557442%;--d:1.742876469003256s;animation-delay:1.6500000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:97.74387565950913%;--d:1.2301960056619163s;animation-delay:1.7000000000000002s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:67.30860238920995%;--d:1.1633279558537513s;animation-delay:1.75s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:25.37664580203799%;--d:1.6923800498928963s;animation-delay:1.8s"></span><span class="wave-bar w-[2px] rounded-full bg-neon-purple" style="height:75.53317346017936%;--d:2.027429872497907s;animation-delay:1.85s"></span>
1<span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:99.57158191022702%;--d:2.086445541824003s;animation-delay:1.9000000000000001s"></span><span class="wave-bar w-[2px] rounded-full bg-foreground/15" style="height:86.18623204763045%;--d:1.854977963776733s;animation-delay:1.9500000000000002s"></span></div></div><div class="relative mt-6 flex items-center gap-2 text-xs font-medium text-foreground/50 transition group-hover:text-neon-cyan">Explore <span class="transition-transform group-hover:translate-x-1">→</span></div></a></div></div></section><section class="px-5 py-24"><div class="mx-auto max-w-5xl"><div class="relative overflow-hidden rounded-3xl border border-border bg-surface/60 p-10 backdrop-blur-2xl md:p-16"><div class="pointer-events-none absolute inset-0 opacity-60"><div class="absolute top-1/2 left-1/4 size-72 -translate-y-1/2 rounded-full bg-neon-cyan/20 blur-3xl"></div><div class="absolute top-1/2 right-1/4 size-72 -translate-y-1/2 rounded-full bg-neon-purple/20 blur-3xl"></div></div><div class="relative text-center"><span class="font-mono text-[10px] tracking-[0.3em] text-neon-cyan uppercase">Perfect Match AI™</span><h2 class="mt-4 font-display text-3xl leading-tight font-extrabold tracking-tight text-balance md:text-5xl">Can&#x27;t find the perfect beat?<br/><span class="text-gradient-neon">Generate one in 10 seconds.</span></h2><p class="mx-auto mt-5 max-w-xl text-base text-foreground/55">Our AI analyzes mood, tempo, references, and commercial intent — then synthesizes a one-of-one instrumental no one else owns.</p><div class="mt-8 flex flex-wrap justify-center gap-3"><button class="rounded-full bg-foreground px-6 py-3 text-xs font-bold tracking-wider text-background uppercase transition hover:bg-neon-cyan">Generate a beat</button><button class="rounded-full border border-border px-6 py-3 text-xs font-bold tracking-wider uppercase transition hover:border-neon-purple hover:text-neon-purple">See how it works</button></div></div></div></div></section><footer class="border-t border-border px-5 pt-20 pb-12"><div class="mx-auto max-w-7xl"><div class="grid grid-cols-2 gap-10 md:grid-cols-5"><div class="col-span-2"><div class="flex items-center gap-2.5"><span class="inline-flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-neon-cyan to-neon-purple"><span class="size-3 rounded-sm bg-background"></span></span><span class="font-display text-sm font-bold tracking-tight">LOOKING FOR THE PERFECT BEAT</span></div><p class="mt-4 max-w-xs text-sm text-foreground/50">The universal search engine for music producers, artists, filmmakers, and creators.</p><form class="mt-6 flex max-w-sm gap-2"><input type="email" placeholder="[email protected]" aria-label="Email" class="flex-1 rounded-full border border-border bg-surface/50 px-4 py-2.5 text-sm placeholder:text-foreground/30 focus:border-neon-cyan focus:outline-none"/><button class="rounded-full bg-foreground px-4 py-2.5 text-xs font-bold tracking-wider text-background uppercase transition hover:bg-neon-cyan">Join</button></form></div><div><h4 class="mb-4 font-mono text-[10px] tracking-[0.2em] text-foreground/40 uppercase">Engine</h4><ul class="space-y-2.5 text-sm text-foreground/60"><li><a href="#" class="transition hover:text-foreground">Search</a></li><li><a href="#" class="transition hover:text-foreground">Trending</a></li><li><a href="#" class="transition hover:text-foreground">Genres</a></li><li><a href="#" class="transition hover:text-foreground">AI Beats</a></li></ul></div><div><h4 class="mb-4 font-mono text-[10px] tracking-[0.2em] text-foreground/40 uppercase">Producers</h4><ul class="space-y-2.5 text-sm text-foreground/60"><li><a href="#" class="transition hover:text-foreground">Portal</a></li><li><a href="#" class="transition hover:text-foreground">Submit Catalog</a></li><li><a href="#" class="transition hover:text-foreground">Verify</a></li><li><a href="#" class="transition hover:text-foreground">Analytics</a></li></ul></div><div><h4 class="mb-4 font-mono text-[10px] tracking-[0.2em] text-foreground/40 uppercase">Company</h4>
1<ul class="space-y-2.5 text-sm text-foreground/60"><li><a href="#" class="transition hover:text-foreground">About</a></li><li><a href="#" class="transition hover:text-foreground">Pricing</a></li><li><a href="#" class="transition hover:text-foreground">Careers</a></li><li><a href="#" class="transition hover:text-foreground">Press</a></li></ul></div></div><div class="mt-16 flex flex-col items-start justify-between gap-4 border-t border-border pt-8 md:flex-row md:items-center"><p class="font-mono text-[11px] text-foreground/30">© 2026 PERFECT BEAT AI · All rights reserved</p><div class="flex gap-3 text-foreground/40"><a href="#" class="flex size-9 items-center justify-center rounded-full border border-border font-mono text-[10px] font-bold transition hover:border-neon-cyan hover:text-foreground">X</a><a href="#" class="flex size-9 items-center justify-center rounded-full border border-border font-mono text-[10px] font-bold transition hover:border-neon-cyan hover:text-foreground">IG</a><a href="#" class="flex size-9 items-center justify-center rounded-full border border-border font-mono text-[10px] font-bold transition hover:border-neon-cyan hover:text-foreground">TT</a><a href="#" class="flex size-9 items-center justify-center rounded-full border border-border font-mono text-[10px] font-bold transition hover:border-neon-cyan hover:text-foreground">YT</a></div></div></div></footer></div>
1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1<!--/$--></main>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-BvkkCUJh.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-BvkkCUJh.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-CKk8WDIe.js","/assets/cover-3-D0i97NB-.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791588403766,s:"success",ssr:!0},$R[12]={i:"��",u:1791588403766,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="">import("/assets/index-BvkkCUJh.js")</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.