Merge version_1 into main #1
391
src/app/page.tsx
391
src/app/page.tsx
@@ -26,295 +26,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Precios",
|
||||
id: "precios",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
]}
|
||||
brandName="La Cochinita de Valle"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Precios", id: "precios" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="La Cochinita de Valle"
|
||||
button={{ text: "Ordena Ya", href: "#contacto" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="La Cochinita de Valle"
|
||||
description="Recetas auténticas con el verdadero sabor tradicional. Disfruta de nuestras especialidades preparadas con ingredientes frescos y el toque casero que nos distingue."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria G.",
|
||||
handle: "@mariag",
|
||||
testimonial: "La mejor cochinita de la ciudad, sabor auténtico.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos R.",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Excelente servicio y calidad en cada taco.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-mexican-food_23-2147640358.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Las salsas de habanero son simplemente deliciosas.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-meal-arrangement_23-2148764340.jpg",
|
||||
},
|
||||
{
|
||||
name: "Javier L.",
|
||||
handle: "@javierl",
|
||||
testimonial: "Todo lo que pidas está garantizado, gran sabor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571584.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia M.",
|
||||
handle: "@sofiam",
|
||||
testimonial: "Un pedacito de Yucatán en cada bocado.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-borsch-ukrainian-beet-soup-with-fresh-cabbage-greens-white-background_140725-125084.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831089.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076154.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-different-vegetables-with-greens-grey-background-salad-meal-health-ripe-spicy_140725-77143.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-borsch-ukranian-beet-soup-with-fresh-vegetables-dark-space_140725-98040.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement-top-view_23-2148629322.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selection-fresh-mexican-food-ready-be-served_23-2148614383.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradición Yucateca",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingredientes Frescos",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sabor Casero",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Auténtico",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cocción Lenta",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La Cochinita de Valle"
|
||||
description="Recetas auténticas con el verdadero sabor tradicional. Disfruta de nuestras especialidades preparadas con ingredientes frescos y el toque casero que nos distingue."
|
||||
testimonials={[
|
||||
{ name: "Maria G.", handle: "@mariag", testimonial: "La mejor cochinita de la ciudad, sabor auténtico.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg" },
|
||||
{ name: "Carlos R.", handle: "@carlosr", testimonial: "Excelente servicio y calidad en cada taco.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/classic-mexican-food_23-2147640358.jpg" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "Las salsas de habanero son simplemente deliciosas.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-meal-arrangement_23-2148764340.jpg" },
|
||||
{ name: "Javier L.", handle: "@javierl", testimonial: "Todo lo que pidas está garantizado, gran sabor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571584.jpg" },
|
||||
{ name: "Sofia M.", handle: "@sofiam", testimonial: "Un pedacito de Yucatán en cada bocado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-borsch-ukrainian-beet-soup-with-fresh-cabbage-greens-white-background_140725-125084.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831089.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076154.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-different-vegetables-with-greens-grey-background-salad-meal-health-ripe-spicy_140725-77143.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-tasty-borsch-ukranian-beet-soup-with-fresh-vegetables-dark-space_140725-98040.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement-top-view_23-2148629322.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selection-fresh-mexican-food-ready-be-served_23-2148614383.jpg", alt: "Cliente 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Tradición Yucateca" },
|
||||
{ type: "text", text: "Ingredientes Frescos" },
|
||||
{ type: "text", text: "Sabor Casero" },
|
||||
{ type: "text", text: "Auténtico" },
|
||||
{ type: "text", text: "Cocción Lenta" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Cochinita Pibil",
|
||||
description: "Carne de cerdo horneada lentamente con especias tradicionales.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Relleno Negro",
|
||||
description: "Platillo icónico con un sabor profundo y distintivo.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Mole Oaxaqueño",
|
||||
description: "Mole auténtico con un equilibrio perfecto entre especias y chocolate.",
|
||||
},
|
||||
]}
|
||||
title="Especialidades"
|
||||
description="Descubre nuestra selección de platillos preparados de forma tradicional, con los mejores ingredientes de la región."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Utensils, title: "Cochinita Pibil", description: "Carne de cerdo horneada lentamente con especias tradicionales." },
|
||||
{ icon: Utensils, title: "Relleno Negro", description: "Platillo icónico con un sabor profundo y distintivo." },
|
||||
{ icon: Utensils, title: "Mole Oaxaqueño", description: "Mole auténtico con un equilibrio perfecto entre especias y chocolate." }
|
||||
]}
|
||||
title="Especialidades"
|
||||
description="Descubre nuestra selección de platillos preparados de forma tradicional, con los mejores ingredientes de la región."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="precios" data-section="precios">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Individual",
|
||||
name: "Tacos",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Individual",
|
||||
name: "Torta",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893475.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Individual",
|
||||
name: "Gringa",
|
||||
price: "$50",
|
||||
rating: 4,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-taco-plate_23-2148181582.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Individual",
|
||||
name: "Enchiladas",
|
||||
price: "$90",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Por Kilo",
|
||||
name: "Cochinita Kilo",
|
||||
price: "$480",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-with-pieced-up-meat-inside-brown-plate-dark-blue-background-salad-food-meal-vegetable-photo_140725-30943.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Por Kilo",
|
||||
name: "Cochinita 1/2kg",
|
||||
price: "$240",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-romeritos-with-mole-sauce-shrimp_123827-37419.jpg",
|
||||
},
|
||||
]}
|
||||
title="Precios y Menú"
|
||||
description="Elige tu porción favorita, desde tacos individuales hasta kilos para compartir con familia y amigos."
|
||||
/>
|
||||
</div>
|
||||
<div id="precios" data-section="precios">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Individual", name: "Tacos", price: "$30", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890015.jpg" },
|
||||
{ id: "p2", brand: "Individual", name: "Torta", price: "$45", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893475.jpg" },
|
||||
{ id: "p3", brand: "Individual", name: "Gringa", price: "$50", rating: 4, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-taco-plate_23-2148181582.jpg" },
|
||||
{ id: "p4", brand: "Individual", name: "Enchiladas", price: "$90", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159756.jpg" },
|
||||
{ id: "p5", brand: "Por Kilo", name: "Cochinita Kilo", price: "$480", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-with-pieced-up-meat-inside-brown-plate-dark-blue-background-salad-food-meal-vegetable-photo_140725-30943.jpg" },
|
||||
{ id: "p6", brand: "Por Kilo", name: "Cochinita 1/2kg", price: "$240", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/mexican-romeritos-with-mole-sauce-shrimp_123827-37419.jpg" }
|
||||
]}
|
||||
title="Precios y Menú"
|
||||
description="Elige tu porción favorita, desde tacos individuales hasta kilos para compartir con familia y amigos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Trayectoria"
|
||||
tag="Calidad Garantizada"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Años de experiencia",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Clientes felices",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Ingredientes frescos",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Atención al cliente",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Trayectoria"
|
||||
tag="Calidad Garantizada"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", description: "Años de experiencia" },
|
||||
{ id: "m2", value: "5000+", description: "Clientes felices" },
|
||||
{ id: "m3", value: "100%", description: "Ingredientes frescos" },
|
||||
{ id: "m4", value: "24/7", description: "Atención al cliente" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ubicación y Pedidos"
|
||||
title="Haz tu pedido"
|
||||
description="Estamos listos para atenderte. Haz tu pedido por celular o visítanos en nuestro establecimiento para llevar el sabor de Yucatán a casa."
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ubicación y Pedidos"
|
||||
title="Haz tu pedido"
|
||||
description="Estamos listos para atenderte. Haz tu pedido por celular o visítanos en nuestro establecimiento para llevar el sabor de Yucatán a casa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
{
|
||||
label: "Especialidades",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Precios",
|
||||
href: "#precios",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ubicación",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 La Cochinita de Valle"
|
||||
bottomRightText="Todos los derechos reservados"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Menú", items: [{ label: "Especialidades", href: "#menu" }, { label: "Precios", href: "#precios" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp", href: "#" }, { label: "Ubicación", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 La Cochinita de Valle"
|
||||
bottomRightText="Todos los derechos reservados"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user