Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
145
src/app/acrylic-nails/page.tsx
Normal file
145
src/app/acrylic-nails/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function AcrylicNailsPage() {
|
||||
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: "/" },
|
||||
{ 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="Uñas Acrílicas Premium"
|
||||
description="Diseños personalizados con tecnología y estilo. Desde acrílicos clásicos hasta nail art exclusivo. Durabilidad, resistencia y belleza garantizada con productos de primera calidad."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Más Servicios", href: "/" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manicure-nail-art-design-beauty-salon_273609-4571.jpg"
|
||||
imageAlt="Uñas acrílicas profesionales premium"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-details" data-section="service-details">
|
||||
<FaqSplitMedia
|
||||
title="Servicio de Uñas Acrílicas"
|
||||
description="Descubre todo lo que necesitas saber sobre nuestro servicio profesional de uñas acrílicas."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuál es la diferencia entre acrílicos y geles?", content: "Los acrílicos ofrecen mayor durabilidad (3-4 semanas) y resistencia, ideales para diseños complejos. Los geles son más flexibles y fáciles de remover. En Cloud Studio ofrecemos ambas opciones según tus preferencias."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuánto duran las uñas acrílicas?", content: "Las uñas acrílicas duran entre 3 y 4 semanas. Realizamos retoques cada 2-3 semanas para mantener el diseño perfecto. El tiempo exacto depende del crecimiento natural de tu uña."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Dañan las uñas acrílicas?", content: "Cuando se aplican y remueven correctamente, no dañan tus uñas naturales. En Cloud Studio usamos técnicas profesionales y productos premium para proteger la salud de tus uñas."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Cuáles son los diseños disponibles?", content: "Ofrecemos desde diseños clásicos y minimalistas hasta nail art complejo con cristales, glitter, degradados y stamping. Nuestras artistas crean diseños personalizados según tus preferencias e inspiración."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Cómo cuido mis uñas acrílicas?", content: "Evita exposición prolongada al agua, usa guantes al limpiar, mantén las manos hidratadas y visita retoques cada 3 semanas. Evita usar las uñas como herramientas. Nuestro equipo te dará instrucciones detalladas."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Puedo hacer ejercicio con uñas acrílicas?", content: "Sí, pero toma precauciones adicionales. Usa guantes durante ejercicios intensos o deportes de contacto. Las uñas acrílicas bien aplicadas son resistentes pero requieren cuidado especial durante actividades físicas."
|
||||
}
|
||||
]}
|
||||
videoSrc="http://img.b2bpic.net/free-video/nail-salon-service_8451.mp4"
|
||||
videoAriaLabel="Video de servicio de uñas acrílicas profesionales"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Ahora"
|
||||
title="Agenda tu cita de uñas acrílicas"
|
||||
description="Nuestras artistas están listas para crear el diseño perfecto para ti. Elige tu horario preferido y déjate sorprender por la calidad de nuestro servicio."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Reservar Cita"
|
||||
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
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: "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: "/" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
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>
|
||||
);
|
||||
}
|
||||
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>
|
||||
);
|
||||
}
|
||||
203
src/app/eyebrow-waxing/page.tsx
Normal file
203
src/app/eyebrow-waxing/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, Zap, Shield, Heart } from 'lucide-react';
|
||||
|
||||
export default function EyebrowWaxingPage() {
|
||||
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="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."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Volver al Inicio", 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"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas sobre Depilación de Cejas"
|
||||
description="Resuelve todas tus dudas sobre este tratamiento especializado y sus beneficios."
|
||||
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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"
|
||||
imageAlt="Resultado profesional de depilación de cejas"
|
||||
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="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" }}
|
||||
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: "Depilación de Cejas", href: "#process" },
|
||||
{ label: "Maquillaje Profesional", href: "/" },
|
||||
{ label: "Cuidado de Uñas", href: "/" },
|
||||
{ label: "Tratamientos Faciales", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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: "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>
|
||||
);
|
||||
}
|
||||
260
src/app/eyelash-extensions/page.tsx
Normal file
260
src/app/eyelash-extensions/page.tsx
Normal file
@@ -0,0 +1,260 @@
|
||||
"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 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 (
|
||||
<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: "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" }
|
||||
]}
|
||||
button={{ text: "Reservar Cita", href: "contact" }}
|
||||
brandName="Cloud Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
buttons={[
|
||||
{ text: "Reservar Consulta", href: "contact" },
|
||||
{ text: "Ver Galería", href: "#gallery" }
|
||||
]}
|
||||
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"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Extensiones de Pestañas"
|
||||
description="Resuelve todas tus dudas sobre nuestro servicio de extensiones de pestañas."
|
||||
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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Reservar Cita"
|
||||
termsText="Al contactarnos aceptas recibir información sobre nuestros servicios de extensiones de pestañas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
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: "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: "Cloud Studio", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Todos los Servicios", href: "/#services" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Especialistas en extensiones de pestañas premium."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
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>
|
||||
);
|
||||
}
|
||||
305
src/app/facial-massage/page.tsx
Normal file
305
src/app/facial-massage/page.tsx
Normal file
@@ -0,0 +1,305 @@
|
||||
"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 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 (
|
||||
<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: "Inicio", id: "/" },
|
||||
{ name: "Radiofrecuencia", id: "/radiofrequency-facial" },
|
||||
{ name: "Masaje Facial", id: "/facial-massage" },
|
||||
{ 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="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."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Conoce el Servicio", href: "#benefits" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-neck-massage-spa-salon_1163-3941.jpg"
|
||||
imageAlt="Masaje facial relajante"
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes - Masaje Facial"
|
||||
description="Todo lo que necesitas saber sobre nuestro servicio de 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: "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: "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: "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: "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: "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."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-woman-receiving-facial-spa-salon_1163-3949.jpg"
|
||||
imageAlt="Masaje facial relajante en Cloud Studio"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</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" }}
|
||||
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: "Radiofrecuencia Facial", href: "/radiofrequency-facial" },
|
||||
{ label: "Masaje Facial", href: "/facial-massage" },
|
||||
{ label: "Maquillaje Profesional", href: "/" },
|
||||
{ label: "Tratamientos Faciales", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre Nosotros", href: "/" },
|
||||
{ label: "Testimonios", href: "#testimonials" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Información", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Cancelación", href: "#" },
|
||||
{ label: "Política de Devoluciones", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Masaje Facial - Belleza y bienestar integral."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
215
src/app/glamorous-evening-makeup/page.tsx
Normal file
215
src/app/glamorous-evening-makeup/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, Eye, Palette, Wand2 } from 'lucide-react';
|
||||
|
||||
export default function GlamorousEveningMakeupPage() {
|
||||
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="Maquillaje Glamoroso para la Noche"
|
||||
description="Realza tu belleza con maquillaje profesional artístico diseñado para eventos, cenas y ocasiones especiales. Técnica experta combinada con productos de lujo para un look impecable."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Diseños", href: "#services" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/makeup-artist-applying-makeup-woman-face-beauty-salon_158595-7718.jpg"
|
||||
imageAlt="Maquillaje glamoroso profesional de noche"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Tu belleza merecida: brillo, elegancia y" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-woman-evening-makeup-makeup-artist-holds-palette-brushes_169016-13491.jpg", alt: "Maquillaje artístico glamoroso" },
|
||||
{ type: "text", content: "confianza para la noche perfecta" }
|
||||
]}
|
||||
buttons={[{ text: "Explorar Estilos", href: "#services" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Estilos de Maquillaje Glamoroso Disponibles"
|
||||
description="Desde looks clásicos elegantes hasta diseños atrevidos y modernos. Cada estilo es personalizado para realzar tus facciones y adaptarse a tu ocasión especial."
|
||||
tag="Nuestras Especialidades"
|
||||
features={[
|
||||
{
|
||||
title: "Look Smokey Eye Clásico", description: "Combinación de tonos oscuros difuminados en los párpados para un efecto ahumado sofisticado y elegante.", bentoComponent: "reveal-icon", icon: Eye
|
||||
},
|
||||
{
|
||||
title: "Maquillaje Luminoso y Brillante", description: "Acabados brillantes con iluminadores estratégicos para un look radiante que destaca bajo luz artificial.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Look Dramático y Audaz", description: "Líneas de delineador precisas, sombras intensas y colores vibrantes para un impacto visual máximo.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "Maquillaje Natural Mejorado", description: "Resalta tu belleza natural con técnicas sutiles pero efectivas que realzan sin exagerar.", bentoComponent: "reveal-icon", icon: Wand2
|
||||
},
|
||||
{
|
||||
title: "Delineado de Precisión", description: "Técnica de microperfeccionamiento de cejas con delineador profesional para definición impeccable.", bentoComponent: "reveal-icon", icon: Eye
|
||||
},
|
||||
{
|
||||
title: "Labios de Impacto", description: "Desde rojos clásicos hasta tonos metálicos y mates. Aplicación profesional con técnica de definición perfecta.", bentoComponent: "reveal-icon", icon: Palette
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "evening-makeup", tag: "Maquillaje Noche Estándar", price: "$55.000", period: "/sesión", description: "Maquillaje profesional completo para eventos y cenas. Incluye aplicación de base, sombras, delineador y labios.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Preparación y primer de piel", "Base y corrector profesional", "Sombras y delineador artístico", "Aplicación de labios", "Duración: 60 minutos", "Consejo de cuidado post-maquillaje"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium-evening-makeup", tag: "Maquillaje Glamoroso Premium", price: "$85.000", period: "/sesión", description: "Experiencia de maquillaje de lujo con diseño personalizado y productos premium para un look impactante.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Consulta de estilo personalizado", "Preparación avanzada de piel", "Productos profesionales premium", "Técnica de difuminación experta", "Delineador de precisión artístico", "Aplicación de labios con definición perfecta", "Duración: 90 minutos", "Retoque antes del evento"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "bridal-glamorous-makeup", tag: "Maquillaje Novia Glamoroso", price: "$120.000", period: "/sesión", description: "Diseño especializado para bodas y eventos de máxima importancia con durabilidad extendida y acabado impecable.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Consulta previa completa", "Prueba de maquillaje (si lo deseas)", "Productos de larga duración", "Maquillaje resistente al agua", "Técnicas profesionales avanzadas", "Aplicación con productos mates y brillantes", "Duración: 120 minutos", "Retoque incluido el día del evento"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Paquetes de Maquillaje Glamoroso"
|
||||
description="Cada paquete está diseñado para darte la confianza y belleza que mereces. Utilizamos productos profesionales de las mejores marcas."
|
||||
tag="Precios y Opciones"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Maquillaje Glamoroso"
|
||||
description="Resuelve tus dudas sobre nuestro servicio de maquillaje para eventos especiales."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuánto tiempo dura el maquillaje después del evento?", content: "Con nuestros productos profesionales de larga duración, el maquillaje se mantiene impecable durante 8-10 horas. Aplicamos técnicas y productos resistentes al agua para máxima durabilidad."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Puedo solicitar un estilo específico?", content: "Por supuesto. Te recomendamos traer fotos de referencias o describir el look que deseas. En la consulta inicial trabajaremos juntas para crear el diseño perfecto."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Qué debo hacer si tengo piel sensible?", content: "Contáctanos antes de reservar para discutir tus necesidades. Usamos productos hipoalergénicos y podemos hacer una prueba de sensibilidad. Disponemos de opciones seguras para todo tipo de piel."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Ofrecen servicio a domicilio para eventos?", content: "Sí, ofrecemos maquillaje a domicilio para eventos especiales como bodas, aniversarios y fiestas. Contáctanos para consultar disponibilidad y costos de traslado."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Cuánto tiempo antes debo reservar?", content: "Recomendamos reservar con 2-3 semanas de anticipación para eventos importantes. Aceptamos reservas de último momento según disponibilidad."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Incluye maquillaje de cejas en el servicio?", content: "Sí, todas nuestras opciones incluyen diseño y maquillaje de cejas. Puedes solicitar estilos específicos o dejarte aconsejar por nuestros expertos."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-with-evening-makeup_23-2149360899.jpg"
|
||||
imageAlt="Maquillaje glamoroso profesional"
|
||||
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="Brilla en tu Próximo Evento"
|
||||
description="Suscríbete a nuestro newsletter para recibir tendencias de maquillaje, tips de belleza, promociones exclusivas y actualizaciones sobre nuevos diseños."
|
||||
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: "Maquillaje de Noche", href: "/glamorous-evening-makeup" },
|
||||
{ label: "Spa Pedicure", href: "/spa-pedicure" },
|
||||
{ label: "Tratamientos Faciales", href: "/" },
|
||||
{ label: "Cejas y Pestañas", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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>
|
||||
);
|
||||
}
|
||||
215
src/app/henna-eyebrow-design/page.tsx
Normal file
215
src/app/henna-eyebrow-design/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, Brush, Crown, Eye } from 'lucide-react';
|
||||
|
||||
export default function HennaEyebrowDesignPage() {
|
||||
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="Diseño de Cejas con Henna Artístico"
|
||||
description="Transforma tus cejas con nuestro servicio profesional de henna. Coloración duradera, diseño personalizado y forma perfecta que realza tu mirada con técnicas ancestrales y modernas."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Servicios", href: "#services" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eyebrow-lamination-and-henna-eyebrow-tinting-procedure_23-2149625865.jpg"
|
||||
imageAlt="Diseño de cejas con henna profesional"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Cejas perfectas con" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-eyebrow-care-professional-makeup-artist-plucking_23-2149623654.jpg", alt: "Diseño artístico de cejas" },
|
||||
{ type: "text", content: "henna natural, duradero y personalizado" }
|
||||
]}
|
||||
buttons={[{ text: "Conocer Técnicas", href: "#services" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Servicios de Diseño de Cejas con Henna"
|
||||
description="Desde coloración hasta diseño completo. Cada servicio es personalizado para complementar tu rostro y realzar tu belleza natural con tecnología profesional."
|
||||
tag="Nuestras Técnicas"
|
||||
features={[
|
||||
{
|
||||
title: "Henna Profesional de Cejas", description: "Coloración duradera con henna natural que se mantiene 3-4 semanas sin dañar la piel ni el pelo.", bentoComponent: "reveal-icon", icon: Brush
|
||||
},
|
||||
{
|
||||
title: "Diseño de Forma Perfecta", description: "Técnica de medidas profesionales para crear la forma ideal que complementa tus facciones y estructura ósea.", bentoComponent: "reveal-icon", icon: Crown
|
||||
},
|
||||
{
|
||||
title: "Laminado de Cejas", description: "Tratamiento que fija los pelos de las cejas en una posición elevada para un look más definido y volumizado.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Perfilado Artístico", description: "Aplicación de henna en los bordes para crear definición y simetría perfecta con apariencia natural.", bentoComponent: "reveal-icon", icon: Eye
|
||||
},
|
||||
{
|
||||
title: "Coloración Correctiva", description: "Soluciones profesionales para corregir coloraciones anteriores o uniformar el tono de las cejas.", bentoComponent: "reveal-icon", icon: Brush
|
||||
},
|
||||
{
|
||||
title: "Consulta de Diseño Personalizado", description: "Análisis facial completo para determinar el diseño y color que mejor se adapta a tu tono de piel y rostro.", bentoComponent: "reveal-icon", icon: Crown
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "henna-only", tag: "Henna de Cejas", price: "$35.000", period: "/sesión", description: "Coloración con henna profesional natural para cejas existentes. Resalta el color y define las cejas.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Consulta de color", "Aplicación de henna natural", "Duración: 30 minutos", "Durabilidad: 3-4 semanas", "Sin daño al pelo", "Resultado completamente natural"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "henna-design", tag: "Henna + Diseño de Cejas", price: "$55.000", period: "/sesión", description: "Servicio completo: diseño de forma perfecta, medidas profesionales y coloración con henna artística.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Análisis facial y consulta personalizada", "Medidas profesionales de simetría", "Diseño de forma perfecta", "Perfilado artístico", "Coloración con henna premium", "Duración: 60 minutos", "Durabilidad: 3-4 semanas"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "henna-lamination", tag: "Henna + Laminado Premium", price: "$85.000", period: "/sesión", description: "Experiencia completa: laminado profesional, diseño experto y henna de calidad premium para cejas perfectas.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Consulta de análisis facial", "Laminado profesional de cejas", "Diseño de forma perfecta", "Perfilado artístico con henna", "Tratamiento nutritivo post-laminado", "Duración: 90 minutos", "Durabilidad: 4-6 semanas", "Cejas volumizadas y definidas"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Paquetes de Diseño de Cejas con Henna"
|
||||
description="Cada paquete incluye consulta personalizada y técnicas profesionales con productos naturales y seguros. Cejas hermosas que duran semanas."
|
||||
tag="Tarifas Profesionales"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Henna de Cejas"
|
||||
description="Resuelve tus dudas sobre el servicio de diseño de cejas con henna y cuidados posteriores."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Es segura la henna para las cejas?", content: "Sí, usamos henna natural pura sin químicos dañinos. Es completamente segura para la piel y el pelo. Realizamos pruebas de alergia si es necesario."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuánto tiempo dura la henna en las cejas?", content: "La henna típicamente dura 3-4 semanas en cejas normales. La durabilidad depende del tipo de piel, exfoliación y cuidados posteriores. Con laminado, puede durar hasta 6 semanas."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Qué cuidados debo tener después del servicio?", content: "Evita agua caliente en la zona por 24 horas, no apliques productos grasos inmediatamente, y evita exfoliación en esa área durante una semana. Usa la crema nutritiva que recomendamos."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Puedo elegir el color de la henna?", content: "Totalmente. Ofrecemos una variedad de colores naturales: marrón claro, marrón oscuro, negro, rojo y tonos mixtos. Asesoramos según tu tono de piel."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Es diferente del laminado de cejas?", content: "Sí, son servicios complementarios. Henna es coloración; laminado es un tratamiento que fija y volumiza. Se pueden hacer juntos para efecto máximo."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Qué pasa si no me gusta el resultado?", content: "Si el resultado no cumple tus expectativas, trabajamos contigo para ajustarlo. Realizamos correcciones dentro de 48 horas sin costo adicional."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eyebrow-tinting-henna-dye_23-2148987453.jpg"
|
||||
imageAlt="Procedimiento profesional de henna para cejas"
|
||||
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="Transforma tus Cejas"
|
||||
description="Suscríbete a nuestro newsletter para recibir tips de cuidado de cejas, novedades en técnicas de diseño, promociones exclusivas y actualizaciones de nuestros servicios."
|
||||
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: "Diseño de Cejas", href: "/henna-eyebrow-design" },
|
||||
{ label: "Maquillaje de Noche", href: "/glamorous-evening-makeup" },
|
||||
{ label: "Spa Pedicure", href: "/spa-pedicure" },
|
||||
{ label: "Tratamientos Faciales", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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>
|
||||
);
|
||||
}
|
||||
145
src/app/lash-lifting/page.tsx
Normal file
145
src/app/lash-lifting/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LashLiftingPage() {
|
||||
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: "/" },
|
||||
{ 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="Lash Lifting Profesional"
|
||||
description="Levanta y define tus pestañas naturales sin extensiones. Efecto alisador de pestañas que dura hasta 8 semanas. Realza la mirada y elimina la necesidad de pestañas postizas diarias."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Más Servicios", href: "/" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eyelashes-close-up-beauty-procedure_273609-4895.jpg"
|
||||
imageAlt="Lash lifting profesional de lujo"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-details" data-section="service-details">
|
||||
<FaqSplitMedia
|
||||
title="Servicio de Lash Lifting"
|
||||
description="Todo lo que necesitas saber sobre nuestro innovador servicio de lash lifting y cuidado de pestañas."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Qué es exactamente el Lash Lifting?", content: "El Lash Lifting es un tratamiento semipermanente que levanta y alisa tus pestañas naturales desde la raíz, creando un efecto de rizado permanente. Realza la mirada sin necesidad de extensiones."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuánto duran los resultados del Lash Lifting?", content: "Los resultados duran entre 6 y 8 semanas, dependiendo del ciclo natural de crecimiento de tus pestañas. Ofrecemos retoques cada 6-8 semanas para mantener el efecto."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Es seguro para mis pestañas naturales?", content: "Sí, cuando se realiza correctamente. En Cloud Studio usamos productos seguros y técnicas profesionales que no dañan tus pestañas. Nuestras especialistas están certificadas en este servicio."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Puedo usar maquillaje después del tratamiento?", content: "Se recomienda evitar agua y maquillaje por 24-48 horas después del tratamiento. Después puedes usar maquillaje normalmente. Evita rímel muy pesado para alargar la durabilidad."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Cuánto tiempo dura el procedimiento?", content: "El Lash Lifting toma entre 45 minutos a 1 hora, dependiendo de la densidad y longitud de tus pestañas. Es un proceso relajante que puedes disfrutar sin prisas."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Puedo combinar Lash Lifting con otros servicios?", content: "Sí, muchas clientes combinan Lash Lifting con tintado de pestañas o cejas. Esto potencia el efecto y crea una mirada más definida y dramática."
|
||||
}
|
||||
]}
|
||||
videoSrc="http://img.b2bpic.net/free-video/lash-beauty-treatment_7621.mp4"
|
||||
videoAriaLabel="Video del procedimiento de lash lifting profesional"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Ahora"
|
||||
title="Levanta tu mirada con Lash Lifting"
|
||||
description="Experimenta la transformación de tus pestañas naturales. Nuestras especialistas crearán el efecto perfecto para realzar tu mirada."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Reservar Cita"
|
||||
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
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: "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: "/" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
@@ -43,7 +43,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Cloud Studio"
|
||||
description="Tu espacio de bienestar y estética integral. Servicios premium de maquillaje, uñas, tratamientos faciales, corporales y cuidado experto en cejas y pestañas."
|
||||
description="Tu espacio de bienestar y estética integral. Servicios premium de maquillaje, uñas, tratamientos faciales, corporales, radiofrecuencia facial, masaje facial y cuidado experto en cejas y pestañas."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Conoce Nuestros Servicios", href: "services" }
|
||||
@@ -108,13 +108,13 @@ export default function LandingPage() {
|
||||
title: "Tratamientos Faciales", description: "Limpiezas profundas, hidratación y tratamientos anti-edad personalizados.", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
title: "Cejas y Pestañas", description: "Lifting, laminado, extensiones y diseño experto en cejas y pestañas.", bentoComponent: "line-chart"
|
||||
title: "Radiofrecuencia Facial", description: "Tecnología RF para lifting, reducción de arrugas y rejuvenecimiento sin cirugía.", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Masajes Terapéuticos", description: "Relajación y bienestar con técnicas de masaje profesional y descontracturante.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
title: "Masaje Facial", description: "Relajación, mejora de circulación y rejuvenecimiento con técnicas ancestrales y modernas.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Tratamientos Corporales", description: "Presoterapia, maderoterapia y tratamientos de modelado corporal integrales.", bentoComponent: "globe"
|
||||
title: "Cejas y Pestañas", description: "Lifting, laminado, extensiones y diseño experto en cejas y pestañas.", bentoComponent: "globe"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -126,7 +126,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Cloud Studio cambió completamente mi relación con el cuidado personal. Los profesionales son expertos, los productos son de primera calidad y la experiencia es totalmente relajante. Recomiendo ampliamente."
|
||||
testimonial="Cloud Studio cambió completamente mi relación con el cuidado personal. Los profesionales son expertos, los productos son de primera calidad y la experiencia es totalmente relajante. Recomiendo ampliamente todos sus servicios."
|
||||
rating={5}
|
||||
author="María González, Cliente Regular"
|
||||
avatars={[
|
||||
@@ -158,7 +158,7 @@ export default function LandingPage() {
|
||||
id: "3", title: "¿Los tratamientos son personalizados?", content: "Sí, cada cliente recibe una evaluación inicial para crear un plan de tratamiento personalizado según sus necesidades específicas de piel y objetivos de belleza."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Cuánto duran típicamente los tratamientos?", content: "La duración varía según el servicio: maquillaje (45-90 min), manicura/pedicura (60-90 min), faciales (60-120 min), tratamientos de cejas y pestañas (30-45 min)."
|
||||
id: "4", title: "¿Cuánto duran típicamente los tratamientos?", content: "La duración varía según el servicio: maquillaje (45-90 min), manicura/pedicura (60-90 min), faciales (60-120 min), radiofrecuencia (60 min), masaje facial (50 min), cejas y pestañas (30-45 min)."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Ofrecen paquetes o membresías?", content: "Sí, disponemos de paquetes especiales y planes de membresía con descuentos exclusivos para clientes frecuentes. Contacta para conocer nuestras promociones actuales."
|
||||
@@ -199,7 +199,7 @@ export default function LandingPage() {
|
||||
{ label: "Maquillaje Profesional", href: "#services" },
|
||||
{ label: "Cuidado de Uñas", href: "#services" },
|
||||
{ label: "Tratamientos Faciales", href: "#services" },
|
||||
{ label: "Cejas y Pestañas", href: "#services" }
|
||||
{ label: "Radiofrecuencia y Masaje Facial", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
273
src/app/radiofrequency-facial/page.tsx
Normal file
273
src/app/radiofrequency-facial/page.tsx
Normal file
@@ -0,0 +1,273 @@
|
||||
"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 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 { Zap, Sparkles, Clock, Shield } from 'lucide-react';
|
||||
|
||||
export default function RadiofrequencyFacialPage() {
|
||||
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: "Inicio", id: "/" },
|
||||
{ name: "Radiofrecuencia", id: "/radiofrequency-facial" },
|
||||
{ name: "Masaje Facial", id: "/facial-massage" },
|
||||
{ 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="Radiofrecuencia Facial"
|
||||
description="Rejuvenecimiento facial de última generación. Tecnología radiofrecuencia para tensar la piel, reducir arrugas y mejorar la textura. Resultados visibles desde la primera sesión."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Conoce el Servicio", href: "#benefits" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
|
||||
imageAlt="Tratamiento de radiofrecuencia facial"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "La radiofrecuencia facial es la solución" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg", alt: "Tratamiento radiofrecuencia" },
|
||||
{ type: "text", content: "no invasiva para tu juventud y belleza" }
|
||||
]}
|
||||
buttons={[{ text: "Ver Precios", href: "#pricing" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureBento
|
||||
title="Beneficios de la Radiofrecuencia Facial"
|
||||
description="Experimenta los resultados transformadores de esta tecnología de vanguardia en el cuidado facial."
|
||||
tag="Tecnología Premium"
|
||||
features={[
|
||||
{
|
||||
title: "Lifting y Tensión de la Piel", description: "Estimula la producción de colágeno para un lifting natural sin cirugía.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Reducción de Arrugas", description: "Minimiza líneas de expresión y arrugas profundas de manera progresiva.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Mejora de Textura", description: "Refina poros, suaviza la piel y mejora la uniformidad del tono.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Resultados Inmediatos", description: "Notas cambios visibles desde la primera sesión, mejorando con cada tratamiento.", bentoComponent: "reveal-icon", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Tratamiento No Invasivo", description: "Sin agujas, sin incisiones, sin tiempo de recuperación. Seguro y cómodo.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Apto para Todo Tipo de Piel", description: "Efectivo en pieles sensibles, grasas, secas o mixtas. Adaptable a tus necesidades.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Planes de Radiofrecuencia Facial"
|
||||
description="Elige el plan que se adapte a tus objetivos de belleza y bienestar."
|
||||
tag="Precios y Planes"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "single", title: "Sesión Individual", price: "$120.000", period: "por sesión", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-receiving-spa-treatment_107420-33967.jpg", imageAlt: "Sesión individual de radiofrecuencia", button: { text: "Reservar Ahora", href: "contact" },
|
||||
features: [
|
||||
"Sesión de 60 minutos", "Evaluación personalizada", "Tratamiento facial completo", "Mascarilla post-tratamiento", "Productos premium de cuidado"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "package3", title: "Paquete de 3 Sesiones", price: "$310.000", period: "total", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-facial-treatment-beauty-salon_1163-3931.jpg", imageAlt: "Paquete 3 sesiones radiofrecuencia", button: { text: "Comprar Paquete", href: "contact" },
|
||||
features: [
|
||||
"3 sesiones de 60 minutos", "Descuento de $50.000", "Plan personalizado", "Seguimiento profesional", "Resultados garantizados", "Productos de mantenimiento incluidos"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "package6", title: "Plan Integral 6 Sesiones", price: "$600.000", period: "total", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-face-with-perfect-skin_1163-3937.jpg", imageAlt: "Plan completo 6 sesiones", button: { text: "Contratar Plan", href: "contact" },
|
||||
features: [
|
||||
"6 sesiones de 60 minutos", "Descuento de $120.000", "Programa de mantenimiento", "Seguimiento completo", "Rutina personalizada de cuidado", "Productos premium exclusivos", "Prioridad en citas"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureBento
|
||||
title="¿Cómo funciona el tratamiento?"
|
||||
description="Un proceso paso a paso diseñado para tu comodidad y resultados óptimos."
|
||||
tag="Proceso"
|
||||
features={[
|
||||
{
|
||||
title: "Consulta Inicial", description: "Evaluamos tu tipo de piel, necesidades y objetivos para personalizar el tratamiento.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Limpieza Profunda", description: "Preparamos tu piel con una limpieza profesional y exfoliación suave.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Aplicación de Radiofrecuencia", description: "Aplicamos la tecnología RF con movimientos controlados durante 45 minutos.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Mascarilla Reparadora", description: "Aplicamos una mascarilla premium para potenciar resultados y calmar la piel.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Rutina Post-Tratamiento", description: "Te enseñamos el cuidado específico para mantener y potenciar los resultados.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Seguimiento Profesional", description: "Realizamos seguimiento de tu progreso y ajustamos el plan según sea necesario.", bentoComponent: "reveal-icon", icon: Clock
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="El tratamiento de radiofrecuencia facial me sorprendió. Después de tres sesiones mi piel está más firme, las líneas de expresión son mucho menos visibles y tengo un brillo natural. El equipo de Cloud Studio es profesional y atento. Totalmente recomendado."
|
||||
rating={5}
|
||||
author="Sofía Martínez, Empresaria"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-standing-looking-mirror_7502-7379.jpg", alt: "Sofía Martínez" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-cafe_273609-4288.jpg", alt: "Cliente radiofrecuencia" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-face-young-woman-skin-care-concept-closeup-portrait-isolated-white_1258-104364.jpg", alt: "Resultados radiofrecuencia" },
|
||||
{ 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 radiofrecuencia" },
|
||||
{ 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">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes - Radiofrecuencia Facial"
|
||||
description="Resuelve todas tus dudas sobre este tratamiento revolucionario."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Es segura la radiofrecuencia facial?", content: "Sí, es completamente segura. La radiofrecuencia ha sido utilizada en dermatología durante años. Nuestro equipo está certificado y utiliza tecnología de última generación con protocolos de seguridad establecidos."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuántas sesiones necesito para ver resultados?", content: "Muchas personas ven resultados después de la primera sesión. Sin embargo, los mejores resultados se obtienen con 3 a 6 sesiones espaciadas cada 2-3 semanas. El protocolo se personaliza según tu tipo de piel y objetivos."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Hay tiempo de recuperación?", content: "No. La radiofrecuencia es un tratamiento no invasivo sin tiempo de recuperación. Tu piel puede estar ligeramente enrojecida durante 1-2 horas. Puedes retomar tus actividades normales inmediatamente."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Es doloroso el tratamiento?", content: "No es doloroso. Puedes sentir calor agradable durante la sesión. Es un tratamiento cómodo y relajante. Si tienes piel sensible, lo comunicamos antes para ajustar la intensidad."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Cuánto duran los resultados?", content: "Los resultados son progresivos y duraderos. La producción de colágeno continúa hasta 6 meses después de completar el tratamiento. Recomendamos mantenimiento cada 3-4 meses para resultados óptimos."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Puede combinarse con otros tratamientos?", content: "Sí. La radiofrecuencia combina bien con otros tratamientos como faciales, peelings y cuidado con productos profesionales. Consultamos contigo para crear un plan integral personalizado."
|
||||
},
|
||||
{
|
||||
id: "7", title: "¿A partir de qué edad se recomienda?", content: "Es ideal desde los 30 años en adelante para prevención. También es efectiva a cualquier edad para tratamientos correctivos. Realizamos una consulta gratuita para determinar si es adecuada para ti."
|
||||
},
|
||||
{
|
||||
id: "8", title: "¿Puedo hacerme radiofrecuencia si tengo acné o cicatrices?", content: "La radiofrecuencia puede mejorar la apariencia de cicatrices de acné. Sin embargo, si tienes acné activo, recomendamos esperar a que esté controlado. Consultamos contigo en profundidad para el mejor enfoque."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-facial-spa-treatment-beauty-salon_1163-3933.jpg"
|
||||
imageAlt="Tratamiento radiofrecuencia facial en Cloud Studio"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contáctanos"
|
||||
title="Reserva tu sesión de Radiofrecuencia Facial"
|
||||
description="Suscríbete a nuestro newsletter para recibir consejos de cuidado facial, promociones exclusivas en radiofrecuencia 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: "Radiofrecuencia Facial", href: "/radiofrequency-facial" },
|
||||
{ label: "Masaje Facial", href: "/facial-massage" },
|
||||
{ label: "Maquillaje Profesional", href: "/" },
|
||||
{ label: "Tratamientos Faciales", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre Nosotros", href: "/" },
|
||||
{ label: "Testimonios", href: "#testimonials" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Información", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Cancelación", href: "#" },
|
||||
{ label: "Política de Devoluciones", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Radiofrecuencia Facial - Belleza y bienestar integral."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
145
src/app/relaxation-massage/page.tsx
Normal file
145
src/app/relaxation-massage/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function RelaxationMassagePage() {
|
||||
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: "/" },
|
||||
{ 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="Masajes de Relajación"
|
||||
description="Escape del estrés con masajes terapéuticos profesionales. Técnicas de relajación profunda que alivian tensión muscular y promueven el bienestar integral. Descontracturante, sueco y relajación total."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Más Servicios", href: "/" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-massage-therapy-wellness-relaxation_273609-3456.jpg"
|
||||
imageAlt="Masaje terapéutico de relajación profesional"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-details" data-section="service-details">
|
||||
<FaqSplitMedia
|
||||
title="Servicio de Masajes de Relajación"
|
||||
description="Conoce nuestros servicios de masaje terapéutico diseñados para tu bienestar total."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuáles son los tipos de masaje que ofrecen?", content: "Ofrecemos masaje sueco (relajación general), masaje descontracturante (para tensión muscular), masaje terapéutico (específico para dolores), masaje de aromaterapia y masaje relajante con piedras calientes."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuánto duran los masajes?", content: "Nuestros masajes duran entre 45 minutos a 1 hora, dependiendo del tipo seleccionado. Cada sesión es personalizada según tus necesidades y áreas de tensión específicas."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Cuáles son los beneficios del masaje?", content: "Los masajes reduce estrés y ansiedad, alivian dolor muscular y tensión, mejoran la circulación sanguínea, aumentan la flexibilidad, promueven el sueño profundo y mejoran el bienestar mental."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Con qué frecuencia debería recibir masajes?", content: "Recomendamos masajes mensuales para mantenimiento y bienestar. Si tienes dolor específico o estrés alto, masajes quincenales o semanales pueden ser más beneficiosos. Consulta con nuestros terapeutas."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Hay contraindicaciones para recibir masaje?", content: "Generalmente es seguro, pero consulta si tienes condiciones médicas específicas, embarazo, lesiones recientes o operaciones quirúrgicas. Nuestros terapeutas harán evaluación previa."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Usas aceites o loción durante el masaje?", content: "Sí, usamos aceites y lociones profesionales de calidad premium, algunos con aromaterapia. Si tienes piel sensible o alergias, comunícalo para usar productos seguros para ti."
|
||||
}
|
||||
]}
|
||||
videoSrc="http://img.b2bpic.net/free-video/spa-massage-therapy_5678.mp4"
|
||||
videoAriaLabel="Video de sesión de masaje terapéutico y relajación"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Ahora"
|
||||
title="Relájate con nuestros masajes terapéuticos"
|
||||
description="Déjate cuidar por nuestros terapeutas certificados. Un espacio de paz donde tu bienestar es nuestra prioridad."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Reservar Cita"
|
||||
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
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: "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: "/" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
145
src/app/semi-permanent-manicure/page.tsx
Normal file
145
src/app/semi-permanent-manicure/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function SemiPermanentManicurePage() {
|
||||
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: "/" },
|
||||
{ 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="Manicura Semi-Permanente"
|
||||
description="Esmalte de gel duradero con acabado perfecto. Mantén tus uñas impecables hasta 3 semanas sin desconcharse. Colores vibrantes, diseños personalizados y brillo de largo alcance."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Más Servicios", href: "/" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manicure-gel-nails-beauty-salon_273609-5142.jpg"
|
||||
imageAlt="Manicura semi-permanente de gel profesional"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-details" data-section="service-details">
|
||||
<FaqSplitMedia
|
||||
title="Servicio de Manicura Semi-Permanente"
|
||||
description="Descubre la belleza y durabilidad del esmalte de gel semi-permanente."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuál es la diferencia entre gel y esmalte tradicional?", content: "El gel semi-permanente dura 2-3 semanas sin desconcharse, mientras el esmalte tradicional dura 7-10 días. El gel requiere lámpara UV para secar y removedor especial para retirarse."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuánto duran las manicuras de gel?", content: "Las manicuras de gel duran entre 2 y 3 semanas. El tiempo exacto depende del crecimiento natural de tu uña y tus actividades diarias. Ofrecemos servicios de relleno cada 3 semanas."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Dañan las uñas el gel semi-permanente?", content: "No, cuando se aplica y remueve correctamente. En Cloud Studio usamos técnicas profesionales de remoción sin daño y productos de calidad que mantienen tus uñas saludables."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Qué colores y diseños tienen disponibles?", content: "Ofrecemos cientos de colores de gel premium, desde pasteles y nude hasta neons y metallics. También realizamos diseños personalizados con stamping, glitter, rhinestones y nail art custom."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Puedo usar mis uñas normalmente después?", content: "Sí, el gel está completamente seco al salir del salón. Puedes usar tus manos inmediatamente. El gel es resistente a agua, suciedad y actividades cotidianas."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Cómo debo cuidar mis uñas de gel?", content: "Mantén tus manos hidratadas, evita exposición prolongada a productos químicos agresivos, usa guantes al limpiar, y evita usar tus uñas como herramientas. Visita retoques cada 3 semanas."
|
||||
}
|
||||
]}
|
||||
videoSrc="http://img.b2bpic.net/free-video/gel-manicure-application_9234.mp4"
|
||||
videoAriaLabel="Video del procedimiento de manicura semi-permanente de gel"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Ahora"
|
||||
title="Luce uñas perfectas con manicura semi-permanente"
|
||||
description="Elige entre cientos de colores y diseños. Nuestras manicuristas te crearán el look perfecto que dura hasta 3 semanas."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Reservar Cita"
|
||||
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
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: "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: "/" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
253
src/app/social-makeup/page.tsx
Normal file
253
src/app/social-makeup/page.tsx
Normal file
@@ -0,0 +1,253 @@
|
||||
"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 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, Heart, Palette } from 'lucide-react';
|
||||
|
||||
export default function SocialMakeupPage() {
|
||||
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: "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" }
|
||||
]}
|
||||
button={{ text: "Reservar Cita", href: "contact" }}
|
||||
brandName="Cloud Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Maquillaje Social Premium"
|
||||
description="Luce radiante en cada ocasión especial. Nuestras expertas en maquillaje crean looks personalizados que realzan tu belleza natural y te hacen sentir confiada."
|
||||
buttons={[
|
||||
{ text: "Agendar Sesión", href: "contact" },
|
||||
{ text: "Ver Servicios", href: "#features" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-with-professional-makeup_273609-4289.jpg"
|
||||
imageAlt="Maquillaje social profesional"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Maquillaje artístico que realza" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/makeup-artist-applying-makeup-woman-face_1262-14330.jpg", alt: "Aplicación de maquillaje profesional" },
|
||||
{ type: "text", content: "tu belleza única" }
|
||||
]}
|
||||
buttons={[{ text: "Conocer Técnicas", href: "#features" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Servicios de Maquillaje Social"
|
||||
description="Desde maquillaje diario elegante hasta looks de gala, ofrecemos servicios de maquillaje profesional para cada ocasión."
|
||||
tag="Maquillaje Artístico"
|
||||
features={[
|
||||
{
|
||||
title: "Maquillaje Novia", description: "Look impecable y duradero para tu día especial. Diseño personalizado que te haga brillar.", bentoComponent: "reveal-icon", icon: Heart
|
||||
},
|
||||
{
|
||||
title: "Maquillaje Diario", description: "Looks versátiles y naturales para el día a día que realzan tu belleza sin esfuerzo.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Maquillaje de Gala", description: "Looks dramáticos y sofisticados para eventos especiales y celebraciones.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "Maquillaje de Fotografía", description: "Looks optimizados para la cámara que garantizan resultados impactantes en fotos.", bentoComponent: "reveal-icon", icon: Heart
|
||||
},
|
||||
{
|
||||
title: "Maquillaje Artístico", description: "Diseños creativos y temáticos para cualquier ocasión especial o evento.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Sesión de Consulta", description: "Asesoría personalizada para encontrar los looks y colores que mejor te favorecen.", bentoComponent: "reveal-icon", icon: Palette
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Planes de Maquillaje Social"
|
||||
description="Elige el servicio perfecto para tu evento o necesidad."
|
||||
tag="Tarifas"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily", title: "Maquillaje Diario", price: "$35.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/beauty-makeup-face-woman_23-2149213180.jpg", imageAlt: "Maquillaje diario", button: { text: "Reservar", href: "contact" },
|
||||
features: [
|
||||
"Consulta de color y estilo", "Base y contorneado", "Ojos y cejas profesionales", "Labios personalizados", "Duración: 45 minutos", "Maquillaje duradero de 8+ horas"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "gala", title: "Maquillaje de Gala", price: "$60.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-elegant-makeup_273609-4290.jpg", imageAlt: "Maquillaje de gala", button: { text: "Agendar", href: "contact" },
|
||||
features: [
|
||||
"Diseño personalizado de look", "Preparación completa de piel", "Maquillaje dramático y sofisticado", "Contouring y highlighting profesional", "Duración: 60-90 minutos", "Maquillaje ultra resistente", "Toque de polvo fijador premium"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "bridal", title: "Maquillaje Novia Premium", price: "$85.000", period: "/sesión", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-makeup_273609-4291.jpg", imageAlt: "Maquillaje de novia", button: { text: "Consultar", href: "contact" },
|
||||
features: [
|
||||
"Sesión de prueba incluida", "Diseño personalizado para tu boda", "Preparación de piel profesional", "Maquillaje nupcial impecable", "Look duradero 12+ horas", "Retoque en vivo durante el evento", "Materiales de lujo importados"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "package", title: "Paquete MultiEventos", price: "$180.000", period: "/3 sesiones", imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-studio-professional_23-2149213190.jpg", imageAlt: "Paquete de maquillaje", button: { text: "Unirse", href: "contact" },
|
||||
features: [
|
||||
"3 sesiones de maquillaje a elección", "Consulta personalizada inicial", "Diseño de looks versátiles", "Asesoría en colores y estilos", "Materiales premium incluidos", "Validez por 6 meses", "Descuento adicional en servicios"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Mi maquillaje en Cloud Studio fue perfecto para mi boda. La maquillista fue experta, creó exactamente el look que imaginaba, y el maquillaje se vio hermoso en todas las fotos. Dura todo el día sin retoques. Totalmente recomendado para cualquier evento especial."
|
||||
rating={5}
|
||||
author="Daniela Fernández, Novia 2024"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-bride-makeup_273609-4289.jpg", alt: "Daniela Fernández" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-professional-makeup_93675-133185.jpg", alt: "Cliente Cloud Studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-makeup_23-2149213195.jpg", alt: "Cliente satisfecho" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-makeup_273609-4292.jpg", alt: "Cliente Cloud Studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-makeup-look_23-2149213200.jpg", alt: "Cliente regular" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-glam-makeup_93675-133190.jpg", alt: "Cliente satisfecho Cloud Studio" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas sobre Maquillaje Social"
|
||||
description="Conoce más detalles sobre nuestros servicios de maquillaje profesional."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuánto tiempo dura una sesión de maquillaje?", content: "La duración varía según el tipo: maquillaje diario (45 min), gala (60-90 min), y novia (90-120 min). Te recomendamos llegar con el cabello y skincare listos para optimizar el tiempo."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Necesito preparar mi piel antes de la cita?", content: "Sí, recomendamos llegar con la piel limpia e hidratada. Si es posible, realiza un facial o exfoliación suave 2-3 días antes. Evita productos muy pesados la noche anterior."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿El maquillaje es resistente al agua y sudor?", content: "Sí, usamos maquillaje profesional resistente al agua y sudor. Sin embargo, es importante tener toallitas desmaquillantes para toques rápidos si es necesario durante eventos muy largos."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Puedo solicitar una prueba antes de mi evento especial?", content: "Absolutamente. Ofrecemos sesiones de prueba para novias y eventos especiales. Es ideal para asegurar que estés completamente satisfecho con el look final."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Usan productos hipoalergénicos?", content: "Sí, usamos productos profesionales de marcas reconocidas. Si tienes piel sensible o alergias específicas, avísanos con anticipación para usar alternativas seguras."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Incluyen desmaquillante después?", content: "Te proporcionamos toallitas desmaquillantes profesionales. Para una limpieza profunda, recomendamos usar un desmaquillante de calidad en casa y luego tu limpiador habitual."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/makeup-artist-applying-makeup_273609-4293.jpg"
|
||||
imageAlt="Proceso de maquillaje profesional"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Tu Look"
|
||||
title="Brilla en tu próximo evento"
|
||||
description="Contáctanos para reservar tu sesión de maquillaje social. Nuestras expertas crearán el look perfecto para ti."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Agendar"
|
||||
termsText="Al contactarnos aceptas recibir información sobre servicios de maquillaje y eventos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios de Maquillaje", items: [
|
||||
{ label: "Maquillaje Diario", href: "#features" },
|
||||
{ label: "Maquillaje de Gala", href: "#features" },
|
||||
{ label: "Maquillaje Novia", href: "#features" },
|
||||
{ label: "Maquillaje Artístico", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Tarifas", items: [
|
||||
{ label: "Maquillaje Diario", href: "#pricing" },
|
||||
{ label: "Maquillaje de Gala", href: "#pricing" },
|
||||
{ label: "Maquillaje Novia", href: "#pricing" },
|
||||
{ label: "Paquete MultiEventos", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cloud Studio", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Todos los Servicios", href: "/#services" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Cancelación", href: "#" },
|
||||
{ label: "Cuidado del Maquillaje", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Expertos en maquillaje social profesional."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
215
src/app/spa-pedicure/page.tsx
Normal file
215
src/app/spa-pedicure/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, Leaf } from 'lucide-react';
|
||||
|
||||
export default function SpaPedicurePage() {
|
||||
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="Spa Pedicure Premium"
|
||||
description="Tratamiento completo de relajación y belleza para tus pies. Utilizamos técnicas profesionales y productos de primera calidad para brindarte una experiencia de spa incomparable."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Precios", href: "#pricing" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-female-legs-spa-foot-treatment_23-2149359325.jpg"
|
||||
imageAlt="Spa Pedicure Premium - Tratamiento de pies"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "La experiencia de" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-foot-spa-massage_23-2149447893.jpg", alt: "Masaje de pedicura relajante" },
|
||||
{ type: "text", content: "relax y renovación que tus pies merecen" }
|
||||
]}
|
||||
buttons={[{ text: "Conocer Detalles", href: "#services" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Lo Que Incluye Nuestro Spa Pedicure"
|
||||
description="Un tratamiento integral diseñado para la renovación, relajación y cuidado completo de tus pies con técnicas profesionales y productos premium."
|
||||
tag="Detalles del Servicio"
|
||||
features={[
|
||||
{
|
||||
title: "Remojo Relajante", description: "Baño aromático de pies en agua tibia con sales minerales y aceites esenciales para suavizar la piel.", bentoComponent: "reveal-icon", icon: Droplet
|
||||
},
|
||||
{
|
||||
title: "Exfoliación Profunda", description: "Eliminación de células muertas con productos exfoliantes profesionales para piel suave y renovada.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Masaje Terapéutico", description: "Masaje relajante de pies y pantorrillas con técnicas de reflexología para mejorar la circulación.", bentoComponent: "reveal-icon", icon: Wind
|
||||
},
|
||||
{
|
||||
title: "Hidratación Intensiva", description: "Aplicación de cremas y lociones premium para nutrición profunda y suavidad duradera de la piel.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Diseño de Uñas", description: "Corte, limado y diseño profesional de uñas con colores y acabados a tu elección.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Acabado Brillante", description: "Aplicación de esmalte gel de larga duración con topcoat protector para un acabado impecable y duradero.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "express-pedicure", tag: "Pedicure Express", price: "$45.000", period: "/sesión", description: "Perfecto para mantenimiento regular. Incluye limpieza, corte, diseño y esmalte.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Remojo y exfoliación", "Corte y limado", "Esmalte convencional", "Duración: 45 minutos"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "spa-pedicure-premium", tag: "Spa Pedicure Premium", price: "$75.000", period: "/sesión", description: "La experiencia completa de spa. Relax total con todos nuestros tratamientos incluidos.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Remojo aromático con sales minerales", "Exfoliación profunda", "Masaje terapéutico de pies y pantorrillas", "Hidratación intensiva", "Diseño y esmalte gel", "Duración: 75 minutos"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "spa-pedicure-gel", tag: "Spa Pedicure con Gel", price: "$85.000", period: "/sesión", description: "Nuestro tratamiento premium con esmalte gel de larga duración y diseños personalizados.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Todos los servicios Premium", "Esmalte gel de alta calidad", "Diseño personalizado o decoración", "Top coat protector premium", "Duración: 90 minutos", "Durabilidad: 3-4 semanas"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Planes de Spa Pedicure"
|
||||
description="Elige el plan perfecto para tu experiencia de relajación y belleza. Todos nuestros servicios utilizan productos profesionales de primera calidad."
|
||||
tag="Precios y Paquetes"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Spa Pedicure"
|
||||
description="Resuelve tus dudas sobre nuestro servicio de spa pedicure, cuidados y disponibilidad."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Con qué frecuencia debo hacerme un spa pedicure?", content: "Recomendamos cada 3-4 semanas para mantener tus pies en perfecto estado. Si usas esmalte gel, puedes espaciarlas más. Para mantenimiento regular, cada 2-3 semanas es ideal."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuál es la diferencia entre esmalte convencional y gel?", content: "El esmalte convencional dura 7-10 días y se remueve fácilmente. El esmalte gel dura 3-4 semanas, es más resistente y brinda un acabado más duradero. Es perfecto si buscas resultados de larga duración."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Es seguro el spa pedicure para pieles sensibles?", content: "Sí, nuestros productos son hipoalergénicos y seguros. Comunícanos cualquier alergia o sensibilidad durante la consulta inicial para adaptar los productos según tus necesidades."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Puedo llevar a mis hijos al servicio?", content: "Por supuesto. Ofrecemos pedicures infantiles adaptados con productos seguros y técnicas apropiadas. Consulta disponibilidad y precios especiales para menores."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Qué cuidados debo tener después del tratamiento?", content: "Evita agua caliente por 24 horas, no uses zapatos cerrados inmediatamente si es posible, y aplica la loción que recomendamos diariamente. Con esmalte gel, evita productos químicos fuertes."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Ofrecen servicios de spa pedicure a domicilio?", content: "Actualmente nuestros servicios son en studio para garantizar calidad y comodidad. Contáctanos para consultar sobre futuras opciones de servicios a domicilio."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-spa-procedures_23-2149359317.jpg"
|
||||
imageAlt="Tratamiento spa pedicure profesional"
|
||||
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="Experimenta el Lujo del Spa Pedicure"
|
||||
description="Suscríbete a nuestro newsletter para recibir promociones exclusivas en spa pedicure, tips de cuidado de pies y actualizaciones sobre nuevos diseños y 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: "Spa Pedicure", href: "/spa-pedicure" },
|
||||
{ label: "Maquillaje", href: "/" },
|
||||
{ label: "Tratamientos Faciales", href: "/" },
|
||||
{ label: "Cejas y Pestañas", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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