Merge version_1 into main #3

Open
bender wants to merge 2 commits from version_1 into main

View File

@@ -19,390 +19,174 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<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_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="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"
buttons={[{ text: "Learn Our Story", href: "#" }]}
/>
</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"
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="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: "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="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"
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="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"
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="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"
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="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
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="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: "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>
</ReactLenis>
</ThemeProvider>
);