From 14a844a989d7fd3da2138c1ad2a3911931ba33cf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 17:49:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 466 +++++++++++++----------------------------------
 1 file changed, 130 insertions(+), 336 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2efb5e8..41e63eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,350 +27,144 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="M&J Restaurant"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="M&J Restaurant"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Authentic Flavors in Greer"
-      description="Welcome to M&J Restaurant, where locally sourced ingredients meet culinary tradition. Join us for an unforgettable dining experience."
-      testimonials={[
-        {
-          name: "John Doe",
-          handle: "@johnd",
-          testimonial: "Best local spot in Greer!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janes",
-          testimonial: "The flavors are incredible.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
-        },
-        {
-          name: "Robert Miller",
-          handle: "@rob",
-          testimonial: "Exceptional service and food.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
-        },
-        {
-          name: "Sarah Lee",
-          handle: "@slee",
-          testimonial: "A true gem in the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
-        },
-        {
-          name: "Mike Ross",
-          handle: "@miker",
-          testimonial: "Perfect for our date nights.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/older-man-with-silly-face_1149-277.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fresh Local Ingredients",
-        },
-        {
-          type: "text",
-          text: "Family Owned",
-        },
-        {
-          type: "text",
-          text: "Award Winning Chef",
-        },
-        {
-          type: "text",
-          text: "Open Daily",
-        },
-        {
-          type: "text",
-          text: "Since 2010",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Authentic Flavors in Greer"
+            description="Welcome to M&J Restaurant, where locally sourced ingredients meet culinary tradition. Join us for an unforgettable dining experience."
+            testimonials={[
+              { name: "John Doe", handle: "@johnd", testimonial: "Best local spot in Greer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg" },
+              { name: "Jane Smith", handle: "@janes", testimonial: "The flavors are incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg" },
+              { name: "Robert Miller", handle: "@rob", testimonial: "Exceptional service and food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
+              { name: "Sarah Lee", handle: "@slee", testimonial: "A true gem in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
+              { name: "Mike Ross", handle: "@miker", testimonial: "Perfect for our date nights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg" },
+            ]}
+            buttons={[{ text: "View Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/older-man-with-silly-face_1149-277.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Customer 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Fresh Local Ingredients" },
+              { type: "text", text: "Family Owned" },
+              { type: "text", text: "Award Winning Chef" },
+              { type: "text", text: "Open Daily" },
+              { type: "text", text: "Since 2010" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Our Story"
-      description={[
-        "Founded with a passion for good food and community, M&J Restaurant brings heart to every dish we serve in the heart of Greer.",
-        "We take pride in our recipes passed down through generations.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={false}
+            title="Our Story"
+            description={[
+              "Founded with a passion for good food and community, M&J Restaurant brings heart to every dish we serve in the heart of Greer.",              "We take pride in our recipes passed down through generations."]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Signature Steak",
-          price: "$28",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg",
-        },
-        {
-          id: "2",
-          name: "Truffle Pasta",
-          price: "$22",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-caprice-salad-with-arugula-caviar_140725-11477.jpg",
-        },
-        {
-          id: "3",
-          name: "Seared Scallops",
-          price: "$30",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",
-        },
-        {
-          id: "4",
-          name: "Garden Appetizer",
-          price: "$12",
-          variant: "Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cakes-inside-plate-grey-space_140725-79698.jpg",
-        },
-        {
-          id: "5",
-          name: "Chocolate Lava Cake",
-          price: "$10",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg",
-        },
-        {
-          id: "6",
-          name: "Fresh Harvest Salad",
-          price: "$15",
-          variant: "Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-noodle-bowl-with-herbs-lime_84443-84864.jpg",
-        },
-      ]}
-      title="Signature Menu"
-      description="Discover our hand-crafted selection of locally-inspired dishes."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+            <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Signature Steak", price: "$28", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
+              { id: "2", name: "Truffle Pasta", price: "$22", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-caprice-salad-with-arugula-caviar_140725-11477.jpg" },
+              { id: "3", name: "Seared Scallops", price: "$30", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg" },
+              { id: "4", name: "Garden Appetizer", price: "$12", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cakes-inside-plate-grey-space_140725-79698.jpg" },
+              { id: "5", name: "Chocolate Lava Cake", price: "$10", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" },
+              { id: "6", name: "Fresh Harvest Salad", price: "$15", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-noodle-bowl-with-herbs-lime_84443-84864.jpg" },
+            ]}
+            title="Signature Menu"
+            description="Discover our hand-crafted selection of locally-inspired dishes."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Anna",
-          handle: "@anna",
-          testimonial: "The best atmosphere in Greer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
-        },
-        {
-          id: "2",
-          name: "Ben",
-          handle: "@ben",
-          testimonial: "I never miss a Friday here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
-        },
-        {
-          id: "3",
-          name: "Chloe",
-          handle: "@chloe",
-          testimonial: "Love the dessert selection!",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg",
-        },
-        {
-          id: "4",
-          name: "David",
-          handle: "@david",
-          testimonial: "Fresh, local, and tasty.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily",
-          handle: "@emily",
-          testimonial: "Highly recommended for families.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-eating-healthy-whole-grain-cereals-with-spoon-smiling-with-happy-cool-smile-face-showing-teeth_839833-31876.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Hear from the community about their favorite M&J moments."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSix
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Anna", handle: "@anna", testimonial: "The best atmosphere in Greer.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
+              { id: "2", name: "Ben", handle: "@ben", testimonial: "I never miss a Friday here.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
+              { id: "3", name: "Chloe", handle: "@chloe", testimonial: "Love the dessert selection!", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg" },
+              { id: "4", name: "David", handle: "@david", testimonial: "Fresh, local, and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
+              { id: "5", name: "Emily", handle: "@emily", testimonial: "Highly recommended for families.", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-eating-healthy-whole-grain-cereals-with-spoon-smiling-with-happy-cool-smile-face-showing-teeth_839833-31876.jpg" },
+            ]}
+            title="What Our Guests Say"
+            description="Hear from the community about their favorite M&J moments."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Serving",
-          description: "Local excellence",
-          imageSrc: "http://img.b2bpic.net/free-photo/flour-black-background-with-shapes-kitchen-elements_23-2148006321.jpg",
-        },
-        {
-          id: "m2",
-          value: "10k+",
-          title: "Happy Guests",
-          description: "Served with love",
-          imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Fresh Local",
-          description: "Sourced carefully",
-          imageSrc: "http://img.b2bpic.net/free-vector/organic-shop-background-design_1195-142.jpg",
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers reflecting our love for serving Greer."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardEleven
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years Serving", description: "Local excellence", imageSrc: "http://img.b2bpic.net/free-photo/flour-black-background-with-shapes-kitchen-elements_23-2148006321.jpg" },
+              { id: "m2", value: "10k+", title: "Happy Guests", description: "Served with love", imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg" },
+              { id: "m3", value: "100%", title: "Fresh Local", description: "Sourced carefully", imageSrc: "http://img.b2bpic.net/free-vector/organic-shop-background-design_1195-142.jpg" },
+            ]}
+            title="Our Impact"
+            description="Numbers reflecting our love for serving Greer."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do I need a reservation?",
-          content: "Reservations are recommended on weekends.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer catering?",
-          content: "Yes, please contact us for details.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Free parking is located behind the building.",
-        },
-      ]}
-      title="Common Questions"
-      description="Answers to frequently asked questions about our restaurant."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do I need a reservation?", content: "Reservations are recommended on weekends." },
+              { id: "q2", title: "Do you offer catering?", content: "Yes, please contact us for details." },
+              { id: "q3", title: "Is parking available?", content: "Free parking is located behind the building." },
+            ]}
+            title="Common Questions"
+            description="Answers to frequently asked questions about our restaurant."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "downward-rays-static",
-      }}
-      tag="Visit Us"
-      title="Join Our Community"
-      description="Sign up for updates on our special menu items and local events."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "downward-rays-static" }}
+            tag="Visit Us"
+            title="Join Our Community"
+            description="Sign up for updates on our special menu items and local events."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="M&J Restaurant"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="M&J Restaurant"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1