Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -30,43 +30,150 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Inicio", id: "hero" },
+        {
-        { name: "Nosotros", id: "about" },
+          name: "Inicio",
-        { name: "Servicios", id: "pricing" },
+          id: "hero",
-        { name: "Productos", id: "products" },
+        },
-        { name: "Contacto", id: "contact" },
+        {
+          name: "Servicios",
+          id: "pricing",
+        },
+        {
+          name: "Productos",
+          id: "products",
+        },
+        {
+          name: "Contacto",
+          id: "contact",
+        },
       ]}
       brandName="Salon Premium"
       button={{
-        text: "Reservar Cita",        href: "#contact"}}
+        text: "Reservar Cita",
+        href: "#contact",
+      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{ variant: "plain" }}
+      background={{
-      title="Transformación Capilar con Estilo Salon Premium"
+        variant: "plain",
-      description="Especialistas en balayage, colorimetría avanzada, cortes de precisión y tratamientos de hidratación molecular. Eleva tu belleza con nosotros."
+      }}
+      title="Expertos en Transformar tu Cabello"
+      description="Expertos en balayage, alisados, cortes de precisión y cuidado capilar. Reservar tu cita nunca fue tan fácil."
       buttons={[
-        { text: "Reservar Ahora", href: "#contact" },
+        {
+          text: "Reservar Ahora",
+          href: "#contact",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=1"
       mediaAnimation="blur-reveal"
       testimonials={[
-        { name: "Camila R.", handle: "@camila_r", testimonial: "Expertos en balayage, el resultado fue simplemente espectacular.", rating: 5 },
+        {
-        { name: "Valentina G.", handle: "@valeg", testimonial: "Corte impecable, me explicaron cómo cuidar mi cabello en casa.", rating: 5 },
+          name: "Camila R.",
-        { name: "Sofia M.", handle: "@sofim", testimonial: "La hidratación molecular dejó mi pelo con un brillo increíble.", rating: 5 },
+          handle: "@camila_r",
+          testimonial: "El mejor balayage que me han hecho en mi vida. Profesionalismo total.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
+        },
+        {
+          name: "Valentina G.",
+          handle: "@valeg",
+          testimonial: "Salí sintiéndome renovada. El corte es perfecto.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
+        },
+        {
+          name: "Sofia M.",
+          handle: "@sofim",
+          testimonial: "Excelente servicio, los productos que usan son de alta calidad.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
+        },
+        {
+          name: "Andrea L.",
+          handle: "@andreal",
+          testimonial: "Muy puntuales y el ambiente es muy relajante.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
+        },
+        {
+          name: "Laura P.",
+          handle: "@laurap",
+          testimonial: "Mi cabello nunca se había visto tan sano y brillante.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
+        },
+      ]}
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
+          alt: "Camila R",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
+          alt: "Valentina G",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
+          alt: "Sofia M",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
+          alt: "Andrea L",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
+          alt: "Laura P",
+        },
+      ]}
+      marqueeItems={[
+        {
+          type: "text",
+          text: "Balayage Premium",
+        },
+        {
+          type: "text",
+          text: "Corte de Precisión",
+        },
+        {
+          type: "text",
+          text: "Hidratación Molecular",
+        },
+        {
+          type: "text",
+          text: "Alisados sin Formol",
+        },
+        {
+          type: "text",
+          text: "Brillo Espejo",
+        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      title="Especialidades Salon Premium"
+      useInvertedBackground={false}
+      title="Nuestra Experiencia"
       metrics={[
-        { icon: Sparkles, label: "Balayage & Color", value: "Mastery" },
+        {
-        { icon: Award, label: "Cortes de Precisión", value: "Art" },
+          icon: Sparkles,
-        { icon: Star, label: "Tratamientos Capilares", value: "Science" },
+          label: "Transformaciones",
+          value: "500+",
+        },
+        {
+          icon: Award,
+          label: "Años de Trayectoria",
+          value: "10+",
+        },
+        {
+          icon: Star,
+          label: "Clientes Felices",
+          value: "1000+",
+        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -79,13 +186,45 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "1", name: "Reparación Profunda", price: "$85.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119693-mlmotzcw.jpg" },
+        {
-        { id: "2", name: "Bond Builder", price: "$120.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-ia96xp6c.jpg" },
+          id: "1",
-        { id: "3", name: "Clinix Treatment", price: "$95.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-vgpbi2zq.jpg" },
+          name: "L'Oreal Absolute Repair",
+          price: "$85.000",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119693-mlmotzcw.jpg",
+        },
+        {
+          id: "2",
+          name: "Olaplex Bond Repair",
+          price: "$120.000",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-ia96xp6c.jpg",
+        },
+        {
+          id: "3",
+          name: "Schwarzkopf Fibre Clinix",
+          price: "$95.000",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-vgpbi2zq.jpg",
+        },
+        {
+          id: "4",
+          name: "Oil Ultime Serum",
+          price: "$70.000",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-sp9r9wxa.jpg",
+        },
+        {
+          id: "5",
+          name: "Professional Styling Balm",
+          price: "$65.000",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-x77y35vr.jpg",
+        },
+        {
+          id: "6",
+          name: "Repair Oil Treatment",
+          price: "$90.000",
+          imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047771.jpg",
+        },
       ]}
-      title="Catálogo de Productos"
+      title="Cuidado Capilar Exclusivo"
-      description="Adquiere los mismos productos profesionales que usamos en el salón para tu rutina en casa."
+      description="Selección de productos profesionales de alta gama para mantener tu look siempre perfecto en casa."
-      buttons={[{ text: "Ver Catálogo", href: "#products" }]}
     />
   </div>
 
@@ -95,21 +234,73 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "p1", badge: "Premium", price: "$250.000", subtitle: "Balayage & Color Design", features: ["Diagnóstico capilar", "Técnica personalizada", "Hidratación profunda"] },
+        {
-        { id: "p2", badge: "Essential", price: "$80.000", subtitle: "Corte & Estilo", features: ["Lavado spa", "Corte personalizado", "Secado profesional"] },
+          id: "p1",
-        { id: "p3", badge: "Advanced", price: "$150.000", subtitle: "Tratamientos Capilares", features: ["Alisados sin formol", "Reparación estructural", "Brillo espejo"] },
+          badge: "Popular",
+          price: "$250.000",
+          subtitle: "Técnica de balayage premium",
+          features: [
+            "Diseño personalizado",
+            "Tratamiento incluido",
+            "Sellado de cutícula",
+          ],
+        },
+        {
+          id: "p2",
+          badge: "Básico",
+          price: "$80.000",
+          subtitle: "Corte y peinado experto",
+          features: [
+            "Lavado profundo",
+            "Corte estilo",
+            "Secado profesional",
+          ],
+        },
+        {
+          id: "p3",
+          badge: "Plus",
+          price: "$150.000",
+          subtitle: "Alisados permanentes",
+          features: [
+            "Producto sin formol",
+            "Brillo extremo",
+            "Hidratación molecular",
+          ],
+        },
       ]}
