Update src/app/facial-massage/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user