Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -28,37 +28,21 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "How It Works",
-          id: "#how-it-works",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
+        { name: "Features", id: "#features" },
+        { name: "How It Works", id: "#how-it-works" },
+        { name: "Reviews", id: "#testimonials" },
       ]}
       brandName="EatThisFridge"
-      button={{
-        text: "Start Cooking",
-        href: "#generator",
-      }}
+      button={{ text: "Start Cooking", href: "#generator" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroSplit
       title="Turn Your Fridge Into a Menu"
       description="Simply type in the ingredients you have, and get 5 delicious, healthy recipes you can cook right now. No more food waste, just great meals."
-      buttons={[
-        {
-          text: "Get Recipes Now",
-          href: "#generator",
-        },
-      ]}
+      background={{ variant: "plain" }}
+      buttons={[{ text: "Get Recipes Now", href: "#generator" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-futuristic-dark-themed-kitchen-interfa-1774875216089-467a8473.png?_wi=1"
       imageAlt="Smart fridge interface"
     />
@@ -70,36 +54,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "1",
-          label: "Fast",
-          title: "Instant Results",
-          items: [
-            "Type in seconds",
-            "Get 5 unique recipes",
-            "Save time and money",
-          ],
-        },
-        {
-          id: "2",
-          label: "Smart",
-          title: "AI Powered",
-          items: [
-            "Ingredient matching",
-            "Balanced nutritional values",
-            "Seasonal suggestions",
-          ],
-        },
-        {
-          id: "3",
-          label: "Easy",
-          title: "Beginner Friendly",
-          items: [
-            "Step-by-step guidance",
-            "Minimal tools needed",
-            "Clear instructions",
-          ],
-        },
+        { id: "1", label: "Fast", title: "Instant Results", items: ["Type in seconds", "Get 5 unique recipes", "Save time and money"] },
+        { id: "2", label: "Smart", title: "AI Powered", items: ["Ingredient matching", "Balanced nutritional values", "Seasonal suggestions"] },
+        { id: "3", label: "Easy", title: "Beginner Friendly", items: ["Step-by-step guidance", "Minimal tools needed", "Clear instructions"] },
       ]}
       title="Why EatThisFridge?"
       description="We make cooking accessible and sustainable by bridging the gap between your pantry and your plate."
@@ -113,27 +70,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Fresh Garden Pasta",
-          price: "15 mins",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=1",
-          imageAlt: "Garden Pasta",
-        },
-        {
-          id: "p2",
-          name: "Avocado Toast Bliss",
-          price: "5 mins",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=2",
-          imageAlt: "Avocado Toast",
-        },
-        {
-          id: "p3",
-          name: "Hearty Vegetable Stew",
-          price: "30 mins",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=3",
-          imageAlt: "Vegetable Stew",
-        },
+        { id: "p1", name: "Fresh Garden Pasta", price: "15 mins", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=1", imageAlt: "Garden Pasta" },
+        { id: "p2", name: "Avocado Toast Bliss", price: "5 mins", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=2", imageAlt: "Avocado Toast" },
+        { id: "p3", name: "Hearty Vegetable Stew", price: "30 mins", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/a-delicious-gourmet-pasta-recipe-on-a-cl-1774875217876-7547d452.png?_wi=3", imageAlt: "Vegetable Stew" },
       ]}
       title="Recipe Showcase"
       description="Check out some of the mouth-watering recipes our users are creating everyday from common kitchen items."
@@ -147,46 +86,11 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex P.",
-          role: "Foodie",
-          company: "Home Cook",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Sam K.",
-          role: "Busy Parent",
-          company: "Home Cook",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Jordan D.",
-          role: "Student",
-          company: "Home Cook",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=3",
-        },
-        {
-          id: "t4",
-          name: "Taylor R.",
-          role: "Pro Chef",
-          company: "Home Cook",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=4",
-        },
-        {
-          id: "t5",
-          name: "Morgan W.",
-          role: "Dietitian",
-          company: "Home Cook",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=5",
-        },
+        { id: "t1", name: "Alex P.", role: "Foodie", company: "Home Cook", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=1" },
+        { id: "t2", name: "Sam K.", role: "Busy Parent", company: "Home Cook", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=2" },
+        { id: "t3", name: "Jordan D.", role: "Student", company: "Home Cook", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=3" },
+        { id: "t4", name: "Taylor R.", role: "Pro Chef", company: "Home Cook", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=4" },
+        { id: "t5", name: "Morgan W.", role: "Dietitian", company: "Home Cook", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfLPV4xhlr4f6vDMdFvKbBKyxd/portrait-of-a-happy-home-cook-using-a-mo-1774875217931-9faddbef.png?_wi=5" },
       ]}
       title="Loved by Home Cooks"
       description="See why food lovers are making EatThisFridge their go-to kitchen companion."
@@ -204,31 +108,11 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "f1",
-          title: "How does it work?",
-          content: "Our AI analyzes your ingredients and matches them to thousands of curated recipes.",
-        },
-        {
-          id: "f2",
-          title: "Is it free?",
-          content: "Yes, basic recipe generation is free for everyone.",
-        },
-        {
-          id: "f3",
-          title: "Can I save my favorites?",
-          content: "Registered users can save their favorite recipes for later.",
-        },
-        {
-          id: "f4",
-          title: "Does it work offline?",
-          content: "An internet connection is required to fetch new recipes.",
-        },
-        {
-          id: "f5",
-          title: "Are recipes healthy?",
-          content: "We prioritize nutritional balance in all our generated suggestions.",
-        },
+        { id: "f1", title: "How does it work?", content: "Our AI analyzes your ingredients and matches them to thousands of curated recipes." },
+        { id: "f2", title: "Is it free?", content: "Yes, basic recipe generation is free for everyone." },
+        { id: "f3", title: "Can I save my favorites?", content: "Registered users can save their favorite recipes for later." },
+        { id: "f4", title: "Does it work offline?", content: "An internet connection is required to fetch new recipes." },
+        { id: "f5", title: "Are recipes healthy?", content: "We prioritize nutritional balance in all our generated suggestions." },
       ]}
     />
   </div>
@@ -236,45 +120,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 EatThisFridge"
       bottomRightText="Built to reduce waste."