Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Tratamientos",
|
||||
id: "/tratamientos",
|
||||
},
|
||||
name: "Tratamientos", id: "/tratamientos"},
|
||||
{
|
||||
name: "Sobre Biutika",
|
||||
id: "/nosotros",
|
||||
},
|
||||
name: "Sobre Biutika", id: "/nosotros"},
|
||||
{
|
||||
name: "Galería",
|
||||
id: "/galeria",
|
||||
},
|
||||
name: "Galería", id: "/galeria"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "/opiniones",
|
||||
},
|
||||
name: "Testimonios", id: "/opiniones"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "/contacto",
|
||||
},
|
||||
name: "Contacto", id: "/contacto"},
|
||||
]}
|
||||
brandName="Biutika"
|
||||
/>
|
||||
@@ -62,19 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Belleza natural respaldada por medicina estética de excelencia."
|
||||
description="Tratamientos avanzados, tecnología de última generación y atención personalizada para realzar tu mejor versión."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agenda tu evaluación",
|
||||
href: "/contacto",
|
||||
},
|
||||
text: "Agenda tu evaluación", href: "/contacto"},
|
||||
{
|
||||
text: "Conoce nuestros tratamientos",
|
||||
href: "/tratamientos",
|
||||
},
|
||||
text: "Conoce nuestros tratamientos", href: "/tratamientos"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-getting-hyaluronic-acid-injection_23-2149343926.jpg"
|
||||
imageAlt="Paciente y doctora en una clínica de medicina estética premium"
|
||||
@@ -86,14 +69,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxury Skincare Co.",
|
||||
"Advanced Aesthetics Ltd.",
|
||||
"Natural Beauty Tech",
|
||||
"Elite Dermaceuticals",
|
||||
"Pure Aesthetics Group",
|
||||
"Radiance Solutions",
|
||||
"Timeless Beauty Innovations",
|
||||
]}
|
||||
"Luxury Skincare Co.", "Advanced Aesthetics Ltd.", "Natural Beauty Tech", "Elite Dermaceuticals", "Pure Aesthetics Group", "Radiance Solutions", "Timeless Beauty Innovations"]}
|
||||
title="Más de 24 pacientes nos recomiendan"
|
||||
description="\"Excelente atención, profesionalismo y resultados naturales.\""
|
||||
/>
|
||||
@@ -101,33 +77,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "natural-results",
|
||||
title: "Resultados Naturales",
|
||||
author: "",
|
||||
description: "Realzamos tu belleza sin alterar tu esencia.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-party-blower-against-pink-background_23-2148051896.jpg",
|
||||
},
|
||||
id: "natural-results", title: "Resultados Naturales", author: "", description: "Realzamos tu belleza sin alterar tu esencia.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-party-blower-against-pink-background_23-2148051896.jpg"},
|
||||
{
|
||||
id: "personalized-attention",
|
||||
title: "Atención Personalizada",
|
||||
author: "",
|
||||
description: "Cada tratamiento comienza con una evaluación médica completa.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/healthcare-medical-infographic_23-2148368844.jpg",
|
||||
},
|
||||
id: "personalized-attention", title: "Atención Personalizada", author: "", description: "Cada tratamiento comienza con una evaluación médica completa.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/healthcare-medical-infographic_23-2148368844.jpg"},
|
||||
{
|
||||
id: "cutting-edge-technology",
|
||||
title: "Tecnología de Vanguardia",
|
||||
author: "",
|
||||
description: "Equipos y procedimientos reconocidos internacionalmente.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-medical-infographic_23-2148486488.jpg",
|
||||
},
|
||||
id: "cutting-edge-technology", title: "Tecnología de Vanguardia", author: "", description: "Equipos y procedimientos reconocidos internacionalmente.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-medical-infographic_23-2148486488.jpg"},
|
||||
]}
|
||||
title="Nuestra Filosofía"
|
||||
description="No creemos en transformar rostros. Creemos en potenciar la belleza natural de cada paciente mediante tratamientos personalizados, seguros y respaldados por evidencia médica."
|
||||
@@ -143,47 +105,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "botox",
|
||||
name: "Botox",
|
||||
price: "Desde $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334237.jpg",
|
||||
imageAlt: "Tratamiento de Botox",
|
||||
},
|
||||
id: "botox", name: "Botox", price: "Desde $250", imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334237.jpg", imageAlt: "Tratamiento de Botox"},
|
||||
{
|
||||
id: "hifu",
|
||||
name: "HIFU",
|
||||
price: "Desde $400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-young-adult_23-2149202937.jpg",
|
||||
imageAlt: "Tratamiento HIFU",
|
||||
},
|
||||
id: "hifu", name: "HIFU", price: "Desde $400", imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-young-adult_23-2149202937.jpg", imageAlt: "Tratamiento HIFU"},
|
||||
{
|
||||
id: "facial-harmonization",
|
||||
name: "Armonización Facial",
|
||||
price: "Desde $600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520793.jpg",
|
||||
imageAlt: "Tratamiento de Armonización Facial",
|
||||
},
|
||||
id: "facial-harmonization", name: "Armonización Facial", price: "Desde $600", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520793.jpg", imageAlt: "Tratamiento de Armonización Facial"},
|
||||
{
|
||||
id: "bioestimuladores",
|
||||
name: "Bioestimuladores",
|
||||
price: "Desde $550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-covering-face-with-fern-leaves_23-2148075068.jpg",
|
||||
imageAlt: "Tratamiento con Bioestimuladores",
|
||||
},
|
||||
id: "bioestimuladores", name: "Bioestimuladores", price: "Desde $550", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-covering-face-with-fern-leaves_23-2148075068.jpg", imageAlt: "Tratamiento con Bioestimuladores"},
|
||||
{
|
||||
id: "facial-rejuvenation",
|
||||
name: "Rejuvenecimiento Facial",
|
||||
price: "Desde $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-consults-client_23-2148878890.jpg",
|
||||
imageAlt: "Tratamiento de Rejuvenecimiento Facial",
|
||||
},
|
||||
id: "facial-rejuvenation", name: "Rejuvenecimiento Facial", price: "Desde $300", imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-consults-client_23-2148878890.jpg", imageAlt: "Tratamiento de Rejuvenecimiento Facial"},
|
||||
{
|
||||
id: "medical-evaluation",
|
||||
name: "Evaluación Médica Estética",
|
||||
price: "Gratis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg",
|
||||
imageAlt: "Evaluación Médica Estética",
|
||||
},
|
||||
id: "medical-evaluation", name: "Evaluación Médica Estética", price: "Gratis", imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg", imageAlt: "Evaluación Médica Estética"},
|
||||
]}
|
||||
title="Tratamientos Destacados"
|
||||
description="Explora nuestra gama de procedimientos de vanguardia diseñados para realzar tu belleza natural con resultados excepcionales."
|
||||
@@ -197,37 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "personal-attention",
|
||||
title: "Atención Personalizada",
|
||||
author: "",
|
||||
description: "Cada tratamiento comienza con una evaluación médica completa para un plan a tu medida.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-room-branding-logo-illustration_53876-58031.jpg",
|
||||
},
|
||||
id: "personal-attention", title: "Atención Personalizada", author: "", description: "Cada tratamiento comienza con una evaluación médica completa para un plan a tu medida.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-room-branding-logo-illustration_53876-58031.jpg"},
|
||||
{
|
||||
id: "vanguard-technology",
|
||||
title: "Tecnología de Vanguardia",
|
||||
author: "",
|
||||
description: "Utilizamos equipos y procedimientos reconocidos internacionalmente para resultados óptimos.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736841.jpg",
|
||||
},
|
||||
id: "vanguard-technology", title: "Tecnología de Vanguardia", author: "", description: "Utilizamos equipos y procedimientos reconocidos internacionalmente para resultados óptimos.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736841.jpg"},
|
||||
{
|
||||
id: "natural-results",
|
||||
title: "Resultados Naturales",
|
||||
author: "",
|
||||
description: "Resaltamos tu belleza innata sin alterar tu esencia, con un enfoque armónico y sutil.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holes-plugs-wall_23-2147743110.jpg",
|
||||
},
|
||||
id: "natural-results", title: "Resultados Naturales", author: "", description: "Resaltamos tu belleza innata sin alterar tu esencia, con un enfoque armónico y sutil.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holes-plugs-wall_23-2147743110.jpg"},
|
||||
{
|
||||
id: "safety-confidence",
|
||||
title: "Seguridad y Confianza",
|
||||
author: "",
|
||||
description: "Trabajamos con productos certificados y aplicamos protocolos médicos rigurosos en cada procedimiento.",
|
||||
tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shiny-shield-cardiograph-blue-background-medical-care_1017-44798.jpg",
|
||||
},
|
||||
id: "safety-confidence", title: "Seguridad y Confianza", author: "", description: "Trabajamos con productos certificados y aplicamos protocolos médicos rigurosos en cada procedimiento.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shiny-shield-cardiograph-blue-background-medical-care_1017-44798.jpg"},
|
||||
]}
|
||||
title="Por Qué Elegir Biutika"
|
||||
description="Tu bienestar y la belleza natural son nuestra prioridad. Descubre los pilares que nos distinguen."
|
||||
@@ -240,12 +152,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "dra-ellen",
|
||||
name: "Dra. Ellen",
|
||||
role: "Directora Médica & Especialista en Medicina Estética",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210729.jpg",
|
||||
imageAlt: "Retrato de la Dra. Ellen",
|
||||
},
|
||||
id: "dra-ellen", name: "Dra. Ellen", role: "Directora Médica & Especialista en Medicina Estética", imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210729.jpg", imageAlt: "Retrato de la Dra. Ellen"},
|
||||
]}
|
||||
title="Nuestra Directora Médica"
|
||||
description="Conoce a la Dra. Ellen, nuestra directora médica, reconocida por su experiencia, cercanía y ética profesional. Cada paciente es una prioridad, asegurando una experiencia exclusiva y resultados que reflejan tu verdadera esencia."
|
||||
@@ -260,45 +167,15 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Andrea S.",
|
||||
role: "Cliente Satisfecha",
|
||||
testimonial: "La doctora Ellen se da el tiempo con cada paciente. Me siento contenida y acompañada en cada paso. ¡Los resultados son increíbles y muy naturales!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
imageAlt: "Testimonio de Andrea S.",
|
||||
},
|
||||
id: "1", name: "Andrea S.", role: "Cliente Satisfecha", testimonial: "La doctora Ellen se da el tiempo con cada paciente. Me siento contenida y acompañada en cada paso. ¡Los resultados son increíbles y muy naturales!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", imageAlt: "Testimonio de Andrea S."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Javier M.",
|
||||
role: "Paciente",
|
||||
testimonial: "Profesionalismo excepcional. Trabajan con los mejores productos y máquinas. Se nota la diferencia en los resultados, ¡totalmente recomendado!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
||||
imageAlt: "Testimonio de Javier M.",
|
||||
},
|
||||
id: "2", name: "Javier M.", role: "Paciente", testimonial: "Profesionalismo excepcional. Trabajan con los mejores productos y máquinas. Se nota la diferencia en los resultados, ¡totalmente recomendado!", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg", imageAlt: "Testimonio de Javier M."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofía P.",
|
||||
role: "Cliente Habitual",
|
||||
testimonial: "Siempre busqué resultados naturales y en Biutika los encontré. La atención es excelente, el equipo muy amable. Me siento mucho más segura.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blogger-content-creator-showing-lipstick-okay-hand-sign-recommending-beauty-product_1258-281929.jpg",
|
||||
imageAlt: "Testimonio de Sofía P.",
|
||||
},
|
||||
id: "3", name: "Sofía P.", role: "Cliente Habitual", testimonial: "Siempre busqué resultados naturales y en Biutika los encontré. La atención es excelente, el equipo muy amable. Me siento mucho más segura.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blogger-content-creator-showing-lipstick-okay-hand-sign-recommending-beauty-product_1258-281929.jpg", imageAlt: "Testimonio de Sofía P."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ricardo G.",
|
||||
role: "Paciente Frecuente",
|
||||
testimonial: "Desde la primera evaluación supe que estaba en buenas manos. El enfoque es muy humano y los resultados son sutiles y armónicos con mi rostro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg",
|
||||
imageAlt: "Testimonio de Ricardo G.",
|
||||
},
|
||||
id: "4", name: "Ricardo G.", role: "Paciente Frecuente", testimonial: "Desde la primera evaluación supe que estaba en buenas manos. El enfoque es muy humano y los resultados son sutiles y armónicos con mi rostro.", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg", imageAlt: "Testimonio de Ricardo G."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mariana L.",
|
||||
role: "Nueva Paciente",
|
||||
testimonial: "Me daba miedo empezar con tratamientos estéticos, pero aquí me explicaron todo con mucha paciencia. ¡El cambio fue notorio sin perder mi esencia!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg",
|
||||
imageAlt: "Testimonio de Mariana L.",
|
||||
},
|
||||
id: "5", name: "Mariana L.", role: "Nueva Paciente", testimonial: "Me daba miedo empezar con tratamientos estéticos, pero aquí me explicaron todo con mucha paciencia. ¡El cambio fue notorio sin perder mi esencia!", imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg", imageAlt: "Testimonio de Mariana L."},
|
||||
]}
|
||||
title="Lo Que Nuestros Pacientes Dicen"
|
||||
description="Testimonios reales de quienes han experimentado la excelencia de Biutika y confían en nuestra medicina estética."
|
||||
@@ -315,6 +192,14 @@ export default function LandingPage() {
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="left"
|
||||
buttonText="Reservar Hora"
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -323,54 +208,33 @@ export default function LandingPage() {
|
||||
logoText="Biutika"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Tratamientos",
|
||||
href: "/tratamientos",
|
||||
},
|
||||
label: "Tratamientos", href: "/tratamientos"},
|
||||
{
|
||||
label: "Sobre Biutika",
|
||||
href: "/nosotros",
|
||||
},
|
||||
label: "Sobre Biutika", href: "/nosotros"},
|
||||
{
|
||||
label: "Galería",
|
||||
href: "/galeria",
|
||||
},
|
||||
label: "Galería", href: "/galeria"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
title: "Soporte", items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "/contacto",
|
||||
},
|
||||
label: "Contacto", href: "/contacto"},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "/opiniones",
|
||||
},
|
||||
label: "Testimonios", href: "/opiniones"},
|
||||
{
|
||||
label: "Preguntas Frecuentes",
|
||||
href: "/contacto#faqs",
|
||||
},
|
||||
label: "Preguntas Frecuentes", href: "/contacto#faqs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos de Servicio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos de Servicio", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user