Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -20,31 +20,19 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="largeSizeMediumTitles"
         background="none"
-        cardStyle="layered-gradient"
+        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Features", id: "features" },
-        },
+        { name: "Pricing", id: "pricing" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
       ]}
       brandName="AnimalAcademy"
     />
@@ -52,111 +40,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Learning the Animal Kingdom"
       description="Engage your students with interactive, fun lessons about nature and wildlife. AnimalAcademy turns education into an adventure."
       leftCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=1", imageAlt: "Lion" },
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=1", imageAlt: "Owl" },
-          imageAlt: "Lion learning",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=1",
-          imageAlt: "Wise owl",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-3d-elephant_23-2151533176.jpg",
-          imageAlt: "Reading elephant",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=1",
-          imageAlt: "Curious monkey",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=1",
-          imageAlt: "Happy dolphin",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=2", imageAlt: "Monkey" },
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=2",
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=2", imageAlt: "Dolphin" },
-          imageAlt: "Curious monkey",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=2",
-          imageAlt: "Happy dolphin",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-outdoors_23-2150953481.jpg",
-          imageAlt: "Animal circle",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=2",
-          imageAlt: "Lion learning",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=2",
-          imageAlt: "Wise owl",
-        },
-      ]}
-      tag="Trusted by 10,000+ Students"
-      buttons={[
-        {
-          text: "Start Learning",
-          href: "#pricing",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-mother-with-little-son-home_273609-14781.jpg",
-          alt: "Parent",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-standing-front-blackboard-showing-thumbs-up-classroom_141793-119683.jpg",
-          alt: "Teacher",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
-          alt: "Parent",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-asian-schoolgirl-posing-with-backpack_1098-20450.jpg",
-          alt: "Student",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-senior-woman-using-laptop_23-2148373823.jpg",
-          alt: "Grandparent",
-        },
-      ]}
-      avatarText="10,000+ satisfied learners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Science Based",
-        },
-        {
-          type: "text",
-          text: "Interactive",
-        },
-        {
-          type: "text",
-          text: "Fun Learning",
-        },
-        {
-          type: "text",
-          text: "Educator Approved",
-        },
-        {
-          type: "text",
-          text: "Nature Inspired",
-        },
       ]}
+      tag="Science-Based Education"
+      buttons={[{ text: "Start Learning", href: "#pricing" }]}
     />
   </div>
 
@@ -164,26 +60,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
+        { type: "text", content: "Wildly Fun Educational " },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198455.jpg", alt: "Learning" },
-          content: "Bringing the ",
+        { type: "text", content: " Journeys" },
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198455.jpg",
-          alt: "Education",
-        },
-        {
-          type: "text",
-          content: " Wild to Your Classroom",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
       ]}
+      buttons={[{ text: "Explore More", href: "#features" }]}
     />
   </div>
 
@@ -192,37 +73,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="Interactive Animal Discovery"
+      description="Our curriculum is built on scientific facts to foster a lifelong love for nature."
       features={[
-        {
+        { id: "1", title: "Biology Modules", tags: ["Science"], imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg" },
-          id: "1",
+        { id: "2", title: "Habitat Quizzes", tags: ["Interactive"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-items_23-2149019272.jpg" },
-          title: "Interactive Lessons",
-          tags: [
-            "Fun",
-            "Modern",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg",
-        },
-        {
-          id: "2",
-          title: "Fun Quizzes",
-          tags: [
-            "Gaming",
-            "Retention",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-items_23-2149019272.jpg",
-        },
-        {
-          id: "3",
-          title: "Progress Tracking",
-          tags: [
-            "Insights",
-            "Goals",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-best-friend-outdoors_23-2148345920.jpg",
-        },
       ]}
-      title="Why Choose AnimalAcademy?"
-      description="Our curriculum is designed to spark curiosity and build deep knowledge."
     />
   </div>
 
@@ -232,41 +88,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", tag: "Starter", price: "$9/mo", period: "monthly", description: "Great for young explorers.", button: { text: "Select" }, featuresTitle: "What you get", features: ["Core Modules", "Quizzes"] },
-          id: "basic",
-          tag: "Starter",
-          price: "$9/mo",
-          period: "billed monthly",
-          description: "Perfect for individual young learners.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "10+ animal modules",
-            "Basic quiz access",
-            "Weekly progress email",
-          ],
-        },
-        {
-          id: "classroom",
-          tag: "Classroom",
-          price: "$29/mo",
-          period: "billed monthly",
-          description: "Designed for teachers and groups.",
-          button: {
-            text: "Choose Classroom",
-          },
-          featuresTitle: "Includes Everything +",
-          features: [
-            "Unlimited access",
-            "Classroom dashboard",
-            "Teacher lesson guides",
-          ],
-        },
       ]}
-      title="Plans for Every Learner"
+      title="Affordable Learning Paths"
-      description="Choose the right plan to jumpstart your educational journey."
+      description="Choose the plan that fits your classroom or home needs."
     />
   </div>
 
@@ -274,102 +99,34 @@ export default function LandingPage() {
       <TestimonialCardSix
       animationType="slide-up"
       textboxLayout="split"
+      title="Community Love"
+      description="Hear from our wonderful community."
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex P.", handle: "@teacher", testimonial: "The children are constantly asking for more lessons!" },
-          id: "1",
-          name: "Jane Doe",
-          handle: "@janedoe",
-          testimonial: "My students are so much more engaged!",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-mother-with-little-son-home_273609-14781.jpg",
-        },
-        {
-          id: "2",
-          name: "John Smith",
-          handle: "@jsmith",
-          testimonial: "The best animal learning app available.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-standing-front-blackboard-showing-thumbs-up-classroom_141793-119683.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah Lee",
-          handle: "@slee",
-          testimonial: "Easy to follow and very fun.",
-          imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
-        },
-        {
-          id: "4",
-          name: "Mike Ross",
-          handle: "@mross",
-          testimonial: "My children look forward to every lesson.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-schoolgirl-posing-with-backpack_1098-20450.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily Blunt",
-          handle: "@eblunt",
-          testimonial: "Incredible resource for my classroom.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-senior-woman-using-laptop_23-2148373823.jpg",
-        },
       ]}
-      title="Loved by Teachers & Parents"
-      description="See why our community loves learning with us."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
+      tag="Contact"
-      background={{
+      title="Questions about our curriculum?"
-        variant: "sparkles-gradient",
+      description="Reach out to our team of educational experts today."
-      }}
+      buttons={[{ text: "Email Us", href: "#" }]}
-      tag="Contact Us"
+      background={{ variant: "plain" }}
-      title="Ready to get started?"
+      useInvertedBackground={false}
-      description="Join thousands of learners today and explore the wild world from your screen."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
-      columns={[
+      columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
-        {
+      bottomLeftText="© 2025 AnimalAcademy"
-          title: "Company",
+      bottomRightText=""
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 AnimalAcademy"
-      bottomRightText="All rights reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fafffb;
-  --card: #f9f9f9;
+  --card: #f7fffa;
-  --foreground: #000f06e6;
+  --foreground: #001a0a;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
+  --accent: #a8d9be;
-  --background-accent: #c4c4c4;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);