Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -31,81 +31,58 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Colección",
-          id: "products",
-        },
-        {
-          name: "Testimonios",
-          id: "testimonials",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
+        { name: "Inicio", id: "hero" },
+        { name: "Mujeres", id: "womens" },
+        { name: "Colección", id: "products" },
+        { name: "Testimonios", id: "testimonials" },
+        { name: "Contacto", id: "contact" },
       ]}
-      brandName="Aura Couture"
+      brandName="Yovani.B"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Aura Couture: Elegancia Sin Fronteras"
+      background={{ variant: "plain" }}
+      title="Yovani.B: Elegancia Sin Fronteras"
       description="Descubre una selección exclusiva de perfumes, ropa y accesorios de lujo diseñados para quienes valoran la sofisticación y el detalle."
+      buttons={[{ text: "Explorar Colección", href: "#products" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/client-suit-boutique-with-shopping-bags_7502-4397.jpg",
-          imageAlt: "Fashion Model",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150218026.jpg",
-          imageAlt: "Luxury Wear",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg",
-          imageAlt: "Boutique Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
-          imageAlt: "Clothing store with blurred effect",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg",
-          imageAlt: "Shopping center showroom with clothes from trendy collections",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/client-suit-boutique-with-shopping-bags_7502-4397.jpg", imageAlt: "Fashion Model" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150218026.jpg", imageAlt: "Luxury Wear" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg", imageAlt: "Boutique Detail" }
       ]}
       mediaAnimation="slide-up"
     />
   </div>
 
+  <div id="womens" data-section="womens">
+    <ProductCardTwo
+      title="Colección Elegancia Femenina"
+      description="Descubre nuestra nueva selección curada de perfumes, ropa y accesorios en tonos crema, diseñados para resaltar tu esencia."
+      gridVariant="four-items-2x2-equal-grid"
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      products={[
+        { id: "w1", brand: "Yovani.B", name: "Perfume Floral Sutil", price: "$95", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-creme-background_23-2148967402.jpg" },
+        { id: "w2", brand: "Yovani.B", name: "Vestido Lino Crema", price: "$210", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/woman-summer-linen-dress_23-2148967402.jpg" },
+        { id: "w3", brand: "Yovani.B", name: "Blusa Seda", price: "$140", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wearing-silk-blouse_23-2149176321.jpg" },
+        { id: "w4", brand: "Yovani.B", name: "Bolso Clutch", price: "$185", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-midi-skirt_23-2149123456.jpg" }
+      ]}
+      className="bg-[#f6f0e9]"
+      cardClassName="border border-[#e2d5c8] bg-[#efe7dd]"
+    />
+  </div>
+
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Tradición y Estilo"
       description="Nuestra boutique se dedica a curar piezas únicas. Combinamos la artesanía tradicional con tendencias contemporáneas para ofrecerte una experiencia de compra inigualable."
-      metrics={[
-        {
-          value: "15+",
-          title: "Años de experiencia",
-        },
-        {
-          value: "500+",
-          title: "Clientes satisfechos",
-        },
-        {
-          value: "100%",
-          title: "Calidad garantizada",
-        },
-      ]}
+      metrics={[{ value: "15+", title: "Años de experiencia" }, { value: "500+", title: "Clientes satisfechos" }, { value: "100%", title: "Calidad garantizada" }]}
       imageSrc="http://img.b2bpic.net/free-photo/workshop-is-full-work-by-tailors_329181-14375.jpg"
-      imageAlt="About Aura Couture"
+      imageAlt="About Yovani.B"
       mediaAnimation="blur-reveal"
       metricsAnimation="slide-up"
     />
@@ -117,33 +94,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Accesorios Premium",
-          descriptions: [
-            "Piezas hechas con cuero genuino y acabados de alta costura.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-casual-wear-holding-purse_23-2147784098.jpg",
-          imageAlt: "Leather Accessory",
-        },
-        {
-          id: "f2",
-          title: "Perfumería Exclusiva",
-          descriptions: [
-            "Fragancias importadas seleccionadas por sus notas únicas.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg",
-          imageAlt: "Perfume",
-        },
-        {
-          id: "f3",
-          title: "Relojería y Joyería",
-          descriptions: [
-            "Accesorios atemporales para complementar cualquier outfit.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
-          imageAlt: "Watch",
-        },
+        { id: "f1", title: "Accesorios Premium", descriptions: ["Piezas hechas con cuero genuino y acabados de alta costura."], imageSrc: "http://img.b2bpic.net/free-photo/woman-casual-wear-holding-purse_23-2147784098.jpg", imageAlt: "Leather Accessory" },
+        { id: "f2", title: "Perfumería Exclusiva", descriptions: ["Fragancias importadas seleccionadas por sus notas únicas."], imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg", imageAlt: "Perfume" },
+        { id: "f3", title: "Relojería y Joyería", descriptions: ["Accesorios atemporales para complementar cualquier outfit."], imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg", imageAlt: "Watch" }
       ]}
       title="Nuestra Selección"
       description="Lo que nos hace únicos en el mercado de alta moda."
@@ -157,60 +110,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Aura",
-          name: "Camisa de Lujo Hombre",
-          price: "$120",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Aura",
-          name: "Vestido de Noche Seda",
-          price: "$290",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9417.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Aura",
-          name: "Botas de Piel",
-          price: "$180",
-          rating: 4,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Essence",
-          name: "Perfume Oud Gold",
-          price: "$95",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-perfume_53876-42017.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Aura",
-          name: "Bolso de Mano Elegante",
-          price: "$150",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/mannequin-art-studio_23-2147802017.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Aura",
-          name: "Reloj Cronógrafo",
-          price: "$210",
-          rating: 5,
-          reviewCount: "32",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg",
-        },
+        { id: "p1", brand: "Yovani.B", name: "Camisa de Lujo Hombre", price: "$120", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg" },
+        { id: "p2", brand: "Yovani.B", name: "Vestido de Noche Seda", price: "$290", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9417.jpg" },
+        { id: "p3", brand: "Yovani.B", name: "Botas de Piel", price: "$180", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg" },
+        { id: "p4", brand: "Essence", name: "Perfume Oud Gold", price: "$95", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/closeup-perfume_53876-42017.jpg" }
       ]}
       title="Catálogo Destacado"
       description="Piezas que definen tu carácter."
@@ -223,23 +126,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1000+",
-          description: "Productos vendidos",
-        },
-        {
-          id: "m2",
-          value: "20+",
-          description: "Marcas exclusivas",
-        },
-        {
-          id: "m3",
-          value: "4.9",
-          description: "Calificación promedio",
-        },
-      ]}
+      metrics={[{ id: "m1", value: "1000+", description: "Productos vendidos" }, { id: "m2", value: "20+", description: "Marcas exclusivas" }, { id: "m3", value: "4.9", description: "Calificación promedio" }]}
       title="Números que Cuentan Historias"
       description="Confianza y calidad avalada por nuestro crecimiento."
     />
@@ -251,41 +138,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Ana García",
-          role: "Arquitecta",
-          testimonial: "La mejor selección de accesorios que he encontrado. Elegancia pura.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg",
-        },
-        {
-          id: "t2",
-          name: "Carlos Ruíz",
-          role: "Consultor",
-          testimonial: "El perfume Oud es simplemente extraordinario. Muy recomendable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-light-shirt-looking-front_197531-24030.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Torres",
-          role: "Empresaria",
-          testimonial: "Calidad inigualable en todas sus piezas. Mi tienda favorita.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg",
-        },
-        {
-          id: "t4",
-          name: "Jorge Mendiola",
-          role: "Director Creativo",
-          testimonial: "Excelente servicio al cliente y productos excepcionales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5924.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lucía Fernández",
-          role: "Diseñadora",
-          testimonial: "Aura Couture redefine la moda de lujo en la ciudad.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-38845.jpg",
-        },
+        { id: "t1", name: "Ana García", role: "Arquitecta", testimonial: "La mejor selección de accesorios que he encontrado. Elegancia pura.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg" },
+        { id: "t2", name: "Carlos Ruíz", role: "Consultor", testimonial: "El perfume Oud es simplemente extraordinario. Muy recomendable.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-light-shirt-looking-front_197531-24030.jpg" },
+        { id: "t3", name: "Elena Torres", role: "Empresaria", testimonial: "Calidad inigualable en todas sus piezas. Mi tienda favorita.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg" }
       ]}
       title="Lo que dicen nuestros clientes"
       description="Historias de elegancia compartidas por nuestra comunidad."
@@ -296,23 +151,7 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "¿Tienen envíos a domicilio?",
-          content: "Sí, realizamos envíos seguros a toda la región.",
-        },
-        {
-          id: "q2",
-          title: "¿Puedo hacer cambios?",
-          content: "Ofrecemos garantía de satisfacción y cambios dentro de los primeros 15 días.",
-        },
-        {
-          id: "q3",
-          title: "¿Cómo es el empaque?",
-          content: "Todas nuestras piezas vienen en empaques premium listos para regalo.",
-        },
-      ]}
+      faqs={[{ id: "q1", title: "¿Tienen envíos a domicilio?", content: "Sí, realizamos envíos seguros a toda la región." }, { id: "q2", title: "¿Puedo hacer cambios?", content: "Ofrecemos garantía de satisfacción y cambios dentro de los primeros 15 días." }, { id: "q3", title: "¿Cómo es el empaque?", content: "Todas nuestras piezas vienen en empaques premium listos para regalo." }]}
       title="Preguntas Frecuentes"
       description="Resolvemos todas tus dudas sobre nuestros productos."
       faqsAnimation="slide-up"
@@ -323,56 +162,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Newsletter"
+      title="Únete a nuestro club"
+      description="Recibe actualizaciones exclusivas sobre nuevas colecciones y eventos especiales."
+      background={{ variant: "radial-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="¿Listo para elevar tu estilo? Contáctanos hoy."
-      buttons={[
-        {
-          text: "WhatsApp",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Aura Couture"
+      <FooterBase
+      logoText="Yovani.B"
       columns={[
-        {
-          title: "Tienda",
-          items: [
-            {
-              label: "Catálogo",
-              href: "#products",
-            },
-            {
-              label: "Perfumes",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Ayuda",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Tienda", items: [{ label: "Catálogo", href: "#products" }, { label: "Perfumes", href: "#products" }] },
+        { title: "Ayuda", items: [{ label: "FAQ", href: "#faq" }, { label: "Contacto", href: "#contact" }] },
+        { title: "Redes", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
       ]}
-      copyrightText="© 2024 Aura Couture."
+      copyrightText="© 2025 Yovani.B. Todos los derechos reservados."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);