Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -30,150 +30,43 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Nosotros", id: "about" },
-          id: "hero",
+        { name: "Servicios", id: "pricing" },
-        },
+        { 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",
+        text: "Reservar Cita",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
+      title="Transformación Capilar con Estilo Salon Premium"
-      }}
+      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: "Camila R.",
+        { name: "Valentina G.", handle: "@valeg", testimonial: "Corte impecable, me explicaron cómo cuidar mi cabello en casa.", rating: 5 },
-          handle: "@camila_r",
+        { name: "Sofia M.", handle: "@sofim", testimonial: "La hidratación molecular dejó mi pelo con un brillo increíble.", rating: 5 },
-          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
-      useInvertedBackground={false}
+      title="Especialidades Salon Premium"
-      title="Nuestra Experiencia"
       metrics={[
-        {
+        { icon: Sparkles, label: "Balayage & Color", value: "Mastery" },
-          icon: Sparkles,
+        { icon: Award, label: "Cortes de Precisión", value: "Art" },
-          label: "Transformaciones",
+        { icon: Star, label: "Tratamientos Capilares", value: "Science" },
-          value: "500+",
-        },
-        {
-          icon: Award,
-          label: "Años de Trayectoria",
-          value: "10+",
-        },
-        {
-          icon: Star,
-          label: "Clientes Felices",
-          value: "1000+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -186,45 +79,13 @@ 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: "1",
+        { 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" },
-          name: "L'Oreal Absolute Repair",
+        { 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" },
-          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="Cuidado Capilar Exclusivo"
+      title="Catálogo de Productos"
-      description="Selección de productos profesionales de alta gama para mantener tu look siempre perfecto en casa."
+      description="Adquiere los mismos productos profesionales que usamos en el salón para tu rutina en casa."
+      buttons={[{ text: "Ver Catálogo", href: "#products" }]}
     />
   </div>
 
@@ -234,73 +95,21 @@ 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: "p1",
+        { id: "p2", badge: "Essential", price: "$80.000", subtitle: "Corte & Estilo", features: ["Lavado spa", "Corte personalizado", "Secado profesional"] },
-          badge: "Popular",
+        { id: "p3", badge: "Advanced", price: "$150.000", subtitle: "Tratamientos Capilares", features: ["Alisados sin formol", "Reparación estructural", "Brillo espejo"] },
-          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="Servicios Especializados"
+      title="Nuestros Servicios"
-      description="Desde coloraciones de vanguardia hasta cortes modernos."
+      description="Precios transparentes para servicios de alta calidad, realizados por estilistas expertos."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
-      testimonial="La mejor atención que he recibido en mucho tiempo. Mi balayage quedó exactamente como quería, muy natural y saludable."
+      testimonial=" Salon Premium no es solo un salón, es una experiencia. Mi cabello nunca se había visto tan sano, profesional y brillante."
       rating={5}
-      author="Camila R."
+      author="Camila R. - Cliente VIP"
-      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"
     />
@@ -309,12 +118,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Reservaciones"
-      title="Agenda tu cita hoy"
+      title="Agenda tu Transformación"
-      description="Déjanos tus datos y nos pondremos en contacto contigo para concretar tu transformación capilar."
+      description="¡Estamos listos para atenderte! Haz clic para reservar tu cita y disfruta de nuestro servicio premium."
+      buttons={[{ text: "Reservar Ahora" }]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=2"
       mediaAnimation="slide-up"
     />
@@ -323,23 +130,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Salon Premium"
-      copyrightText="© 2024 Salon Premium Colombia"
+      copyrightText="© 2025 Salon Premium | Diseño Profesional"
       socialLinks={[
-        {
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-          icon: Instagram,
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-          href: "#",
+        { icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" },
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: MessageCircle,
-          href: "#",
-          ariaLabel: "WhatsApp",
-        },
       ]}
     />
   </div>

src/app/servicios/balayage/page.tsx

@@ -0,0 +1,24 @@
+"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>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf7;
+  --background: #f7f6f7;
   --card: #ffffff;
-  --foreground: #2e2521;
+  --foreground: #0c1325;
-  --primary-cta: #c68a62;
+  --primary-cta: #0798ff;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #fcfaf7;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2e2521;
+  --secondary-cta-text: #0c1325;
-  --accent: #e8e6e1;
+  --accent: #93c7ff;
-  --background-accent: #efebe5;
+  --background-accent: #a8cde8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);