Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,90 +33,55 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Inicio",
-          id: "#inicio",
-        },
+          name: "Inicio",          id: "#inicio"},
         {
-          name: "Nosotros",
-          id: "#nosotros",
-        },
+          name: "Nosotros",          id: "#nosotros"},
         {
-          name: "Servicios",
-          id: "#servicios",
-        },
+          name: "Servicios",          id: "#servicios"},
         {
-          name: "Tratamientos",
-          id: "#tratamientos",
-        },
+          name: "Tratamientos",          id: "#tratamientos"},
         {
-          name: "Precios",
-          id: "#precios",
-        },
+          name: "Precios",          id: "#precios"},
         {
-          name: "Opiniones",
-          id: "#opiniones",
-        },
+          name: "Opiniones",          id: "#opiniones"},
         {
-          name: "Preguntas Frecuentes",
-          id: "#faqs",
-        },
+          name: "Preguntas Frecuentes",          id: "#faqs"},
         {
-          name: "Contacto",
-          id: "#contacto",
-        },
+          name: "Contacto",          id: "#contacto"},
       ]}
       brandName="Derma Bella"
       button={{
-        text: "Reservar Cita",
-        href: "#contacto",
-      }}
+        text: "Reservar Cita",        href: "#contacto"}}
     />
   </div>
 
   <div id="inicio" data-section="inicio">
       <HeroBillboardCarousel
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Bienvenido a Derma Bella"
       description="Tu santuario de belleza y bienestar en Loja. Descubre tratamientos estéticos personalizados y terapias de spa que revitalizan cuerpo y mente."
       tag="Centro Estético y Spa"
       tagIcon={Sparkles}
       buttons={[
         {
-          text: "Explorar Servicios",
-          href: "#servicios",
-        },
+          text: "Explorar Servicios",          href: "#servicios"},
         {
-          text: "Reservar Cita",
-          href: "#contacto",
-        },
+          text: "Reservar Cita",          href: "#contacto"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/i-love-u-title-lamp-near-spa-tub-with-burning-candles_23-2148003833.jpg",
-          imageAlt: "Luxurious spa interior treatment room",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/i-love-u-title-lamp-near-spa-tub-with-burning-candles_23-2148003833.jpg",          imageAlt: "Luxurious spa interior treatment room"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-applying-face-mask-female-client_23-2148875523.jpg",
-          imageAlt: "Woman receiving a professional facial treatment",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beautician-applying-face-mask-female-client_23-2148875523.jpg",          imageAlt: "Woman receiving a professional facial treatment"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-relaxed-woman_23-2147821085.jpg",
-          imageAlt: "Relaxing back massage at a therapeutic spa",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-relaxed-woman_23-2147821085.jpg",          imageAlt: "Relaxing back massage at a therapeutic spa"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149265980.jpg",
-          imageAlt: "Manicure and pedicure service in an elegant salon",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149265980.jpg",          imageAlt: "Manicure and pedicure service in an elegant salon"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-package-plant-arrangement_23-2150274503.jpg",
-          imageAlt: "Body scrub spa treatment for skin rejuvenation",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-package-plant-arrangement_23-2150274503.jpg",          imageAlt: "Body scrub spa treatment for skin rejuvenation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg",
-          imageAlt: "Selection of organic spa and beauty products",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg",          imageAlt: "Selection of organic spa and beauty products"},
       ]}
     />
   </div>
@@ -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() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "downward-rays-static",
-      }}
+        variant: "downward-rays-static"}}
       tag="Contacto"
       title="Agenda tu Momento de Relax"
-      description="Estamos listos para atenderte. Envíanos un mensaje o visítanos en nuestra ubicación en Loja."
+      description="Estamos listos para atenderte. Envíanos un mensaje o visítanos en nuestras ubicaciones: Loja (Matriz) y Cuba &, Loja (Sucursal)."
       tagIcon={Phone}
       inputPlaceholder="Tu correo electrónico"
       buttonText="Enviar Mensaje"
@@ -409,58 +250,35 @@ export default function LandingPage() {
       logoText="Derma Bella Spa"
       columns={[
         {
-          title: "Explorar",
-          items: [
+          title: "Explorar",          items: [
             {
-              label: "Inicio",
-              href: "#inicio",
-            },
+              label: "Inicio",              href: "#inicio"},
             {
-              label: "Servicios",
-              href: "#servicios",
-            },
+              label: "Servicios",              href: "#servicios"},
             {
-              label: "Tratamientos",
-              href: "#tratamientos",
-            },
+              label: "Tratamientos",              href: "#tratamientos"},
             {
-              label: "Precios",
-              href: "#precios",
-            },
+              label: "Precios",              href: "#precios"},
           ],
         },
         {
-          title: "Compañía",
-          items: [
+          title: "Compañía",          items: [
             {
-              label: "Nosotros",
-              href: "#nosotros",
-            },
+              label: "Nosotros",              href: "#nosotros"},
             {
-              label: "Opiniones",
-              href: "#opiniones",
-            },
+              label: "Opiniones",              href: "#opiniones"},
             {
-              label: "FAQ",
-              href: "#faqs",
-            },
+              label: "FAQ",              href: "#faqs"},
             {
-              label: "Contacto",
-              href: "#contacto",
-            },
+              label: "Contacto",              href: "#contacto"},
           ],
         },
         {
-          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: "#"},
           ],
         },
       ]}