Add src/app/facial-hydration/page.tsx
This commit is contained in:
215
src/app/facial-hydration/page.tsx
Normal file
215
src/app/facial-hydration/page.tsx
Normal file
@@ -0,0 +1,215 @@
|
||||
"use client";
|
||||
|
||||
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 (
|
||||
<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" }
|
||||
]}
|
||||
button={{ text: "Reservar Cita", href: "contact" }}
|
||||
brandName="Cloud Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Tratamientos", href: "#services" }
|
||||
]}
|
||||
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"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Facial de Hidratación"
|
||||
description="Resuelve tus dudas sobre nuestro tratamiento facial de hidratación intensiva y sus beneficios."
|
||||
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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facial-spa-treatment-woman-face-mask_23-2149360792.jpg"
|
||||
imageAlt="Tratamiento facial profesional de hidratación"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</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" }}
|
||||
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: "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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre Nosotros", href: "/#about" },
|
||||
{ label: "Testimonios", href: "/#testimonials" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ 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."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user