Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -16,203 +16,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
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: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Ubicación",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alex Burguer"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Ubicación", id: "contact" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Alex Burguer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Alex Burguer, Churros y Papas"
|
||||
description="Comida rápida de alta calidad, preparada al momento con ingredientes frescos. ¡Ven a disfrutar el sabor en Tesistán!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-churros-with-melted-chocolate-sugar_23-2148379620.jpg"
|
||||
imageAlt="Nuestras deliciosas hamburguesas y snacks"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Alex Burguer, Churros y Papas"
|
||||
description="Comida rápida de alta calidad, preparada al momento con ingredientes frescos. ¡Ven a disfrutar el sabor en Tesistán!"
|
||||
buttons={[{ text: "Ver Menú", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-churros-with-melted-chocolate-sugar_23-2148379620.jpg"
|
||||
imageAlt="Nuestras deliciosas hamburguesas y snacks"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hamburguesa Clásica",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-beef-burger-with-salad-bacon_23-2148784491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hamburguesa Especial Alex",
|
||||
price: "$125.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Orden de Churros Tradicionales",
|
||||
price: "$60.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-mexican-sweets-high-angle_23-2149517129.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Papas a la Francesa (Grande)",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-waffle-cookies-with-fresh-red-strawberries_140725-58597.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nuggets de Pollo (6 piezas)",
|
||||
price: "$70.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-meal-arrangement_23-2148614130.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sundae de Chocolate",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-fried-churros-sugar_23-2148379675.jpg",
|
||||
},
|
||||
]}
|
||||
title="Menú Principal"
|
||||
description="Explora nuestras especialidades"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Hamburguesa Clásica", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-beef-burger-with-salad-bacon_23-2148784491.jpg" },
|
||||
{ id: "p2", name: "Hamburguesa Especial Alex", price: "$125.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg" },
|
||||
{ id: "p3", name: "Orden de Churros Tradicionales", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-mexican-sweets-high-angle_23-2149517129.jpg" },
|
||||
{ id: "p4", name: "Papas a la Francesa (Grande)", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-waffle-cookies-with-fresh-red-strawberries_140725-58597.jpg" },
|
||||
{ id: "p5", name: "Nuggets de Pollo (6 piezas)", price: "$70.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-meal-arrangement_23-2148614130.jpg" },
|
||||
{ id: "p6", name: "Sundae de Chocolate", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-fried-churros-sugar_23-2148379675.jpg" }
|
||||
]}
|
||||
title="Menú Principal"
|
||||
description="Explora nuestras especialidades"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Calidad en cada bocado"
|
||||
description="Inspirados en estándares internacionales, combinamos sabor, rapidez y el mejor ambiente familiar en Tesistán."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Ingredientes Frescos",
|
||||
},
|
||||
{
|
||||
value: "15min",
|
||||
title: "Rapidez promedio",
|
||||
},
|
||||
{
|
||||
value: "5★",
|
||||
title: "Servicio de Calidad",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
|
||||
imageAlt="Nuestro equipo preparando comida"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Calidad en cada bocado"
|
||||
description="Inspirados en estándares internacionales, combinamos sabor, rapidez y el mejor ambiente familiar en Tesistán."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Ingredientes Frescos" },
|
||||
{ value: "15min", title: "Rapidez promedio" },
|
||||
{ value: "5★", title: "Servicio de Calidad" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
|
||||
imageAlt="Nuestro equipo preparando comida"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre nuestras delicias."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Tienen servicio a domicilio?",
|
||||
content: "Sí, contamos con entrega en toda la zona de Tesistán.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Aceptan tarjetas?",
|
||||
content: "Aceptamos efectivo, tarjetas de débito y crédito.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Tienen opciones vegetarianas?",
|
||||
content: "Contamos con una opción de hamburguesa vegetal en el menú.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "¿Cuál es su horario?",
|
||||
content: "Abrimos todos los días de 2:00 PM a 11:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "¿Hacen pedidos para eventos?",
|
||||
content: "¡Claro! Contáctanos con anticipación para cotizar tu evento.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre nuestras delicias."
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Tienen servicio a domicilio?", content: "Sí, contamos con entrega en toda la zona de Tesistán." },
|
||||
{ id: "q2", title: "¿Aceptan tarjetas?", content: "Aceptamos efectivo, tarjetas de débito y crédito." },
|
||||
{ id: "q3", title: "¿Tienen opciones vegetarianas?", content: "Contamos con una opción de hamburguesa vegetal en el menú." },
|
||||
{ id: "q4", title: "¿Cuál es su horario?", content: "Abrimos todos los días de 2:00 PM a 11:00 PM." },
|
||||
{ id: "q5", title: "¿Hacen pedidos para eventos?", content: "¡Claro! Contáctanos con anticipación para cotizar tu evento." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Pedidos y Ubicación"
|
||||
description="Estamos en Tesistán, Jalisco. ¡Haz tu pedido ahora!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Teléfono",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu pedido o comentarios",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Pedidos y Ubicación"
|
||||
description="Estamos en Tesistán, Jalisco. ¡Haz tu pedido ahora!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Teléfono", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tu pedido o comentarios", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Alex Burguer"
|
||||
leftLink={{
|
||||
text: "Tesistán, Jalisco",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Políticas de Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Alex Burguer"
|
||||
leftLink={{ text: "Tesistán, Jalisco", href: "#" }}
|
||||
rightLink={{ text: "Políticas de Privacidad", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user