From e6eb3cc99c96023dbef456690eec54c61d1a16c5 Mon Sep 17 00:00:00 2001
From: Ryan Salazar <ryaninwilton@gmail.com>
Date: Fri, 22 May 2026 01:22:12 +0000
Subject: [PATCH] header+ticker: new menu (HOME/FEATURED/THE LATEST/SHOW
 COVERAGE/FORUM/ABOUT) + drop reduced-motion rule that was freezing ticker
 animation

---
 src/app/home-page/page.tsx             | 4 ++--
 src/components/DualSpeedTicker.tsx     | 3 ---
 src/components/Header.tsx              | 8 +++++---
 src/components/ScrollRevealSection.tsx | 4 +++-
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/home-page/page.tsx b/src/app/home-page/page.tsx
index 70920a7..185565c 100644
--- a/src/app/home-page/page.tsx
+++ b/src/app/home-page/page.tsx
@@ -140,7 +140,7 @@ export default function HomePage() {
       </div>
 
       {/* Featured: cinematic hero + 4-up rail below (FeaturedBentoFromDb) */}
-      <ScrollRevealSection className="section-enter section-enter-3">
+      <ScrollRevealSection id="featured" className="section-enter section-enter-3 scroll-mt-32">
         <Suspense fallback={<BentoSkeleton />}>
           <FeaturedBentoFromDb />
         </Suspense>
@@ -155,7 +155,7 @@ export default function HomePage() {
       */}
 
       {/* Article feed + sidebar */}
-      <ScrollRevealSection className="section-enter section-enter-5" delay={2}>
+      <ScrollRevealSection id="the-latest" className="section-enter section-enter-5 scroll-mt-32" delay={2}>
         <Suspense fallback={<FeedSkeleton />}>
           <ArticleFeed />
         </Suspense>
diff --git a/src/components/DualSpeedTicker.tsx b/src/components/DualSpeedTicker.tsx
index b80ef4a..d83161f 100644
--- a/src/components/DualSpeedTicker.tsx
+++ b/src/components/DualSpeedTicker.tsx
@@ -215,9 +215,6 @@ export default function DualSpeedTicker() {
           0%   { transform: translateX(0); }
           100% { transform: translateX(-50%); }
         }
-        @media (prefers-reduced-motion: reduce) {
-          .bbt-track { animation-duration: 0s; }
-        }
         @media (max-width: 640px) {
           .bbt-label { font-size: 9px; padding: 0 8px; }
           .bbt-item { font-size: 11px; padding: 0 10px; }
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index d922974..69c81a5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -28,8 +28,11 @@ interface NavItem {
 }
 
 const navLinks: NavItem[] = [
-  { label: "Newsletter", href: "/newsletter" },
-  { label: "Forum", href: "/forum" },
+  { label: "HOME", href: "/" },
+  { label: "FEATURED", href: "/#featured" },
+  { label: "THE LATEST", href: "/news" },
+  { label: "SHOW COVERAGE", href: "/show-coverage" },
+  { label: "FORUM", href: "/forum" },
 ];
 
 export default function Header() {
@@ -627,7 +630,6 @@ export default function Header() {
 
             {/* Menu (right) */}
             <nav className="bb-browse-menu" aria-label="Main sections">
-              <EventsDropdown />
               {navLinks.map((link) => (
                 <Link
                   key={link.label}
diff --git a/src/components/ScrollRevealSection.tsx b/src/components/ScrollRevealSection.tsx
index 4c7ef1b..2ba4638 100644
--- a/src/components/ScrollRevealSection.tsx
+++ b/src/components/ScrollRevealSection.tsx
@@ -6,6 +6,7 @@ interface ScrollRevealSectionProps {
   className?: string;
   delay?: number;
   variant?: 'default' | 'left' | 'scale';
+  id?: string;
 }
 
 export default function ScrollRevealSection({
@@ -13,6 +14,7 @@ export default function ScrollRevealSection({
   className = '',
   delay = 0,
   variant = 'default',
+  id,
 }: ScrollRevealSectionProps) {
   const ref = useRef<HTMLDivElement>(null);
 
@@ -41,7 +43,7 @@ export default function ScrollRevealSection({
   }, []);
 
   return (
-    <div ref={ref} className={`${variantClass} ${delayClass} ${className}`}>
+    <div ref={ref} id={id} className={`${variantClass} ${delayClass} ${className}`}>
       {children}
     </div>
   );