Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

Update src/app/spa-pedicure/page.tsx
Update src/app/social-makeup/page.tsx
2026-03-12 11:56:11 +00:00 · 2026-03-12 11:56:11 +00:00 · 2026-03-12 11:56:11 +00:00 · 2026-03-12 11:56:10 +00:00 · 2026-03-12 11:56:10 +00:00 · 2026-03-12 11:56:09 +00:00
17 changed files with 2214 additions and 48 deletions
--- a/src/app/acrylic-nails/page.tsx
+++ b/src/app/acrylic-nails/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function AcrylicNailsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Uñas Acrílicas Premium"
          description="Diseños personalizados con tecnología y estilo. Desde acrílicos clásicos hasta nail art exclusivo. Durabilidad, resistencia y belleza garantizada con productos de primera calidad."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/manicure-nail-art-design-beauty-salon_273609-4571.jpg"
          imageAlt="Uñas acrílicas profesionales premium"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Uñas Acrílicas"
          description="Descubre todo lo que necesitas saber sobre nuestro servicio profesional de uñas acrílicas."
          faqs={[
            {
              id: "1",              title: "¿Cuál es la diferencia entre acrílicos y geles?",              content: "Los acrílicos ofrecen mayor durabilidad (3-4 semanas) y resistencia, ideales para diseños complejos. Los geles son más flexibles y fáciles de remover. En Cloud Studio ofrecemos ambas opciones según tus preferencias."
            },
            {
              id: "2",              title: "¿Cuánto duran las uñas acrílicas?",              content: "Las uñas acrílicas duran entre 3 y 4 semanas. Realizamos retoques cada 2-3 semanas para mantener el diseño perfecto. El tiempo exacto depende del crecimiento natural de tu uña."
            },
            {
              id: "3",              title: "¿Dañan las uñas acrílicas?",              content: "Cuando se aplican y remueven correctamente, no dañan tus uñas naturales. En Cloud Studio usamos técnicas profesionales y productos premium para proteger la salud de tus uñas."
            },
            {
              id: "4",              title: "¿Cuáles son los diseños disponibles?",              content: "Ofrecemos desde diseños clásicos y minimalistas hasta nail art complejo con cristales, glitter, degradados y stamping. Nuestras artistas crean diseños personalizados según tus preferencias e inspiración."
            },
            {
              id: "5",              title: "¿Cómo cuido mis uñas acrílicas?",              content: "Evita exposición prolongada al agua, usa guantes al limpiar, mantén las manos hidratadas y visita retoques cada 3 semanas. Evita usar las uñas como herramientas. Nuestro equipo te dará instrucciones detalladas."
            },
            {
              id: "6",              title: "¿Puedo hacer ejercicio con uñas acrílicas?",              content: "Sí, pero toma precauciones adicionales. Usa guantes durante ejercicios intensos o deportes de contacto. Las uñas acrílicas bien aplicadas son resistentes pero requieren cuidado especial durante actividades físicas."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/nail-salon-service_8451.mp4"
          videoAriaLabel="Video de servicio de uñas acrílicas profesionales"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Agenda tu cita de uñas acrílicas"
          description="Nuestras artistas están listas para crear el diseño perfecto para ti. Elige tu horario preferido y déjate sorprender por la calidad de nuestro servicio."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/chemical-exfoliation/page.tsx
+++ b/src/app/chemical-exfoliation/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function ChemicalExfoliationPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Exfoliación Química Profesional"
          description="Tratamiento químico especializado para renovar la piel. Eliminación profunda de células muertas, impurezas y manchas. Resultados visibles en renovación, luminosidad y textura de la piel."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-chemical-peel-facial-treatment_273609-4892.jpg"
          imageAlt="Exfoliación química profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Exfoliación Química"
          description="Todo lo que necesitas saber sobre nuestro tratamiento profesional de exfoliación química."
          faqs={[
            {
              id: "1",              title: "¿Qué es la exfoliación química?",              content: "La exfoliación química es un tratamiento que utiliza ácidos suaves (alfa-hidroxiácidos, beta-hidroxiácidos) para disolver las células muertas de la piel de manera controlada, revelando piel nueva, más fresca y luminosa."
            },
            {
              id: "2",              title: "¿Cuáles son los beneficios de la exfoliación química?",              content: "Reduce arrugas finas, elimina manchas oscuras, mejora la textura de la piel, reduce acné, aumenta la luminosidad, estimula la producción de colágeno, y deja la piel más suave y radiante."
            },
            {
              id: "3",              title: "¿Duele el tratamiento?",              content: "No causa dolor, pero puede generar una sensación de hormigueo o ligero ardor durante el procedimiento. Esto es completamente normal y desaparece rápidamente después del tratamiento."
            },
            {
              id: "4",              title: "¿Cuánto tiempo dura el tratamiento?",              content: "El tratamiento dura entre 30 a 45 minutos, dependiendo del tipo de exfoliación y tu tipo de piel. No requiere tiempo de recuperación y puedes retomar tus actividades inmediatamente."
            },
            {
              id: "5",              title: "¿Con qué frecuencia debo hacerme exfoliación química?",              content: "Se recomienda una sesión cada 4 a 6 semanas. Para resultados óptimos, muchas personas realizan una serie de 4 a 6 tratamientos iniciales, luego mantienen con sesiones periódicas."
            },
            {
              id: "6",              title: "¿Hay efectos secundarios o cuidados posteriores?",              content: "Pueden ocurrir enrojecimiento leve y descamación que desaparece en 2-3 días. Es importante usar protector solar diariamente (SPF 30+), evitar sol directo, no exfoliar manualmente y mantener la piel hidratada."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/chemical-exfoliation-treatment_8912.mp4"
          videoAriaLabel="Video del tratamiento de exfoliación química profesional"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Renueva tu piel con exfoliación química"
          description="Experimenta la transformación de una piel renovada, más luminosa y radiante. Nuestros especialistas aplicarán el tratamiento perfecto para tu tipo de piel."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/deep-facial-cleansing/page.tsx
+++ b/src/app/deep-facial-cleansing/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function DeepFacialCleansingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Limpieza Facial Profunda"
          description="Tratamiento profesional de limpieza profunda que elimina impurezas, puntos negros y células muertas. Deja la piel purificada, luminosa y renovada con una textura perfecta."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-deep-facial-cleansing-treatment_273609-4893.jpg"
          imageAlt="Limpieza facial profunda profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Limpieza Facial Profunda"
          description="Descubre los beneficios de una limpieza facial profunda especializada."
          faqs={[
            {
              id: "1",              title: "¿Qué es una limpieza facial profunda?",              content: "Es un tratamiento facial profesional que limpia profundamente los poros, removiendo impurezas, aceite, maquillaje residual y células muertas. Incluye exfoliación, extracción y aplicación de productos específicos."
            },
            {
              id: "2",              title: "¿Cuáles son los beneficios?",              content: "Elimina puntos negros, reduce acné, mejora la textura de la piel, aumenta la luminosidad, minimiza poros, prepara la piel para otros tratamientos, y deja la piel suave y radiante."
            },
            {
              id: "3",              title: "¿Es adecuada para todos los tipos de piel?",              content: "Sí, adaptamos el tratamiento a cada tipo de piel. Para piel sensible usamos productos más suaves, para piel grasa usamos productos específicos de purificación. Nuestros especialistas personalizan cada sesión."
            },
            {
              id: "4",              title: "¿Cuánto tiempo dura el tratamiento?",              content: "El tratamiento dura aproximadamente 60 minutos. Incluye análisis de piel, exfoliación, extracción, masaje facial, mascarilla y aplicación de suero y crema hidratante."
            },
            {
              id: "5",              title: "¿Con qué frecuencia debo hacerme limpiezas faciales?",              content: "Se recomienda una limpieza facial profunda cada 4 a 6 semanas como mantenimiento. Para problemas específicos como acné severo, pueden ser necesarias más frecuentemente inicialmente."
            },
            {
              id: "6",              title: "¿Hay cuidados posteriores necesarios?",              content: "Después del tratamiento, evita exposición solar directa durante 24 horas, no uses maquillaje el resto del día, mantén la piel hidratada, y sigue una rutina de cuidado recomendada por nuestros especialistas."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/deep-facial-cleansing_9234.mp4"
          videoAriaLabel="Video del tratamiento de limpieza facial profunda"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Purifica tu piel con limpieza facial profunda"
          description="Siente la diferencia de una piel profundamente limpia. Nuestros especialistas te guiarán a través de un tratamiento relajante y efectivo."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/eyebrow-waxing/page.tsx
+++ b/src/app/eyebrow-waxing/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function EyebrowWaxingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Depilación de Cejas con Cera"
          description="Diseño y depilación profesional de cejas con cera. Cejas perfectamente delineadas, suaves y duraderas. Servicio especializado que realza tu mirada y define tu rostro."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/eyebrow-waxing-professional-service_273609-4894.jpg"
          imageAlt="Depilación de cejas profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Depilación de Cejas"
          description="Todo lo que necesitas saber sobre nuestro servicio profesional de depilación de cejas con cera."
          faqs={[
            {
              id: "1",              title: "¿Cómo es el proceso de depilación con cera?",              content: "Aplicamos cera tibia de calidad profesional sobre el área a depilar, dejamos que se seque ligeramente, y luego la retiramos de manera rápida y controlada, eliminando el vello completamente desde la raíz."
            },
            {
              id: "2",              title: "¿Cuánto duran los resultados?",              content: "Los resultados duran entre 4 a 6 semanas, dependiendo de tu velocidad de crecimiento del vello. Muchas personas notan que el vello regresa más suave y menos denso con depilaciones regulares."
            },
            {
              id: "3",              title: "¿Duele la depilación con cera?",              content: "La mayoría de las personas experimenta molestia mínima. La cera de calidad profesional que usamos está formulada para minimizar el dolor. Con depilaciones regulares, el proceso se vuelve cada vez menos incómodo."
            },
            {
              id: "4",              title: "¿Es seguro para piel sensible?",              content: "Sí, podemos trabajar con piel sensible. Informamos a nuestras especialistas si tienes piel sensible, usan cera especial, prestan extra cuidado, y aplican productos calmantes después del procedimiento."
            },
            {
              id: "5",              title: "¿Qué cuidados debo tener después?",              content: "Evita tocar el área depilada por 24 horas, no uses maquillaje en la zona por al menos 12 horas, evita el calor extremo y piscinas por 24 horas, y aplica crema hidratante suave regularmente."
            },
            {
              id: "6",              title: "¿Puedo diseñar mis cejas?",              content: "Sí, nuestras especialistas son expertas en diseño de cejas. Analizamos tu tipo de rostro y recomendaciones actuales, pueden diseñar la forma ideal para ti antes de depilar, asegurando cejas balanceadas y favorecedoras."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/eyebrow-waxing-service_7891.mp4"
          videoAriaLabel="Video del servicio profesional de depilación de cejas"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Diseña tus cejas perfectas"
          description="Nuestras especialistas crearán el diseño ideal para tu rostro. Cejas perfectas que realzan tu mirada."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/eyelash-extensions/page.tsx
+++ b/src/app/eyelash-extensions/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function EyelashExtensionsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Extensiones de Pestañas Premium"
          description="Aplicación profesional de extensiones de pestañas de alta calidad. Pestañas volumosas, duraderas y naturales. Aumenta el volumen y densidad de tus pestañas de manera segura."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/eyelash-extensions-professional-application_273609-4896.jpg"
          imageAlt="Extensiones de pestañas profesionales"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Extensiones de Pestañas"
          description="Descubre cómo nuestras extensiones de pestañas pueden transformar tu mirada."
          faqs={[
            {
              id: "1",              title: "¿Cuál es la diferencia entre extensiones y liftings?",              content: "Las extensiones añaden volumen y largo a tus pestañas naturales adhiriendo pestañas artificiales con adhesivo de calidad. El lifting solo levanta tus pestañas naturales. Las extensiones crean un efecto más dramático y duradero."
            },
            {
              id: "2",              title: "¿Cuánto duran las extensiones?",              content: "Las extensiones duran entre 4 a 6 semanas. El tiempo exacto depende del ciclo natural de crecimiento de tus pestañas y tus cuidados. Recomendamos retoques cada 3-4 semanas para mantenerlas perfectas."
            },
            {
              id: "3",              title: "¿Dañan las extensiones mis pestañas naturales?",              content: "No, cuando se aplican correctamente por profesionales certificados. En Cloud Studio usamos técnicas adecuadas y adhesivos seguros que no dañan tus pestañas naturales. Nuestras especialistas están completamente capacitadas."
            },
            {
              id: "4",              title: "¿Cuáles son los diferentes tipos de extensiones?",              content: "Ofrecemos extensiones de seda (suave, aspecto natural), fibra sintética (efecto dramático), visón (ultra suave, aspecto premium), y extensiones volumen (2-5 extensiones por pestaña natural para efecto dramático)."
            },
            {
              id: "5",              title: "¿Cuánto tiempo dura la aplicación?",              content: "La aplicación de extensiones completas dura de 2 a 3 horas. Los retoques duran de 1 a 1.5 horas. Es un proceso relajante donde puedes descansar cómodamente durante el procedimiento."
            },
            {
              id: "6",              title: "¿Cómo debo cuidar mis extensiones?",              content: "Evita agua y vapor por 24-48 horas después de la aplicación. Cepilla regularmente con cepillo especial, evita productos con aceite, duerme boca arriba cuando sea posible, y evita frotar o tirar de las extensiones."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/eyelash-extensions-application_6234.mp4"
          videoAriaLabel="Video de aplicación profesional de extensiones de pestañas"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Obtén pestañas espectaculares"
          description="Nuestras especialistas crearán el volumen y largo perfectos para ti. Extensiones de calidad premium que duran semanas."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/facial-hydration/page.tsx
+++ b/src/app/facial-hydration/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function FacialHydrationPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Hidratación Facial Intensiva"
          description="Tratamiento profesional de hidratación profunda para piel seca y deshidratada. Restaura luminosidad, elasticidad y suavidad. Piel hidratada, nutrida y radiante."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/facial-hydration-treatment-spa_273609-4897.jpg"
          imageAlt="Tratamiento de hidratación facial profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Hidratación Facial"
          description="Descubre cómo nuestro tratamiento de hidratación transforma tu piel."
          faqs={[
            {
              id: "1",              title: "¿Para quién es el tratamiento de hidratación facial?",              content: "Ideal para piel seca, deshidratada, sensible, o que muestra signos de envejecimiento. También es excelente como tratamiento de mantenimiento para cualquier tipo de piel que necesite un impulso de hidratación y luminosidad."
            },
            {
              id: "2",              title: "¿Cuáles son los beneficios?",              content: "Restaura hidratación profunda, aumenta elasticidad, reduce líneas de expresión, deja la piel más luminosa, suaviza la textura, mejora la firmeza, y deja la piel nutrida y radiante por semanas."
            },
            {
              id: "3",              title: "¿Qué productos se usan en el tratamiento?",              content: "Utilizamos sueros hidratantes de calidad profesional, mascarillas de hidratación intensiva, ampollas rejuvenecedoras, y productos de marca premium como iS Clinical y Centella's formulados específicamente para hidratación profunda."
            },
            {
              id: "4",              title: "¿Cuánto dura el tratamiento?",              content: "El tratamiento completo dura entre 60 a 90 minutos. Incluye limpieza, exfoliación suave, aplicación de sueros, masaje facial, mascarilla hidratante, y finaliza con crema y protector solar."
            },
            {
              id: "5",              title: "¿Con qué frecuencia debería hacerme este tratamiento?",              content: "Recomendamos tratamientos mensuales para mantenimiento óptimo. Para piel muy deshidratada, puede ser beneficioso hacerlo cada 3 semanas inicialmente. Los resultados se mantienen mejor con regularidad."
            },
            {
              id: "6",              title: "¿Cómo puedo mantener los resultados en casa?",              content: "Usa tónico hidratante, suero de vitamina C, crema hidratante enriquecida, y mascarilla semanal. Bebe agua suficiente, evita productos ásperos, usa protector solar diariamente, y sigue las recomendaciones personalizadas de nuestros especialistas."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/facial-hydration-treatment_5678.mp4"
          videoAriaLabel="Video del tratamiento profesional de hidratación facial"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Revitaliza tu piel con hidratación intensiva"
          description="Experimenta la transformación de una piel profundamente hidratada. Deja que nuestros especialistas se encarguen de tu bienestar cutáneo."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/facial-massage/page.tsx
+++ b/src/app/facial-massage/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function FacialMassagePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Masaje Facial Terapéutico"
          description="Masaje facial especializado que rejuvenece y relaja. Mejora la circulación, reduce tensión, estimula colágeno y deja la piel radiante y revitalizada."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/facial-massage-therapy-spa_273609-4898.jpg"
          imageAlt="Masaje facial terapéutico profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Masaje Facial"
          description="Descubre los beneficios transformadores de nuestro masaje facial terapéutico."
          faqs={[
            {
              id: "1",              title: "¿Cuáles son los tipos de masaje facial que ofrecen?",              content: "Ofrecemos masaje facial clásico europeo (relajación general), masaje japonés Gua Sha (rejuvenecimiento con piedra), masaje tailandés (energético), masaje con piedras calientes (profunda relajación), y masaje de drenaje linfático (desintoxicación)."
            },
            {
              id: "2",              title: "¿Cuáles son los beneficios del masaje facial?",              content: "Mejora circulación sanguínea, reduce líneas de expresión, estimula producción de colágeno, reduce ojeras y bolsas, descongestiona senos nasales, alivia tensión facial, deja piel más luminosa, y proporciona relajación profunda."
            },
            {
              id: "3",              title: "¿Cuánto dura el masaje facial?",              content: "El masaje facial dura entre 45 a 60 minutos, dependiendo del tipo seleccionado. Es suficiente tiempo para trabajar todas las áreas del rostro, cuello y escote de manera relajante y efectiva."
            },
            {
              id: "4",              title: "¿Con qué frecuencia debo hacerme masajes faciales?",              content: "Para beneficios óptimos, recomendamos masajes faciales quincenales o mensuales. Puedes notar resultados desde la primera sesión, pero con regularidad los resultados son más duraderos y notables."
            },
            {
              id: "5",              title: "¿Es seguro el masaje facial para toda la piel?",              content: "Sí, podemos adaptar el masaje para cualquier tipo de piel. Para piel sensible usamos técnicas más suaves, para piel grasa técnicas tonificantes. Informamos a nuestros terapeutas de cualquier condición específica de tu piel."
            },
            {
              id: "6",              title: "¿Qué puedo esperar después del masaje?",              content: "Sentirás relajación profunda, tu piel estará más suave y luminosa, los poros aparecerán más pequeños, y la tensión facial desaparecerá. Algunos clientes notan enrojecimiento leve que desaparece rápidamente. Mantén la piel hidratada."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/facial-massage-therapy_8765.mp4"
          videoAriaLabel="Video del servicio profesional de masaje facial"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Relájate con nuestro masaje facial terapéutico"
          description="Experimenta rejuvenecimiento profundo y relajación total. Nuestros terapeutas certificados te cuidarán con técnicas ancestrales y modernas."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/glamorous-evening-makeup/page.tsx
+++ b/src/app/glamorous-evening-makeup/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function GlamorousEveningMakeupPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Maquillaje Glamoroso para la Noche"
          description="Maquillaje profesional especializado para eventos nocturnos. Efectos deslumbrantes, colores vibrantes y técnicas de contorno avanzadas. Un look sofisticado que dura toda la noche."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/glamorous-evening-makeup-professional-artist_273609-4891.jpg"
          imageAlt="Maquillaje glamoroso para noche"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Maquillaje Glamoroso"
          description="Todo lo que necesitas saber sobre nuestro maquillaje profesional para la noche."
          faqs={[
            {
              id: "1",              title: "¿Qué técnicas utilizan para el maquillaje glamoroso?",              content: "Utilizamos técnicas avanzadas de contorno y sombreado, highlighting estratégico, y aplicación profesional de productos de larga duración. Combinamos colores complementarios con precisión artística para crear looks deslumbrantes."
            },
            {
              id: "2",              title: "¿Cuánto tiempo dura el maquillaje de noche?",              content: "El maquillaje profesional dura 6 a 8 horas sin toques. Utilizamos productos de calidad professional que resisten movimiento, transpiración y contacto. Es resistente al agua y de larga duración para asegurar que te veas perfecta toda la noche."
            },
            {
              id: "3",              title: "¿Puedo elegir el tipo de look?",              content: "Absolutamente. Ofrecemos una variedad de estilos: smokey eyes clásico, cut crease dramático, glitter creativo, nude sofisticado, o colorido atrevido. Nuestras artistas personalizan cada look según tu estilo, evento y preferencias de color."
            },
            {
              id: "4",              title: "¿Qué debo hacer para preparar mi piel?",              content: "Te recomendamos llegar con la piel limpia e hidratada. Evita maquillaje previo y bases oleosas. Una piel bien preparada garantiza mejor aplicación y mayor duración. Si tienes piel sensible, avísanos con anticipación."
            },
            {
              id: "5",              title: "¿Incluye corrección de cejas y pestañas?",              content: "Nuestro servicio de maquillaje glamoroso incluye definición de cejas y aplicación de pestañas postizas si lo deseas. Ambas pueden mejorar significativamente el impacto general del look. Las pestañas postizas son opcionales pero altamente recomendadas."
            },
            {
              id: "6",              title: "¿Cómo cuido el maquillaje durante la noche?",              content: "Evita frotar tu cara, mantén blotting papers a mano para toques rápidos, y evita ambientes muy húmedos si es posible. Para mayor duración, aplica setting spray al final. Si algo se corre, un blotting paper o toallita húmeda lo soluciona fácilmente."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/glamorous-makeup-application_8912.mp4"
          videoAriaLabel="Video del maquillaje glamoroso profesional"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Brilla con nuestro maquillaje glamoroso"
          description="Sé la estrella de la noche con un maquillaje profesional deslumbrante. Nuestras artistas crearán un look que te haga sentir segura y bella."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/henna-eyebrow-design/page.tsx
+++ b/src/app/henna-eyebrow-design/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function HennaEyebrowDesignPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Diseño de Cejas con Henna"
          description="Arte profesional de diseño de cejas con henna. Cejas perfectamente delineadas, naturales y duraderas. Servicio especializado que realza tu mirada y define tu rostro con elegancia."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/henna-eyebrow-design-professional_273609-4895.jpg"
          imageAlt="Diseño de cejas con henna"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Diseño de Cejas con Henna"
          description="Todo lo que necesitas saber sobre nuestro servicio profesional de henna para cejas."
          faqs={[
            {
              id: "1",              title: "¿Qué es el henna para cejas?",              content: "El henna es un tinte natural derivado de plantas que se utiliza para colorear y definir las cejas. A diferencia de otros tintes, el henna es seguro, natural, hipoalergénico y proporciona un color intenso y duradero sin dañar los vellos."
            },
            {
              id: "2",              title: "¿Cuánto dura el henna en las cejas?",              content: "El henna dura entre 3 a 6 semanas, dependiendo de tu tipo de piel, cuidados posteriores y velocidad de crecimiento. Muchas personas notan que el color comienza a decolorarse gradualmente después de 4 semanas. Los retoques son económicos y rápidos."
            },
            {
              id: "3",              title: "¿Es seguro usar henna si tengo piel sensible?",              content: "Sí, el henna es completamente seguro y natural. De hecho, es ideal para piel sensible ya que es hipoalergénico y no contiene químicos agresivos. Realizamos una prueba de alergia 24 horas antes para garantizar tu seguridad si es tu primera vez."
            },
            {
              id: "4",              title: "¿Duele el procedimiento?",              content: "No, el procedimiento es completamente indoloro. Solo sientes una sensación de frescor mientras aplicamos el henna. Es una experiencia relajante que dura aproximadamente 1 hora desde el diseño hasta el resultado final."
            },
            {
              id: "5",              title: "¿Puedo elegir el color y forma de mis cejas?",              content: "Absolutamente. Nuestras especialistas son expertas en análisis facial y diseño de cejas. Analizamos la forma de tu rostro, tus características faciales y tus preferencias. Ofrecemos diferentes tonos de henna y podemos diseñar cejas arqueadas, rectas o en tendencia según desees."
            },
            {
              id: "6",              title: "¿Qué cuidados debo tener después del procedimiento?",              content: "Evita agua y productos químicos por las primeras 24 horas después de la aplicación. Mantén la zona seca, no exfolies el área, evita sudoración excesiva, y evita saunas o piscinas. Usa protector solar en la zona. Mantén las cejas hidratadas con aceite de coco o aceite de almendra."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/henna-eyebrow-design_7891.mp4"
          videoAriaLabel="Video del diseño profesional de cejas con henna"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Diseña tus cejas perfectas con henna"
          description="Nuestras especialistas crearán el diseño ideal para tu rostro. Cejas hermosas que realzan tu mirada de manera natural."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/lash-lifting/page.tsx
+++ b/src/app/lash-lifting/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function LashLiftingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Lash Lifting Profesional"
          description="Levanta y define tus pestañas naturales sin extensiones. Efecto alisador de pestañas que dura hasta 8 semanas. Realza la mirada y elimina la necesidad de pestañas postizas diarias."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/eyelashes-close-up-beauty-procedure_273609-4895.jpg"
          imageAlt="Lash lifting profesional de lujo"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Lash Lifting"
          description="Todo lo que necesitas saber sobre nuestro innovador servicio de lash lifting y cuidado de pestañas."
          faqs={[
            {
              id: "1",              title: "¿Qué es exactamente el Lash Lifting?",              content: "El Lash Lifting es un tratamiento semipermanente que levanta y alisa tus pestañas naturales desde la raíz, creando un efecto de rizado permanente. Realza la mirada sin necesidad de extensiones."
            },
            {
              id: "2",              title: "¿Cuánto duran los resultados del Lash Lifting?",              content: "Los resultados duran entre 6 y 8 semanas, dependiendo del ciclo natural de crecimiento de tus pestañas. Ofrecemos retoques cada 6-8 semanas para mantener el efecto."
            },
            {
              id: "3",              title: "¿Es seguro para mis pestañas naturales?",              content: "Sí, cuando se realiza correctamente. En Cloud Studio usamos productos seguros y técnicas profesionales que no dañan tus pestañas. Nuestras especialistas están certificadas en este servicio."
            },
            {
              id: "4",              title: "¿Puedo usar maquillaje después del tratamiento?",              content: "Se recomienda evitar agua y maquillaje por 24-48 horas después del tratamiento. Después puedes usar maquillaje normalmente. Evita rímel muy pesado para alargar la durabilidad."
            },
            {
              id: "5",              title: "¿Cuánto tiempo dura el procedimiento?",              content: "El Lash Lifting toma entre 45 minutos a 1 hora, dependiendo de la densidad y longitud de tus pestañas. Es un proceso relajante que puedes disfrutar sin prisas."
            },
            {
              id: "6",              title: "¿Puedo combinar Lash Lifting con otros servicios?",              content: "Sí, muchas clientes combinan Lash Lifting con tintado de pestañas o cejas. Esto potencia el efecto y crea una mirada más definida y dramática."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/lash-beauty-treatment_7621.mp4"
          videoAriaLabel="Video del procedimiento de lash lifting profesional"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Levanta tu mirada con Lash Lifting"
          description="Experimenta la transformación de tus pestañas naturales. Nuestras especialistas crearán el efecto perfecto para realzar tu mirada."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
-      background="aurora"
+      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
@@ -43,12 +43,12 @@ export default function LandingPage() {
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Cloud Studio"
-          description="Tu espacio de bienestar y estética integral. Servicios premium de maquillaje, uñas, tratamientos faciales, corporales y cuidado experto en cejas y pestañas."
+          description="Tu espacio de bienestar y estética integral. Servicios premium de maquillaje, uñas, tratamientos faciales, corporales, radiofrecuencia facial, masaje facial y cuidado experto en cejas y pestañas."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Conoce Nuestros Servicios", href: "services" }
          ]}
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7544.jpg"
          imageAlt="Studio de belleza y bienestar premium"
          frameStyle="card"
@@ -108,13 +108,13 @@ export default function LandingPage() {
              title: "Tratamientos Faciales",              description: "Limpiezas profundas, hidratación y tratamientos anti-edad personalizados.",              bentoComponent: "map"
            },
            {
-              title: "Cejas y Pestañas",              description: "Lifting, laminado, extensiones y diseño experto en cejas y pestañas.",              bentoComponent: "line-chart"
+              title: "Radiofrecuencia Facial",              description: "Tecnología RF para lifting, reducción de arrugas y rejuvenecimiento sin cirugía.",              bentoComponent: "line-chart"
            },
            {
-              title: "Masajes Terapéuticos",              description: "Relajación y bienestar con técnicas de masaje profesional y descontracturante.",              bentoComponent: "reveal-icon",              icon: Sparkles
+              title: "Masaje Facial",              description: "Relajación, mejora de circulación y rejuvenecimiento con técnicas ancestrales y modernas.",              bentoComponent: "reveal-icon",              icon: Sparkles
            },
            {
-              title: "Tratamientos Corporales",              description: "Presoterapia, maderoterapia y tratamientos de modelado corporal integrales.",              bentoComponent: "globe"
+              title: "Cejas y Pestañas",              description: "Lifting, laminado, extensiones y diseño experto en cejas y pestañas.",              bentoComponent: "globe"
            }
          ]}
          textboxLayout="default"
@@ -126,7 +126,7 @@ export default function LandingPage() {
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
-          testimonial="Cloud Studio cambió completamente mi relación con el cuidado personal. Los profesionales son expertos, los productos son de primera calidad y la experiencia es totalmente relajante. Recomiendo ampliamente."
+          testimonial="Cloud Studio cambió completamente mi relación con el cuidado personal. Los profesionales son expertos, los productos son de primera calidad y la experiencia es totalmente relajante. Recomiendo ampliamente todos sus servicios."
          rating={5}
          author="María González, Cliente Regular"
          avatars={[
@@ -158,7 +158,7 @@ export default function LandingPage() {
              id: "3",              title: "¿Los tratamientos son personalizados?",              content: "Sí, cada cliente recibe una evaluación inicial para crear un plan de tratamiento personalizado según sus necesidades específicas de piel y objetivos de belleza."
            },
            {
-              id: "4",              title: "¿Cuánto duran típicamente los tratamientos?",              content: "La duración varía según el servicio: maquillaje (45-90 min), manicura/pedicura (60-90 min), faciales (60-120 min), tratamientos de cejas y pestañas (30-45 min)."
+              id: "4",              title: "¿Cuánto duran típicamente los tratamientos?",              content: "La duración varía según el servicio: maquillaje (45-90 min), manicura/pedicura (60-90 min), faciales (60-120 min), radiofrecuencia (60 min), masaje facial (50 min), cejas y pestañas (30-45 min)."
            },
            {
              id: "5",              title: "¿Ofrecen paquetes o membresías?",              content: "Sí, disponemos de paquetes especiales y planes de membresía con descuentos exclusivos para clientes frecuentes. Contacta para conocer nuestras promociones actuales."
@@ -182,7 +182,7 @@ export default function LandingPage() {
          tag="Contáctanos"
          title="Reserva tu cita y comienza tu transformación"
          description="Suscríbete a nuestro newsletter para recibir consejos de belleza, promociones exclusivas y actualizaciones sobre nuevos servicios y productos premium."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Suscribirse"
@@ -199,7 +199,7 @@ export default function LandingPage() {
                { label: "Maquillaje Profesional", href: "#services" },
                { label: "Cuidado de Uñas", href: "#services" },
                { label: "Tratamientos Faciales", href: "#services" },
-                { label: "Cejas y Pestañas", href: "#services" }
+                { label: "Radiofrecuencia y Masaje Facial", href: "#services" }
              ]
            },
            {
@@ -232,4 +232,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/radiofrequency-facial/page.tsx
+++ b/src/app/radiofrequency-facial/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function RadiofrequencyFacialPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Facial de Radiofrecuencia Avanzada"
          description="Tratamiento no invasivo con tecnología de radiofrecuencia. Reafirma la piel, reduce arrugas y flacidez. Resultados visibles en firmeza, elasticidad y juventud de la piel."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/radiofrequency-facial-treatment-technology_273609-4899.jpg"
          imageAlt="Tratamiento facial con radiofrecuencia"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Facial con Radiofrecuencia"
          description="Todo lo que necesitas saber sobre nuestro tratamiento avanzado de radiofrecuencia."
          faqs={[
            {
              id: "1",              title: "¿Qué es la radiofrecuencia facial?",              content: "La radiofrecuencia es una tecnología no invasiva que utiliza ondas electromagnéticas para calentar las capas profundas de la piel. Este calor estimula la producción de colágeno y elastina, resultando en piel más firme, joven y radiante sin procedimientos quirúrgicos."
            },
            {
              id: "2",              title: "¿Cuáles son los beneficios del tratamiento?",              content: "Mejora la firmeza y elasticidad de la piel, reduce líneas de expresión y arrugas profundas, disminuye la flacidez facial y del cuello, estimula la producción de colágeno, mejora la textura general, y deja la piel más joven, radiante y rejuvenecida."
            },
            {
              id: "3",              title: "¿Duele el tratamiento de radiofrecuencia?",              content: "Es mínimamente incómodo. Sientes calor controlado en la piel, pero no hay dolor. El tratamiento es bien tolerado por la mayoría de los pacientes. Muchas personas lo describen como una sensación agradable de calor terapéutico similar a un masaje facial caliente."
            },
            {
              id: "4",              title: "¿Cuánto tiempo dura una sesión?",              content: "Una sesión típica dura entre 30 a 45 minutos. El tiempo puede variar según el área tratada y el protocolo específico. No requiere tiempo de recuperación y puedes retomar tus actividades inmediatamente después del tratamiento."
            },
            {
              id: "5",              title: "¿Con qué frecuencia debo hacer radiofrecuencia?",              content: "Se recomienda una sesión cada 2 a 4 semanas para resultados óptimos. Muchas personas ven resultados después de 1 a 2 sesiones. Para mantenimiento a largo plazo, sesiones cada 4 a 6 semanas son ideales. Tu especialista personalizará el plan según tu piel."
            },
            {
              id: "6",              title: "¿Es seguro el tratamiento para toda la piel?",              content: "Sí, es seguro para la mayoría de los tipos de piel. Adaptamos la intensidad según tu tipo y sensibilidad. Evitamos ciertas condiciones como implantes metálicos o marcapasos. Siempre realizamos una consulta inicial para garantizar que seas candidato ideal para el tratamiento."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/radiofrequency-facial-treatment_9234.mp4"
          videoAriaLabel="Video del tratamiento facial con radiofrecuencia"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Rejuvenece tu piel con radiofrecuencia"
          description="Experimenta la transformación no invasiva. Nuestra tecnología avanzada te ayudará a lograr una piel más firme, joven y radiante."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/relaxation-massage/page.tsx
+++ b/src/app/relaxation-massage/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function RelaxationMassagePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Masajes de Relajación"
          description="Escape del estrés con masajes terapéuticos profesionales. Técnicas de relajación profunda que alivian tensión muscular y promueven el bienestar integral. Descontracturante, sueco y relajación total."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/spa-massage-therapy-wellness-relaxation_273609-3456.jpg"
          imageAlt="Masaje terapéutico de relajación profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Masajes de Relajación"
          description="Conoce nuestros servicios de masaje terapéutico diseñados para tu bienestar total."
          faqs={[
            {
              id: "1",              title: "¿Cuáles son los tipos de masaje que ofrecen?",              content: "Ofrecemos masaje sueco (relajación general), masaje descontracturante (para tensión muscular), masaje terapéutico (específico para dolores), masaje de aromaterapia y masaje relajante con piedras calientes."
            },
            {
              id: "2",              title: "¿Cuánto duran los masajes?",              content: "Nuestros masajes duran entre 45 minutos a 1 hora, dependiendo del tipo seleccionado. Cada sesión es personalizada según tus necesidades y áreas de tensión específicas."
            },
            {
              id: "3",              title: "¿Cuáles son los beneficios del masaje?",              content: "Los masajes reduce estrés y ansiedad, alivian dolor muscular y tensión, mejoran la circulación sanguínea, aumentan la flexibilidad, promueven el sueño profundo y mejoran el bienestar mental."
            },
            {
              id: "4",              title: "¿Con qué frecuencia debería recibir masajes?",              content: "Recomendamos masajes mensuales para mantenimiento y bienestar. Si tienes dolor específico o estrés alto, masajes quincenales o semanales pueden ser más beneficiosos. Consulta con nuestros terapeutas."
            },
            {
              id: "5",              title: "¿Hay contraindicaciones para recibir masaje?",              content: "Generalmente es seguro, pero consulta si tienes condiciones médicas específicas, embarazo, lesiones recientes o operaciones quirúrgicas. Nuestros terapeutas harán evaluación previa."
            },
            {
              id: "6",              title: "¿Usas aceites o loción durante el masaje?",              content: "Sí, usamos aceites y lociones profesionales de calidad premium, algunos con aromaterapia. Si tienes piel sensible o alergias específicas, comunícalo para usar productos seguros para ti."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/spa-massage-therapy_5678.mp4"
          videoAriaLabel="Video de sesión de masaje terapéutico y relajación"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Relájate con nuestros masajes terapéuticos"
          description="Déjate cuidar por nuestros terapeutas certificados. Un espacio de paz donde tu bienestar es nuestra prioridad."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/semi-permanent-manicure/page.tsx
+++ b/src/app/semi-permanent-manicure/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function SemiPermanentManicurePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Manicura Semi-Permanente"
          description="Esmalte de gel duradero con acabado perfecto. Mantén tus uñas impecables hasta 3 semanas sin desconcharse. Colores vibrantes, diseños personalizados y brillo de largo alcance."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/manicure-gel-nails-beauty-salon_273609-5142.jpg"
          imageAlt="Manicura semi-permanente de gel profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Manicura Semi-Permanente"
          description="Descubre la belleza y durabilidad del esmalte de gel semi-permanente."
          faqs={[
            {
              id: "1",              title: "¿Cuál es la diferencia entre gel y esmalte tradicional?",              content: "El gel semi-permanente dura 2-3 semanas sin desconcharse, mientras el esmalte tradicional dura 7-10 días. El gel requiere lámpara UV para secar y removedor especial para retirarse."
            },
            {
              id: "2",              title: "¿Cuánto duran las manicuras de gel?",              content: "Las manicuras de gel duran entre 2 y 3 semanas. El tiempo exacto depende del crecimiento natural de tu uña y tus actividades diarias. Ofrecemos servicios de relleno cada 3 semanas."
            },
            {
              id: "3",              title: "¿Dañan las uñas el gel semi-permanente?",              content: "No, cuando se aplica y remueve correctamente. En Cloud Studio usamos técnicas profesionales de remoción sin daño y productos de calidad que mantienen tus uñas saludables."
            },
            {
              id: "4",              title: "¿Qué colores y diseños tienen disponibles?",              content: "Ofrecemos cientos de colores de gel premium, desde pasteles y nude hasta neons y metallics. También realizamos diseños personalizados con stamping, glitter, rhinestones y nail art custom."
            },
            {
              id: "5",              title: "¿Puedo usar mis uñas normalmente después?",              content: "Sí, el gel está completamente seco al salir del salón. Puedes usar tus manos inmediatamente. El gel es resistente a agua, suciedad y actividades cotidianas."
            },
            {
              id: "6",              title: "¿Cómo debo cuidar mis uñas de gel?",              content: "Mantén tus manos hidratadas, evita exposición prolongada a productos químicos agresivos, usa guantes al limpiar, y evita usar tus uñas como herramientas. Visita retoques cada 3 semanas."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/gel-manicure-application_9234.mp4"
          videoAriaLabel="Video del procedimiento de manicura semi-permanente de gel"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Luce uñas perfectas con manicura semi-permanente"
          description="Elige entre cientos de colores y diseños. Nuestras manicuristas te crearán el look perfecto que dura hasta 3 semanas."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/social-makeup/page.tsx
+++ b/src/app/social-makeup/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function SocialMakeupPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Maquillaje Social y Eventos"
          description="Maquillaje profesional perfecto para eventos sociales. Looks frescos, naturales y favorecedores. Diseñados para lucir hermosa en fotos, videos y en persona durante todo el evento."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/social-event-makeup-professional-artist_273609-4890.jpg"
          imageAlt="Maquillaje profesional para eventos sociales"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Maquillaje Social"
          description="Todo lo que necesitas saber sobre nuestro maquillaje profesional para eventos sociales."
          faqs={[
            {
              id: "1",              title: "¿Qué diferencia hay entre maquillaje social y glamoroso?",              content: "El maquillaje social es más fresco y natural, diseñado para lucir hermosa sin parecer que llevas mucho maquillaje. El maquillaje glamoroso es más dramático y llamativo. Ambos son profesionales, pero el social enfatiza belleza natural mientras que el glamoroso busca impacto visual."
            },
            {
              id: "2",              title: "¿Cuánto tiempo dura una sesión de maquillaje social?",              content: "Una sesión típica dura entre 45 a 60 minutos. Incluye análisis de tu tono de piel, diseño personalizado, aplicación completa y detalles finales. Si es para fotografía profesional, puede tomar un poco más para asegurar que se vea perfecto en cámara."
            },
            {
              id: "3",              title: "¿Puedo llevar maquillaje social a una boda?",              content: "Sí, absolutamente. El maquillaje social es perfecto para bodas cuando quieres ser hermosa pero no el centro de atención. Si prefieres algo más dramático, puedes elegir nuestro servicio de maquillaje glamoroso. Ambos estilos funcionan bien para bodas según tus preferencias."
            },
            {
              id: "4",              title: "¿Cómo sé si el color elegido es el correcto?",              content: "Nuestras artistas expertos analizan tu tono de piel, color de ojos y cabello para recomendarte los colores más favorecedores. Podemos hacer pruebas de colores antes del evento. Si vas a usar un vestido específico, trae una foto o la prenda para asegurar que los colores combinen perfectamente."
            },
            {
              id: "5",              title: "¿Duración del maquillaje social durante el evento?",              content: "El maquillaje social dura 4 a 6 horas sin toques. Utilizamos productos de calidad profesional que resisten movimiento y transpiración. Te proporcionamos blotting papers y un pequeño kit de retoque para que puedas mantener tu look perfecto durante todo el evento."
            },
            {
              id: "6",              title: "¿Puedo agendar maquillaje el día del evento?",              content: "Sí, ofrecemos citas de maquillaje el mismo día del evento. Se recomienda agendar con anticipación para asegurar disponibilidad en la hora que prefieres. Típicamente, es mejor hacerse el maquillaje 1 a 2 horas antes del evento para lucir fresca."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/social-makeup-application_7654.mp4"
          videoAriaLabel="Video de maquillaje profesional para eventos sociales"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Luce hermosa en tu próximo evento"
          description="Nuestras artistas crearán un maquillaje personalizado que te haga sentir segura y bella. Perfecto para cualquier ocasión social."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/app/spa-pedicure/page.tsx
+++ b/src/app/spa-pedicure/page.tsx
@@ -0,0 +1,145 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 export default function SpaPedicurePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "/" },
            { name: "Productos", id: "#products" },
            { name: "Nosotros", id: "#about" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Cita", href: "contact" }}
          brandName="Cloud Studio"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Spa Pedicura Relajante"
          description="Experiencia completa de pedicura en un ambiente spa relajante. Exfoliación, masaje, hidratación y diseño de uñas profesional. Pies suave, saludables y hermosos."
          buttons={[
            { text: "Reservar Cita", href: "contact" },
            { text: "Ver Más Servicios", href: "/" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/spa-pedicure-service-relaxation_273609-4900.jpg"
          imageAlt="Servicio de pedicura spa profesional"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="service-details" data-section="service-details">
        <FaqSplitMedia
          title="Servicio de Spa Pedicura"
          description="Descubre la experiencia completa de relajación y cuidado de pies que ofrecemos."
          faqs={[
            {
              id: "1",              title: "¿Qué incluye el servicio de spa pedicura?",              content: "Nuestro servicio completo incluye: remojo de pies en agua tibia aromática, exfoliación suave, eliminación de callosidades, masaje de pies y pantorrillas, hidratación intensiva, cuidado de uñas, aplicación de esmalte o diseño personalizado. Toda la experiencia dura 60 a 90 minutos."
            },
            {
              id: "2",              title: "¿Cómo es la experiencia en ambiente spa?",              content: "Nuestro spa ofrece un ambiente relajante con música suave, iluminación tenue y aromas calmantes. Te relajarás completamente mientras nuestros especialistas cuidan tus pies. Ofrecemos bebidas complementarias, mantas cómodas y almohadas para tu máximo confort."
            },
            {
              id: "3",              title: "¿Puedo elegir el diseño de las uñas?",              content: "Completamente. Ofrecemos esmalte liso en múltiples colores, diseños creativos, nail art, ombre, degradados, y más. Puedes traer referencias de diseños que te gusten. Nuestras especialistas son artistas profesionales que pueden crear cualquier diseño que imagines."
            },
            {
              id: "4",              title: "¿Es seguro para pies sensibles o con problemas?",              content: "Sí. Adaptamos el servicio según tus necesidades. Para pies sensibles, usamos productos suaves y técnicas delicadas. Si tienes hongos, cortes o problemas específicos, comunícalo con anticipación. Podemos trabajar alrededor de problemas o recomendar tratamientos específicos si es necesario."
            },
            {
              id: "5",              title: "¿Cuánto dura el esmalte aplicado?",              content: "El esmalte regular dura 5 a 7 días con cuidados normales. Ofrecemos esmalte de gel semi-permanente que dura 2 a 3 semanas sin despintarse. Ambas opciones mantienen un acabado perfecto durante el período indicado. Recomendamos retoques cada 4 semanas para lucir siempre perfecta."
            },
            {
              id: "6",              title: "¿Con qué frecuencia debo hacerme pedicura?",              content: "Para mantener tus pies suaves y saludables, recomendamos pedicura cada 3 a 4 semanas. Si usas mucho tacones o pasas tiempo de pie, podrías hacer cada 2 semanas. Para mantenimiento básico, mensual es ideal. Nuestras especialistas te recomendarán la frecuencia ideal según tu caso."
            }
          ]}
          videoSrc="http://img.b2bpic.net/free-video/spa-pedicure-service_8234.mp4"
          videoAriaLabel="Video del servicio profesional de spa pedicura"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Relájate con nuestra experiencia spa"
          description="Dedícate tiempo a ti misma. Nuestro servicio de pedicura spa te dejará con pies hermosos y una sensación de relajación total."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="tu@email.com"
          buttonText="Reservar Cita"
          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cloud Studio"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Maquillaje Profesional", href: "/" },
                { label: "Uñas Acrílicas", href: "/acrylic-nails" },
                { label: "Lash Lifting", href: "/lash-lifting" },
                { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" },
                { label: "Masajes de Relajación", href: "/relaxation-massage" }
              ]
            },
            {
              title: "Productos",              items: [
                { label: "iS Clinical", href: "/" },
                { label: "Centella's", href: "/" },
                { label: "Skincare Premium", href: "/" },
                { label: "Consulta Personalizada", href: "contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "/" },
                { label: "Testimonios", href: "/" },
                { label: "Preguntas Frecuentes", href: "/" },
                { label: "Contacto", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
        />
      </div>
    </ThemeProvider>
  );
 }
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,42 @@
-"use client";
+import React from 'react';
 import { memo } from "react";
 import useSvgTextLogo from "./useSvgTextLogo";
 import { cls } from "@/lib/utils";
 interface SvgTextLogoProps {
-  logoText: string;
+  text: string;
  adjustHeightFactor?: number;
  verticalAlign?: "top" | "center";
  className?: string;
  fontSize?: number;
  fontWeight?: 'normal' | 'bold' | 'bolder';
  letterSpacing?: number;
 }
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
-  logoText,
+  text,
-  adjustHeightFactor,
+  className = '',
-  verticalAlign = "top",
+  fontSize = 48,
-  className = "",
+  fontWeight = 'bold',
-}) {
+  letterSpacing = 0,
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+}) => {
  return (
    <svg
-      ref={svgRef}
+      viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
-      viewBox={viewBox}
+      xmlns="http://www.w3.org/2000/svg"
-      className={cls("w-full", className)}
+      className={`w-full h-auto ${className}`}
-      style={{ aspectRatio: aspectRatio }}
+      preserveAspectRatio="xMidYMid meet"
      preserveAspectRatio="none"
      role="img"
      aria-label={`${logoText} logo`}
    >
      <text
-        ref={textRef}
+        x="50%"
-        x="0"
+        y="50%"
-        y={verticalAlign === "center" ? "50%" : "0"}
+        textAnchor="middle"
-        className="font-bold fill-current"
+        dominantBaseline="central"
-        style={{
+        fontSize={fontSize}
-          fontSize: "20px",
+        fontWeight={fontWeight}
-          letterSpacing: "-0.02em",
+        letterSpacing={letterSpacing}
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
+        fill="currentColor"
-        }}
+        fontFamily="system-ui, -apple-system, sans-serif"
      >
-        {logoText}
+        {text}
      </text>
    </svg>
  );
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
+export default SvgTextLogo;
 export default SvgTextLogo;
Author	SHA1	Message	Date
bender	3d9e9e5f34	Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx	2026-03-12 11:56:11 +00:00
bender	edfdf48d1f	Update src/app/spa-pedicure/page.tsx	2026-03-12 11:56:11 +00:00
bender	6ab0f37ba8	Update src/app/social-makeup/page.tsx	2026-03-12 11:56:11 +00:00
bender	e121981eef	Update src/app/radiofrequency-facial/page.tsx	2026-03-12 11:56:10 +00:00
bender	8c10131256	Update src/app/henna-eyebrow-design/page.tsx	2026-03-12 11:56:10 +00:00
bender	47d5ead43b	Update src/app/glamorous-evening-makeup/page.tsx	2026-03-12 11:56:09 +00:00
bender	b83a61ab9d	Update src/app/facial-massage/page.tsx	2026-03-12 11:54:20 +00:00
bender	4517cddde2	Update src/app/facial-hydration/page.tsx	2026-03-12 11:54:20 +00:00
bender	41283e7590	Update src/app/eyelash-extensions/page.tsx	2026-03-12 11:54:20 +00:00
bender	aae8faf8fc	Update src/app/eyebrow-waxing/page.tsx	2026-03-12 11:54:19 +00:00
bender	6c213c11fe	Update src/app/deep-facial-cleansing/page.tsx	2026-03-12 11:54:19 +00:00
bender	246cd4f880	Update src/app/chemical-exfoliation/page.tsx	2026-03-12 11:54:18 +00:00
bender	af3ee55b93	Update src/app/semi-permanent-manicure/page.tsx	2026-03-12 11:50:29 +00:00
bender	eafb021d6d	Update src/app/relaxation-massage/page.tsx	2026-03-12 11:50:29 +00:00
bender	41aa628f9d	Update src/app/page.tsx	2026-03-12 11:50:29 +00:00
bender	2867eda695	Update src/app/lash-lifting/page.tsx	2026-03-12 11:50:28 +00:00
bender	ab507d6166	Update src/app/acrylic-nails/page.tsx	2026-03-12 11:50:28 +00:00
bender	df74b080ed	Add src/app/spa-pedicure/page.tsx	2026-03-12 11:46:24 +00:00
bender	2f2a83ce1d	Add src/app/social-makeup/page.tsx	2026-03-12 11:46:24 +00:00
bender	f0f15ff4d7	Add src/app/semi-permanent-manicure/page.tsx	2026-03-12 11:46:23 +00:00
bender	52b52b5334	Add src/app/relaxation-massage/page.tsx	2026-03-12 11:46:23 +00:00
bender	9cc11f27ed	Add src/app/radiofrequency-facial/page.tsx	2026-03-12 11:46:22 +00:00
bender	d835eb1afe	Update src/app/page.tsx	2026-03-12 11:46:22 +00:00
bender	b9f68fc9af	Add src/app/lash-lifting/page.tsx	2026-03-12 11:46:22 +00:00
bender	32cc9cfa8b	Add src/app/henna-eyebrow-design/page.tsx	2026-03-12 11:46:21 +00:00
bender	a8313beefb	Add src/app/glamorous-evening-makeup/page.tsx	2026-03-12 11:46:21 +00:00
bender	9b4db4941e	Add src/app/facial-massage/page.tsx	2026-03-12 11:46:20 +00:00
bender	310476baf0	Add src/app/facial-hydration/page.tsx	2026-03-12 11:46:20 +00:00
bender	d63cde20ff	Add src/app/eyelash-extensions/page.tsx	2026-03-12 11:46:20 +00:00
bender	2f0db09fb5	Add src/app/eyebrow-waxing/page.tsx	2026-03-12 11:46:19 +00:00
bender	254eb63fa8	Add src/app/deep-facial-cleansing/page.tsx	2026-03-12 11:46:19 +00:00
bender	6cb566faa9	Add src/app/chemical-exfoliation/page.tsx	2026-03-12 11:46:18 +00:00
bender	309e873204	Add src/app/acrylic-nails/page.tsx	2026-03-12 11:46:18 +00:00