Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Sobre Mí",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre Mí", id: "about"},
|
||||
{
|
||||
name: "Tratamientos",
|
||||
id: "treatments",
|
||||
},
|
||||
name: "Tratamientos", id: "treatments"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Dra. Sara Lagar"
|
||||
/>
|
||||
@@ -53,17 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Tu belleza, elevada."
|
||||
description="Arte médico para resaltar tu mejor versión con precisión, sensibilidad y resultados naturales."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserva tu cita",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserva tu cita", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-wearing-eyeglasses-holding-receipt-book_114579-15811.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-wearing-eyeglasses-holding-receipt-book_114579-15811.jpg"
|
||||
imageAlt="Dra. Sara Lagar"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,19 +64,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Calificación",
|
||||
value: "5.0",
|
||||
},
|
||||
label: "Calificación", value: "5.0"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
label: "Reseñas",
|
||||
value: "80+",
|
||||
},
|
||||
label: "Reseñas", value: "80+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Recomendación",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Recomendación", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -100,53 +83,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Armonización Facial",
|
||||
description: "Resaltamos tus rasgos con elegancia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-wearing-eyeglasses-holding-receipt-book_114579-15811.jpg?_wi=2",
|
||||
imageAlt: "luxury clinic interior",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
title: "Armonización Facial", description: "Resaltamos tus rasgos con elegancia."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
title: "Bótox Premium",
|
||||
description: "Adiós a las líneas de expresión con resultados sutiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374046.jpg",
|
||||
imageAlt: "aesthetic clinic artist",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Smile,
|
||||
title: "Bótox Premium", description: "Adiós a las líneas de expresión con resultados sutiles."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
title: "Labios Definidos",
|
||||
description: "Volumen natural y cuidado constante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-caucasian-girl-with-green-leaf-smiling-red-background-studio-shot-attractive-nude-ginger-woman-with-plant_197531-29774.jpg?_wi=1",
|
||||
imageAlt: "confident woman professional portrait",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Droplet,
|
||||
title: "Labios Definidos", description: "Volumen natural y cuidado constante."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Vitaminas faciales",
|
||||
description: "Luminosidad y salud profunda.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg?_wi=1",
|
||||
imageAlt: "mature glowing skin portrait",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "Vitaminas faciales", description: "Luminosidad y salud profunda."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
title: "Mesoterapia Capilar",
|
||||
description: "Fortalece tu cabello desde la raíz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg?_wi=1",
|
||||
imageAlt: "smiling elegant woman",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Activity,
|
||||
title: "Mesoterapia Capilar", description: "Fortalece tu cabello desde la raíz."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Diamond,
|
||||
title: "Mandíbula Definida",
|
||||
description: "Estructura y juventud renovada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-avocado-apple-cherries-white-background_23-2147907011.jpg?_wi=1",
|
||||
imageAlt: "modern beautiful woman",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Diamond,
|
||||
title: "Mandíbula Definida", description: "Estructura y juventud renovada."},
|
||||
]}
|
||||
title="Nuestros Tratamientos"
|
||||
description="Especializada en realzar tu belleza natural con técnicas avanzadas."
|
||||
@@ -159,45 +112,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Naturalidad absoluta",
|
||||
quote: "La Dra. Sara no solo es doctora, es una artista. Nunca me había visto tan natural.",
|
||||
name: "María G.",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-caucasian-girl-with-green-leaf-smiling-red-background-studio-shot-attractive-nude-ginger-woman-with-plant_197531-29774.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Naturalidad absoluta", quote: "La Dra. Sara no solo es doctora, es una artista. Nunca me había visto tan natural.", name: "María G.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-caucasian-girl-with-green-leaf-smiling-red-background-studio-shot-attractive-nude-ginger-woman-with-plant_197531-29774.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Un trato excepcional",
|
||||
quote: "Su honestidad me dio mucha tranquilidad desde el primer momento. El resultado es perfecto.",
|
||||
name: "Elena R.",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Un trato excepcional", quote: "Su honestidad me dio mucha tranquilidad desde el primer momento. El resultado es perfecto.", name: "Elena R.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Precisión y cariño",
|
||||
quote: "Se nota la sensibilidad estética en cada detalle. Volveré sin duda.",
|
||||
name: "Carla S.",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Precisión y cariño", quote: "Se nota la sensibilidad estética en cada detalle. Volveré sin duda.", name: "Carla S.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Recomendación 100%",
|
||||
quote: "La cercanía de la Dra. es increíble, explica todo a detalle y te cuida muchísimo.",
|
||||
name: "Ana L.",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-avocado-apple-cherries-white-background_23-2147907011.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Recomendación 100%", quote: "La cercanía de la Dra. es increíble, explica todo a detalle y te cuida muchísimo.", name: "Ana L.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-avocado-apple-cherries-white-background_23-2147907011.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Transformación sutil",
|
||||
quote: "Exactamente lo que buscaba. Elegancia y frescura sin perder mi esencia.",
|
||||
name: "Lucía P.",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg",
|
||||
},
|
||||
id: "5", title: "Transformación sutil", quote: "Exactamente lo que buscaba. Elegancia y frescura sin perder mi esencia.", name: "Lucía P.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg"},
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Pacientes reales transformados por nuestra sensibilidad estética."
|
||||
@@ -208,8 +131,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contacto"
|
||||
title="Empieza tu transformación"
|
||||
description="Cuéntanos qué necesitas y personalizaremos tu plan de tratamiento."
|
||||
@@ -222,33 +144,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Clínica",
|
||||
items: [
|
||||
title: "Clínica", items: [
|
||||
{
|
||||
label: "Sobre mí",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre mí", href: "#about"},
|
||||
{
|
||||
label: "Tratamientos",
|
||||
href: "#treatments",
|
||||
},
|
||||
label: "Tratamientos", href: "#treatments"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Aviso Legal", href: "#"},
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user