From e75ef8dd00dffde317e2fb325bdfb4c9636320fa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 16:32:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 217 ++++++++++++++++++++++++-----------------------
 1 file changed, 112 insertions(+), 105 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b31176a..5f82f9e 100644
--- a/src/app/page.tsx
+++ b/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>
   );