From b83a61ab9ddc2da2d707684a1d4544bf61956d7d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 11:54:20 +0000
Subject: [PATCH] Update src/app/facial-massage/page.tsx

---
 src/app/facial-massage/page.tsx | 256 ++++++--------------------------
 1 file changed, 48 insertions(+), 208 deletions(-)

diff --git a/src/app/facial-massage/page.tsx b/src/app/facial-massage/page.tsx
index b127f3f..f168e6f 100644
--- a/src/app/facial-massage/page.tsx
+++ b/src/app/facial-massage/page.tsx
@@ -3,14 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Heart, Sparkles, Clock, Shield } from 'lucide-react';
 
 export default function FacialMassagePage() {
   return (
@@ -20,7 +15,7 @@ export default function FacialMassagePage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="largeSmallSizeLargeTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -29,10 +24,10 @@ export default function FacialMassagePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Inicio", id: "/" },
-            { name: "Radiofrecuencia", id: "/radiofrequency-facial" },
-            { name: "Masaje Facial", id: "/facial-massage" },
-            { name: "Testimonios", id: "testimonials" },
+            { 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" }}
@@ -42,229 +37,65 @@ export default function FacialMassagePage() {
 
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
-          logoText="Masaje Facial"
-          description="Relajación y rejuvenecimiento facial integrado. Técnicas ancestrales combinadas con métodos modernos para mejorar la circulación, reducir tensiones y lograr una piel radiante."
+          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: "Conoce el Servicio", href: "#benefits" }
+            { text: "Ver Más Servicios", href: "/" }
           ]}
