From afb5b1e02cd35cb582f4c4586d4c60647d166581 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 15:33:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 482 +++++++++++++++--------------------------------
 1 file changed, 147 insertions(+), 335 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0b781b7..42a620a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,350 +28,162 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Servicios",
-          id: "features",
-        },
-        {
-          name: "Galería",
-          id: "products",
-        },
-        {
-          name: "Testimonios",
-          id: "testimonials",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="Ethereal Events"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Nosotros", id: "about" },
+              { name: "Servicios", id: "features" },
+              { name: "Galería", id: "products" },
+              { name: "Testimonios", id: "testimonials" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Ethereal Events"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Creamos Momentos Inolvidables"
-      description="Transformamos sus sueños en realidades barrocas, llenas de elegancia, romance y una atención al detalle exquisita."
-      buttons={[
-        {
-          text: "Planear Evento",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/bridal-bouquet-top-view_1304-3781.jpg",
-          alt: "Bridal bouquet top view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg",
-          alt: "Floral composition and transparent glass engraving plate between candles",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stand-with-bouquet-wedding-ceremony_8353-9840.jpg",
-          alt: "Stand with bouquet for wedding ceremony",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363332.jpg",
-          alt: "Decorative dreamy arrangement with dried flowers",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-champagne-glass_23-2148578914.jpg",
-          alt: "Close-up champagne glass",
-        },
-      ]}
-      avatarText="Más de 500 eventos organizados con éxito"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Bodas de Lujo",
-        },
-        {
-          type: "text",
-          text: "Galas Corporativas",
-        },
-        {
-          type: "text",
-          text: "Diseño Floral",
-        },
-        {
-          type: "text",
-          text: "Logística Integral",
-        },
-        {
-          type: "text",
-          text: "Decoración Barroca",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Creamos Momentos Inolvidables"
+            description="Transformamos sus sueños en realidades barrocas, llenas de elegancia, romance y una atención al detalle exquisita."
+            buttons={[{ text: "Planear Evento", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/bridal-bouquet-top-view_1304-3781.jpg", alt: "Bridal bouquet top view" },
+              { src: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg", alt: "Floral composition and transparent glass engraving plate between candles" },
+              { src: "http://img.b2bpic.net/free-photo/stand-with-bouquet-wedding-ceremony_8353-9840.jpg", alt: "Stand with bouquet for wedding ceremony" },
+              { src: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363332.jpg", alt: "Decorative dreamy arrangement with dried flowers" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-champagne-glass_23-2148578914.jpg", alt: "Close-up champagne glass" },
+            ]}
+            avatarText="Más de 500 eventos organizados con éxito"
+            marqueeItems={[
+              { type: "text", text: "Bodas de Lujo" },
+              { type: "text", text: "Galas Corporativas" },
+              { type: "text", text: "Diseño Floral" },
+              { type: "text", text: "Logística Integral" },
+              { type: "text", text: "Decoración Barroca" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "La Esencia de la Elegancia",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg",
-          alt: "Nuestro estudio",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "La Esencia de la Elegancia" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg", alt: "Nuestro estudio" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      textboxLayout="inline-image"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Diseño de Bodas",
-          description: "Atmósferas románticas para el día más importante.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-decor-restaurant-celebrations_8353-9680.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/festive-champagne-glasses_23-2147729195.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg?_wi=2",
-          imageAlt: "wedding planning service premium",
-        },
-        {
-          title: "Eventos Corporativos",
-          description: "Sofisticación profesional para sus encuentros clave.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-arrangement-with-copy-space_23-2149181112.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-with-flowers_23-2149486821.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg",
-          imageAlt: "wedding planning service premium",
-        },
-        {
-          title: "Decoración Floral",
-          description: "Diseños barrocos con flores seleccionadas artesanalmente.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/elegant-handmade-boutonnieres_1304-4067.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg?_wi=1",
-          imageAlt: "wedding planning service premium",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Nuestros Servicios Exclusivos"
-      description="Desde bodas de ensueño hasta galas corporativas, cubrimos cada detalle."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            textboxLayout="inline-image"
+            useInvertedBackground={true}
+            animationType="blur-reveal"
+            showStepNumbers={true}
+            title="Nuestros Servicios Exclusivos"
+            description="Desde bodas de ensueño hasta galas corporativas, cubrimos cada detalle."
+            features={[
+              {
+                title: "Diseño de Bodas",                description: "Atmósferas románticas para el día más importante.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-decor-restaurant-celebrations_8353-9680.jpg", imageAlt: "wedding planning service premium" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/festive-champagne-glasses_23-2147729195.jpg", imageAlt: "wedding planning service premium" }
+              },
+              {
+                title: "Eventos Corporativos",                description: "Sofisticación profesional para sus encuentros clave.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-arrangement-with-copy-space_23-2149181112.jpg", imageAlt: "wedding planning service premium" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-with-flowers_23-2149486821.jpg", imageAlt: "wedding planning service premium" }
+              },
+              {
+                title: "Decoración Floral",                description: "Diseños barrocos con flores seleccionadas artesanalmente.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elegant-handmade-boutonnieres_1304-4067.jpg", imageAlt: "wedding planning service premium" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg", imageAlt: "wedding planning service premium" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Ethereal",
-          name: "Ambiente de Gala",
-          price: "$800",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          brand: "Ethereal",
-          name: "Centro de Mesa Barroco",
-          price: "$250",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-frankenstein-sitting-table_23-2149636929.jpg",
-        },
-        {
-          id: "3",
-          brand: "Ethereal",
-          name: "Decoración Floral",
-          price: "$400",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-42863.jpg",
-        },
-        {
-          id: "4",
-          brand: "Ethereal",
-          name: "Iluminación Romántica",
-          price: "$350",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcakes-with-pink-blue-glaze-roses-put-holders_8353-621.jpg",
-        },
-        {
-          id: "5",
-          brand: "Ethereal",
-          name: "Set de Mantelería",
-          price: "$150",
-          rating: 5,
-          reviewCount: "7",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-marble-surface_114579-21587.jpg",
-        },
-        {
-          id: "6",
-          brand: "Ethereal",
-          name: "Arreglo de Salón",
-          price: "$600",
-          rating: 5,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg",
-        },
-      ]}
-      title="Galería de Estilo"
-      description="Piezas y ambientes que definen nuestro estilo barroco romántico."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            animationType="blur-reveal"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Ethereal", name: "Ambiente de Gala", price: "$800", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg" },
+              { id: "2", brand: "Ethereal", name: "Centro de Mesa Barroco", price: "$250", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-frankenstein-sitting-table_23-2149636929.jpg" },
+              { id: "3", brand: "Ethereal", name: "Decoración Floral", price: "$400", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-42863.jpg" },
+              { id: "4", brand: "Ethereal", name: "Iluminación Romántica", price: "$350", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcakes-with-pink-blue-glaze-roses-put-holders_8353-621.jpg" },
+              { id: "5", brand: "Ethereal", name: "Set de Mantelería", price: "$150", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-marble-surface_114579-21587.jpg" },
+              { id: "6", brand: "Ethereal", name: "Arreglo de Salón", price: "$600", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg" },
+            ]}
+            title="Galería de Estilo"
+            description="Piezas y ambientes que definen nuestro estilo barroco romántico."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sofía & Diego",
-          role: "Novios",
-          testimonial: "La boda fue perfecta, un estilo barroco que superó toda expectativa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nervous-hesitant-attractive-worried-blond-woman-cringing-frowning-clench-teeth-pointing-seek_1258-229404.jpg",
-        },
-        {
-          id: "2",
-          name: "Carlos M.",
-          role: "Director Corporativo",
-          testimonial: "Profesionalismo y una estética impecable en cada gala.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Cumpleañera",
-          testimonial: "El ambiente creado fue romántico, elegante y simplemente mágico.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395399.jpg",
-        },
-        {
-          id: "4",
-          name: "Familia Vázquez",
-          role: "Aniversario",
-          testimonial: "Un servicio atento y detallista. Recomendadísimos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753673.jpg",
-        },
-        {
-          id: "5",
-          name: "Lucía P.",
-          role: "Organizador Gala",
-          testimonial: "El estilo barroco romántico de Ethereal es inigualable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg",
-        },
-      ]}
-      title="Voces de Nuestros Clientes"
-      description="Historias de éxito y celebraciones que perduran."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            textboxLayout="split"
+            useInvertedBackground={true}
+            animationType="blur-reveal"
+            testimonials={[
+              { id: "1", name: "Sofía & Diego", role: "Novios", testimonial: "La boda fue perfecta, un estilo barroco que superó toda expectativa.", imageSrc: "http://img.b2bpic.net/free-photo/nervous-hesitant-attractive-worried-blond-woman-cringing-frowning-clench-teeth-pointing-seek_1258-229404.jpg" },
+              { id: "2", name: "Carlos M.", role: "Director Corporativo", testimonial: "Profesionalismo y una estética impecable en cada gala.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg" },
+              { id: "3", name: "Elena R.", role: "Cumpleañera", testimonial: "El ambiente creado fue romántico, elegante y simplemente mágico.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395399.jpg" },
+              { id: "4", name: "Familia Vázquez", role: "Aniversario", testimonial: "Un servicio atento y detallista. Recomendadísimos.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753673.jpg" },
+              { id: "5", name: "Lucía P.", role: "Organizador Gala", testimonial: "El estilo barroco romántico de Ethereal es inigualable.", imageSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg" },
+            ]}
+            title="Voces de Nuestros Clientes"
+            description="Historias de éxito y celebraciones que perduran."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "¿Con cuánta antelación debo reservar?",
-          content: "Recomendamos de 6 a 12 meses antes del evento.",
-        },
-        {
-          id: "2",
-          title: "¿Cubren eventos internacionales?",
-          content: "Sí, llevamos nuestro estilo a cualquier destino.",
-        },
-        {
-          id: "3",
-          title: "¿Cómo es su proceso de diseño?",
-          content: "Realizamos una consulta inicial para definir el concepto barroco soñado.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-debating-different-views-work_1153-7285.jpg"
-      title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber antes de crear tu evento."
-      faqsAnimation="blur-reveal"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "¿Con cuánta antelación debo reservar?", content: "Recomendamos de 6 a 12 meses antes del evento." },
+              { id: "2", title: "¿Cubren eventos internacionales?", content: "Sí, llevamos nuestro estilo a cualquier destino." },
+              { id: "3", title: "¿Cómo es su proceso de diseño?", content: "Realizamos una consulta inicial para definir el concepto barroco soñado." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-debating-different-views-work_1153-7285.jpg"
+            title="Preguntas Frecuentes"
+            description="Todo lo que necesitas saber antes de crear tu evento."
+            faqsAnimation="blur-reveal"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "LuxeWedding",
-        "FloralDesignPro",
-        "BoutiqueEvents",
-        "EventLuxuryGuide",
-        "BaroqueStyles",
-        "RomanticPlanning",
-        "PremierVenues",
-      ]}
-      title="Nuestros Colaboradores"
-      description="Trabajamos con los mejores para asegurar excelencia."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={[
+              "LuxeWedding", "FloralDesignPro", "BoutiqueEvents", "EventLuxuryGuide", "BaroqueStyles", "RomanticPlanning", "PremierVenues"]}
+            title="Nuestros Colaboradores"
+            description="Trabajamos con los mejores para asegurar excelencia."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Comencemos a Crear"
-      description="Cuéntanos sobre tu evento y empecemos a planear esa experiencia romántica y barroca."
-      tag="Contacto"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            title="Comencemos a Crear"
+            description="Cuéntanos sobre tu evento y empecemos a planear esa experiencia romántica y barroca."
+            tag="Contacto"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Ethereal Events"
-      leftLink={{
-        text: "Política de Privacidad",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contacto",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Ethereal Events"
+            leftLink={{ text: "Política de Privacidad", href: "#" }}
+            rightLink={{ text: "Contacto", href: "#contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1