Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Library",
+          name: "Library",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="StoryMagic"
     />
@@ -56,60 +48,37 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Discover Magical Stories for Kids"
       description="Unlock a world of imagination and wonder with our curated collection of illustrated eBooks for your little ones."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-cartoon-style-mother-celebrating-christmas-with-her-child_23-2150936529.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-cartoon-style-mother-celebrating-christmas-with-her-child_23-2150936529.jpg",          alt: "happy mother reading book with daughter"},
-          alt: "happy mother reading book with daughter",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-boy-depicted-as-angel_23-2151801631.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-boy-depicted-as-angel_23-2151801631.jpg",          alt: "child reading book alone sitting in garden"},
-          alt: "child reading book alone sitting in garden",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/female-student-posing-with-textbook_23-2147655833.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-student-posing-with-textbook_23-2147655833.jpg",          alt: "teacher reading book to students classroom"},
-          alt: "teacher reading book to students classroom",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/laughing-student-posing-with-book_23-2147656247.jpg",
+          src: "http://img.b2bpic.net/free-photo/laughing-student-posing-with-book_23-2147656247.jpg",          alt: "young boy reading book with smile"},
-          alt: "young boy reading book with smile",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg",          alt: "happy parents reading story to kid in bed"},
-          alt: "happy parents reading story to kid in bed",
-        },
       ]}
       buttons={[
         {
-          text: "Explore Stories",
+          text: "Explore Stories",          href: "#products"},
-          href: "#products",
-        },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Adventure"},
-          text: "Adventure",
-        },
         {
-          type: "text",
+          type: "text",          text: "Fantasy"},
-          text: "Fantasy",
-        },
         {
-          type: "text",
+          type: "text",          text: "Bedtime"},
-          text: "Bedtime",
-        },
         {
-          type: "text",
+          type: "text",          text: "Learning"},
-          text: "Learning",
-        },
         {
-          type: "text",
+          type: "text",          text: "Wonder"},
-          text: "Wonder",
-        },
       ]}
     />
   </div>
@@ -120,54 +89,30 @@ export default function LandingPage() {
       title="Making Bedtime Magical Every Single Night"
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More"},
-        },
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardThree
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "s1",
+          id: "s1",          name: "The Starship Trip",          price: "$9.99",          imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg"},
-          name: "The Starship Trip",
-          price: "$9.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg?_wi=1",
-        },
         {
-          id: "s2",
+          id: "s2",          name: "Forest Whispers",          price: "$8.99",          imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg"},
-          name: "Forest Whispers",
-          price: "$8.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg?_wi=1",
-        },
         {
-          id: "s3",
+          id: "s3",          name: "Deep Sea Dives",          price: "$10.99",          imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-with-boy_23-2151150856.jpg"},
-          name: "Deep Sea Dives",
-          price: "$10.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-with-boy_23-2151150856.jpg",
-        },
         {
-          id: "s4",
+          id: "s4",          name: "Castle Chronicles",          price: "$12.99",          imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-castle_23-2151150831.jpg"},
-          name: "Castle Chronicles",
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-castle_23-2151150831.jpg",
-        },
         {
-          id: "s5",
+          id: "s5",          name: "Dragon Friends",          price: "$7.99",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129068.jpg"},
-          name: "Dragon Friends",
-          price: "$7.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129068.jpg",
-        },
         {
-          id: "s6",
+          id: "s6",          name: "Galaxy Glider",          price: "$9.49",          imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-planets-with-astronaut_23-2151699361.jpg"},
-          name: "Galaxy Glider",
-          price: "$9.49",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-planets-with-astronaut_23-2151699361.jpg",
-        },
       ]}
       title="Featured Adventures"
       description="Explore our hand-picked selection of charming tales, each crafted to ignite your child's curiosity."
