From 6f09d65d0d38dff95f98460f544642fc87516f18 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 02:57:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 316 ++++++++++------------------------------------- 1 file changed, 67 insertions(+), 249 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 22f8bdc..7e12d4b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,90 +33,55 @@ export default function LandingPage() {
@@ -128,19 +93,13 @@ export default function LandingPage() { metrics={[ { icon: Star, - label: "Calidad Premium", - value: "4.3/5", - }, + label: "Calidad Premium", value: "4.3/5"}, { icon: Heart, - label: "Clientes Felices", - value: "1000+", - }, + label: "Clientes Felices", value: "1000+"}, { icon: CheckCircle, - label: "Años de Experiencia", - value: "5+", - }, + label: "Años de Experiencia", value: "5+"}, ]} metricsAnimation="slide-up" /> @@ -152,23 +111,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Cuidado Facial Avanzado", - description: "Tratamientos personalizados para rejuvenecer y revitalizar tu piel, usando productos de alta calidad.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286703.jpg", - imageAlt: "Skincare product bottle", - }, + title: "Cuidado Facial Avanzado", description: "Tratamientos personalizados para rejuvenecer y revitalizar tu piel, usando productos de alta calidad.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286703.jpg", imageAlt: "Skincare product bottle"}, { - title: "Depilación Láser", - description: "Tecnología de última generación para una depilación eficaz y duradera, con resultados visibles desde la primera sesión.", - imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23659.jpg", - imageAlt: "Laser treatment", - }, + title: "Depilación Láser", description: "Tecnología de última generación para una depilación eficaz y duradera, con resultados visibles desde la primera sesión.", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23659.jpg", imageAlt: "Laser treatment"}, { - title: "Masajes Terapéuticos", - description: "Relaja tu cuerpo y mente con nuestros masajes especializados, diseñados para aliviar el estrés y tensiones musculares.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-nail-oil_23-2149171324.jpg", - imageAlt: "Hand massage", - }, + title: "Masajes Terapéuticos", description: "Relaja tu cuerpo y mente con nuestros masajes especializados, diseñados para aliviar el estrés y tensiones musculares.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-nail-oil_23-2149171324.jpg", imageAlt: "Hand massage"}, ]} title="Nuestros Servicios Destacados" description="Descubre una gama de servicios pensados para tu bienestar y realce de tu belleza natural." @@ -183,47 +130,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Limpieza Facial Profunda", - price: "$50", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-remedy-top-view_23-2148660793.jpg", - imageAlt: "Facial mask treatment", - }, + id: "p1", name: "Limpieza Facial Profunda", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-remedy-top-view_23-2148660793.jpg", imageAlt: "Facial mask treatment"}, { - id: "p2", - name: "Masaje con Piedras Calientes", - price: "$75", - imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-massage-table-with-hot-stones-her-back_1098-3109.jpg", - imageAlt: "Hot stone massage", - }, + id: "p2", name: "Masaje con Piedras Calientes", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-massage-table-with-hot-stones-her-back_1098-3109.jpg", imageAlt: "Hot stone massage"}, { - id: "p3", - name: "Pedicure Spa Deluxe", - price: "$35", - imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-beauty-salon-one-woman-making-pedicure-other-one-worker-beauty-industry-nail-service-details-toned-colors-manicure-occupation_291049-353.jpg", - imageAlt: "Spa pedicure", - }, + id: "p3", name: "Pedicure Spa Deluxe", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-beauty-salon-one-woman-making-pedicure-other-one-worker-beauty-industry-nail-service-details-toned-colors-manicure-occupation_291049-353.jpg", imageAlt: "Spa pedicure"}, { - id: "p4", - name: "Depilación con Cera Completa", - price: "$60", - imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23441.jpg", - imageAlt: "Leg waxing treatment", - }, + id: "p4", name: "Depilación con Cera Completa", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23441.jpg", imageAlt: "Leg waxing treatment"}, { - id: "p5", - name: "Tratamiento Anti-Edad Facial", - price: "$90", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-massage-tool_23-2149419814.jpg", - imageAlt: "Anti-aging facial", - }, + id: "p5", name: "Tratamiento Anti-Edad Facial", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-massage-tool_23-2149419814.jpg", imageAlt: "Anti-aging facial"}, { - id: "p6", - name: "Microdermoabrasión", - price: "$80", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg", - imageAlt: "Microdermabrasion treatment", - }, + id: "p6", name: "Microdermoabrasión", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg", imageAlt: "Microdermabrasion treatment"}, ]} title="Tratamientos Estéticos y de Spa" description="Explora nuestra selección de tratamientos exclusivos para un cuidado integral de tu cuerpo y mente." @@ -237,61 +154,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "plan1", - badge: "Popular", - badgeIcon: Sparkles, - price: "$150/mes", - subtitle: "Plan Esencial", - buttons: [ + id: "plan1", badge: "Popular", badgeIcon: Sparkles, + price: "$150/mes", subtitle: "Plan Esencial", buttons: [ { - text: "Seleccionar Plan", - href: "#contacto", - }, + text: "Seleccionar Plan", href: "#contacto"}, ], features: [ - "1 Limpieza facial mensual", - "1 Masaje relajante (30 min)", - "10% de descuento en productos", - "Acceso a ofertas exclusivas", - ], + "1 Limpieza facial mensual", "1 Masaje relajante (30 min)", "10% de descuento en productos", "Acceso a ofertas exclusivas"], }, { - id: "plan2", - badge: "Premium", - badgeIcon: Crown, - price: "$280/mes", - subtitle: "Plan Total", - buttons: [ + id: "plan2", badge: "Premium", badgeIcon: Crown, + price: "$280/mes", subtitle: "Plan Total", buttons: [ { - text: "Seleccionar Plan", - href: "#contacto", - }, + text: "Seleccionar Plan", href: "#contacto"}, ], features: [ - "2 Limpiezas faciales mensuales", - "2 Masajes terapéuticos (60 min)", - "1 Sesión de depilación láser", - "20% de descuento en productos", - "Acceso prioritario a citas", - ], + "2 Limpiezas faciales mensuales", "2 Masajes terapéuticos (60 min)", "1 Sesión de depilación láser", "20% de descuento en productos", "Acceso prioritario a citas"], }, { - id: "plan3", - badge: "Básico", - badgeIcon: Leaf, - price: "$80/sesión", - subtitle: "Pago por Sesión", - buttons: [ + id: "plan3", badge: "Básico", badgeIcon: Leaf, + price: "$80/sesión", subtitle: "Pago por Sesión", buttons: [ { - text: "Ver Servicios", - href: "#servicios", - }, + text: "Ver Servicios", href: "#servicios"}, ], features: [ - "Acceso a todos los servicios individuales", - "Flexibilidad sin compromisos", - "Ideal para visitas ocasionales", - ], + "Acceso a todos los servicios individuales", "Flexibilidad sin compromisos", "Ideal para visitas ocasionales"], }, ]} title="Nuestros Planes de Bienestar" @@ -306,45 +193,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Roger Valdivieso", - role: "Cliente Satisfecho", - testimonial: "Un lugar turístico en Saraguro en don se puede desgustar café y quesos de calidad Suiza.", - imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg", - imageAlt: "Roger Valdivieso", - }, + id: "t1", name: "Roger Valdivieso", role: "Cliente Satisfecho", testimonial: "Un lugar turístico en Saraguro en don se puede desgustar café y quesos de calidad Suiza.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg", imageAlt: "Roger Valdivieso"}, { - id: "t2", - name: "Leydi Puchaicela", - role: "Cliente", - testimonial: "No sé ven los resultados ofrecidos.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", - imageAlt: "Leydi Puchaicela", - }, + id: "t2", name: "Leydi Puchaicela", role: "Cliente", testimonial: "No sé ven los resultados ofrecidos.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", imageAlt: "Leydi Puchaicela"}, { - id: "t3", - name: "Camila Angamarca", - role: "Cliente Premium", - testimonial: "Aspectos positivos: Comunicación, Calidad y Profesionalismo.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-stylish-outfit-velvet-top-white-studio-wall_285396-10025.jpg", - imageAlt: "Camila Angamarca", - }, + id: "t3", name: "Camila Angamarca", role: "Cliente Premium", testimonial: "Aspectos positivos: Comunicación, Calidad y Profesionalismo.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-stylish-outfit-velvet-top-white-studio-wall_285396-10025.jpg", imageAlt: "Camila Angamarca"}, { - id: "t4", - name: "Sofía García", - role: "Regular de Spa", - testimonial: "Siempre salgo renovada y feliz. Los masajes son increíbles y el personal muy atento. ¡Altamente recomendado!", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-brunette-hair-beautiful-smile-looking-camera-while-relaxing-cozy-cafe_273609-9521.jpg", - imageAlt: "Sofía García", - }, + id: "t4", name: "Sofía García", role: "Regular de Spa", testimonial: "Siempre salgo renovada y feliz. Los masajes son increíbles y el personal muy atento. ¡Altamente recomendado!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-brunette-hair-beautiful-smile-looking-camera-while-relaxing-cozy-cafe_273609-9521.jpg", imageAlt: "Sofía García"}, { - id: "t5", - name: "Carlos Ruíz", - role: "Cliente Nuevo", - testimonial: "Mi primera vez en un spa y la experiencia fue fantástica. El tratamiento facial fue muy profesional y relajante.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12661.jpg", - imageAlt: "Carlos Ruíz", - }, + id: "t5", name: "Carlos Ruíz", role: "Cliente Nuevo", testimonial: "Mi primera vez en un spa y la experiencia fue fantástica. El tratamiento facial fue muy profesional y relajante.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12661.jpg", imageAlt: "Carlos Ruíz"}, ]} title="Lo Que Dicen Nuestros Clientes" description="La satisfacción de nuestros clientes es nuestra mayor recompensa. Lee sus experiencias y únete a la familia Derma Bella." @@ -357,30 +214,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "¿Cómo puedo reservar una cita?", - content: "Puedes reservar tu cita directamente a través de nuestro formulario de contacto en la sección 'Contacto' o llamándonos al 098 449 5425.", - }, + id: "faq1", title: "¿Cómo puedo reservar una cita?", content: "Puedes reservar tu cita directamente a través de nuestro formulario de contacto en la sección 'Contacto' o llamándonos al 098 449 5425."}, { - id: "faq2", - title: "¿Qué tipos de tratamientos faciales ofrecen?", - content: "Ofrecemos una variedad de tratamientos faciales, incluyendo limpieza facial profunda, hidratación, anti-edad, tratamientos para acné y microdermoabrasión. Consulta nuestra sección de 'Tratamientos' para más detalles.", - }, + id: "faq2", title: "¿Qué tipos de tratamientos faciales ofrecen?", content: "Ofrecemos una variedad de tratamientos faciales, incluyendo limpieza facial profunda, hidratación, anti-edad, tratamientos para acné y microdermoabrasión. Consulta nuestra sección de 'Tratamientos' para más detalles."}, { - id: "faq3", - title: "¿Hay estacionamiento disponible?", - content: "Sí, contamos con opciones de estacionamiento cerca de nuestras instalaciones. Por favor, contáctanos para más información sobre disponibilidad y ubicaciones.", - }, + id: "faq3", title: "¿Hay estacionamiento disponible?", content: "Sí, contamos con opciones de estacionamiento cerca de nuestras instalaciones. Por favor, contáctanos para más información sobre disponibilidad y ubicaciones."}, { - id: "faq4", - title: "¿Ofrecen paquetes de regalo o certificados?", - content: "¡Claro! Tenemos certificados de regalo disponibles para todas nuestras experiencias y tratamientos. Es el obsequio perfecto para tus seres queridos.", - }, + id: "faq4", title: "¿Ofrecen paquetes de regalo o certificados?", content: "¡Claro! Tenemos certificados de regalo disponibles para todas nuestras experiencias y tratamientos. Es el obsequio perfecto para tus seres queridos."}, { - id: "faq5", - title: "¿Cuál es la política de cancelación de citas?", - content: "Te pedimos que nos avises con al menos 24 horas de anticipación si necesitas cancelar o reprogramar tu cita. Esto nos permite ofrecer tu horario a otros clientes.", - }, + id: "faq5", title: "¿Cuál es la política de cancelación de citas?", content: "Te pedimos que nos avises con al menos 24 horas de anticipación si necesitas cancelar o reprogramar tu cita. Esto nos permite ofrecer tu horario a otros clientes."}, ]} title="Preguntas Frecuentes" description="Encuentra respuestas a tus dudas más comunes sobre nuestros servicios, citas y procedimientos." @@ -392,11 +234,10 @@ export default function LandingPage() {