Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,13 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit'; 
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ContactCTA from '@/components/sections/contact/ContactCTA'; 
 import { Leaf, MapPin, MessageSquare, ShieldCheck, Sparkles, UserCheck } from "lucide-react";
 
 export default function LandingPage() {
@@ -43,7 +44,7 @@ export default function LandingPage() {
         {
           name: "FAQ",          id: "#faq"},
         {
-          name: "Contacto",          id: "#contact"},
+          name: "Contacto",          id: "#contact"}
       ]}
       brandName="Hair Solución StudioUy"
       button={{
@@ -62,7 +63,7 @@ export default function LandingPage() {
         {
           text: "Reservar diagnóstico",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20reservar%20un%20diagnóstico%20en%20Hair%20Solución%20StudioUy."},
         {
-          text: "Consultar por WhatsApp",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20más%20información%20sobre%20prótesis%20capilares%20en%20Hair%20Solución%20StudioUy."},
+          text: "Consultar por WhatsApp",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20más%20información%20sobre%20prótesis%20capilares%20en%20Hair%20Solución%20StudioUy."}
       ]}
       mediaItems={[
         {
@@ -76,7 +77,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/emotions-girl_1157-9008.jpg",          imageAlt: "Smiling woman with restored hair confidence"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg",          imageAlt: "Before and after hair transformation result"},
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg",          imageAlt: "Before and after hair transformation result"}
       ]}
       mediaAnimation="opacity"
     />
@@ -98,13 +99,13 @@ export default function LandingPage() {
         {
           title: "Renovación de imagen",          description: "Transformaciones pensadas para recuperar confianza y estilo.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-woman-with-arms-her-head_23-2147611463.jpg",          imageAlt: "Image renewal hair transformation"},
         {
-          title: "Servicios para damas y caballeros",          description: "Atención personalizada según necesidad, estilo y tipo de cabello.",          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg",          imageAlt: "Hair solutions for ladies and gentlemen"},
+          title: "Servicios para damas y caballeros",          description: "Atención personalizada según necesidad, estilo y tipo de cabello.",          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg",          imageAlt: "Hair solutions for ladies and gentlemen"}
       ]}
       title="Descubrí nuestros servicios premium"
       description="Soluciones capilares personalizadas para recuperar tu confianza y estilo."
       buttons={[
         {
-          text: "Reservar este servicio",          href: "#booking"},
+          text: "Reservar este servicio",          href: "#booking"}
       ]}
     />
   </div>
@@ -127,13 +128,13 @@ export default function LandingPage() {
         {
           id: "result-5",          name: "Belleza Renovada",          price: "Armonía",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-leaning-hand_1262-3272.jpg",          imageAlt: "Before and after woman short hair"},
         {
-          id: "result-6",          name: "Cabello Indetectable",          price: "Realismo",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-wavy-blonde-hair_23-2152001459.jpg",          imageAlt: "Before and after natural dark hair"},
+          id: "result-6",          name: "Cabello Indetectable",          price: "Realismo",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-wavy-blonde-hair_23-2152001459.jpg",          imageAlt: "Before and after natural dark hair"}
       ]}
       title="Resultados que se ven naturales"
       description="Cada trabajo es personalizado para lograr un resultado cómodo, seguro y lo más natural posible."
       buttons={[
         {
-          text: "Quiero mi diagnóstico",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20estoy%20interesado%20en%20un%20diagnóstico%20tras%20ver%20sus%20resultados%20en%20la%20web."},
+          text: "Quiero mi diagnóstico",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20estoy%20interesado%20en%20un%20diagnóstico%20tras%20ver%20sus%20resultados%20en%20la%20web."}
       ]}
     />
   </div>
@@ -160,7 +161,7 @@ export default function LandingPage() {
           label: "Ubicación en Paso Molino",          value: "Accesible"},
         {
           icon: MessageSquare,
-          label: "Reserva rápida por WhatsApp",          value: "Facilidad"},
+          label: "Reserva rápida por WhatsApp",          value: "Facilidad"}
       ]}
       metricsAnimation="slide-up"
     />
@@ -180,7 +181,7 @@ export default function LandingPage() {
         {
           id: "faq-4",          title: "¿Dónde están ubicados?",          content: "Nuestro estudio se encuentra en Paso Molino, Montevideo, ofreciendo un espacio privado y cómodo para tu atención."},
         {
-          id: "faq-5",          title: "¿Puedo consultar por WhatsApp?",          content: "Sí, podés escribirnos directamente al 098 631 321 para cualquier consulta o para iniciar tu proceso de reserva. Estamos para ayudarte."},
+          id: "faq-5",          title: "¿Puedo consultar por WhatsApp?",          content: "Sí, podés escribirnos directamente al 098 631 321 para cualquier consulta o para iniciar tu proceso de reserva. Estamos para ayudarte."}
       ]}
       title="Preguntas frecuentes"
       description="Respuestas a tus dudas más comunes sobre prótesis capilares y nuestros servicios."
