Adjusted the Marquee Speed
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user