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

---
 src/app/page.tsx | 98 ++++++++----------------------------------------
 1 file changed, 15 insertions(+), 83 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c0bc3cb..ea451fe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,13 +12,13 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function Page() {
   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" }
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Menu", id: "#menu" },
+    { name: "Signatures", id: "#signatures" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "Atmosphere", id: "#atmosphere" },
+    { name: "Contact", id: "#contact" }
   ];
 
   return (
@@ -38,96 +38,28 @@ export default function Page() {
         <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <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" }]} 
-        />
+        <HeroSplitDoubleCarousel title="L.B.'s Family Restaurant" description="Thompson's staple diner since day one. Quality food, hearty portions, and community spirit." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
       </div>
       <div id="about" data-section="about">
-        <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} 
-        />
+        <TextSplitAbout title="About Our Story" description={["Since our opening day, L.B.'s has been the heart of Thompson, serving up fresh, hearty meals to our wonderful community.", "We believe in the power of good food and great company, prepared with love in every bite."]} useInvertedBackground={false} />
       </div>
       <div id="menu" data-section="menu">
-        <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} 
-        />
+        <FeatureCardNineteen title="Explore Our Menu" description="From hearty breakfasts to classic comfort dinners, we have something for everyone." features={[{ tag: "Classic", title: "Breakfast Specials", subtitle: "Start your day right", description: "Pancakes, omelettes, and our famous diner coffee." }, { tag: "Popular", title: "Hearty Dinners", subtitle: "Comfort food favorites", description: "Slow-cooked roasts and classic burgers that feel like home." }]} textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="signatures" data-section="signatures">
-        <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} 
-        />
+        <ProductCardThree title="Signature Dishes" description="The fan favorites you keep coming back for." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Famous Burger", price: "$12", imageSrc: "/placeholder.jpg" }, { id: "2", name: "Signature Pancakes", price: "$9", imageSrc: "/placeholder.jpg" }, { id: "3", name: "Hot Roast Beef", price: "$15", imageSrc: "/placeholder.jpg" }]} useInvertedBackground={false} />
       </div>
       <div id="reviews" data-section="reviews">
-        <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} 
-        />
+        <TestimonialCardOne title="Customer Reviews" description="See why our guests keep coming back." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Sarah M.", role: "Local Resident", company: "Thompson", rating: 5 }, { id: "2", name: "David T.", role: "Regular Customer", company: "Thompson", rating: 5 }]} useInvertedBackground={false} />
       </div>
       <div id="atmosphere" data-section="atmosphere">
-        <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} 
-        />
+        <TeamCardOne title="Our Atmosphere" description="Experience the warm, welcoming vibe that makes L.B.'s special." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Family Vibe", role: "Welcoming seating for all ages" }, { id: "2", name: "Diner Spirit", role: "Classic, nostalgic decor" }]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <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} 
-        />
+        <ContactSplitForm title="Visit Us" description="Find us in the heart of town. We can't wait to serve you!" inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
-        <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"
-        />
+        <FooterSimple columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "#contact" }] }]} bottomLeftText="© 2024 L.B.'s Family Restaurant" bottomRightText="Proudly serving Thompson" />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1