From 2634a1c5a583e74b629902cf6b3d9a08f44c1b2e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 13:05:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 +++++++++++------------------------------------
 1 file changed, 40 insertions(+), 138 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7847372..35c8d18 100644
--- a/src/app/page.tsx
+++ b/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';
@@ -29,35 +29,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "How It Works",
-          id: "#how-it-works",
-        },
+          name: "How It Works",          id: "#how-it-works"},
         {
-          name: "Reviews",
-          id: "#testimonials",
-        },
+          name: "Reviews",          id: "#testimonials"},
       ]}
       brandName="EatThisFridge"
       button={{
-        text: "Start Cooking",
-        href: "#generator",
-      }}
+        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",
-        },
+          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"
@@ -71,34 +61,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "1",
-          label: "Fast",
-          title: "Instant Results",
-          items: [
-            "Type in seconds",
-            "Get 5 unique recipes",
-            "Save time and money",
-          ],
+          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: "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: "3",          label: "Easy",          title: "Beginner Friendly",          items: [
+            "Step-by-step guidance",            "Minimal tools needed",            "Clear instructions"],
         },
       ]}
       title="Why EatThisFridge?"
@@ -114,26 +86,11 @@ export default function LandingPage() {
       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: "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: "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: "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."
@@ -148,45 +105,20 @@ export default function LandingPage() {
       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: "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: "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: "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: "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: "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."
@@ -205,30 +137,15 @@ export default function LandingPage() {
       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: "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: "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: "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: "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: "f5",          title: "Are recipes healthy?",          content: "We prioritize nutritional balance in all our generated suggestions."},
       ]}
     />
   </div>
@@ -237,42 +154,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}