Update src/app/page.tsx
This commit is contained in:
424
src/app/page.tsx
424
src/app/page.tsx
@@ -28,315 +28,137 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mellizos Lima"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Mellizos Lima"
|
||||
button={{ text: "Reservar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Sabores de Lima en cada mesa"
|
||||
description="Bienvenido a Mellizos, donde la tradición peruana se encuentra con un ambiente moderno y relajado. Disfruta con tu familia y amigos de la mejor cocina de la capital."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-cut-tomatoes-grated-cheese_132075-8848.jpg?_wi=1",
|
||||
imageAlt: "Ambiente del restaurante",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-tamales-ingredients-green-table_23-2148942269.jpg?_wi=1",
|
||||
imageAlt: "Platos peruanos",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149001328.jpg",
|
||||
imageAlt: "Salón cómodo",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg",
|
||||
imageAlt: "Servicio de alta calidad",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159764.jpg",
|
||||
imageAlt: "Gastronomía gourmet",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg",
|
||||
imageAlt: "Clientes felices",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabores de Lima en cada mesa"
|
||||
description="Bienvenido a Mellizos, donde la tradición peruana se encuentra con un ambiente moderno y relajado. Disfruta con tu familia y amigos de la mejor cocina de la capital."
|
||||
buttons={[
|
||||
{ text: "Ver Menú", href: "#" },
|
||||
{ text: "Reservar", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/crop-cut-tomatoes-grated-cheese_132075-8848.jpg", imageAlt: "Ambiente del restaurante" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/assortment-tamales-ingredients-green-table_23-2148942269.jpg", imageAlt: "Platos peruanos" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149001328.jpg", imageAlt: "Salón cómodo" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg", imageAlt: "Servicio de alta calidad" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159764.jpg", imageAlt: "Gastronomía gourmet" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg", imageAlt: "Clientes felices" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un lugar pensado para todos"
|
||||
description="En Mellizos, nos enorgullece ofrecer un espacio accesible, acogedor y a la moda. Ideal para almuerzos en solitario, cenas familiares o grupos grandes que buscan disfrutar de la auténtica sazón de Lima."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663845.jpg"
|
||||
imageAlt="Nuestro local y equipo"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un lugar pensado para todos"
|
||||
description="En Mellizos, nos enorgullece ofrecer un espacio accesible, acogedor y a la moda. Ideal para almuerzos en solitario, cenas familiares o grupos grandes que buscan disfrutar de la auténtica sazón de Lima."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663845.jpg"
|
||||
imageAlt="Nuestro local y equipo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Opciones de Servicio",
|
||||
descriptions: [
|
||||
"Entrega sin contacto",
|
||||
"Pedidos desde el auto",
|
||||
"Entrega a domicilio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508929.jpg",
|
||||
imageAlt: "Delicious thai food still life",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Accesibilidad Total",
|
||||
descriptions: [
|
||||
"Espacios adaptados para sillas de ruedas",
|
||||
"Servicios sanitarios de fácil acceso",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-cut-tomatoes-grated-cheese_132075-8848.jpg?_wi=2",
|
||||
imageAlt: "Delicious thai food still life",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Pagos Flexibles",
|
||||
descriptions: [
|
||||
"Tarjetas de débito",
|
||||
"Pagos móviles NFC",
|
||||
"Servicio a la mesa",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-tamales-ingredients-green-table_23-2148942269.jpg?_wi=2",
|
||||
imageAlt: "Delicious thai food still life",
|
||||
},
|
||||
]}
|
||||
title="Todo lo que necesitas"
|
||||
description="Flexibilidad y comodidad al servicio de tu apetito."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Opciones de Servicio", descriptions: ["Entrega sin contacto", "Pedidos desde el auto", "Entrega a domicilio"], imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508929.jpg" },
|
||||
{ id: "s2", title: "Accesibilidad Total", descriptions: ["Espacios adaptados para sillas de ruedas", "Servicios sanitarios de fácil acceso"], imageSrc: "http://img.b2bpic.net/free-photo/crop-cut-tomatoes-grated-cheese_132075-8848.jpg" },
|
||||
{ id: "s3", title: "Pagos Flexibles", descriptions: ["Tarjetas de débito", "Pagos móviles NFC", "Servicio a la mesa"], imageSrc: "http://img.b2bpic.net/free-photo/assortment-tamales-ingredients-green-table_23-2148942269.jpg" },
|
||||
]}
|
||||
title="Todo lo que necesitas"
|
||||
description="Flexibilidad y comodidad al servicio de tu apetito."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Satisfacción",
|
||||
description: "Clientes felices",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Atención",
|
||||
description: "Disponibilidad",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Todo",
|
||||
title: "Público",
|
||||
description: "Ideal para niños",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Nuestra Experiencia"
|
||||
description="Comprometidos con la excelencia en cada servicio."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Satisfacción", description: "Clientes felices", icon: Star },
|
||||
{ id: "m2", value: "24/7", title: "Atención", description: "Disponibilidad", icon: Clock },
|
||||
{ id: "m3", value: "Todo", title: "Público", description: "Ideal para niños", icon: Users },
|
||||
]}
|
||||
title="Nuestra Experiencia"
|
||||
description="Comprometidos con la excelencia en cada servicio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana R.",
|
||||
handle: "@anar",
|
||||
testimonial: "La mejor experiencia culinaria en Lima, muy acogedor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos M.",
|
||||
handle: "@cmart",
|
||||
testimonial: "Excelente servicio, la entrega fue muy rápida.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-chatting-business-dinner_1262-1672.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Familia Flores",
|
||||
handle: "@florestrip",
|
||||
testimonial: "Muy amables con los niños, comida espectacular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Ambiente increíble y muy relajado para cenar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117541.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jorge L.",
|
||||
handle: "@jorl",
|
||||
testimonial: "Rápido, rico y con excelente atención al cliente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19609.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La calidez de Mellizos es reconocida por todos."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana R.", handle: "@anar", testimonial: "La mejor experiencia culinaria en Lima, muy acogedor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg" },
|
||||
{ id: "2", name: "Carlos M.", handle: "@cmart", testimonial: "Excelente servicio, la entrega fue muy rápida.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-chatting-business-dinner_1262-1672.jpg" },
|
||||
{ id: "3", name: "Familia Flores", handle: "@florestrip", testimonial: "Muy amables con los niños, comida espectacular.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg" },
|
||||
{ id: "4", name: "Elena P.", handle: "@elenap", testimonial: "Ambiente increíble y muy relajado para cenar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117541.jpg" },
|
||||
{ id: "5", name: "Jorge L.", handle: "@jorl", testimonial: "Rápido, rico y con excelente atención al cliente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19609.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La calidez de Mellizos es reconocida por todos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cuentan con servicio a domicilio?",
|
||||
content: "Sí, realizamos entregas a domicilio y también pedidos para llevar.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿El lugar es apto para niños?",
|
||||
content: "Absolutamente, Mellizos es un espacio pensado para disfrutar en familia.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Aceptan pagos con celular?",
|
||||
content: "Sí, aceptamos pagos móviles mediante NFC y tarjetas de débito.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calling-by-lunch_1098-12843.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Estamos aquí para responder tus dudas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Cuentan con servicio a domicilio?", content: "Sí, realizamos entregas a domicilio y también pedidos para llevar." },
|
||||
{ id: "q2", title: "¿El lugar es apto para niños?", content: "Absolutamente, Mellizos es un espacio pensado para disfrutar en familia." },
|
||||
{ id: "q3", title: "¿Aceptan pagos con celular?", content: "Sí, aceptamos pagos móviles mediante NFC y tarjetas de débito." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calling-by-lunch_1098-12843.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Estamos aquí para responder tus dudas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Haz tu reserva ahora"
|
||||
description="No te quedes sin mesa, contáctanos para organizar tu próxima comida."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contacto"
|
||||
title="Haz tu reserva ahora"
|
||||
description="No te quedes sin mesa, contáctanos para organizar tu próxima comida."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mellizos"
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
{
|
||||
label: "Desayuno",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Almuerzo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cena",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicio",
|
||||
items: [
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reservas",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mellizos"
|
||||
columns={[
|
||||
{ title: "Menú", items: [{ label: "Desayuno", href: "#" }, { label: "Almuerzo", href: "#" }, { label: "Cena", href: "#" }] },
|
||||
{ title: "Servicio", items: [{ label: "Delivery", href: "#" }, { label: "Reservas", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user