bender/93384000-e7f2-4bfd-8622-bfadc92e282d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-03-12 11:54:24 +00:00
parent c4b71195e1 b83a61ab9d
commit 2fa48491c1
6 changed files with 264 additions and 787 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/app/chemical-exfoliation/page.tsx
View File

@@ -3,11 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Zap, Droplets, ShieldCheck } from 'lucide-react';
export default function ChemicalExfoliationPage() {
return (
@@ -17,7 +15,7 @@ export default function ChemicalExfoliationPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -26,12 +24,11 @@ export default function ChemicalExfoliationPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Servicios", id: "services" },
{ name: "Productos", id: "products" },
{ name: "Nosotros", id: "about" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
{ name: "Inicio", id: "/" }
{ 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"
@@ -40,125 +37,65 @@ export default function ChemicalExfoliationPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Exfoliación Química"
description="Guía completa paso a paso para un tratamiento de exfoliación química profesional. Aprende el proceso detallado para renovar tu piel, eliminar imperfecciones y lograr un cutis radiant con técnicas expertas."
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: "Volver al Inicio", href: "/" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg"
imageAlt="Proceso de exfoliación química profesional"
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="process" data-section="process">
<TimelineHorizontalCardStack
title="Proceso de Exfoliación Química"
description="Sigue estos pasos profesionales para obtener resultados óptimos en tu tratamiento de exfoliación"
textboxLayout="default"
tag="Procedimiento Paso a Paso"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttonAnimation="slide-up"
buttons={[{ text: "Agendar Tratamiento", href: "contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7544.jpg", imageAlt: "Paso 1: Consulta y evaluación" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-arangement_23-2148978203.jpg", imageAlt: "Paso 2: Preparación" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382789.jpg", imageAlt: "Paso 3: Aplicación" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg", imageAlt: "Paso 4: Recuperación" }
]}
>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 1: Consulta y Evaluación</h3>
<p className="text-sm leading-relaxed">Análisis completo del tipo de piel, sensibilidad, condiciones médicas y objetivos del tratamiento. Se determina el tipo de ácido y concentración óptima para tu piel.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Identificación del tipo de piel</li>
<li>Evaluación de sensibilidad</li>
<li>Selección de ácido apropiado</li>
<li>Prueba de tolerancia si es necesaria</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 2: Preparación de la Piel</h3>
<p className="text-sm leading-relaxed">Limpieza profunda e higiene de la zona. Neutralización del pH natural. Aplicación de protectores en áreas sensibles. Cálculo del tiempo de actuación según el tipo de piel.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Limpieza exhaustiva</li>
<li>Equilibrio del pH</li>
<li>Protección de zonas sensibles</li>
<li>Preparación del neutralizador</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 3: Aplicación del Ácido</h3>
<p className="text-sm leading-relaxed">Aplicación uniforme del ácido exfoliante con técnica profesional. Monitoreo constante durante el tiempo de actuación. Control de sensación y reacción de la piel en tiempo real.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Aplicación en capas uniformes</li>
<li>Tiempo de actuación (5-15 min)</li>
<li>Monitoreo continuo de la reacción</li>
<li>Neutralización precisa</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 4: Recuperación y Cuidados</h3>
<p className="text-sm leading-relaxed">Aplicación de máscaras calmantes, sueros hidratantes y protectores solares. Instrucciones detalladas para cuidados posteriores. Recomendaciones de productos para mantener resultados.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Máscara calmante profesional</li>
<li>Serum reparador intenso</li>
<li>Protector solar SPF 50+</li>
<li>Rutina post-tratamiento</li>
</ul>
</div>
</TimelineHorizontalCardStack>
</div>
<div id="faq" data-section="faq">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas sobre Exfoliación Química"
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
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: "¿Cuál es la diferencia entre un peeling superficial, medio y profundo?", content: "Peeling Superficial (alfa-hidróxidos): Afecta la epidermis, ideal para renovación celular y manchas. Peeling Medio (ácidos más fuertes): Penetra la dermis papilar, efectivo para cicatrices y arrugas. Peeling Profundo (ácidos muy concentrados): Penetra profundamente, resultados dramáticos pero requiere mayor recuperación."
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ándo veré los resultados?", content: "Los resultados inmediatos incluyen piel más luminosa y suave. La descamación comienza entre 2-4 días. Los resultados completos se ven entre 1-2 semanas. Los beneficios a largo plazo continúan mejorando durante 3 meses."
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: "¿Es doloroso el tratamiento?", content: "La mayoría de personas reportan una sensación de hormigueo leve o quemazón controlable. Utilizamos técnicas y concentraciones que minimizan la molestia. Algunos pacientes no sienten casi nada."
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 tarda el procedimiento completo?", content: "Un tratamiento de exfoliación química dura entre 45 y 90 minutos, dependiendo del tipo de peeling y área tratada. Los peelings superficiales son más rápidos."
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: "¿Cuáles son los cuidados posteriores más importantes?", content: "Evita la exposición solar directa durante al menos una semana. Usa protector solar SPF 50+ diariamente. No uses productos irritantes. Mantente hidratado. Evita maquillaje por 24 horas. Sigue la rutina recomendada por nuestro especialista."
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: "¿Puedo hacer exfoliación química si tengo acné?", content: "Sí, puede ser beneficioso. Sin embargo, debe realizarse con cuidado. Los ácidos más suaves como los AHA/BHA son ideales. Evitar peelings profundos si el acné es inflamatorio activo. Se recomienda consulta previa con nuestro dermatólogo."
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."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
imageAlt="Tratamiento profesional de exfoliación química"
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="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu Sesión"
title="Renueva tu piel con exfoliación química profesional"
description="Suscríbete a nuestro newsletter para recibir consejos profesionales, promociones exclusivas y actualizaciones sobre nuevos tratamientos de rejuvenecimiento premium."
background={{ variant: "aurora" }}
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="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>
@@ -168,18 +105,19 @@ export default function ChemicalExfoliationPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Exfoliación Química", href: "#process" },
{ label: "Maquillaje Profesional", href: "/" },
{ label: "Tratamientos Faciales", href: "/" },
{ label: "Cejas y Pestañas", 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: "Guías", items: [
{ label: "Limpieza Facial Profunda", href: "/deep-facial-cleansing" },
{ label: "Depilación con Cera", href: "/eyebrow-waxing" },
{ label: "Exfoliación Química", href: "#process" },
{ label: "Todos los Tratamientos", href: "/" }
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
@@ -187,7 +125,7 @@ export default function ChemicalExfoliationPage() {
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "#contact" }
{ label: "Contacto", href: "contact" }
]
},
{
@@ -204,4 +142,4 @@ export default function ChemicalExfoliationPage() {
</div>
</ThemeProvider>
);
}
}

138
src/app/deep-facial-cleansing/page.tsx
View File

@@ -3,11 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Droplets, Wind, Shield } from 'lucide-react';
export default function DeepFacialCleansingPage() {
return (
@@ -17,7 +15,7 @@ export default function DeepFacialCleansingPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -26,12 +24,11 @@ export default function DeepFacialCleansingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Servicios", id: "services" },
{ name: "Productos", id: "products" },
{ name: "Nosotros", id: "about" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
{ name: "Inicio", id: "/" }
{ 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"
@@ -41,120 +38,64 @@ export default function DeepFacialCleansingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Limpieza Facial Profunda"
description="Guía completa paso a paso para una limpieza facial profunda profesional. Aprende el proceso detallado para lograr una piel impecable, luminosa y rejuvenecida con técnicas expertas."
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: "Volver al Inicio", href: "/" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg"
imageAlt="Proceso de limpieza facial profunda"
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="process" data-section="process">
<TimelineHorizontalCardStack
title="Proceso de Limpieza Facial Profunda"
description="Sigue estos pasos profesionales para obtener resultados óptimos en tu tratamiento de limpieza facial"
textboxLayout="default"
tag="Procedimiento Paso a Paso"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttonAnimation="slide-up"
buttons={[{ text: "Agendar Tratamiento", href: "contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7544.jpg", imageAlt: "Paso 1: Consulta inicial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-arangement_23-2148978203.jpg", imageAlt: "Paso 2: Análisis de piel" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382789.jpg", imageAlt: "Paso 3: Tratamiento activo" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg", imageAlt: "Paso 4: Resultado final" }
]}
>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 1: Consulta Inicial</h3>
<p className="text-sm leading-relaxed">Evaluación completa del tipo de piel, sensibilidad y necesidades específicas. Se realiza un análisis detallado para determinar el protocolo personalizado.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Identificación del tipo de piel</li>
<li>Evaluación de sensibilidad</li>
<li>Determinación de objetivos</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 2: Desmaquillante y Limpieza</h3>
<p className="text-sm leading-relaxed">Uso de desmaquillante suave seguido de limpiador específico para remover impurezas, maquillaje y residuos sin dañar la piel.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Aplicación de desmaquillante hidratante</li>
<li>Masaje circular de 2-3 minutos</li>
<li>Enjuague con agua tibia</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 3: Tratamiento Activo</h3>
<p className="text-sm leading-relaxed">Aplicación de máscara o suero limpiador profundo con activos específicos para eliminar poros dilatados, puntos negros y toxinas.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Aplicación de máscara purificante</li>
<li>Tiempo de actuación (15-20 min)</li>
<li>Masaje con herramientas profesionales</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 4: Hidratación y Protección</h3>
<p className="text-sm leading-relaxed">Aplicación de tónicos hidratantes, sueros y protectores solares para restablecer el pH y proteger la piel limpia.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Aplicación de tónico equilibrante</li>
<li>Serum hidratante profesional</li>
<li>Protector solar SPF 50+</li>
</ul>
</div>
</TimelineHorizontalCardStack>
</div>
<div id="faq" data-section="faq">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas sobre Limpieza Facial Profunda"
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
title="Servicio de Limpieza Facial Profunda"
description="Descubre los beneficios de una limpieza facial profunda especializada."
faqs={[
{
id: "1", title: "¿Con qué frecuencia debo hacer una limpieza facial profunda?", content: "Se recomienda una limpieza facial profunda cada 4-6 semanas para mantener resultados óptimos. Las pieles grasas pueden beneficiarse de sesiones cada 3-4 semanas, mientras que las pieles secas pueden espaciarlas más."
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: "¿Causa enrojecimiento o irritación después del tratamiento?", content: "Es normal un ligero enrojecimiento que desaparece en 1-2 horas. Usamos productos de profesional calidad que minimizan la irritación. Si tienes piel sensible, informamos a nuestros especialistas para ajustar el protocolo."
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: "¿Puedo usar maquillaje inmediatamente después?", content: "Se recomienda esperar 24 horas para permitir que la piel se recupere completamente. Aplicar maquillaje muy pronto puede obstruir los poros que acaban de ser limpiados."
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ál es la duración del tratamiento?", content: "Una sesión completa de limpieza facial profunda dura entre 60 y 90 minutos, dependiendo del tipo de piel y los tratamientos adicionales que se incluyan."
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: "¿Qué productos debo usar en casa después del tratamiento?", content: "Recomendamos una rutina suave con limpiador suave, tónico hidratante y protector solar. Nuestros especialistas prescriben productos específicos según tu tipo de piel para mantener los resultados."
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: "¿Es seguro este tratamiento para pieles sensibles o con acné?", content: "Sí, realizamos un análisis previo y adaptamos el tratamiento a tu tipo de piel. Para pieles con acné usamos protocolos específicos con activos antibacterianos. Para pieles sensibles, empleamos productos hipoalergénicos certificados."
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."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
imageAlt="Tratamiento profesional de limpieza facial"
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="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu Sesión"
title="Transforma tu piel con limpieza facial profunda"
description="Suscríbete a nuestro newsletter para recibir consejos profesionales, promociones exclusivas y actualizaciones sobre nuevos tratamientos faciales premium."
background={{ variant: "aurora" }}
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="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>
@@ -164,18 +105,19 @@ export default function DeepFacialCleansingPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Limpieza Facial Profunda", href: "#process" },
{ label: "Maquillaje Profesional", href: "/" },
{ label: "Cuidado de Uñas", href: "/" },
{ label: "Cejas y Pestañas", 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: "Guías", items: [
{ label: "Limpieza Facial Profunda", href: "#process" },
{ label: "Depilación con Cera", href: "/eyebrow-waxing" },
{ label: "Exfoliación Química", href: "/chemical-exfoliation" },
{ label: "Todos los Tratamientos", href: "/" }
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
@@ -183,7 +125,7 @@ export default function DeepFacialCleansingPage() {
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "#contact" }
{ label: "Contacto", href: "contact" }
]
},
{
@@ -200,4 +142,4 @@ export default function DeepFacialCleansingPage() {
</div>
</ThemeProvider>
);
}
}

140
src/app/eyebrow-waxing/page.tsx
View File

@@ -3,11 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Zap, Shield, Heart } from 'lucide-react';
export default function EyebrowWaxingPage() {
return (
@@ -17,7 +15,7 @@ export default function EyebrowWaxingPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -26,12 +24,11 @@ export default function EyebrowWaxingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Servicios", id: "services" },
{ name: "Productos", id: "products" },
{ name: "Nosotros", id: "about" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
{ name: "Inicio", id: "/" }
{ 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"
@@ -40,121 +37,65 @@ export default function EyebrowWaxingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Depilación con Cera - Cejas"
description="Guía completa paso a paso para depilación profesional de cejas con cera. Aprende el proceso detallado para lograr cejas perfectas, simétricas y duraderas con técnicas expertas."
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: "Volver al Inicio", href: "/" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg"
imageAlt="Proceso profesional de depilación de cejas"
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="process" data-section="process">
<TimelineHorizontalCardStack
title="Proceso de Depilación de Cejas con Cera"
description="Sigue estos pasos profesionales para obtener resultados óptimos en tu tratamiento de cejas"
textboxLayout="default"
tag="Procedimiento Paso a Paso"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttonAnimation="slide-up"
buttons={[{ text: "Agendar Tratamiento", href: "contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-standing-looking-mirror_7502-7379.jpg", imageAlt: "Paso 1: Consulta y diseño" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-cafe_273609-4288.jpg", imageAlt: "Paso 2: Preparación" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beauty-face-young-woman-skin-care-concept-closeup-portrait-isolated-white_1258-104364.jpg", imageAlt: "Paso 3: Aplicación" },
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg", imageAlt: "Paso 4: Acabado" }
]}
>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 1: Consulta y Diseño</h3>
<p className="text-sm leading-relaxed">Análisis completo de la forma facial, estructura ósea y proporciones para diseñar cejas que realcen tu belleza natural. Se discuten opciones y preferencias personales.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Evaluación de forma facial</li>
<li>Análisis de simetría</li>
<li>Diseño personalizado</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 2: Preparación de la Piel</h3>
<p className="text-sm leading-relaxed">Limpieza e higiene de la zona. Aplicación de exfoliante suave para remover células muertas. Se aplica talco o polvos para absorber humedad y facilitar la depilación.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Limpieza profunda de la zona</li>
<li>Aplicación de talco o polvo</li>
<li>Cuidado de piel sensible</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 3: Aplicación de Cera</h3>
<p className="text-sm leading-relaxed">Aplicación de cera profesional a temperatura óptima en dirección del crecimiento del vello. Se utiliza técnica de aplicación precisa para máxima efectividad y comodidad.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Calentamiento apropiado de cera</li>
<li>Aplicación en dirección correcta</li>
<li>Tiempo de endurecimiento (15-20 seg)</li>
</ul>
</div>
<div className="space-y-4">
<h3 className="text-lg font-semibold">Paso 4: Cuidados Post-Tratamiento</h3>
<p className="text-sm leading-relaxed">Aplicación de crema calmante y protectora. Se proporcionan instrucciones de cuidado para mantener los resultados y evitar irritación en los próximos días.</p>
<ul className="text-sm space-y-2 list-disc list-inside">
<li>Aplicación de bálsamo calmante</li>
<li>Evitar calor 24 horas</li>
<li>Hidratación diaria</li>
</ul>
</div>
</TimelineHorizontalCardStack>
</div>
<div id="faq" data-section="faq">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas sobre Depilación de Cejas"
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
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: "¿Cuánto tiempo duran los resultados de la cera?", content: "Los resultados típicamente duran entre 4 a 6 semanas, dependiendo de la velocidad de crecimiento de tu vello. El crecimiento es más lento y fino que con otros métodos de depilación."
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: "¿Duele la depilación con cera?", content: "La primera depilación es más incómoda ya que el vello es más grueso. Las depilaciones subsecuentes son menos dolorosas. Nuestros especialistas utilizan técnicas suaves para minimizar el dolor."
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: "¿Puedo depilar cejas durante el embarazo?", content: "Sí, la depilación con cera es segura durante el embarazo. Algunas mujeres reportan mayor sensibilidad durante este período, así que informamos a nuestros especialistas para adaptar la técnica."
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: "¿Cuál es la duración del tratamiento?", content: "Una sesión de depilación de cejas con cera dura entre 15 a 30 minutos, dependiendo del nivel de diseño y cuidados adicionales que se incluyan."
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é debo hacer después de la depilación?", content: "Evita el agua caliente, maquillaje y ejercicio intenso durante 24 horas. No uses productos irritantes sobre la zona. Aplica crema hidratante suave 2-3 veces al día."
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: "¿Es segura la cera para pieles sensibles?", content: "Sí, utilizamos ceras hipoalergénicas especiales para pieles sensibles. Realizamos una prueba de sensibilidad antes del tratamiento si es tu primera vez con nosotros."
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."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"
imageAlt="Resultado profesional de depilación de cejas"
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="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu Sesión"
title="Logra cejas perfectas con depilación profesional"
description="Suscríbete a nuestro newsletter para recibir consejos profesionales, promociones exclusivas y actualizaciones sobre nuevos tratamientos de belleza premium."
background={{ variant: "aurora" }}
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="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>
@@ -164,18 +105,19 @@ export default function EyebrowWaxingPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Depilación de Cejas", href: "#process" },
{ label: "Maquillaje Profesional", href: "/" },
{ label: "Cuidado de Uñas", 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: "Guías", items: [
{ label: "Limpieza Facial Profunda", href: "/deep-facial-cleansing" },
{ label: "Depilación con Cera", href: "#process" },
{ label: "Exfoliación Química", href: "/chemical-exfoliation" },
{ label: "Todos los Tratamientos", href: "/" }
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
@@ -183,7 +125,7 @@ export default function EyebrowWaxingPage() {
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "#contact" }
{ label: "Contacto", href: "contact" }
]
},
{
@@ -200,4 +142,4 @@ export default function EyebrowWaxingPage() {
</div>
</ThemeProvider>
);
}
}

209
src/app/eyelash-extensions/page.tsx
View File

@@ -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 { Sparkles, Star, Zap } from 'lucide-react';
export default function EyelashExtensionsPage() {
return (
@@ -20,7 +15,7 @@ export default function EyelashExtensionsPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -29,15 +24,11 @@ export default function EyelashExtensionsPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Servicios", id: "services" },
{ name: "Productos", id: "products" },
{ name: "Nosotros", id: "about" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
{ name: "Pestañas", id: "eyelash-extensions" },
{ name: "Maquillaje Social", id: "social-makeup" },
{ name: "Exfoliación Corporal", id: "body-exfoliation" },
{ name: "Cejas y Depilación", id: "waxing" }
{ 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"
@@ -47,152 +38,46 @@ export default function EyelashExtensionsPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Extensiones de Pestañas Premium"
description="Transforma tu mirada con nuestras extensiones de pestañas de la más alta calidad. Técnicas avanzadas, materiales premium y resultados naturales que potencian tu belleza."
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 Consulta", href: "contact" },
{ text: "Ver Galería", href: "#gallery" }
{ text: "Reservar Cita", href: "contact" },
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-natural-long-eyelashes-eye-extensions-procedure_1262-14330.jpg"
imageAlt="Extensiones de pestañas premium"
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="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Descubre la belleza transformadora de" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-eye-with-long-eyelashes-studio-closeup_1262-14330.jpg", alt: "Detalle de pestañas profesionales" },
{ type: "text", content: "extensiones de pestañas profesionales" }
]}
buttons={[{ text: "Conocer Técnicas", href: "#features" }]}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureBento
title="Nuestras Técnicas Especializadas"
description="Ofrecemos una variedad de técnicas de extensión de pestañas adaptadas a tu tipo de ojo y preferencias estéticas."
tag="Técnicas Profesionales"
features={[
{
title: "Lash Lift & Tint", description: "Levanta naturalmente tus pestañas y tiñelas para un efecto duradero sin necesidad de extensiones.", bentoComponent: "reveal-icon", icon: Star
},
{
title: "Extensiones Clásicas", description: "Una pestaña natural reforzada con una extensión individual. Resultado natural y elegante.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Volumen Ruso", description: "Múltiples extensiones finas en cada pestaña para un efecto dramático y voluminoso.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Volumen Híbrido", description: "Combinación de clásicas y volumen para un look equilibrado y sofisticado.", bentoComponent: "reveal-icon", icon: Star
},
{
title: "Mega Volumen", description: "Máximo volumen y dramatismo con finas extensiones para un impacto visual increíble.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Retoque & Mantenimiento", description: "Servicios de retoque para mantener tus extensiones perfectas cada 3-4 semanas.", bentoComponent: "reveal-icon", icon: Zap
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Planes de Extensiones de Pestañas"
description="Elige el plan perfecto para conseguir la mirada que siempre deseaste."
tag="Precios"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "classic", title: "Clásico Básico", price: "$45.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eye-closeup_23-2148212892.jpg", imageAlt: "Extensiones clásicas", button: { text: "Reservar", href: "contact" },
features: [
"Consulta personalizada inicial", "Técnica clásica premium", "Duración: 2-3 horas", "Resultados 4-6 semanas", "Cuidados básicos incluidos"
]
},
{
id: "volume", title: "Volumen Premium", price: "$65.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-woman-eye-makeup_23-2149213180.jpg", imageAlt: "Volumen ruso", button: { text: "Reservar", href: "contact" },
features: [
"Evaluación exhaustiva del ojo", "Volumen ruso o híbrido", "Duración: 3-4 horas", "Resultados 5-7 semanas", "Kit de cuidado profesional", "Retoque a precio especial"
]
},
{
id: "mega", title: "Mega Volumen Exclusivo", price: "$85.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-eye-macro-eyelashes_1262-14330.jpg", imageAlt: "Mega volumen", button: { text: "Agendar", href: "contact" },
features: [
"Diseño personalizado de mirada", "Mega volumen premium", "Materiales importados de alta calidad", "Duración: 4-5 horas", "Resultados 6-8 semanas", "Kit de cuidado de lujo", "Retoque incluido (1 gratis)", "Seguimiento personalizado"
]
},
{
id: "membership", title: "Membresía Anual", price: "$350.000", period: "/año", imageSrc: "http://img.b2bpic.net/free-photo/woman-face-beauty-close-up_23-2149213190.jpg", imageAlt: "Membresía anual", button: { text: "Unirse", href: "contact" },
features: [
"4 aplicaciones iniciales (cualquier técnica)", "8 retoques ilimitados", "Descuento 20% en todos los servicios", "Acceso prioritario a reservas", "Consultas personalizadas gratuitas", "Kits de cuidado incluidos", "Invitaciones a eventos exclusivos", "Regalo de bienvenida premium"
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Las extensiones de pestañas en Cloud Studio cambiaron mi vida. La profesionalista es experta, usa materiales de calidad y el resultado es natural y hermoso. Mis pestañas se ven increíbles y duran mucho tiempo. Totalmente recomendado."
rating={5}
author="Carolina Ruiz, Cliente Premium"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-close-up_23-2149213185.jpg", alt: "Carolina Ruiz" },
{ src: "http://img.b2bpic.net/free-photo/attractive-woman-posing_273609-4280.jpg", alt: "Cliente Cloud Studio" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-portrait_23-2149213190.jpg", alt: "Cliente satisfecho" },
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-looking-camera_23-2149213195.jpg", alt: "Cliente Cloud Studio" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-woman_23-2149213200.jpg", alt: "Cliente regular" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133180.jpg", alt: "Cliente satisfecho 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 sobre Extensiones de Pestañas"
description="Resuelve todas tus dudas sobre nuestro servicio de extensiones de pestañas."
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ánto tiempo duran las extensiones de pestañas?", content: "Las extensiones de pestañas suelen durar entre 4 a 8 semanas dependiendo de la técnica, cuidado y ciclo natural de crecimiento de tus pestañas. Recomendamos retoques cada 3-4 semanas para mantenerlas perfectas."
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: "¿Las extensiones dañan mis pestañas naturales?", content: "No, cuando se aplican correctamente por profesionales certificados, las extensiones no dañan tus pestañas naturales. Usamos técnicas seguras, materiales premium y seguimos protocolos rigurosos para proteger la salud de tus pestañas."
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: "¿Cuál es la diferencia entre volumen clásico, ruso e híbrido?", content: "Clásico: una extensión por pestaña natural, resultado natural. Volumen Ruso: múltiples extensiones finas creando efecto muy voluminoso. Híbrido: combinación de ambas técnicas para un look equilibrado. Todos ofrecen resultados hermosos con diferentes niveles de dramatismo."
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: "¿Necesito cuidados especiales después de la aplicación?", content: "Sí, recomendamos: evitar agua 48 horas después, no frotar los ojos, evitar productos con aceite, dormir boca arriba, limpiar regularmente con limpiador especializado, y usar el cepillo de pestañas diariamente. Te proporcionamos un kit completo de cuidados."
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: "¿Puedo usar maquillaje con extensiones de pestañas?", content: "Sí, pero debes usar productos específicos sin aceite. Puedes usar sombra, delineador y máscara waterproof diseñados para extensiones. Te recomendamos nuestros productos profesionales que garantizan la durabilidad de tus extensiones."
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: "¿Puedo nadar o hacer ejercicio con las extensiones?", content: "Puedes hacer ambas después de 48 horas de la aplicación. Durante el ejercicio intenso, evita frotar o frotar los ojos. Después de nadar o bañar, usa una toalla suave para secar delicadamente. El cloro y sal pueden afectar la adhesión, así que es importante mantener buenos cuidados."
},
{
id: "7", title: "¿Cuánto cuesta un retoque?", content: "Los retoques varían entre $25.000 y $35.000 dependiendo de la cantidad de extensiones que necesiten ser reemplazadas. Normalmente requieren 1-2 horas. Los miembros de nuestro club obtienen descuentos especiales en retoques."
},
{
id: "8", title: "¿Qué pasa si no estoy satisfecho con el resultado?", content: "Si no estás satisfecho con el resultado inicial, ofrecemos una sesión de ajuste gratuita dentro de 48 horas. Podemos cambiar la curvatura, volumen o estilo para obtener exactamente lo que deseas. Tu satisfacción es nuestra prioridad."
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."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-eyelashes-extensions-beauty-salon_1262-14330.jpg"
imageAlt="Proceso de aplicación de extensiones de pestañas"
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"
@@ -203,14 +88,14 @@ export default function EyelashExtensionsPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Agenda Tu Sesión"
title="Transforma tu mirada hoy"
description="Contáctanos para reservar tu sesión de extensiones de pestañas. Nuestras expertas te asesorarán sobre la mejor técnica para tu tipo de ojo y preferencias."
background={{ variant: "aurora" }}
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 contactarnos aceptas recibir información sobre nuestros servicios de extensiones de pestañas."
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -219,40 +104,40 @@ export default function EyelashExtensionsPage() {
logoText="Cloud Studio"
columns={[
{
title: "Servicios de Pestañas", items: [
{ label: "Extensiones Clásicas", href: "#features" },
{ label: "Volumen Ruso", href: "#features" },
{ label: "Volumen Híbrido", href: "#features" },
{ label: "Lash Lift & Tint", href: "#features" },
{ label: "Retoques", href: "#features" }
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: "Precios y Planes", items: [
{ label: "Clásico Básico", href: "#pricing" },
{ label: "Volumen Premium", href: "#pricing" },
{ label: "Mega Volumen", href: "#pricing" },
{ label: "Membresía Anual", href: "#pricing" }
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
title: "Cloud Studio", items: [
{ label: "Inicio", href: "/" },
{ label: "Todos los Servicios", href: "/#services" },
{ label: "Contacto", href: "#contact" },
{ label: "Preguntas Frecuentes", href: "#faq" }
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 Cancelación", href: "#" },
{ label: "Cuidado de Pestañas", href: "#" }
{ label: "Política de Cookies", href: "#" },
{ label: "Política de Devoluciones", href: "#" }
]
}
]}
copyrightText="© 2025 Cloud Studio. Especialistas en extensiones de pestañas premium."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

164
src/app/facial-hydration/page.tsx
View File

@@ -3,13 +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 PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Droplet, Wind, Heart } from 'lucide-react';
export default function FacialHydrationPage() {
return (
@@ -19,7 +15,7 @@ export default function FacialHydrationPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -28,10 +24,10 @@ export default function FacialHydrationPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Servicios", id: "services" },
{ name: "Productos", id: "products" },
{ name: "Nosotros", id: "about" },
{ 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" }}
@@ -41,140 +37,65 @@ export default function FacialHydrationPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Tratamiento Facial de Hidratación Intensiva"
description="Recupera la hidratación profunda de tu piel con nuestro tratamiento facial especializado. Utilizamos técnicas profesionales y serums premium para una piel radiante, suave y rejuvenecida."
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 Tratamientos", href: "#services" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/facial-treatment-spa-wellness-centre_23-2149360784.jpg"
imageAlt="Tratamiento facial profesional de hidratación"
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="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Tu piel merece la" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-receiving-facial-spa-treatment_23-2149360778.jpg", alt: "Tratamiento profesional de hidratación" },
{ type: "text", content: "hidratación profunda que la mantiene radiante" }
]}
buttons={[{ text: "Explorar Opciones", href: "#services" }]}
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureBento
title="Componentes del Tratamiento de Hidratación"
description="Cada paso está diseñado para maximizar la absorción de hidratación y restaurar el equilibrio natural de tu piel con resultados visibles inmediatos."
tag="Protocolo Profesional"
features={[
{
title: "Limpieza Profunda", description: "Eliminación completa de impurezas y células muertas para preparar la piel y maximizar la absorción de tratamientos.", bentoComponent: "reveal-icon", icon: Droplet
},
{
title: "Exfoliación Suave", description: "Técnica delicada que remueve células muertas sin dañar la piel, mejorando la textura y preparando para la hidratación.", bentoComponent: "reveal-icon", icon: Wind
},
{
title: "Serum Hidratante Premium", description: "Aplicación de serums profesionales con ácido hialurónico y vitaminas para hidratación intensiva en capas profundas.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Mascarilla Nutritiva", description: "Máscaras especializadas que sellan la humedad y aportan nutrientes esenciales para piel radiante y saludable.", bentoComponent: "reveal-icon", icon: Heart
},
{
title: "Masaje Facial Relajante", description: "Técnica de masaje que mejora la circulación, relaja los músculos faciales y promueve la absorción de tratamientos.", bentoComponent: "reveal-icon", icon: Wind
},
{
title: "Crema Hidratante Sellante", description: "Aplicación final de crema premium que sella la hidratación y proporciona protección con efecto duradero.", bentoComponent: "reveal-icon", icon: Droplet
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
plans={[
{
id: "hydration-standard", tag: "Facial Hidratante Estándar", price: "$65.000", period: "/sesión", description: "Tratamiento completo de hidratación con productos profesionales para piel seca o deshidratada.", button: { text: "Reservar", href: "#contact" },
featuresTitle: "Incluye:", features: [
"Limpieza profunda profesional", "Exfoliación suave", "Serum hidratante", "Mascarilla nutritiva", "Hidratante final", "Duración: 60 minutos", "Resultados visibles inmediatos"
]
},
{
id: "hydration-premium", tag: "Facial Hidratación Premium", price: "$95.000", period: "/sesión", description: "Experiencia completa con productos premium, masaje facial y tratamientos especializados para hidratación máxima.", button: { text: "Reservar", href: "#contact" },
featuresTitle: "Incluye:", features: [
"Consulta de tipo de piel", "Limpieza profunda con vapor", "Exfoliación profesional", "Serum hidratante premium", "Mascarilla especializada", "Masaje facial relajante", "Contorno de ojos tratado", "Duración: 90 minutos"
]
},
{
id: "hydration-intensive", tag: "Tratamiento Intensivo Renovador", price: "$125.000", period: "/sesión", description: "Protocolo completo de hidratación intensiva con tratamientos avanzados y productos de alta concentración para piel rejuvenecida.", button: { text: "Reservar", href: "#contact" },
featuresTitle: "Incluye:", features: [
"Análisis profesional de piel", "Limpieza profunda con desincustración", "Exfoliación química suave", "Serum con ácido hialurónico concentrado", "Mascarilla hidratante premium", "Masaje facial y cervical", "Tratamiento de contorno e area delicadas", "Crema nutritiva sellante premium", "Duración: 120 minutos", "Plan de cuidado en casa incluido"
]
}
]}
title="Paquetes de Tratamiento Facial de Hidratación"
description="Cada tratamiento está personalizado según tu tipo de piel. Utilizamos productos profesionales premium para resultados duraderos y visibles."
tag="Opciones de Tratamiento"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas Frecuentes sobre Facial de Hidratación"
description="Resuelve tus dudas sobre nuestro tratamiento facial de hidratación intensiva y sus beneficios."
title="Servicio de Hidratación Facial"
description="Descubre cómo nuestro tratamiento de hidratación transforma tu piel."
faqs={[
{
id: "1", title: "¿Cuánto tiempo duran los resultados del facial hidratante?", content: "Los resultados son visibles inmediatamente después del tratamiento. La piel se mantiene hidratada y radiante entre 2-3 semanas. Para resultados óptimos, recomendamos un tratamiento cada 3-4 semanas."
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: "¿Es seguro para todo tipo de piel?", content: "Sí, adaptamos el tratamiento a tu tipo específico de piel. Realizamos consulta previa para garantizar compatibilidad con productos. Informamos de cualquier sensibilidad o condición preexistente."
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: "¿Puedo aplicar maquillaje después del tratamiento?", content: "Recomendamos esperar al menos 2-3 horas para permitir que la piel absorba completamente los productos. Si debes maquillarte antes, usamos productos de maquillaje profesional hipoalergénico."
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áles son los cuidados post-tratamiento?", content: "Evita agua muy caliente por 24 horas, usa protector solar diariamente, y aplica la crema hidratante recomendada. Evita productos con ácidos o retinol durante 48 horas."
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: "¿Puedo hacer este facial si tengo acné?", content: "Sí, realizamos faciales hidratantes seguros para piel con acné. Utilizamos productos no comedogénicos y adaptamos la técnica. Consulta primero para evaluar tu condición."
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: "¿Puedo combinar este facial con otros tratamientos?", content: "Sí, muchos clientes combinan hidratación con tratamientos anti-edad u otros servicios. Recomendamos espaciar tratamientos invasivos. Nuestros expertos te aconsejarán la mejor combinación."
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."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/facial-spa-treatment-woman-face-mask_23-2149360792.jpg"
imageAlt="Tratamiento facial profesional de hidratación"
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="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu Cita"
title="Piel Hidratada y Radiante te Espera"
description="Suscríbete a nuestro newsletter para recibir consejos de hidratación, rutinas de cuidado diario, promociones exclusivas y actualizaciones sobre nuevos tratamientos."
background={{ variant: "aurora" }}
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="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>
@@ -184,18 +105,27 @@ export default function FacialHydrationPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Facial Hidratante", href: "/facial-hydration" },
{ label: "Diseño de Cejas", href: "/henna-eyebrow-design" },
{ label: "Maquillaje de Noche", href: "/glamorous-evening-makeup" },
{ label: "Spa Pedicure", href: "/spa-pedicure" }
{ 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: "/#about" },
{ label: "Testimonios", href: "/#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
@@ -207,7 +137,7 @@ export default function FacialHydrationPage() {
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

256
src/app/facial-massage/page.tsx
View File

@@ -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>
);
}
}