-          background={{ variant: "aurora" }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-neck-massage-spa-salon_1163-3941.jpg"
-          imageAlt="Masaje facial relajante"
+          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="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "El masaje facial es el ritual" },
-            { type: "image", src: "http://img.b2bpic.net/free-photo/spa-treatment-room-setup-with-massage-table_1163-3939.jpg", alt: "Masaje facial profesional" },
-            { type: "text", content: "de autocuidado y bienestar que necesitas" }
-          ]}
-          buttons={[{ text: "Ver Precios", href: "#pricing" }]}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="benefits" data-section="benefits">
-        <FeatureBento
-          title="Beneficios del Masaje Facial"
-          description="Experimenta la transformación completa que ofrece un masaje facial profesional realizado por expertos."
-          tag="Bienestar Holístico"
-          features={[
-            {
-              title: "Relajación Profunda",              description: "Reduce tensiones, estrés y rigidez muscular en cara, cuello y hombros.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Mejora de Circulación",              description: "Estimula el flujo sanguíneo para una piel más radiante y oxigenada.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            },
-            {
-              title: "Reducción de Inflamación",              description: "Disminuye bolsas bajo los ojos, hinchazón facial y retención de líquidos.",              bentoComponent: "reveal-icon",              icon: Shield
-            },
-            {
-              title: "Lifting Natural",              description: "Tonifica músculos faciales para un efecto lifting sin invasividad.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            },
-            {
-              title: "Drenaje Linfático",              description: "Técnicas especializadas que activan el sistema linfático natural del rostro.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Renovación de la Piel",              description: "Promueve la regeneración celular y mejora la textura general de la piel.",              bentoComponent: "reveal-icon",              icon: Shield
-            }
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="techniques" data-section="techniques">
-        <FeatureBento
-          title="Técnicas de Masaje Facial Especializado"
-          description="Combinamos diferentes métodos para maximizar los beneficios según tus necesidades."
-          tag="Métodos Profesionales"
-          features={[
-            {
-              title: "Masaje Descongestivo",              description: "Técnicas para mejorar la circulación y eliminar toxinas acumuladas.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            },
-            {
-              title: "Drenaje Linfático Facial",              description: "Movimientos suaves y direccionados que activan ganglios linfáticos.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Gua Sha Facial",              description: "Técnica ancestral china para mejorar circulación y tensiones.",              bentoComponent: "reveal-icon",              icon: Shield
-            },
-            {
-              title: "Masaje Puntos de Presión",              description: "Estimulación de puntos específicos para equilibrio y bienestar.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Masaje Relajante Suave",              description: "Movimientos suavizantes para profunda relajación y desconexión.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            },
-            {
-              title: "Masaje Descontracturante",              description: "Técnicas profundas para liberar tensiones en músculos faciales.",              bentoComponent: "reveal-icon",              icon: Shield
-            }
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardNine
-          title="Planes de Masaje Facial"
-          description="Elige el plan que mejor se adapte a tus necesidades de relajación y bienestar."
-          tag="Precios y Planes"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          plans={[
-            {
-              id: "single",              title: "Sesión Individual",              price: "$85.000",              period: "por sesión",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-facial-massage-spa_1163-3943.jpg",              imageAlt: "Sesión individual masaje facial",              button: { text: "Reservar Ahora", href: "contact" },
-              features: [
-                "Sesión de 50 minutos",                "Consulta personalizada",                "Limpieza facial inicial",                "Masaje facial completo",                "Aplicación de producto relajante"
-              ]
-            },
-            {
-              id: "package4",              title: "Paquete de 4 Sesiones",              price: "$300.000",              period: "total",              imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-facial-spa-treatment_1163-3945.jpg",              imageAlt: "Paquete 4 sesiones masaje facial",              button: { text: "Comprar Paquete", href: "contact" },
-              features: [
-                "4 sesiones de 50 minutos",                "Descuento de $40.000",                "Rutina personalizada",                "Acceso a productos recomendados",                "Seguimiento profesional",                "Flexibilidad de horarios"
-              ]
-            },
-            {
-              id: "package8",              title: "Programa Mensual 8 Sesiones",              price: "$580.000",              period: "total",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-face-spa-treatment_1163-3947.jpg",              imageAlt: "Programa completo masaje facial",              button: { text: "Contratar Programa", href: "contact" },
-              features: [
-                "8 sesiones de 50 minutos",                "Descuento de $100.000",                "2 sesiones por semana",                "Programa integral completo",                "Productos premium incluidos",                "Rutina domiciliaria personalizada",                "Asesoría nutricional incluida",                "Prioridad en citas"
-              ]
-            }
-          ]}
-        />
-      </div>
-
-      <div id="process" data-section="process">
-        <FeatureBento
-          title="Tu Experiencia de Masaje Facial"
-          description="Un journey completo de relajación y rejuvenecimiento diseñado para tu máximo bienestar."
-          tag="Experiencia Premium"
-          features={[
-            {
-              title: "Recepción y Ambientación",              description: "Recibiremos con música relajante, aromas terapéuticos y un ambiente de spa exclusivo.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Consulta de Necesidades",              description: "Conversamos sobre tus objetivos, tensiones y preferencias de presión.",              bentoComponent: "reveal-icon",              icon: Shield
-            },
-            {
-              title: "Preparación de la Piel",              description: "Limpieza profunda y exfoliación suave para preparar tu rostro.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            },
-            {
-              title: "Masaje Facial Completo",              description: "Técnicas personalizadas de masaje en rostro, cuello, hombros y escote.",              bentoComponent: "reveal-icon",              icon: Heart
-            },
-            {
-              title: "Máscara y Relajación",              description: "Aplicamos máscara personalizada mientras disfrutas de reflexología plantar.",              bentoComponent: "reveal-icon",              icon: Shield
-            },
-            {
-              title: "Acabado y Rutina Domiciliaria",              description: "Aplicamos crema facial, te proporcionamos productos y consejos de cuidado.",              bentoComponent: "reveal-icon",              icon: Sparkles
-            }
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="El masaje facial en Cloud Studio es una experiencia transformadora. Me siento completamente relajada, mi piel brilla y las tensiones desaparecen. El equipo es muy profesional y el ambiente es de verdadero spa. Ya lo recomendé a todas mis amigas."
-          rating={5}
-          author="Carmen Rodríguez, Abogada"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/attractive-young-woman-standing-looking-mirror_7502-7379.jpg", alt: "Carmen Rodríguez" },
-            { src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-cafe_273609-4288.jpg", alt: "Cliente masaje facial" },
-            { src: "http://img.b2bpic.net/free-photo/beauty-face-young-woman-skin-care-concept-closeup-portrait-isolated-white_1258-104364.jpg", alt: "Resultados masaje" },
-            { src: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg", alt: "Cliente satisfecho" },
-            { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Testimonio masaje facial" },
-            { src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", alt: "Cliente Cloud Studio" }
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
+      <div id="service-details" data-section="service-details">
         <FaqSplitMedia
-          title="Preguntas Frecuentes - Masaje Facial"
-          description="Todo lo que necesitas saber sobre nuestro servicio de masaje facial terapéutico."
+          title="Servicio de Masaje Facial"
+          description="Descubre los beneficios transformadores de nuestro masaje facial terapéutico."
           faqs={[
             {
-              id: "1",              title: "¿Cuál es la diferencia entre masaje facial y limpieza facial?",              content: "El masaje facial se enfoca en técnicas de relajación, circulación y renovación. La limpieza facial trata problemas específicos de la piel. Nuestro masaje facial incluye limpieza inicial pero su objetivo es relajación y rejuvenecimiento completo."
+              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: "¿Con qué frecuencia debo hacerme masaje facial?",              content: "Idealmente, 1-2 veces por semana para resultados óptimos. Si es ocasional, 1 vez al mes proporciona beneficios relajantes. Depende de tus objetivos y disponibilidad. Te recomendamos consultar con nuestros profesionales."
+              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: "¿Es seguro el masaje facial para piel sensible?",              content: "Absolutamente. De hecho, es especialmente beneficioso para piel sensible cuando se usa la presión correcta. Comunicamos nuestras necesidades antes de la sesión y adaptamos la presión y técnicas según tu comodidad."
+              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: "¿El masaje facial puede tener efectos secundarios?",              content: "No. El masaje facial es una terapia muy segura. Algunos clientes pueden sentir ligera enrojecimiento después, que desaparece en 1-2 horas. Es perfectamente seguro para cualquier edad y tipo de piel."
+              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: "¿Cuánto dura el efecto del masaje facial?",              content: "Los efectos inmediatos incluyen relajación y luminosidad que duran 24-48 horas. Con sesiones regulares, los beneficios se acumulan generando resultados a largo plazo. Se recomienda mantenimiento regular."
+              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: "¿Puedo combinar masaje facial con otros tratamientos?",              content: "Sí. El masaje facial combina perfectamente con radiofrecuencia, faciales y otros tratamientos. De hecho, complementan muy bien. Podemos diseñar un programa integral personalizado para ti."
-            },
-            {
-              id: "7",              title: "¿Hay alguna contraindicación para el masaje facial?",              content: "Es muy seguro. Las únicas consideraciones son acné activo severo o heridas abiertas. Si tienes condiciones específicas, consulta antes. Nuestro equipo evaluará y recomendará el mejor enfoque."
-            },
-            {
-              id: "8",              title: "¿Puedo hacer masaje facial si estoy embarazada?",              content: "Sí, es seguro durante el embarazo. De hecho, muchas mujeres disfrutan masajes faciales relajantes durante esta etapa. Informamos a nuestro equipo y evitamos ciertos puntos de presión si es necesario."
+              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."
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/relaxed-woman-receiving-facial-spa-salon_1163-3949.jpg"
-          imageAlt="Masaje facial relajante en Cloud Studio"
+          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="left"
+          mediaPosition="right"
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Contáctanos"
-          title="Reserva tu Sesión de Masaje Facial"
-          description="Suscríbete a nuestro newsletter para recibir consejos de autocuidado, promociones exclusivas en masajes faciales y actualizaciones sobre técnicas y productos premium."
-          background={{ variant: "aurora" }}
+          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="Suscribirse"
-          termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
+          buttonText="Reservar Cita"
+          termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
         />
       </div>
 
@@ -274,32 +105,41 @@ export default function FacialMassagePage() {
           columns={[
             {
               title: "Servicios",              items: [
-                { label: "Radiofrecuencia Facial", href: "/radiofrequency-facial" },
-                { label: "Masaje Facial", href: "/facial-massage" },
                 { label: "Maquillaje Profesional", href: "/" },
-                { label: "Tratamientos Faciales", 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: "#testimonials" },
-                { label: "Preguntas Frecuentes", href: "#faq" },
-                { label: "Contacto", href: "#contact" }
+                { label: "Testimonios", href: "/" },
+                { label: "Preguntas Frecuentes", href: "/" },
+                { label: "Contacto", href: "contact" }
               ]
             },
             {
-              title: "Información",              items: [
+              title: "Legal",              items: [
                 { label: "Política de Privacidad", href: "#" },
                 { label: "Términos de Servicio", href: "#" },
-                { label: "Política de Cancelación", href: "#" },
+                { label: "Política de Cookies", href: "#" },
                 { label: "Política de Devoluciones", href: "#" }
               ]
             }
           ]}
-          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Masaje Facial - Belleza y bienestar integral."
+          copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file