Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -21,11 +21,11 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="medium"
         sizing="medium"
-        background="circleGradient"
+        background="none"
         cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -45,22 +45,11 @@ export default function LandingPage() {
             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" },
+              { 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: "Reserve a Table", href: "#contact" }]}
+            buttons={[{ text: "Book Your 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>
 
@@ -68,7 +57,6 @@ export default function LandingPage() {
           <TextAbout
             useInvertedBackground={true}
             title="Our Passion for Tradition"
-            buttons={[{ text: "Learn Our Story", href: "#" }]}
           />
         </div>
 
@@ -77,17 +65,15 @@ export default function LandingPage() {
             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" },
+              { 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>
 
@@ -98,9 +84,10 @@ export default function LandingPage() {
             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: "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."
@@ -110,81 +97,51 @@ export default function LandingPage() {
         <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" },
-            ]}
+            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" },
-            ]}
+            testimonials={[]}
             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." },
-            ]}
+            faqs={[]}
             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."
+            description="We're located in the heart of downtown."
             inputs={[
               { name: "name", type: "text", placeholder: "Your Name" },
-              { name: "email", type: "email", placeholder: "Your Email" },
+              { 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"
+            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: "#" },
-                ],
-              },
-            ]}
+            columns={[]}
           />
         </div>
       </ReactLenis>