From 52b52b533451e0886b17aed19c8a445e4434e159 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 11:46:23 +0000
Subject: [PATCH] Add src/app/relaxation-massage/page.tsx

---
 src/app/relaxation-massage/page.tsx | 145 ++++++++++++++++++++++++++++
 1 file changed, 145 insertions(+)
 create mode 100644 src/app/relaxation-massage/page.tsx

diff --git a/src/app/relaxation-massage/page.tsx b/src/app/relaxation-massage/page.tsx
new file mode 100644
index 0000000..7481e9a
--- /dev/null
+++ 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="aurora"
+      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: "aurora" }}
+          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, 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: "aurora" }}
+          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>
+  );
+}