Merge version_2 into main #4
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user