From c82e2bd000224c680c1790165c70832507002c39 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 10:07:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 454 ++++++++++++++---------------------------------
 1 file changed, 135 insertions(+), 319 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8c97ca..c22899f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,334 +29,150 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Catering",
-          id: "catering",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Joe's Italian"
-      button={{
-        text: "Order Online",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "menu" },
+              { name: "Catering", id: "catering" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Joe's Italian"
+            button={{ text: "Order Online", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Pasta, Pizza, Subs & More"
-      description="From scratch. Family owned. Taste the difference at Joe's where we bring authentic Italian recipes to your table."
-      tag="Homemade Italian Food"
-      buttons={[
-        {
-          text: "Order Online",
-          href: "#contact",
-        },
-        {
-          text: "Call Ahead",
-          href: "tel:5864883085",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2449.jpg",
-          imageAlt: "Authentic Italian meal",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wheat-pasta-near-blackboard_23-2147853447.jpg",
-          imageAlt: "Fresh Italian ingredients",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-pasta_23-2150329919.jpg",
-          imageAlt: "Full shot woman posing with pasta",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-kids-cook-front-view_23-2149870131.jpg",
-          imageAlt: "Woman helping kids cook front view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/guys-eat-pasta-with-drinks_140725-4393.jpg",
-          imageAlt: "Guys eat pasta with drinks",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Best subs around!"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "radial-gradient" }}
+            title="Pasta, Pizza, Subs & More"
+            description="From scratch. Family owned. Taste the difference at Joe's where we bring authentic Italian recipes to your table."
+            tag="Homemade Italian Food"
+            buttons={[
+              { text: "Order Online", href: "#contact" },
+              { text: "Call Ahead", href: "tel:5864883085" }
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2449.jpg", imageAlt: "Authentic Italian meal" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/wheat-pasta-near-blackboard_23-2147853447.jpg", imageAlt: "Fresh Italian ingredients" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Best subs around!"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="A Passion for Italian Cooking"
-      metrics={[
-        {
-          icon: Utensils,
-          label: "Years Tradition",
-          value: "20+",
-        },
-        {
-          icon: Utensils,
-          label: "Homemade Dishes",
-          value: "50+",
-        },
-        {
-          icon: Users,
-          label: "Happy Families",
-          value: "10k+",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="A Passion for Italian Cooking"
+            metrics={[
+              { icon: Utensils, label: "Years Tradition", value: "20+" },
+              { icon: Utensils, label: "Homemade Dishes", value: "50+" },
+              { icon: Users, label: "Happy Families", value: "10k+" }
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No processed meats",
-          "No frozen dough",
-          "No artificial preservatives",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Scratch made daily",
-          "Family owned recipes",
-          "First-second gen Italian chefs",
-        ],
-      }}
-      title="The Joe's Difference"
-      description="We are passionate about bringing you fresh, authentic Italian flavors."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No processed meats", "No frozen dough", "No artificial preservatives"] }}
+            positiveCard={{ items: ["Scratch made daily", "Family owned recipes", "First-second gen Italian chefs"] }}
+            title="The Joe's Difference"
+            description="We are passionate about bringing you fresh, authentic Italian flavors."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Homemade Lasagna",
-          price: "$15.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sandwich-with-olives-salmon_23-2148640240.jpg",
-        },
-        {
-          id: "p2",
-          name: "Margherita Pizza",
-          price: "$18.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-plate-sweet-with-berries-flour-tea-sieve-chocolate-nuts-side-marble-background_140725-133904.jpg",
-        },
-        {
-          id: "p3",
-          name: "Classic Italian Sub",
-          price: "$9.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/holiday-dinner-with-roasted-chicken-potatoes-food-photography_53876-124086.jpg",
-        },
-        {
-          id: "p4",
-          name: "Muffuletta Sandwich",
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-sandwich-with-bacon_181624-23195.jpg",
-        },
-        {
-          id: "p5",
-          name: "Chicken Parmesan",
-          price: "$16.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-chicken-lettuce-tomato-parmesan-anchovies-side-view_141793-3707.jpg",
-        },
-        {
-          id: "p6",
-          name: "Cannoli Bakery",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35061.jpg",
-        },
-      ]}
-      title="Authentic Italian Menu"
-      description="From pasta and pizza to our legendary subs, discover your new favorite meal."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Homemade Lasagna", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sandwich-with-olives-salmon_23-2148640240.jpg" },
+              { id: "p2", name: "Margherita Pizza", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-plate-sweet-with-berries-flour-tea-sieve-chocolate-nuts-side-marble-background_140725-133904.jpg" },
+              { id: "p3", name: "Classic Italian Sub", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/holiday-dinner-with-roasted-chicken-potatoes-food-photography_53876-124086.jpg" }
+            ]}
+            title="Authentic Italian Menu"
+            description="From pasta and pizza to our legendary subs, discover your new favorite meal."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Homemade",
-          description: "No pre-made sauces here.",
-          icon: Utensils,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Freshness",
-          description: "Ingredients sourced daily.",
-          icon: CalendarDays,
-        },
-        {
-          id: "m3",
-          value: "99+",
-          title: "Sub Favorites",
-          description: "Ranked best in town.",
-          icon: Star,
-        },
-      ]}
-      title="Freshness Guaranteed"
-      description="Every dish is prepared with the utmost care for our local community."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="scale-rotate"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100%", title: "Homemade", description: "No pre-made sauces here.", icon: Utensils },
+              { id: "m2", value: "24/7", title: "Freshness", description: "Ingredients sourced daily.", icon: CalendarDays },
+              { id: "m3", value: "99+", title: "Sub Favorites", description: "Ranked best in town.", icon: Star }
+            ]}
+            title="Freshness Guaranteed"
+            description="Every dish is prepared with the utmost care for our local community."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "The best subs I've ever had in Shelby Township!",
-          imageSrc: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-111517.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike D.",
-          handle: "@miked",
-          testimonial: "Authentic homemade pasta that reminds me of home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg",
-        },
-        {
-          id: "t3",
-          name: "Anna P.",
-          handle: "@annap",
-          testimonial: "Incredible service and very fast catering.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
-        },
-        {
-          id: "t4",
-          name: "Tom R.",
-          handle: "@tomr",
-          testimonial: "Every meal here feels like a Sunday dinner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kelly V.",
-          handle: "@kellyv",
-          testimonial: "The bakery items are divine, must-try!",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg",
-        },
-      ]}
-      title="Our Community Loves Us"
-      description="Real feedback from our satisfied neighbors."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best subs I've ever had in Shelby Township!", imageSrc: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-111517.jpg" },
+              { id: "t2", name: "Mike D.", handle: "@miked", testimonial: "Authentic homemade pasta that reminds me of home.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg" }
+            ]}
+            title="Our Community Loves Us"
+            description="Real feedback from our satisfied neighbors."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer delivery?",
-          content: "Yes, we offer convenient delivery in the Shelby Township area.",
-        },
-        {
-          id: "f2",
-          title: "How can I order?",
-          content: "You can order online, call us at 586-488-3085, or visit us in person.",
-        },
-        {
-          id: "f3",
-          title: "Is catering available?",
-          content: "Absolutely! We cater events of all sizes with our authentic Italian menu.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our takeout and catering."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer delivery?", content: "Yes, we offer convenient delivery in the Shelby Township area." },
+              { id: "f2", title: "How can I order?", content: "You can order online, call us at 586-488-3085, or visit us in person." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about our takeout and catering."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Find Us & Order Now"
-      description="Visit us at 12399 23 Mile Rd., Shelby Twp. MI 48315 or reach out for inquiries."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "order",
-        placeholder: "Your Order/Inquiry",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
-      mediaPosition="right"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Find Us & Order Now"
+            description="Visit us at 12399 23 Mile Rd., Shelby Twp. MI 48315 or reach out for inquiries."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true }
+            ]}
+            textarea={{ name: "order", placeholder: "Your Order/Inquiry", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
+            mediaPosition="right"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Joe's Italian"
-      copyrightText="© 2025 Joe's Italian Takeout"
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Joe's Italian"
+            copyrightText="© 2025 Joe's Italian Takeout"
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file