From e28cdcff4e4f069d7b5157df32fb818ba30480a9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 08:11:06 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dda56cd..653747f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,391 +19,115 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="El Gran Toro"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="El Gran Toro"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Authentic Soul, Modern Brasserie"
-      description="El Gran Toro elevates traditional Mexican flavors with contemporary culinary techniques in an inviting, elegant brasserie atmosphere."
-      testimonials={[
-        {
-          name: "Elena Rodriguez",
-          handle: "@elena_eats",
-          testimonial: "The best mole I've had outside of Mexico City. Simply transcendent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/women-with-burgers-drinks-sitting-table_23-2148975051.jpg",
-        },
-        {
-          name: "Marcus Thorne",
-          handle: "@food_critic",
-          testimonial: "A bold interpretation of tradition. The service is impeccable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081881.jpg",
-        },
-        {
-          name: "Sarah Jenkins",
-          handle: "@sarah_foodie",
-          testimonial: "The atmosphere is perfect for a date night. Everything was exceptional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-relaxing-dinner_23-2147736710.jpg",
-        },
-        {
-          name: "David Chen",
-          handle: "@dave_dines",
-          testimonial: "Innovative and authentic. I come back every single week.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663836.jpg",
-        },
-        {
-          name: "Maria Garcia",
-          handle: "@maria_g",
-          testimonial: "Beautifully crafted dishes, amazing staff. A true gem.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317306.jpg",
-          alt: "Diner portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317345.jpg",
-          alt: "Diner portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711299.jpg",
-          alt: "Diner portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-clay-pots-jars-herb-table-lights-with-blurry-background_181624-17387.jpg",
-          alt: "Diner portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-preparing-delicious-food-side-view_23-2149661343.jpg",
-          alt: "Diner portrait 5",
-        },
-      ]}
-      avatarText="Join our community of food lovers."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Authentic Soul, Modern Brasserie"
+            description="El Gran Toro elevates traditional Mexican flavors with contemporary culinary techniques in an inviting, elegant brasserie atmosphere."
+            testimonials={[]}
+            buttons={[{ text: "Reserve a Table", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg?_wi=1"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Our Passion for Tradition"
-      buttons={[
-        {
-          text: "Learn Our Story",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="Our Passion for Tradition"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Signature Wagyu Tacos",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-food_23-2148140178.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Artisan Burrito Bowl",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/frame-traditional-mexican-food_23-2148181599.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Oaxacan Mole Negro",
-          price: "$34",
-          imageSrc: "http://img.b2bpic.net/free-photo/rice-with-meat-tomato-sauce-side-view_141793-4517.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Sizzling Steak Fajitas",
-          price: "$36",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878256.jpg",
-        },
-        {
-          id: "5",
-          name: "Fresh Coastal Ceviche",
-          price: "$26",
-          imageSrc: "http://img.b2bpic.net/free-photo/uncooked-meat-piece-with-vegetables-blue-table_114579-14746.jpg",
-        },
-        {
-          id: "6",
-          name: "Cinnamon Spiced Churros",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-churros-with-hot-chocolate-breakfast-wooden-table_123827-27250.jpg",
-        },
-      ]}
-      title="Signature Flavors"
-      description="Taste the mastery in every bite with our signature, handcrafted Mexican dishes."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            products={[
+              { id: "1", name: "Signature Wagyu Tacos", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-food_23-2148140178.jpg" },
+              { id: "2", name: "Artisan Burrito Bowl", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/frame-traditional-mexican-food_23-2148181599.jpg" },
+              { id: "3", name: "Oaxacan Mole Negro", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/rice-with-meat-tomato-sauce-side-view_141793-4517.jpg" }
+            ]}
+            title="Signature Flavors"
+            description="Taste the mastery in every bite with our signature, handcrafted Mexican dishes."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Locally Sourced Ingredients",
-          description: "Farm-to-table freshness ensures our dishes remain authentic and vibrant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-fruits-with-vegetable-wood-background_1150-4876.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-stall-market_23-2148209862.jpg",
-          buttonText: "Discover More",
-        },
-        {
-          title: "Artisan Brasserie Bar",
-          description: "Handcrafted cocktails tailored to your palate by our expert mixologists.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-bartender-talking-customer-counter_1262-3623.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148176534.jpg",
-          buttonText: "View Menu",
-        },
-        {
-          title: "Mastery in Cooking",
-          description: "Traditional techniques refined by modern culinary school education.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cooking-kitchen_53876-2.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg",
-          buttonText: "Meet Our Team",
-        },
-      ]}
-      title="The El Gran Toro Experience"
-      description="More than just food, we curate a total sensory experience grounded in rich Mexican history."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[]}
+            title="The El Gran Toro Experience"
+            description="More than just food, we curate a total sensory experience grounded in rich Mexican history."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years of Tradition",
-          description: "Mastering the art of traditional recipes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg",
-        },
-        {
-          id: "m2",
-          value: "40+",
-          title: "Fresh Ingredients",
-          description: "Daily sourced from local organic farms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-barter-event-exchanging-goods_23-2150208196.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Culinary Awards",
-          description: "Celebrating excellence in every dish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/eggplant-caviar-with-glass-orange-juice_140725-3602.jpg",
-        },
-      ]}
-      title="Culinary Excellence"
-      description="Numbers behind our passion for serving true Mexican gastronomy."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            metrics={[]}
+            title="Culinary Excellence"
+            description="Numbers behind our passion for serving true Mexican gastronomy."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          date: "Jan 2025",
-          title: "Regular Diner",
-          quote: "The mole is to die for!",
-          tag: "Authentic",
-          avatarSrc: "http://img.b2bpic.net/free-photo/photo-mixed-race-young-family-couple-have-tasty-dish_273609-44915.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg?_wi=2",
-          imageAlt: "happy diner restaurant interior",
-        },
-        {
-          id: "t2",
-          name: "John Doe",
-          date: "Dec 2024",
-          title: "First Timer",
-          quote: "Best vibe in the city, hands down.",
-          tag: "Atmosphere",
-          avatarSrc: "http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-esquites-plate-high-angle_23-2149891079.jpg",
-          imageAlt: "happy diner restaurant interior",
-        },
-        {
-          id: "t3",
-          name: "Elena P.",
-          date: "Nov 2024",
-          title: "Fan",
-          quote: "I love the attention to detail here.",
-          tag: "Quality",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216161.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-food_23-2148140178.jpg?_wi=2",
-          imageAlt: "happy diner restaurant interior",
-        },
-        {
-          id: "t4",
-          name: "Mike J.",
-          date: "Nov 2024",
-          title: "Foodie",
-          quote: "Incredible menu, can't wait to return.",
-          tag: "Innovative",
-          avatarSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2147680640.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/frame-traditional-mexican-food_23-2148181599.jpg?_wi=2",
-          imageAlt: "happy diner restaurant interior",
-        },
-        {
-          id: "t5",
-          name: "David W.",
-          date: "Oct 2024",
-          title: "Regular",
-          quote: "Consistently amazing every visit.",
-          tag: "Exceptional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24361.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/rice-with-meat-tomato-sauce-side-view_141793-4517.jpg?_wi=2",
-          imageAlt: "happy diner restaurant interior",
-        },
-      ]}
-      title="What Guests Are Saying"
-      description="Authentic experiences that keep our guests coming back for more."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            testimonials={[]}
+            title="What Guests Are Saying"
+            description="Authentic experiences that keep our guests coming back for more."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq-1",
-          title: "Do you accept reservations?",
-          content: "Yes, we strongly recommend booking a table in advance through our website.",
-        },
-        {
-          id: "faq-2",
-          title: "Are there vegetarian options?",
-          content: "We offer a diverse selection of plant-forward dishes inspired by authentic recipes.",
-        },
-        {
-          id: "faq-3",
-          title: "Is the venue accessible?",
-          content: "Our brasserie is fully accessible for all our guests, ensuring a comfortable visit.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know for your perfect visit."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            faqs={[]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know for your perfect visit."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Visit El Gran Toro"
-      description="We're located in the heart of downtown. Reach out for event inquiries or general questions."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/colorful-mexican-urban-architecture-landscape_23-2149749944.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Visit El Gran Toro"
+            description="We're located in the heart of downtown."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Your Email" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="El Gran Toro"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="El Gran Toro"
+            columns={[]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1