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

Merge version_3 into main #3

Merged
bender merged 2 commits from version_3 into main 2026-06-10 20:47:18 +00:00
Conversation 0 Commits 2 Files Changed 2 +53 -40
2 changed files with 53 additions and 40 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 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,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"}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Contacto"
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."
buttons={[
{
text: "Reservar por WhatsApp", href: "https://wa.me/59898631321?text=Hola%20Mariana%2C%20quiero%20consultar%20por%20un%20turno%20en%20Hair%20Solución%20StudioUy."},
{
text: "Ver Instagram", href: "https://instagram.com/hair_solucion_studiouy"},
]}
tag="Estamos aquí para ti"
title="Contacta con Hair Solución StudioUy"
description={(
<>
Para consultas o reservas, completa el formulario de contacto o escríbenos directamente por{' '}
<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
</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>
@@ -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."

14
src/app/styles/variables.css
View File

@@ -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);