Update src/app/page.tsx
This commit is contained in:
405
src/app/page.tsx
405
src/app/page.tsx
@@ -27,307 +27,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experiencia",
|
||||
id: "experiencia",
|
||||
},
|
||||
{
|
||||
name: "Degustación",
|
||||
id: "degustacion",
|
||||
},
|
||||
{
|
||||
name: "Reservas",
|
||||
id: "reserva",
|
||||
},
|
||||
]}
|
||||
brandName="TRE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Experiencia", id: "experiencia" },
|
||||
{ name: "Degustación", id: "degustacion" },
|
||||
{ name: "Reservas", id: "reserva" },
|
||||
]}
|
||||
brandName="TRE"
|
||||
button={{ text: "Reservar", href: "#reserva" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="TRE"
|
||||
description="Restó de vinos — experiencia gastronómica de autor. Menú degustación con maridaje en cupos limitados."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar experiencia",
|
||||
href: "#reserva",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg?_wi=1",
|
||||
imageAlt: "Experiencia gastronómica en TRE",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg",
|
||||
imageAlt: "Ambiente íntimo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glasses-carafe-arrangement_23-2149706762.jpg",
|
||||
imageAlt: "Maridaje seleccionado",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg",
|
||||
imageAlt: "Cocina de autor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-steak-with-round-grilled-tomatoes-glass-red-wine_114579-1535.jpg",
|
||||
imageAlt: "Detalle del vino",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-glass-red-wine_501050-856.jpg",
|
||||
imageAlt: "Experiencia exclusiva",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="TRE"
|
||||
description="Restó de vinos — experiencia gastronómica de autor. Menú degustación con maridaje en cupos limitados."
|
||||
buttons={[{ text: "Reservar experiencia", href: "#reserva" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg", imageAlt: "Experiencia gastronómica en TRE" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg", imageAlt: "Ambiente íntimo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wine-glasses-carafe-arrangement_23-2149706762.jpg", imageAlt: "Maridaje seleccionado" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg", imageAlt: "Cocina de autor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/piece-steak-with-round-grilled-tomatoes-glass-red-wine_114579-1535.jpg", imageAlt: "Detalle del vino" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-glass-red-wine_501050-856.jpg", imageAlt: "Experiencia exclusiva" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Guía Gastronómica",
|
||||
"The Wine Daily",
|
||||
"Patagonia Taste",
|
||||
"Vinos y Sabores",
|
||||
"Restó Critics",
|
||||
"Cena de Autor",
|
||||
"Experiencia Gourmet",
|
||||
]}
|
||||
title="Experiencia excepcional"
|
||||
description="Reconocidos como un pequeño templo del gusto con maridaje perfecto."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Guía Gastronómica", "The Wine Daily", "Patagonia Taste", "Vinos y Sabores", "Restó Critics", "Cena de Autor", "Experiencia Gourmet"]}
|
||||
title="Experiencia excepcional"
|
||||
description="Reconocidos como un pequeño templo del gusto con maridaje perfecto."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experiencia" data-section="experiencia">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vinos",
|
||||
description: "Selección curada por expertos.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-marble-surface_23-2152024834.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg?_wi=2",
|
||||
imageAlt: "wine glass close up elegance",
|
||||
},
|
||||
{
|
||||
title: "Cocina",
|
||||
description: "Autor patagónica en cada paso.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/several-candles-stand-wooden-shelf_8353-9660.jpg",
|
||||
imageAlt: "wine glass close up elegance",
|
||||
},
|
||||
{
|
||||
title: "Ambiente",
|
||||
description: "Íntimo y exclusivo para tu disfrute.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg?_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg?_wi=1",
|
||||
imageAlt: "wine glass close up elegance",
|
||||
},
|
||||
]}
|
||||
title="Una experiencia distinta"
|
||||
description="Descubrí la magia de nuestra cocina y la selección especial de vinos de nuestra bodega."
|
||||
/>
|
||||
</div>
|
||||
<div id="experiencia" data-section="experiencia">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Vinos", description: "Selección curada por expertos.", media: { imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-marble-surface_23-2152024834.jpg" }, items: [], reverse: false },
|
||||
{ title: "Cocina", description: "Autor patagónica en cada paso.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg" }, items: [], reverse: true },
|
||||
{ title: "Ambiente", description: "Íntimo y exclusivo para tu disfrute.", media: { imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg" }, items: [], reverse: false },
|
||||
]}
|
||||
title="Una experiencia distinta"
|
||||
description="Descubrí la magia de nuestra cocina y la selección especial de vinos de nuestra bodega."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="degustacion" data-section="degustacion">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Selección",
|
||||
price: "CONSULTAR",
|
||||
subtitle: "Maridaje estándar",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#reserva",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 pasos maridados",
|
||||
"Vinos locales",
|
||||
"Chef presente",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "CONSULTAR",
|
||||
subtitle: "Maridaje especial",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#reserva",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 pasos maridados",
|
||||
"Bodegas boutique",
|
||||
"Sommelier exclusivo",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Menú degustación"
|
||||
description="Una experiencia guiada con maridaje en cada paso para verdaderos conocedores."
|
||||
/>
|
||||
</div>
|
||||
<div id="degustacion" data-section="degustacion">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Selección", price: "CONSULTAR", subtitle: "Maridaje estándar", buttons: [{ text: "Reservar", href: "#reserva" }], features: ["3 pasos maridados", "Vinos locales", "Chef presente"] },
|
||||
{ id: "pro", badge: "Premium", price: "CONSULTAR", subtitle: "Maridaje especial", buttons: [{ text: "Reservar", href: "#reserva" }], features: ["5 pasos maridados", "Bodegas boutique", "Sommelier exclusivo"] },
|
||||
]}
|
||||
title="Menú degustación"
|
||||
description="Una experiencia guiada con maridaje en cada paso para verdaderos conocedores."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana R.",
|
||||
role: "Crítica",
|
||||
company: "Vinos Hoy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcos P.",
|
||||
role: "Cliente",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
role: "Diner",
|
||||
company: "Buenos Aires",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-brunette-bearded-man-shirt-with-glass-winejoyfully-looking-girlfriend-romantic-date-cafe-outdoor_574295-1097.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julián S.",
|
||||
role: "Enólogo",
|
||||
company: "Bodega X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucía D.",
|
||||
role: "Cocinera",
|
||||
company: "Gourmet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-fun-side-view_23-2147807484.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de quienes ya vivieron la experiencia TRE."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ana R.", role: "Crítica", company: "Vinos Hoy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg" },
|
||||
{ id: "t2", name: "Marcos P.", role: "Cliente", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
|
||||
{ id: "t3", name: "Elena M.", role: "Diner", company: "Buenos Aires", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-brunette-bearded-man-shirt-with-glass-winejoyfully-looking-girlfriend-romantic-date-cafe-outdoor_574295-1097.jpg" },
|
||||
{ id: "t4", name: "Julián S.", role: "Enólogo", company: "Bodega X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg" },
|
||||
{ id: "t5", name: "Lucía D.", role: "Cocinera", company: "Gourmet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-fun-side-view_23-2147807484.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de quienes ya vivieron la experiencia TRE."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen menú vegetariano?",
|
||||
content: "Sí, adaptamos nuestro menú degustación con aviso previo.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Se debe reservar con antelación?",
|
||||
content: "Sí, debido a que somos un restó exclusivo de cupos limitados.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Dónde están ubicados?",
|
||||
content: "Estamos en el centro de la ciudad, en un entorno íntimo.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu visita."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Tienen menú vegetariano?", content: "Sí, adaptamos nuestro menú degustación con aviso previo." },
|
||||
{ id: "f2", title: "¿Se debe reservar con antelación?", content: "Sí, debido a que somos un restó exclusivo de cupos limitados." },
|
||||
{ id: "f3", title: "¿Dónde están ubicados?", content: "Estamos en el centro de la ciudad, en un entorno íntimo." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu visita."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reserva" data-section="reserva">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Reservar experiencia - Cupos limitados para esta semana."
|
||||
buttons={[
|
||||
{
|
||||
text: "Confirmar por WhatsApp",
|
||||
href: "https://wa.me/542944235332",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reserva" data-section="reserva">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Reservar experiencia - Cupos limitados para esta semana."
|
||||
buttons={[{ text: "Confirmar por WhatsApp", href: "https://wa.me/542944235332" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
{
|
||||
label: "Degustación",
|
||||
href: "#degustacion",
|
||||
},
|
||||
{
|
||||
label: "Reservar",
|
||||
href: "#reserva",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/542944235332",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TRE"
|
||||
copyrightText="© 2025 TRE | Restó de Vinos"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menú", items: [{ label: "Degustación", href: "#degustacion" }, { label: "Reservar", href: "#reserva" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "https://wa.me/542944235332" }] },
|
||||
]}
|
||||
logoText="TRE"
|
||||
copyrightText="© 2025 TRE | Restó de Vinos"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user