-      title="Nuestros Servicios"
+      title="Servicios Especializados"
-      description="Precios transparentes para servicios de alta calidad, realizados por estilistas expertos."
+      description="Desde coloraciones de vanguardia hasta cortes modernos."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
-      testimonial=" Salon Premium no es solo un salón, es una experiencia. Mi cabello nunca se había visto tan sano, profesional y brillante."
+      testimonial="La mejor atención que he recibido en mucho tiempo. Mi balayage quedó exactamente como quería, muy natural y saludable."
       rating={5}
-      author="Camila R. - Cliente VIP"
+      author="Camila R."
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
+          alt: "Client 1",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
+          alt: "Client 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
+          alt: "Client 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
+          alt: "Client 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
+          alt: "Client 5",
+        },
+      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
     />
@@ -118,10 +309,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
+      background={{
+        variant: "plain",
+      }}
       tag="Reservaciones"
-      title="Agenda tu Transformación"
+      title="Agenda tu cita hoy"
-      description="¡Estamos listos para atenderte! Haz clic para reservar tu cita y disfruta de nuestro servicio premium."
+      description="Déjanos tus datos y nos pondremos en contacto contigo para concretar tu transformación capilar."
-      buttons={[{ text: "Reservar Ahora" }]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=2"
       mediaAnimation="slide-up"
     />
@@ -130,15 +323,27 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Salon Premium"
-      copyrightText="© 2025 Salon Premium | Diseño Profesional"
+      copyrightText="© 2024 Salon Premium Colombia"
       socialLinks={[
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        {
-        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          icon: Instagram,
-        { icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" },
+          href: "#",
+          ariaLabel: "Instagram",
+        },
+        {
+          icon: Facebook,
+          href: "#",
+          ariaLabel: "Facebook",
+        },
+        {
+          icon: MessageCircle,
+          href: "#",
+          ariaLabel: "WhatsApp",
+        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/servicios/balayage/page.tsx

@@ -1,24 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-
-export default function BalayagePage() {
-  return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline navItems={[{name: "Inicio", id: "/"}]} brandName="Salon Premium" />
-      <div className="pt-24">
-        <HeroSplitTestimonial 
-          title="Balayage Premium"
-          description="Nuestra técnica exclusiva de aclarado gradual para un look natural, brillante y de bajo mantenimiento. Perfecta para aportar luz y dimensión a tu cabello sin dañar la raíz."
-          buttons={[{text: "Reservar Cita", href: "/#contact"}]}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg"
-          background={{variant: "plain"}}
-        />
-      </div>
-      <FooterCard logoText="Salon Premium" />
-    </ThemeProvider>
-  );
-}