Adjusted the Marquee Speed

This commit is contained in:
2026-02-21 18:36:52 +05:30
parent 7cb4de4fcc
commit 63d3a88ae5
9 changed files with 2413 additions and 21 deletions

View File

@@ -21,14 +21,24 @@ export default function Navbar() {
<nav className="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md border-b border-zinc-200">
{/* Announcement Bar */}
<div className="bg-black text-white overflow-hidden">
<div className="animate-marquee whitespace-nowrap py-2 text-xs tracking-widest">
{Array(10)
.fill("✦ OPEN FOR SUBMISSIONS")
.map((text, i) => (
<span key={i} className="mx-8">
{text}
<div className="whitespace-nowrap py-2 text-xs tracking-widest flex">
{/* Track */}
<div className="animate-marquee flex">
{[...Array(10)].map((_, i) => (
<span key={`first-${i}`} className="mx-8 shrink-0">
OPEN FOR SUBMISSIONS
</span>
))}
{/* Duplicate for seamless loop */}
{[...Array(10)].map((_, i) => (
<span key={`second-${i}`} className="mx-8 shrink-0">
OPEN FOR SUBMISSIONS
</span>
))}
</div>
</div>
</div>