Add src/app/deep-facial-cleansing/page.tsx
This commit is contained in:
203
src/app/deep-facial-cleansing/page.tsx
Normal file
203
src/app/deep-facial-cleansing/page.tsx
Normal file
@@ -0,0 +1,203 @@
|
||||
"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, Droplets, Wind, Shield } from 'lucide-react';
|
||||
|
||||
export default function DeepFacialCleansingPage() {
|
||||
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="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."
|
||||
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 limpieza facial profunda"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas sobre Limpieza Facial Profunda"
|
||||
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
|
||||
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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
|
||||
imageAlt="Tratamiento profesional de limpieza facial"
|
||||
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="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" }}
|
||||
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: "Limpieza Facial Profunda", href: "#process" },
|
||||
{ label: "Maquillaje Profesional", href: "/" },
|
||||
{ label: "Cuidado de Uñas", href: "/" },
|
||||
{ label: "Cejas y Pestañas", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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: "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