Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-06-10 20:37:01 +00:00

View File

@@ -31,39 +31,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "#hero"},
id: "#hero",
},
{ {
name: "Reservas", name: "Reservas", id: "#booking"},
id: "#booking",
},
{ {
name: "Servicios", name: "Servicios", id: "#services"},
id: "#services",
},
{ {
name: "Resultados", name: "Resultados", id: "#results"},
id: "#results",
},
{ {
name: "Confianza", name: "Confianza", id: "#confidence"},
id: "#confidence",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contacto", name: "Contacto", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Hair Solución StudioUy" brandName="Hair Solución StudioUy"
button={{ button={{
text: "Reservar Turno", text: "Reservar Turno", href: "#booking"}}
href: "#booking",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -71,45 +55,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Recuperá tu imagen con prótesis capilares premium" title="Recuperá tu imagen con prótesis capilares premium"
description="Resultados naturales, personalizados y con atención privada en Paso Molino." description="Resultados naturales, personalizados y con atención privada en Paso Molino."
buttons={[ buttons={[
{ {
text: "Reservar diagnóstico", text: "Reservar diagnóstico", href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20reservar%20un%20diagnóstico%20en%20Hair%20Solución%20StudioUy."},
href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20reservar%20un%20diagnóstico%20en%20Hair%20Solución%20StudioUy.",
},
{ {
text: "Consultar por WhatsApp", 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."},
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={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-with-blonde-trendy-hairstyle-accessories-white-stylish-shirt-laughing-looking-into-camera-park_197531-28448.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-with-blonde-trendy-hairstyle-accessories-white-stylish-shirt-laughing-looking-into-camera-park_197531-28448.jpg", imageAlt: "Woman with natural looking hair prosthesis"},
imageAlt: "Woman with natural looking hair prosthesis",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg", imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg", imageAlt: "Man with natural looking hair prosthesis"},
imageAlt: "Man with natural looking hair prosthesis",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg", imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg", imageAlt: "Luxurious hair salon interior"},
imageAlt: "Luxurious hair salon interior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771238.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771238.jpg", imageAlt: "Hair stylist working on a client's hair"},
imageAlt: "Hair stylist working on a client's hair",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/emotions-girl_1157-9008.jpg", imageSrc: "http://img.b2bpic.net/free-photo/emotions-girl_1157-9008.jpg", imageAlt: "Smiling woman with restored hair confidence"},
imageAlt: "Smiling woman with restored hair confidence",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg", imageAlt: "Before and after hair transformation result"},
imageAlt: "Before and after hair transformation result",
},
]} ]}
mediaAnimation="opacity" mediaAnimation="opacity"
/> />
@@ -123,43 +90,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Diagnóstico personalizado", title: "Diagnóstico personalizado", description: "Evaluación privada para encontrar la mejor solución según cada caso.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-applying-makeup-faceless-model_23-2147783871.jpg", imageAlt: "Personalized hair consultation"},
description: "Evaluación privada para encontrar la mejor solución según cada caso.",
imageSrc: "http://img.b2bpic.net/free-photo/stylist-applying-makeup-faceless-model_23-2147783871.jpg",
imageAlt: "Personalized hair consultation",
},
{ {
title: "Prótesis capilares premium", title: "Prótesis capilares premium", description: "Sistemas capilares naturales, cómodos y personalizados.", imageSrc: "http://img.b2bpic.net/free-photo/hair-serum-bottle-brown-wavy-hair_23-2152001430.jpg", imageAlt: "Premium hair prosthesis"},
description: "Sistemas capilares naturales, cómodos y personalizados.",
imageSrc: "http://img.b2bpic.net/free-photo/hair-serum-bottle-brown-wavy-hair_23-2152001430.jpg",
imageAlt: "Premium hair prosthesis",
},
{ {
title: "Colocación y mantenimiento", title: "Colocación y mantenimiento", description: "Servicio profesional para mantener un resultado prolijo y seguro.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg", imageAlt: "Hair prosthesis placement and maintenance"},
description: "Servicio profesional para mantener un resultado prolijo y seguro.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg",
imageAlt: "Hair prosthesis placement and maintenance",
},
{ {
title: "Renovación de imagen", 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"},
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", 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"},
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" title="Descubrí nuestros servicios premium"
description="Soluciones capilares personalizadas para recuperar tu confianza y estilo." description="Soluciones capilares personalizadas para recuperar tu confianza y estilo."
buttons={[ buttons={[
{ {
text: "Reservar este servicio", text: "Reservar este servicio", href: "#booking"},
href: "#booking",
},
]} ]}
/> />
</div> </div>
@@ -172,55 +117,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "result-1", id: "result-1", name: "Transformación Femenina", price: "Naturalidad", imageSrc: "http://img.b2bpic.net/free-photo/unique-beautiful-women-portrait_23-2149012589.jpg", imageAlt: "Before and after woman hair prosthesis"},
name: "Transformación Femenina",
price: "Naturalidad",
imageSrc: "http://img.b2bpic.net/free-photo/unique-beautiful-women-portrait_23-2149012589.jpg",
imageAlt: "Before and after woman hair prosthesis",
},
{ {
id: "result-2", id: "result-2", name: "Restauración Masculina", price: "Discreción", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-looks-himself-mirror_169016-27267.jpg", imageAlt: "Before and after man hair prosthesis"},
name: "Restauración Masculina",
price: "Discreción",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-looks-himself-mirror_169016-27267.jpg",
imageAlt: "Before and after man hair prosthesis",
},
{ {
id: "result-3", id: "result-3", name: "Volumen y Estilo", price: "Elegancia", imageSrc: "http://img.b2bpic.net/free-photo/collage-blonde-with-hair-after-before-beauty-salon_132075-11810.jpg", imageAlt: "Before and after woman hair volume"},
name: "Volumen y Estilo",
price: "Elegancia",
imageSrc: "http://img.b2bpic.net/free-photo/collage-blonde-with-hair-after-before-beauty-salon_132075-11810.jpg",
imageAlt: "Before and after woman hair volume",
},
{ {
id: "result-4", id: "result-4", name: "Cobertura Perfecta", price: "Confianza", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg", imageAlt: "Before and after man bald spot coverage"},
name: "Cobertura Perfecta",
price: "Confianza",
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
imageAlt: "Before and after man bald spot coverage",
},
{ {
id: "result-5", 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"},
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", 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"},
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" title="Resultados que se ven naturales"
description="Cada trabajo es personalizado para lograr un resultado cómodo, seguro y lo más natural posible." description="Cada trabajo es personalizado para lograr un resultado cómodo, seguro y lo más natural posible."
buttons={[ buttons={[
{ {
text: "Quiero mi diagnóstico", 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."},
href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20estoy%20interesado%20en%20un%20diagnóstico%20tras%20ver%20sus%20resultados%20en%20la%20web.",
},
]} ]}
/> />
</div> </div>
@@ -232,34 +145,22 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: ShieldCheck, icon: ShieldCheck,
label: "Atención privada y personalizada", label: "Atención privada y personalizada", value: "Discreción"},
value: "Discreción",
},
{ {
icon: Leaf, icon: Leaf,
label: "Resultados naturales", label: "Resultados naturales", value: "Autenticidad"},
value: "Autenticidad",
},
{ {
icon: Sparkles, icon: Sparkles,
label: "Prótesis capilares premium", label: "Prótesis capilares premium", value: "Calidad"},
value: "Calidad",
},
{ {
icon: UserCheck, icon: UserCheck,
label: "Asesoramiento profesional", label: "Asesoramiento profesional", value: "Experiencia"},
value: "Experiencia",
},
{ {
icon: MapPin, icon: MapPin,
label: "Ubicación en Paso Molino", label: "Ubicación en Paso Molino", value: "Accesible"},
value: "Accesible",
},
{ {
icon: MessageSquare, icon: MessageSquare,
label: "Reserva rápida por WhatsApp", label: "Reserva rápida por WhatsApp", value: "Facilidad"},
value: "Facilidad",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -271,30 +172,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "¿La prótesis capilar se nota?", content: "No. El objetivo es lograr un resultado natural, adaptado a tu estilo y tipo de cabello. Trabajamos con los mejores sistemas capilares para una integración indetectable."},
title: "¿La prótesis capilar se nota?",
content: "No. El objetivo es lograr un resultado natural, adaptado a tu estilo y tipo de cabello. Trabajamos con los mejores sistemas capilares para una integración indetectable.",
},
{ {
id: "faq-2", id: "faq-2", title: "¿Tengo que reservar diagnóstico antes?", content: "Sí. El diagnóstico permite evaluar tu caso de forma privada, entender tus necesidades y recomendar la mejor solución personalizada para vos."},
title: "¿Tengo que reservar diagnóstico antes?",
content: "Sí. El diagnóstico permite evaluar tu caso de forma privada, entender tus necesidades y recomendar la mejor solución personalizada para vos.",
},
{ {
id: "faq-3", id: "faq-3", title: "¿Atienden hombres y mujeres?", content: "Sí, trabajamos con soluciones capilares personalizadas tanto para damas como para caballeros, adaptándonos a cada estilo y necesidad."},
title: "¿Atienden hombres y mujeres?",
content: "Sí, trabajamos con soluciones capilares personalizadas tanto para damas como para caballeros, adaptándonos a cada estilo y necesidad.",
},
{ {
id: "faq-4", 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."},
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", 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: "¿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" title="Preguntas frecuentes"
description="Respuestas a tus dudas más comunes sobre prótesis capilares y nuestros servicios." description="Respuestas a tus dudas más comunes sobre prótesis capilares y nuestros servicios."
@@ -306,16 +192,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Agenda tu cita" tag="Agenda tu cita"
title="Reservá tu diagnóstico" 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." description="Completa tus datos para recibir asesoramiento personalizado o reservar tu turno directamente por WhatsApp. Te contactaremos a la brevedad."
buttons={[ buttons={[
{ {
text: "Enviar reserva por WhatsApp", 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"},
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>
@@ -324,20 +207,15 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contacto" tag="Contacto"
title="Visitá Hair Solución StudioUy" title="Visitá Hair Solución StudioUy"
description="Atención privada en Paso Molino, Montevideo. Reservá tu diagnóstico y recibí asesoramiento personalizado de Mariana Aguilar." description="Atención privada en Paso Molino, Montevideo. Reservá tu diagnóstico y recibí asesoramiento personalizado de Mariana Aguilar."
buttons={[ buttons={[
{ {
text: "Reservar por WhatsApp", text: "Reservar por WhatsApp", href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy."},
href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy.",
},
{ {
text: "Ver Instagram", text: "Ver Instagram", href: "https://instagram.com/hair_solucion_studiouy"},
href: "https://instagram.com/hair_solucion_studiouy",
},
]} ]}
/> />
</div> </div>
@@ -346,59 +224,38 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Navegación", title: "Navegación", items: [
items: [
{ {
label: "Inicio", label: "Inicio", href: "#hero"},
href: "#hero",
},
{ {
label: "Servicios", label: "Servicios", href: "#services"},
href: "#services",
},
{ {
label: "Resultados", label: "Resultados", href: "#results"},
href: "#results",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
], ],
}, },
{ {
title: "Contacto", title: "Contacto", items: [
items: [
{ {
label: "Reservar Diagnóstico", label: "Reservar Diagnóstico", href: "#booking"},
href: "#booking",
},
{ {
label: "WhatsApp: 098 631 321", label: "WhatsApp: 098 631 321", href: "https://wa.me/59898631321"},
href: "https://wa.me/59898631321",
},
{ {
label: "Instagram", label: "Instagram", href: "https://instagram.com/hair_solucion_studiouy"},
href: "https://instagram.com/hair_solucion_studiouy",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Política de Privacidad", label: "Política de Privacidad", href: "#"},
href: "#",
},
{ {
label: "Términos y Condiciones", label: "Términos y Condiciones", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
logoText="Hair Solución StudioUy" logoText="Hair Solución StudioUy"
copyrightText="© 2024 Hair Solución StudioUy. Todos los derechos reservados." copyrightText="© 2025 Hair Solución StudioUy. Todos los derechos reservados."
/> />
</div> </div>
</ReactLenis> </ReactLenis>