Update src/app/page.tsx

Merge version_10 into main
2026-04-22 08:55:48 +00:00 · 2026-04-22 08:54:03 +00:00 · 2026-04-22 08:53:57 +00:00 · 2026-04-22 08:53:23 +00:00 · 2026-04-22 08:53:20 +00:00 · 2026-04-22 08:49:15 +00:00
1 changed files with 133 additions and 374 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,391 +19,150 @@ export default function LandingPage() {
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        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={[
+              { name: "Elena Rodriguez", handle: "@elena_foodie", testimonial: "The wagyu tacos are an absolute revelation. Truly the best Mexican dining I've experienced in years.", rating: 5 },
+              { name: "Marcus Thorne", handle: "@mthorne_travels", testimonial: "A perfect fusion of traditional roots and modern elegance. The atmosphere is just as vibrant as the menu.", rating: 5 }
+            ]}
+            buttons={[{ text: "Book Your 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."
+            buttons={[{ text: "View Digital Menu", href: "#menu" }]}
+            useInvertedBackground={false}
+          />
+        </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: "Traditional Roots", description: "Centuries-old recipes.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Modern Flare", description: "Contemporary techniques.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Local Produce", description: "Farm-to-table quality.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Handcrafted Drinks", description: "Signature cocktails.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" }
+            ]}
+            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."
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </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={[
+              { id: "t1", name: "Sofia Valdes", date: "Oct 2024", title: "Exceptional flavors!", quote: "The mole negro took me straight back to my grandmother's kitchen. A must-visit gem.", tag: "Authentic", avatarSrc: "https://i.pravatar.cc/150?u=sofia" },
+              { id: "t2", name: "Liam O'Connor", date: "Sep 2024", title: "Perfect atmosphere", quote: "Stunning decor and the best margaritas in the city. The service was impeccable and friendly.", tag: "Atmosphere", avatarSrc: "https://i.pravatar.cc/150?u=liam" },
+              { id: "t3", name: "Amara Okafor", date: "Aug 2024", title: "Innovative dishes", quote: "Loved the wagyu tacos. A clever, modern twist on Mexican classics that really works.", tag: "Culinary", avatarSrc: "https://i.pravatar.cc/150?u=amara" }
+            ]}
+            title="What Guests Are Saying"
+            description="Authentic experiences that keep our guests coming back for more."
+            useInvertedBackground={false}
+          />
+        </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={[
+              { id: "faq-1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance through our website or calling our front desk to ensure your preferred time." },
+              { id: "faq-2", title: "Can you accommodate dietary restrictions?", content: "We pride ourselves on inclusive dining. Please notify our staff of any allergies or dietary requirements when booking, and our chefs will happily customize your order." },
+              { id: "faq-3", title: "Is there parking available?", content: "We offer complimentary valet parking for all guests, located directly at the entrance of our brasserie." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know for your perfect visit."
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </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. Call us at +18457456479"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Your Email" }
+            ]}
+            useInvertedBackground={false}
+          />
+        </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={[
+              { 
+                title: "Navigate", 
+                items: [
+                  { label: "Reservations", href: "#contact" },
+                  { label: "Menu", href: "#products" },
+                  { label: "Location", href: "#contact" },
+                  { label: "Careers", href: "#careers" }
+                ] 
+              }
+            ]}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	b4cb347ee8	Update src/app/page.tsx	2026-04-22 08:55:48 +00:00
bender	02447173ee	Merge version_10 into main Merge version_10 into main	2026-04-22 08:54:03 +00:00
bender	574dea4c6b	Update src/app/page.tsx	2026-04-22 08:53:57 +00:00
bender	d4928418d4	Merge version_9 into main Merge version_9 into main	2026-04-22 08:53:23 +00:00
bender	bde0de22ab	Update src/app/page.tsx	2026-04-22 08:53:20 +00:00
bender	51e25cb4d7	Merge version_8 into main Merge version_8 into main	2026-04-22 08:49:15 +00:00
bender	e2eabfba35	Update src/app/page.tsx	2026-04-22 08:49:11 +00:00
bender	181ae19a88	Merge version_7 into main Merge version_7 into main	2026-04-22 08:48:15 +00:00
bender	d2876bda4a	Update src/app/page.tsx	2026-04-22 08:48:12 +00:00
bender	779e441cc9	Merge version_6 into main Merge version_6 into main	2026-04-22 08:23:18 +00:00
bender	6936557178	Update src/app/page.tsx	2026-04-22 08:23:15 +00:00
bender	8e975176fe	Merge version_5 into main Merge version_5 into main	2026-04-22 08:22:21 +00:00
bender	b5369fdc0f	Update src/app/page.tsx	2026-04-22 08:22:18 +00:00
bender	b0cfc307b6	Update src/app/page.tsx	2026-04-22 08:16:30 +00:00
bender	d5b5753b50	Update src/app/page.tsx	2026-04-22 08:14:47 +00:00
bender	d3a78b21ef	Merge version_3 into main Merge version_3 into main	2026-04-22 08:13:54 +00:00
bender	fb7c7c22bf	Update src/app/page.tsx	2026-04-22 08:13:48 +00:00
bender	43ce8b2a47	Update src/app/page.tsx	2026-04-22 08:12:47 +00:00
bender	7ac50b8156	Merge version_2 into main Merge version_2 into main	2026-04-22 08:11:41 +00:00
bender	412d4014ee	Update src/app/page.tsx	2026-04-22 08:11:38 +00:00
bender	43a4320a6b	Merge version_2 into main Merge version_2 into main	2026-04-22 08:11:09 +00:00
bender	e28cdcff4e	Update src/app/page.tsx	2026-04-22 08:11:06 +00:00
bender	dd812d5b52	Merge version_1 into main Merge version_1 into main	2026-04-22 08:10:36 +00:00