Merge version_2 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -29,120 +29,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Sobre Nosotros", id: "#about" },
|
||||
{ name: "Nuestra Colección", id: "#products" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
]}
|
||||
brandName="La Puerta Rosa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Sobre Nosotros", id: "#about" },
|
||||
{ name: "Nuestra Colección", id: "#products" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
]}
|
||||
brandName="La Puerta Rosa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Bienvenido a La Puerta Rosa"
|
||||
description="Descubre un universo de elegancia, estilo y momentos únicos creados especialmente para ti."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Bienvenido a La Puerta Rosa"
|
||||
description="Descubre un universo de elegancia, estilo y momentos únicos creados especialmente para ti."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Historia"
|
||||
title="Nuestra Esencia"
|
||||
description="Nacimos de la pasión por la belleza y la curaduría de experiencias especiales para nuestro hogar y estilo de vida."
|
||||
subdescription="Cada pieza en La Puerta Rosa es seleccionada con amor, garantizando exclusividad y un toque mágico en tu día a día."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Historia"
|
||||
title="Nuestra Esencia"
|
||||
description="Nacimos de la pasión por la belleza y la curaduría de experiencias especiales para nuestro hogar y estilo de vida."
|
||||
subdescription="Cada pieza en La Puerta Rosa es seleccionada con amor, garantizando exclusividad y un toque mágico en tu día a día."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[]}
|
||||
title="Por qué elegirnos"
|
||||
description="Nuestros pilares definen la calidad de cada una de nuestras propuestas."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[]}
|
||||
title="Por qué elegirnos"
|
||||
description="Nuestros pilares definen la calidad de cada una de nuestras propuestas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[]}
|
||||
title="Nuestros Productos"
|
||||
description="Explora nuestra selección cuidadosamente curada de productos de alta gama."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[]}
|
||||
title="Nuestros Productos"
|
||||
description="Explora nuestra selección cuidadosamente curada de productos de alta gama."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Clientes Felices" },
|
||||
{ id: "m2", value: "1200", description: "Piezas Entregadas" },
|
||||
{ id: "m3", value: "100%", description: "Satisfacción Garantizada" }
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Cifras que demuestran nuestro compromiso con la excelencia."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Clientes Felices" },
|
||||
{ id: "m2", value: "1200", description: "Piezas Entregadas" },
|
||||
{ id: "m3", value: "100%", description: "Satisfacción Garantizada" }
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Cifras que demuestran nuestro compromiso con la excelencia."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Comprar en La Puerta Rosa ha sido la mejor decisión para renovar mi hogar. ¡Todo es precioso!"
|
||||
rating={5}
|
||||
author="María Jiménez"
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Comprar en La Puerta Rosa ha sido la mejor decisión para renovar mi hogar. ¡Todo es precioso!"
|
||||
rating={5}
|
||||
author="María Jiménez"
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Cómo realizar una reserva?", content: "Puedes reservar a través de nuestro formulario de contacto." },
|
||||
{ id: "f2", title: "¿Horarios de atención?", content: "Estamos abiertos de lunes a domingo de 10:00 a 22:00." },
|
||||
{ id: "f3", title: "¿Tienen espacios privados?", content: "Sí, contamos con áreas exclusivas para grupos pequeños." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre reservas y experiencias."
|
||||
faqsAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Cómo realizar una reserva?", content: "Puedes reservar a través de nuestro formulario de contacto." },
|
||||
{ id: "f2", title: "¿Horarios de atención?", content: "Estamos abiertos de lunes a domingo de 10:00 a 22:00." },
|
||||
{ id: "f3", title: "¿Tienen espacios privados?", content: "Sí, contamos con áreas exclusivas para grupos pequeños." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre reservas y experiencias."
|
||||
faqsAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contacto"
|
||||
title="Reserva tu Mesa"
|
||||
description="Contáctanos hoy mismo para asegurar tu lugar o solicitar más información."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contacto"
|
||||
title="Reserva tu Mesa"
|
||||
description="Contáctanos hoy mismo para asegurar tu lugar o solicitar más información."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Puerta Rosa"
|
||||
leftLink={{ text: "Inicio", href: "#hero" }}
|
||||
rightLink={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Puerta Rosa"
|
||||
leftLink={{ text: "Inicio", href: "#hero" }}
|
||||
rightLink={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user