Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dfc165e23f | |||
| d3a78b21ef | |||
| fb7c7c22bf | |||
| 43ce8b2a47 | |||
| 7ac50b8156 | |||
| 412d4014ee | |||
| 43a4320a6b | |||
| e28cdcff4e | |||
| dd812d5b52 |
486
src/app/page.tsx
486
src/app/page.tsx
@@ -19,391 +19,129 @@ 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={[]}
|
||||
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."
|
||||
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={[]}
|
||||
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={[]}
|
||||
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."
|
||||
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={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user