diff --git a/src/app/page.tsx b/src/app/page.tsx index b3e3d64..46bfa65 100644 --- a/src/app/page.tsx +++ b/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"} ]} /> @@ -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."} ]} /> @@ -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,41 @@ export default function LandingPage() { background={{ variant: "plain"}} tag="Agenda tu cita" - title="Reservá tu diagnóstico" - description="Completa tus datos para recibir asesoramiento personalizado o reservar tu turno directamente por WhatsApp. Te contactaremos a la brevedad." + title="Reserva tu cita online" + 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"} ]} />
- + 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. + + )} + mediaPosition="right" + imageSrc="http://img.b2bpic.net/free-photo/side-view-hairdresser-combing-hair-young-woman_23-2147783935.jpg" + imageAlt="Hairdresser styling client's hair" + inputPlaceholder="Tu email" + buttonText="Enviar mensaje" + onSubmit={(email) => console.log('Contact form submitted with email:', email)} />
@@ -232,27 +245,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." diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 38fcccc..398a076 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0A0A0A; - --card: #1A1A1A; - --foreground: #FFFFFF; - --primary-cta: #20C2A4; + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1f514c; --primary-cta-text: #0A0A0A; - --secondary-cta: #1A1A1A; + --secondary-cta: #ffffff; --secondary-cta-text: #FFFFFF; - --accent: #4A4A4A; - --background-accent: #20C2A4; + --accent: #159c49; + --background-accent: #a8e8ba; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);