Add src/app/chemical-exfoliation/page.tsx
This commit is contained in:
207
src/app/chemical-exfoliation/page.tsx
Normal file
207
src/app/chemical-exfoliation/page.tsx
Normal file
@@ -0,0 +1,207 @@
|
||||
"use client";
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
{ name: "Inicio", id: "/" }
|
||||
]}
|
||||
button={{ text: "Reservar Cita", href: "contact" }}
|
||||
brandName="Cloud Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Volver al Inicio", 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"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas sobre Exfoliación Química"
|
||||
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
|
||||
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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
|
||||
imageAlt="Tratamiento profesional de exfoliación química"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</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" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Suscribirse"
|
||||
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
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: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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: "Empresa", items: [
|
||||
{ label: "Sobre Nosotros", href: "/" },
|
||||
{ label: "Testimonios", href: "/" },
|
||||
{ label: "Preguntas Frecuentes", href: "/" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Cookies", href: "#" },
|
||||
{ label: "Política de Devoluciones", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user