From 7d22f44eac481d4bf4413b014ec5a726790b094d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 22:44:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 95 +++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 86 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 27558f4..c0bc3cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,16 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function Page() {
-  const navItems = [{ name: "Home", id: "/" }];
+  const navItems = [
+    { name: "Home", id: "hero" },
+    { name: "About", id: "about" },
+    { name: "Menu", id: "menu" },
+    { name: "Signatures", id: "signatures" },
+    { name: "Reviews", id: "reviews" },
+    { name: "Atmosphere", id: "atmosphere" },
+    { name: "Location", id: "contact" }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -29,28 +38,96 @@ export default function Page() {
         <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel title="Experience Innovation" description="Redefining excellence in every detail." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
+        <HeroSplitDoubleCarousel 
+          title="Welcome to L.B.'s Family Restaurant"
+          description="Serving hearty portions and community spirit since day one."
+          background={{ variant: "plain" }} 
+          leftCarouselItems={[{ imageSrc: "/images/hero1.jpg", imageAlt: "Restaurant Interior" }]} 
+          rightCarouselItems={[{ imageSrc: "/images/hero2.jpg", imageAlt: "Signature Dish" }]} 
+        />
       </div>
       <div id="about" data-section="about">
-        <TextSplitAbout title="About Us" description={["We are a team dedicated to excellence."]} useInvertedBackground={false} />
+        <TextSplitAbout 
+          title="Our Story"
+          description={["Thompson's staple diner, where every table feels like home.", "We pride ourselves on fresh ingredients and timeless recipes passed down through generations."]}
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="menu" data-section="menu">
-        <FeatureCardNineteen title="Our Features" description="Explore what makes us unique." features={[{ tag: "New", title: "Feature 1", subtitle: "Innovation", description: "High quality service." }, { tag: "Update", title: "Feature 2", subtitle: "Advanced", description: "Built for performance." }]} textboxLayout="default" useInvertedBackground={false} />
+        <FeatureCardNineteen 
+          title="Our Menu"
+          description="Classic comfort food prepared with love."
+          features={[
+            { tag: "Popular", title: "Breakfast Favorites", subtitle: "Start your day right", description: "Pancakes, omelets, and our famous home fries.", imageSrc: "/images/breakfast.jpg" },
+            { tag: "Daily", title: "Hearty Lunch", subtitle: "Mid-day fuel", description: "Handcrafted burgers and garden-fresh salads.", imageSrc: "/images/lunch.jpg" }
+          ]} 
+          textboxLayout="default" 
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="signatures" data-section="signatures">
-        <ProductCardThree title="Signatures" description="Exclusive collections." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Signature 1", price: "$99", imageSrc: "/images/product1.jpg" }, { id: "2", name: "Signature 2", price: "$149", imageSrc: "/images/product2.jpg" }, { id: "3", name: "Signature 3", price: "$199", imageSrc: "/images/product3.jpg" }]} useInvertedBackground={false} />
+        <ProductCardThree 
+          title="Signature Dishes"
+          description="The meals our regulars swear by."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          products={[
+            { id: "1", name: "L.B.'s Famous Pot Roast", price: "$18.99", imageSrc: "/images/pot-roast.jpg" },
+            { id: "2", name: "Golden Crispy Chicken", price: "$16.50", imageSrc: "/images/chicken.jpg" },
+            { id: "3", name: "Homemade Apple Pie", price: "$6.99", imageSrc: "/images/pie.jpg" }
+          ]} 
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardOne title="Client Reviews" description="What they say about us." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "Design Inc", rating: 5 }]} useInvertedBackground={false} />
+        <TestimonialCardOne 
+          title="Guest Testimonials"
+          description="Hear what our community has to say."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          testimonials={[
+            { id: "1", name: "Sarah J.", role: "Local Resident", company: "Thompson's", rating: 5 },
+            { id: "2", name: "Mark T.", role: "Regular Visitor", company: "Diner Enthusiast", rating: 5 }
+          ]} 
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="atmosphere" data-section="atmosphere">
-        <TeamCardOne title="Our Atmosphere" description="Meet the people behind the magic." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Lead Designer" }, { id: "2", name: "Bob", role: "Engineer" }]} useInvertedBackground={false} />
+        <TeamCardOne 
+          title="The Atmosphere"
+          description="A place where memories are made."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          members={[
+            { id: "1", name: "Cozy Nooks", role: "Interior Space" },
+            { id: "2", name: "Friendly Staff", role: "Our Team" }
+          ]} 
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplitForm title="Contact Us" description="Get in touch with our team today." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} useInvertedBackground={false} />
+        <ContactSplitForm 
+          title="Visit Us"
+          description="Located in the heart of Thompson, come say hello!"
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name" },
+            { name: "email", type: "email", placeholder: "Email Address" }
+          ]} 
+          useInvertedBackground={false} 
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All Rights Reserved" />
+        <FooterSimple 
+          columns={[
+            { title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Dinner", href: "#signatures" }] },
+            { title: "Contact", items: [{ label: "Find Us", href: "#contact" }] }
+          ]} 
+          bottomLeftText="© 2024 L.B.'s Family Restaurant"
+          bottomRightText="Serving Thompson since day one"
+        />
       </div>
     </ThemeProvider>
   );