@@ -181,28 +126,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Interactive Illustrations",
+          title: "Interactive Illustrations",          description: "Beautiful drawings that bring stories to life.",          bentoComponent: "reveal-icon",          icon: Sparkles,
-          description: "Beautiful drawings that bring stories to life.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/adorable-bear-illustration-digital-art-style_23-2151458013.jpg",
-          imageAlt: "magical fantasy book reading scene illustration",
         },
         {
-          title: "Safe & Secure",
+          title: "Safe & Secure",          description: "Completely child-friendly reading environment.",          bentoComponent: "reveal-icon",          icon: ShieldCheck,
-          description: "Completely child-friendly reading environment.",
-          bentoComponent: "reveal-icon",
-          icon: ShieldCheck,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg?_wi=2",
-          imageAlt: "magical fantasy book reading scene illustration",
         },
         {
-          title: "Unlimited Access",
+          title: "Unlimited Access",          description: "Read all your favorite stories anytime.",          bentoComponent: "reveal-icon",          icon: BookOpen,
-          description: "Read all your favorite stories anytime.",
-          bentoComponent: "reveal-icon",
-          icon: BookOpen,
-          imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg?_wi=2",
-          imageAlt: "magical fantasy book reading scene illustration",
         },
       ]}
       title="Why Kids Love Our Books"
@@ -218,45 +148,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Alice M.",          role: "Parent",          company: "Happy Readers",          rating: 5,
-          name: "Alice M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/girls-friendship-cartoon_23-2151492073.jpg"},
-          role: "Parent",
-          company: "Happy Readers",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girls-friendship-cartoon_23-2151492073.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Brian K.",          role: "Teacher",          company: "EduJoy",          rating: 5,
-          name: "Brian K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-little-girl-with-paper-planes-outdoor_624325-4137.jpg"},
-          role: "Teacher",
-          company: "EduJoy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-little-girl-with-paper-planes-outdoor_624325-4137.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Carla S.",          role: "Parent",          company: "StoryFans",          rating: 5,
-          name: "Carla S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg"},
-          role: "Parent",
-          company: "StoryFans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David W.",          role: "Librarian",          company: "BookClub",          rating: 5,
-          name: "David W.",
+          imageSrc: "http://img.b2bpic.net/free-photo/school-boy-with-book-park_23-2148199241.jpg"},
-          role: "Librarian",
-          company: "BookClub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/school-boy-with-book-park_23-2148199241.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Elena R.",          role: "Parent",          company: "HomeBase",          rating: 5,
-          name: "Elena R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg"},
-          role: "Parent",
-          company: "HomeBase",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg",
-        },
       ]}
       title="Loved by Families Everywhere"
       description="Real stories from parents and teachers who have made reading a daily joy."
@@ -270,20 +175,11 @@ export default function LandingPage() {
       tag="Trusted by thousands"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "100+",          description: "Magical Stories"},
-          value: "100+",
-          description: "Magical Stories",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "50k+",          description: "Happy Readers"},
-          value: "50k+",
-          description: "Happy Readers",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "4.9",          description: "Average Rating"},
-          value: "4.9",
-          description: "Average Rating",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -295,20 +191,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I access books?",          content: "Just log in to your account after purchase."},
-          title: "How do I access books?",
-          content: "Just log in to your account after purchase.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are these safe for kids?",          content: "Yes, our platform is verified and kid-friendly."},
-          title: "Are these safe for kids?",
-          content: "Yes, our platform is verified and kid-friendly.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I read offline?",          content: "Yes, just download to your tablet or phone."},
-          title: "Can I read offline?",
-          content: "Yes, just download to your tablet or phone.",
-        },
       ]}
       title="Common Questions"
       faqsAnimation="slide-up"
@@ -320,16 +207,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Questions?"
       title="Need Help? Reach Out!"
       description="Our team is here to assist you and your little ones."
       buttons={[
         {
-          text: "Contact Support",
+          text: "Contact Support",          href: "mailto:support@storymagic.com"},
-          href: "mailto:support@storymagic.com",
-        },
       ]}
     />
   </div>
@@ -338,29 +222,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Store",
+          title: "Store",          items: [
-          items: [
             {
-              label: "Books",
+              label: "Books",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}