Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2ea32deecc | |||
| 8844cb31e4 | |||
| a7b8b12d93 | |||
| 53a3ebe0f5 | |||
| 3d26c7a265 |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -32,23 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Reservations", id: "contact"},
|
||||
]}
|
||||
brandName="EL CORAZÓN"
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,36 +50,22 @@ export default function LandingPage() {
|
||||
description="Indulge in an elevated interpretation of authentic Mexican heritage, crafted with precision and artisanal soul."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-berry-with-brownies-cake-with-walnut-plate-marble-table_114579-83998.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-mexican-dish-with-wooden-background_23-2148283082.jpg",
|
||||
alt: "Diner portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-mexican-dish-with-wooden-background_23-2148283082.jpg", alt: "Diner portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-delicious-cakes-blue-tray-biscuits-dark-table_140725-87061.jpg",
|
||||
alt: "Diner portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-delicious-cakes-blue-tray-biscuits-dark-table_140725-87061.jpg", alt: "Diner portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-vegetable-pate-rolls-inside-black-plate-dark-surface_179666-34672.jpg",
|
||||
alt: "Diner portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-vegetable-pate-rolls-inside-black-plate-dark-surface_179666-34672.jpg", alt: "Diner portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-decorated-with-syrop-blue-plate-high-quality-photo_114579-86723.jpg",
|
||||
alt: "Diner portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-decorated-with-syrop-blue-plate-high-quality-photo_114579-86723.jpg", alt: "Diner portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
alt: "Diner portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg", alt: "Diner portrait 5"},
|
||||
]}
|
||||
avatarText="Join over 5,000 discerning diners"
|
||||
/>
|
||||
@@ -100,13 +78,9 @@ export default function LandingPage() {
|
||||
description="Inspired by the architectural grandeur of Mexico's historic haciendas, our space blends raw materials with refined luxury to provide an unmatched dining atmosphere."
|
||||
metrics={[
|
||||
{
|
||||
value: "15",
|
||||
title: "Artisanal Mole",
|
||||
},
|
||||
value: "15", title: "Artisanal Mole"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Agave Spirits",
|
||||
},
|
||||
value: "50+", title: "Agave Spirits"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -122,50 +96,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mole Negro",
|
||||
price: "$45",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-arrangement_23-2148750463.jpg",
|
||||
},
|
||||
id: "1", name: "Mole Negro Oaxaqueño", price: "$48", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-arrangement_23-2148750463.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Toro Tartare",
|
||||
price: "$38",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-green-mexican-coctail-drink-carafe-background-barman-bar_627829-12202.jpg",
|
||||
},
|
||||
id: "2", name: "Bluefin Toro Tartare", price: "$42", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/three-green-mexican-coctail-drink-carafe-background-barman-bar_627829-12202.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Agave Infused Duck",
|
||||
price: "$52",
|
||||
variant: "Entree",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585725.jpg",
|
||||
},
|
||||
id: "3", name: "Agave Glazed Muscovy Duck", price: "$58", variant: "Entree", imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585725.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sea Bass Ceviche",
|
||||
price: "$32",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mexican-woman-eating-ranchero-food_23-2150222267.jpg",
|
||||
},
|
||||
id: "4", name: "Pacific Sea Bass Aguachile", price: "$36", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mexican-woman-eating-ranchero-food_23-2150222267.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Smoked Octopus",
|
||||
price: "$42",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-alcohol-drink-garnished-with-lemon-skin-martini-glass_140725-667.jpg",
|
||||
},
|
||||
id: "5", name: "Smoked Baja Octopus", price: "$46", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-alcohol-drink-garnished-with-lemon-skin-martini-glass_140725-667.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Wagyu Ribeye",
|
||||
price: "$85",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-painted-mug_23-2149672979.jpg",
|
||||
},
|
||||
id: "6", name: "A5 Wagyu Ribeye", price: "$95", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-painted-mug_23-2149672979.jpg"},
|
||||
]}
|
||||
title="Culinary Masterpieces"
|
||||
description="Our menu is a curated journey through Mexico's finest terroir, elevated by modern techniques and exquisite presentation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table", href: "#contact"}
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Experience our curated selection of signature dishes, where ancestral techniques meet contemporary presentation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,59 +121,38 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Traditional Clay Pots",
|
||||
descriptions: [
|
||||
"Crafted by artisans to maintain authentic temperature and flavor profiles.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-taco-ingredients_23-2148629331.jpg",
|
||||
},
|
||||
id: "f1", title: "Ancestral Clay Preparation", descriptions: [
|
||||
"Every dish honors history, utilizing traditional clay vessels to impart unparalleled depth of flavor."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-taco-ingredients_23-2148629331.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hand-Pressed Maíz",
|
||||
descriptions: [
|
||||
"Heirloom corn, stone-ground in-house every morning for perfect texture.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-wooden-board-with-orange-slices_140725-3008.jpg",
|
||||
},
|
||||
id: "f2", title: "Heirloom Masa Philosophy", descriptions: [
|
||||
"We source rare corn varietals, nixtamalized and ground daily for the perfect artisanal texture."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-wooden-board-with-orange-slices_140725-3008.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Curated Agave List",
|
||||
descriptions: [
|
||||
"Extensive collection of rare spirits, sourced directly from Mexican boutique distilleries.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg",
|
||||
},
|
||||
id: "f3", title: "The Rare Agave Collection", descriptions: [
|
||||
"An exclusive library of mezcals and tequilas, sourced from sustainable family-run estates."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg"},
|
||||
]}
|
||||
title="Cultivating Excellence"
|
||||
description="We take pride in every detail of our process, from farm-to-table sourcing to traditional clay-pot preparation."
|
||||
title="Exceptional Craftsmanship"
|
||||
description="We define luxury through meticulous sourcing and a deep reverence for the origins of every ingredient."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy in Every Bite"
|
||||
tag="Our Impact"
|
||||
title="Legacy in Every Detail"
|
||||
tag="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Ancestral recipes mastered",
|
||||
},
|
||||
id: "m1", value: "120+", description: "Ancestral recipes refined"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
description: "Small-batch mezcals served",
|
||||
},
|
||||
id: "m2", value: "45", description: "Boutique agaves sourced"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Heirloom ingredients sourced",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Farm-to-table heirloom ingredients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -235,46 +162,21 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Martinez",
|
||||
handle: "@elena_dining",
|
||||
testimonial: "The Mole Negro is simply transcendental. A must-visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg",
|
||||
},
|
||||
id: "1", name: "Elena Martinez", handle: "@elena_dining", testimonial: "The Mole Negro is simply transcendental. An absolute masterclass in flavor and history.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
handle: "@foodie_jt",
|
||||
testimonial: "Exquisite textures and authentic depth. The best Mexican fine dining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-719.jpg",
|
||||
},
|
||||
id: "2", name: "Julian Thorne", handle: "@foodie_jt", testimonial: "Impeccable textures, sublime service, and a wine list that truly redefines fine dining.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-719.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Rossi",
|
||||
handle: "@sofia_tours",
|
||||
testimonial: "Sophisticated atmosphere that pairs perfectly with the incredible spirit list.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg",
|
||||
},
|
||||
id: "3", name: "Sofia Rossi", handle: "@sofia_tours", testimonial: "The most sophisticated atmosphere I've experienced. Truly a special evening.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcello V.",
|
||||
handle: "@marcello_v",
|
||||
testimonial: "A masterclass in modern hacienda dining. Every detail is perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
id: "4", name: "Marcello V.", handle: "@marcello_v", testimonial: "Modern hacienda dining that respects tradition while pushing boundaries.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Dupont",
|
||||
handle: "@chloe_d",
|
||||
testimonial: "An incredible experience. The service was impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe Dupont", handle: "@chloe_d", testimonial: "An unmatched experience. The attention to detail is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg"},
|
||||
]}
|
||||
title="A Gastronomic Journey"
|
||||
description="Discover what our discerning guests have to say about the El Corazón experience."
|
||||
title="Gastronomic Excellence"
|
||||
description="Discover the sentiments of our discerning guests regarding the El Corazón experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -284,35 +186,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We recommend reservations due to high demand, but we have limited bar seating for walk-ins.",
|
||||
},
|
||||
id: "q1", title: "Reservation Policy", content: "Due to high demand, we advise securing your reservation in advance. Limited bar seating is available on a first-come basis."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the dress code strictly formal?",
|
||||
content: "We maintain a 'smart elegant' dress code to complement our refined atmosphere.",
|
||||
},
|
||||
id: "q2", title: "Dress Code", content: "To maintain our elegant atmosphere, we kindly request a smart attire standard for all guests."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you accommodate allergies?",
|
||||
content: "Our team is well-versed in dietary restrictions; please advise when booking.",
|
||||
},
|
||||
id: "q3", title: "Dietary Accommodations", content: "Our culinary team is exceptionally prepared for any requirements. Kindly inform us at time of booking for a bespoke experience."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about your reservation or our dining concept?"
|
||||
title="Inquiries & Concierge"
|
||||
description="We aim to provide seamless service. Find information regarding your visit here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Secure Your Table"
|
||||
description="Join us for an unforgettable evening. Reservations are limited."
|
||||
description="Limited seating available. Experience the intersection of tradition and luxury."
|
||||
tag="Reservations"
|
||||
/>
|
||||
</div>
|
||||
@@ -326,4 +218,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0A0A0A;
|
||||
--card: #171717;
|
||||
--foreground: #FAFAF9;
|
||||
--primary-cta: #B87333;
|
||||
--background: #12100E;
|
||||
--card: #1E1B18;
|
||||
--foreground: #F5EFE6;
|
||||
--primary-cta: #C5A059;
|
||||
--primary-cta-text: #FAFAF9;
|
||||
--secondary-cta: #171717;
|
||||
--secondary-cta: #2D2622;
|
||||
--secondary-cta-text: #FAFAF9;
|
||||
--accent: #4A5D4E;
|
||||
--background-accent: #3D2B1F;
|
||||
--accent: #8A6D3B;
|
||||
--background-accent: #2D2622;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user