src/app/about/page.tsx

@@ -10,10 +10,10 @@ import { Shield, AirVent, Shirt, StretchHorizontal, Footprints, Lock } from 'luc
 
 export default function AboutPage() {
   const navItems = [
-    { text: "Home", href: "/" },
-    { text: "Gear", href: "/gear" },
-    { text: "About Us", href: "/about" },
-    { text: "Contact", href: "/contact" }
+    { name: "Home", id: "/" },
+    { name: "Gear", id: "/gear" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
@@ -44,13 +44,13 @@ export default function AboutPage() {
           title="Our Passion Fuels Your Ride"
           description="At CycleHub, we live and breathe cycling. We're dedicated to providing cyclists with the best gear, combining innovative design with superior performance. Our mission is to enhance your riding experience, whether you're a seasoned pro or just starting your journey."
           tag="About CycleHub"
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           buttons={[
             {
               text: "Our Story",              href: "/about"
             }
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-riding-bicycles-city_23-2149041632.jpg"
           imageAlt="Group of cyclists gathered, sharing stories."
           useInvertedBackground={false}
@@ -63,7 +63,7 @@ export default function AboutPage() {
           title="Engineered for Every Cyclist"
           description="From aerodynamic helmets to responsive shoes, every piece of CycleHub gear is crafted with precision and tested for durability. Ride with confidence, comfort, and control."
           tag="Performance & Safety"
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
@@ -107,7 +107,7 @@ export default function AboutPage() {
           title="What Our Riders Say"
           description="Hear from the CycleHub community about how our gear has transformed their riding experience."
           tag="Rider Stories"
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}

src/app/contact/page.tsx

@@ -8,10 +8,10 @@ import Link from 'next/link';
 
 export default function ContactPage() {
   const navItems = [
-    { text: "Home", href: "/" },
-    { text: "Gear", href: "/gear" },
-    { text: "About Us", href: "/about" },
-    { text: "Contact", href: "/contact" }
+    { name: "Home", id: "/" },
+    { name: "Gear", id: "/gear" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
@@ -40,7 +40,7 @@ export default function ContactPage() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to hit the road? Our team is here to help you find the perfect gear. Get in touch with us!"
-          animationType="entrance-slide"
+          animationType="slide-up"
           buttons={[
             {
               text: "Contact Support",              href: "/contact"