@@ -194,29 +195,29 @@ export default function LandingPage() {
       background={{
         variant: "plain"}}
       tag="Agenda tu cita"
-      title="Reservá tu diagnóstico"
+      title="Reserva tu cita online"
-      description="Completa tus datos para recibir asesoramiento personalizado o reservar tu turno directamente por WhatsApp. Te contactaremos a la brevedad."
+      description="Selecciona el servicio, fecha y hora que mejor se adapte a ti. Nuestro equipo confirmará tu turno a la brevedad."
       buttons={[
         {
-          text: "Enviar reserva por WhatsApp",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20reservar%20un%20turno%20en%20Hair%20Solución%20StudioUy.%0ANombre%3A%20%5Bnombre%5D%0AServicio%3A%20%5Bservicio%5D%0ADía%20preferido%3A%20%5Bdía%5D%0AHorario%20preferido%3A%20%5Bhorario%5D%0AComentario%3A%20%5Bcomentario%5D"},
+          text: "Agendar por WhatsApp ahora",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20reservar%20un%20turno%20en%20Hair%20Solución%20StudioUy.%0ANombre%3A%20%5Bnombre%5D%0AServicio%3A%20%5Bservicio%5D%0ADía%20preferido%3A%20%5Bdía%5D%0AHorario%20preferido%3A%20%5Bhorario%5D%0AComentario%3A%20%5Bcomentario%5D"}
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      tag="Contacto"
+      tag="Estamos aquí para ti"
-      title="Visitá Hair Solución StudioUy"
+      title="Contacta con Hair Solución StudioUy"
-      description="Atención privada en Paso Molino, Montevideo. Reservá tu diagnóstico y recibí asesoramiento personalizado de Mariana Aguilar."
+      description="Para consultas o reservas, completa el formulario de contacto o escríbenos directamente por WhatsApp al +598 98 631 321. También puedes seguirnos en Instagram. Te esperamos en Paso Molino."
-      buttons={[
+      mediaPosition="right"
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-hairdresser-combing-hair-young-woman_23-2147783935.jpg"
-          text: "Reservar por WhatsApp",          href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy."},
+      imageAlt="Hairdresser styling client's hair"
-        {
+      inputPlaceholder="Tu email"
-          text: "Ver Instagram",          href: "https://instagram.com/hair_solucion_studiouy"},
+      buttonText="Enviar mensaje"
-      ]}
+      onSubmit={(email) => console.log('Contact form submitted with email:', email)}
     />
   </div>
 
@@ -232,27 +233,27 @@ export default function LandingPage() {
             {
               label: "Resultados",              href: "#results"},
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "#faq"}
-          ],
+          ]
         },
         {
-          title: "Contacto",          items: [
+          title: "Información",          items: [
             {
-              label: "Reservar Diagnóstico",              href: "#booking"},
+              label: "Paso Molino, Montevideo",              href: "#contact"},
             {
-              label: "WhatsApp: 098 631 321",              href: "https://wa.me/59898631321"},
+              label: "WhatsApp: +598 98 631 321",              href: "https://wa.me/59898631321"},
             {
-              label: "Instagram",              href: "https://instagram.com/hair_solucion_studiouy"},
+              label: "Instagram: @hair_solucion_studiouy",              href: "https://instagram.com/hair_solucion_studiouy"}
-          ],
+          ]
         },
         {
           title: "Legal",          items: [
             {
               label: "Política de Privacidad",              href: "#"},
             {
-              label: "Términos y Condiciones",              href: "#"},
+              label: "Términos y Condiciones",              href: "#"}
-          ],
+          ]
-        },
+        }
       ]}
       logoText="Hair Solución StudioUy"
       copyrightText="© 2025 Hair Solución StudioUy. Todos los derechos reservados."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
+  --background: #f5f5f5;
-  --card: #1A1A1A;
+  --card: #ffffff;
-  --foreground: #FFFFFF;
+  --foreground: #1c1c1c;
-  --primary-cta: #20C2A4;
+  --primary-cta: #1f514c;
   --primary-cta-text: #0A0A0A;
-  --secondary-cta: #1A1A1A;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #FFFFFF;
-  --accent: #4A4A4A;
+  --accent: #159c49;
-  --background-accent: #20C2A4;
+  --background-accent: #a8e8ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);