bender/ef7b37f4-7e54-412a-a85a-04ae5bb15b5f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 20:47:14 +00:00
parent 1516a5f02c
commit 861cffa39b
1 changed files with 46 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/app/page.tsx
View File

@@ -3,13 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; 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 FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import { Leaf, MapPin, MessageSquare, ShieldCheck, Sparkles, UserCheck } from "lucide-react"; import { Leaf, MapPin, MessageSquare, ShieldCheck, Sparkles, UserCheck } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -43,7 +44,7 @@ export default function LandingPage() {
{ {
name: "FAQ", id: "#faq"}, name: "FAQ", id: "#faq"},
{ {
name: "Contacto", id: "#contact"}, name: "Contacto", id: "#contact"}
]} ]}
brandName="Hair Solución StudioUy" brandName="Hair Solución StudioUy"
button={{ 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: "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={[ 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/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" 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: "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" 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", href: "#booking"}, text: "Reservar este servicio", href: "#booking"}
]} ]}
/> />
</div> </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-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" 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", 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> </div>
@@ -160,7 +161,7 @@ export default function LandingPage() {
label: "Ubicación en Paso Molino", value: "Accesible"}, label: "Ubicación en Paso Molino", value: "Accesible"},
{ {
icon: MessageSquare, icon: MessageSquare,
label: "Reserva rápida por WhatsApp", value: "Facilidad"}, label: "Reserva rápida por WhatsApp", value: "Facilidad"}
]} ]}
metricsAnimation="slide-up" 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-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" 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."
@@ -194,29 +195,41 @@ export default function LandingPage() {
background={{ background={{
variant: "plain"}} variant: "plain"}}
tag="Agenda tu cita" 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={[ 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>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain"}} 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={(
buttons={[ <>
{ Para consultas o reservas, completa el formulario de contacto o escríbenos directamente por{' '}
text: "Reservar por WhatsApp", href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy."}, <a href="https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy." target="_blank" rel="noopener noreferrer" className="underline hover:text-primary-cta">
{ WhatsApp al +598 98 631 321
text: "Ver Instagram", href: "https://instagram.com/hair_solucion_studiouy"}, </a>
]} . También puedes seguirnos en{' '}
<a href="https://instagram.com/hair_solucion_studiouy" target="_blank" rel="noopener noreferrer" className="underline hover:text-primary-cta">
Instagram
</a>
. 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)}
/> />
</div> </div>
@@ -232,27 +245,27 @@ export default function LandingPage() {
{ {
label: "Resultados", href: "#results"}, 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: [ title: "Legal", items: [
{ {
label: "Política de Privacidad", href: "#"}, label: "Política de Privacidad", href: "#"},
{ {
label: "Términos y Condiciones", href: "#"}, label: "Términos y Condiciones", href: "#"}
], ]
}, }
]} ]}
logoText="Hair Solución StudioUy" logoText="Hair Solución StudioUy"
copyrightText="© 2025 Hair Solución StudioUy. Todos los derechos reservados." copyrightText="© 2025 Hair Solución StudioUy. Todos los derechos reservados."