Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b0f9246db4 | |||
| ee9a955e16 | |||
| 3bc04a3670 |
433
src/app/page.tsx
433
src/app/page.tsx
@@ -26,348 +26,109 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Inicio", id: "hero" },
|
||||||
name: "Inicio",
|
{ name: "Menú", id: "menu" },
|
||||||
id: "hero",
|
{ name: "Ubicación", id: "contact" },
|
||||||
},
|
]}
|
||||||
{
|
brandName="NANU"
|
||||||
name: "Menú",
|
button={{
|
||||||
id: "menu",
|
text: "📞 Llamar ahora", href: "tel:02215545199"}}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Ubicación",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="NANU"
|
|
||||||
button={{
|
|
||||||
text: "📞 Llamar ahora",
|
|
||||||
href: "tel:02215545199",
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="NANU Comidas Rápidas: Sabor casero en Gonnet"
|
||||||
}}
|
description="Disfrutá de las mejores milanesas, pizzas y empanadas artesanales. Calidad de rotisería, abundante y lista para tu cena ideal."
|
||||||
title="NANU Comidas Rápidas: Sabor casero en Gonnet"
|
testimonials={[
|
||||||
description="Disfrutá de las mejores milanesas, pizzas y empanadas artesanales. Calidad de rotisería, abundante y lista para tu cena ideal."
|
{ name: "Juan Perez", handle: "@juanp", testimonial: "Las mejores milanesas de Gonnet, siempre abundantes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=1" },
|
||||||
testimonials={[
|
{ name: "Maria Lopez", handle: "@marial", testimonial: "Excelente atención y todo siempre fresco.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg?_wi=1" }
|
||||||
{
|
]}
|
||||||
name: "Juan Perez",
|
buttons={[
|
||||||
handle: "@juanp",
|
{ text: "Ver Menú", href: "#menu" },
|
||||||
testimonial: "Las mejores milanesas de Gonnet, siempre abundantes.",
|
{ text: "Pedir Ahora", href: "tel:02215545199" },
|
||||||
rating: 5,
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=1",
|
imageSrc="http://img.b2bpic.net/free-photo/wiener-schnitzel-with-fried-potatoes-wooedn-table_123827-22945.jpg"
|
||||||
},
|
mediaAnimation="slide-up"
|
||||||
{
|
/>
|
||||||
name: "Maria Lopez",
|
</div>
|
||||||
handle: "@marial",
|
|
||||||
testimonial: "Excelente atención y todo siempre fresco.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Carlos Gomez",
|
|
||||||
handle: "@carlosg",
|
|
||||||
testimonial: "La pizza muzzarella es un clásico que no falla.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Ana Silva",
|
|
||||||
handle: "@anasilva",
|
|
||||||
testimonial: "Empanadas caseras de verdad, muy ricas.",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Diego Ruiz",
|
|
||||||
handle: "@diego88",
|
|
||||||
testimonial: "La porción de milanesa es enorme y el sabor es de hogar.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Ver Menú",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Pedir Ahora",
|
|
||||||
href: "tel:02215545199",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/wiener-schnitzel-with-fried-potatoes-wooedn-table_123827-22945.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
|
||||||
alt: "Cliente 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg",
|
|
||||||
alt: "Cliente 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
|
||||||
alt: "Cliente 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg",
|
|
||||||
alt: "Cliente 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
|
||||||
alt: "Cliente 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "¡Pedidos al 0221 554-5199!",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Abierto desde 19:30",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Calidad artesanal",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Envío a domicilio",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Sabor casero",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
title="Nuestro Menú"
|
||||||
{
|
description="Selección de clásicos argentinos preparados en el momento."
|
||||||
id: "m1",
|
products={[
|
||||||
brand: "Rotisería",
|
{ id: "m1", brand: "Rotisería", name: "Milanesa Napolitana", price: "$12.500", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-french-toast-from-brown-bread_140725-7138.jpg?_wi=1" },
|
||||||
name: "Milanesa Napolitana",
|
{ id: "p1", brand: "Horno", name: "Pizza Especial", price: "$9.800", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg?_wi=1" },
|
||||||
price: "$$$",
|
{ id: "e1", brand: "Casero", name: "Empanadas Fritas", price: "$1.200", rating: 4, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-pies_1122-1226.jpg" }
|
||||||
rating: 5,
|
]}
|
||||||
reviewCount: "120+",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-french-toast-from-brown-bread_140725-7138.jpg?_wi=1",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p1",
|
|
||||||
brand: "Horno",
|
|
||||||
name: "Pizza Especial",
|
|
||||||
price: "$$$",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "85+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "e1",
|
|
||||||
brand: "Casero",
|
|
||||||
name: "Empanadas Fritas",
|
|
||||||
price: "$",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "200+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-pies_1122-1226.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
brand: "Rotisería",
|
|
||||||
name: "Milanesa a Caballo",
|
|
||||||
price: "$$$",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "95+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-french-toast-from-brown-bread_140725-7138.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
brand: "Horno",
|
|
||||||
name: "Pizza Muzzarella",
|
|
||||||
price: "$$",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "110+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t1",
|
|
||||||
brand: "Rotisería",
|
|
||||||
name: "Tortilla de Papas",
|
|
||||||
price: "$$",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "70+",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-french-toast-from-brown-bread_140725-7138.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Nuestro Menú"
|
|
||||||
description="Selección de clásicos argentinos preparados en el momento."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metric" data-section="metric">
|
<div id="metric" data-section="metric">
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Nuestra Calidad"
|
title="Nuestra Calidad"
|
||||||
description="Comprometidos con el sabor y la frescura desde el primer día."
|
description="Comprometidos con el sabor y la frescura desde el primer día."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "10+", title: "Años de trayectoria", description: "Experiencia en el rubro gastronómico.", icon: Star },
|
||||||
id: "m1",
|
{ id: "m2", value: "500+", title: "Pedidos mensuales", description: "Clientes eligen nuestro sabor.", icon: Utensils },
|
||||||
value: "10+",
|
{ id: "m3", value: "100%", title: "Fresco y casero", description: "Ingredientes de máxima calidad.", icon: Leaf },
|
||||||
title: "Años de trayectoria",
|
]}
|
||||||
description: "Experiencia en el rubro gastronómico.",
|
/>
|
||||||
icon: Star,
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "500+",
|
|
||||||
title: "Pedidos mensuales",
|
|
||||||
description: "Clientes eligen nuestro sabor.",
|
|
||||||
icon: Utensils,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100%",
|
|
||||||
title: "Fresco y casero",
|
|
||||||
description: "Ingredientes de máxima calidad.",
|
|
||||||
icon: Leaf,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardFive
|
<PricingCardFive
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Promociones"
|
title="Promociones"
|
||||||
description="Combos diseñados para compartir con familia y amigos."
|
description="Combos diseñados para compartir con familia y amigos."
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "p1", tag: "Popular", price: "$15.000", period: "Combo", description: "Combo individual", button: { text: "Pedir", href: "tel:02215545199" }, featuresTitle: "Incluye:", features: ["1 Milanesa", "Porción de fritas", "Bebida"] },
|
||||||
id: "p1",
|
{ id: "p2", tag: "Ideal Familia", price: "$25.000", period: "Combo", description: "Combo familiar", button: { text: "Pedir", href: "tel:02215545199" }, featuresTitle: "Incluye:", features: ["2 Pizzas grandes", "1 Docena empanadas", "Bebidas grandes"] },
|
||||||
tag: "Popular",
|
]}
|
||||||
price: "$",
|
/>
|
||||||
period: "pack",
|
</div>
|
||||||
description: "Combo individual",
|
|
||||||
button: {
|
|
||||||
text: "Pedir",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
featuresTitle: "Incluye:",
|
|
||||||
features: [
|
|
||||||
"1 Milanesa",
|
|
||||||
"Porción de fritas",
|
|
||||||
"Bebida",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
tag: "Ideal Familia",
|
|
||||||
price: "$$",
|
|
||||||
period: "pack",
|
|
||||||
description: "Combo familiar",
|
|
||||||
button: {
|
|
||||||
text: "Pedir",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
featuresTitle: "Incluye:",
|
|
||||||
features: [
|
|
||||||
"2 Pizzas grandes",
|
|
||||||
"1 Docena empanadas",
|
|
||||||
"Bebidas grandes",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Ubicación y Pedidos"
|
title="Ubicación y Pedidos"
|
||||||
description="Estamos en Calle 495, Gonnet. Abrimos desde las 19:30. ¡Contactanos para realizar tu pedido o consultarnos!"
|
description="Estamos en Calle 495, Gonnet. Abrimos desde las 19:30. ¡Contactanos para realizar tu pedido o consultarnos!"
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "nombre", type: "text", placeholder: "Tu Nombre", required: true },
|
||||||
name: "nombre",
|
{ name: "pedido", type: "text", placeholder: "Detalle de tu pedido", required: true },
|
||||||
type: "text",
|
]}
|
||||||
placeholder: "Tu Nombre",
|
textarea={{ name: "comentarios", placeholder: "Comentarios adicionales" }}
|
||||||
required: true,
|
buttonText="Enviar Pedido"
|
||||||
},
|
imageSrc="http://img.b2bpic.net/free-photo/female-client-interacts-with-storekeeper_482257-102083.jpg"
|
||||||
{
|
/>
|
||||||
name: "pedido",
|
</div>
|
||||||
type: "text",
|
|
||||||
placeholder: "Detalle de tu pedido",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
textarea={{
|
|
||||||
name: "comentarios",
|
|
||||||
placeholder: "Comentarios adicionales",
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/female-client-interacts-with-storekeeper_482257-102083.jpg"
|
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
buttonText="Enviar Pedido"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="NANU"
|
logoText="NANU"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Menú", items: [{ label: "Milanesas", href: "#menu" }, { label: "Pizzas", href: "#menu" }, { label: "Empanadas", href: "#menu" }] },
|
||||||
title: "Menú",
|
{ title: "Contacto", items: [{ label: "Llamar: 0221 554-5199", href: "tel:02215545199" }, { label: "Calle 495, Gonnet", href: "#" }] },
|
||||||
items: [
|
]}
|
||||||
{
|
/>
|
||||||
label: "Milanesas",
|
</div>
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Pizzas",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Empanadas",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Contacto",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Llamar: 0221 554-5199",
|
|
||||||
href: "tel:02215545199",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Calle 495, Gonnet",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user