6 Commits

6 changed files with 265 additions and 720 deletions

View File

@@ -3,13 +3,9 @@
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 (
@@ -19,7 +15,7 @@ export default function GlamorousEveningMakeupPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -28,10 +24,10 @@ export default function GlamorousEveningMakeupPage() {
<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: "Servicios", id: "/" },
{ name: "Productos", id: "#products" },
{ name: "Nosotros", id: "#about" },
{ name: "Testimonios", id: "#testimonials" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reservar Cita", href: "contact" }}
@@ -42,139 +38,64 @@ export default function GlamorousEveningMakeupPage() {
<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."
description="Maquillaje profesional especializado para eventos nocturnos. Efectos deslumbrantes, colores vibrantes y técnicas de contorno avanzadas. Un look sofisticado que dura toda la noche."
buttons={[
{ text: "Reservar Cita", href: "contact" },
{ text: "Ver Diseños", href: "#services" }
{ text: "Ver Más Servicios", href: "/" }
]}
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"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/glamorous-evening-makeup-professional-artist_273609-4891.jpg"
imageAlt="Maquillaje glamoroso para 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">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas Frecuentes sobre Maquillaje Glamoroso"
description="Resuelve tus dudas sobre nuestro servicio de maquillaje para eventos especiales."
title="Servicio de Maquillaje Glamoroso"
description="Todo lo que necesitas saber sobre nuestro maquillaje profesional para la noche."
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: "1", title: "¿Qué técnicas utilizan para el maquillaje glamoroso?", content: "Utilizamos técnicas avanzadas de contorno y sombreado, highlighting estratégico, y aplicación profesional de productos de larga duración. Combinamos colores complementarios con precisión artística para crear looks deslumbrantes."
},
{
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: "2", title: "¿Cuánto tiempo dura el maquillaje de noche?", content: "El maquillaje profesional dura 6 a 8 horas sin toques. Utilizamos productos de calidad professional que resisten movimiento, transpiración y contacto. Es resistente al agua y de larga duración para asegurar que te veas perfecta toda la noche."
},
{
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: "3", title: "¿Puedo elegir el tipo de look?", content: "Absolutamente. Ofrecemos una variedad de estilos: smokey eyes clásico, cut crease dramático, glitter creativo, nude sofisticado, o colorido atrevido. Nuestras artistas personalizan cada look según tu estilo, evento y preferencias de color."
},
{
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: "4", title: "¿Qué debo hacer para preparar mi piel?", content: "Te recomendamos llegar con la piel limpia e hidratada. Evita maquillaje previo y bases oleosas. Una piel bien preparada garantiza mejor aplicación y mayor duración. Si tienes piel sensible, avísanos con anticipación."
},
{
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: "5", title: "¿Incluye corrección de cejas y pestañas?", content: "Nuestro servicio de maquillaje glamoroso incluye definición de cejas y aplicación de pestañas postizas si lo deseas. Ambas pueden mejorar significativamente el impacto general del look. Las pestañas postizas son opcionales pero altamente recomendadas."
},
{
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."
id: "6", title: "¿Cómo cuido el maquillaje durante la noche?", content: "Evita frotar tu cara, mantén blotting papers a mano para toques rápidos, y evita ambientes muy húmedos si es posible. Para mayor duración, aplica setting spray al final. Si algo se corre, un blotting paper o toallita húmeda lo soluciona fácilmente."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-with-evening-makeup_23-2149360899.jpg"
imageAlt="Maquillaje glamoroso profesional"
videoSrc="http://img.b2bpic.net/free-video/glamorous-makeup-application_8912.mp4"
videoAriaLabel="Video del maquillaje glamoroso profesional"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu 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" }}
tag="Reserva Ahora"
title="Brilla con nuestro maquillaje glamoroso"
description="Sé la estrella de la noche con un maquillaje profesional deslumbrante. Nuestras artistas crearán un look que te haga sentir segura y bella."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Suscribirse"
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -184,18 +105,27 @@ export default function GlamorousEveningMakeupPage() {
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: "/" }
{ 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: "/#about" },
{ label: "Testimonios", href: "/#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
@@ -207,7 +137,7 @@ export default function GlamorousEveningMakeupPage() {
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

View File

@@ -3,13 +3,9 @@
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 (
@@ -19,7 +15,7 @@ export default function HennaEyebrowDesignPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -28,10 +24,10 @@ export default function HennaEyebrowDesignPage() {
<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: "Servicios", id: "/" },
{ name: "Productos", id: "#products" },
{ name: "Nosotros", id: "#about" },
{ name: "Testimonios", id: "#testimonials" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reservar Cita", href: "contact" }}
@@ -41,140 +37,65 @@ export default function HennaEyebrowDesignPage() {
<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."
logoText="Diseño de Cejas con Henna"
description="Arte profesional de diseño de cejas con henna. Cejas perfectamente delineadas, naturales y duraderas. Servicio especializado que realza tu mirada y define tu rostro con elegancia."
buttons={[
{ text: "Reservar Cita", href: "contact" },
{ text: "Ver Servicios", href: "#services" }
{ text: "Ver Más Servicios", href: "/" }
]}
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"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/henna-eyebrow-design-professional_273609-4895.jpg"
imageAlt="Diseño de cejas con henna"
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">
<div id="service-details" data-section="service-details">
<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."
title="Servicio de Diseño de Cejas con Henna"
description="Todo lo que necesitas saber sobre nuestro servicio profesional de henna para cejas."
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: "1", title: "¿Qué es el henna para cejas?", content: "El henna es un tinte natural derivado de plantas que se utiliza para colorear y definir las cejas. A diferencia de otros tintes, el henna es seguro, natural, hipoalergénico y proporciona un color intenso y duradero sin dañar los vellos."
},
{
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: "2", title: "¿Cuánto dura el henna en las cejas?", content: "El henna dura entre 3 a 6 semanas, dependiendo de tu tipo de piel, cuidados posteriores y velocidad de crecimiento. Muchas personas notan que el color comienza a decolorarse gradualmente después de 4 semanas. Los retoques son económicos y rápidos."
},
{
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: "3", title: "¿Es seguro usar henna si tengo piel sensible?", content: "Sí, el henna es completamente seguro y natural. De hecho, es ideal para piel sensible ya que es hipoalergénico y no contiene químicos agresivos. Realizamos una prueba de alergia 24 horas antes para garantizar tu seguridad si es tu primera vez."
},
{
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: "4", title: "¿Duele el procedimiento?", content: "No, el procedimiento es completamente indoloro. Solo sientes una sensación de frescor mientras aplicamos el henna. Es una experiencia relajante que dura aproximadamente 1 hora desde el diseño hasta el resultado final."
},
{
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: "5", title: "¿Puedo elegir el color y forma de mis cejas?", content: "Absolutamente. Nuestras especialistas son expertas en análisis facial y diseño de cejas. Analizamos la forma de tu rostro, tus características faciales y tus preferencias. Ofrecemos diferentes tonos de henna y podemos diseñar cejas arqueadas, rectas o en tendencia según desees."
},
{
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."
id: "6", title: "¿Qué cuidados debo tener después del procedimiento?", content: "Evita agua y productos químicos por las primeras 24 horas después de la aplicación. Mantén la zona seca, no exfolies el área, evita sudoración excesiva, y evita saunas o piscinas. Usa protector solar en la zona. Mantén las cejas hidratadas con aceite de coco o aceite de almendra."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/eyebrow-tinting-henna-dye_23-2148987453.jpg"
imageAlt="Procedimiento profesional de henna para cejas"
videoSrc="http://img.b2bpic.net/free-video/henna-eyebrow-design_7891.mp4"
videoAriaLabel="Video del diseño profesional de cejas con henna"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu 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" }}
tag="Reserva Ahora"
title="Diseña tus cejas perfectas con henna"
description="Nuestras especialistas crearán el diseño ideal para tu rostro. Cejas hermosas que realzan tu mirada de manera natural."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Suscribirse"
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -184,18 +105,27 @@ export default function HennaEyebrowDesignPage() {
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: "/" }
{ 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: "/#about" },
{ label: "Testimonios", href: "/#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
@@ -207,7 +137,7 @@ export default function HennaEyebrowDesignPage() {
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

View File

@@ -3,14 +3,9 @@
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 (
@@ -20,7 +15,7 @@ export default function RadiofrequencyFacialPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -29,10 +24,10 @@ export default function RadiofrequencyFacialPage() {
<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: "Servicios", id: "/" },
{ name: "Productos", id: "#products" },
{ name: "Nosotros", id: "#about" },
{ name: "Testimonios", id: "#testimonials" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reservar Cita", href: "contact" }}
@@ -42,197 +37,65 @@ export default function RadiofrequencyFacialPage() {
<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."
logoText="Facial de Radiofrecuencia Avanzada"
description="Tratamiento no invasivo con tecnología de radiofrecuencia. Reafirma la piel, reduce arrugas y flacidez. Resultados visibles en firmeza, elasticidad y juventud de la piel."
buttons={[
{ text: "Reservar Cita", href: "contact" },
{ text: "Conoce el Servicio", href: "#benefits" }
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65627.jpg"
imageAlt="Tratamiento de radiofrecuencia facial"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/radiofrequency-facial-treatment-technology_273609-4899.jpg"
imageAlt="Tratamiento facial con radiofrecuencia"
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">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas Frecuentes - Radiofrecuencia Facial"
description="Resuelve todas tus dudas sobre este tratamiento revolucionario."
title="Servicio de Facial con Radiofrecuencia"
description="Todo lo que necesitas saber sobre nuestro tratamiento avanzado de radiofrecuencia."
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: "1", title: "¿Qué es la radiofrecuencia facial?", content: "La radiofrecuencia es una tecnología no invasiva que utiliza ondas electromagnéticas para calentar las capas profundas de la piel. Este calor estimula la producción de colágeno y elastina, resultando en piel más firme, joven y radiante sin procedimientos quirúrgicos."
},
{
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: "2", title: "¿Cuáles son los beneficios del tratamiento?", content: "Mejora la firmeza y elasticidad de la piel, reduce líneas de expresión y arrugas profundas, disminuye la flacidez facial y del cuello, estimula la producción de colágeno, mejora la textura general, y deja la piel más joven, radiante y rejuvenecida."
},
{
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: "3", title: "¿Duele el tratamiento de radiofrecuencia?", content: "Es mínimamente incómodo. Sientes calor controlado en la piel, pero no hay dolor. El tratamiento es bien tolerado por la mayoría de los pacientes. Muchas personas lo describen como una sensación agradable de calor terapéutico similar a un masaje facial caliente."
},
{
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: "4", title: "¿Cuánto tiempo dura una sesión?", content: "Una sesión típica dura entre 30 a 45 minutos. El tiempo puede variar según el área tratada y el protocolo específico. No requiere tiempo de recuperación y puedes retomar tus actividades inmediatamente después del tratamiento."
},
{
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: "5", title: "¿Con qué frecuencia debo hacer radiofrecuencia?", content: "Se recomienda una sesión cada 2 a 4 semanas para resultados óptimos. Muchas personas ven resultados después de 1 a 2 sesiones. Para mantenimiento a largo plazo, sesiones cada 4 a 6 semanas son ideales. Tu especialista personalizará el plan según tu piel."
},
{
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."
id: "6", title: "¿Es seguro el tratamiento para toda la piel?", content: "Sí, es seguro para la mayoría de los tipos de piel. Adaptamos la intensidad según tu tipo y sensibilidad. Evitamos ciertas condiciones como implantes metálicos o marcapasos. Siempre realizamos una consulta inicial para garantizar que seas candidato ideal para el tratamiento."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-receiving-facial-spa-treatment-beauty-salon_1163-3933.jpg"
imageAlt="Tratamiento radiofrecuencia facial en Cloud Studio"
videoSrc="http://img.b2bpic.net/free-video/radiofrequency-facial-treatment_9234.mp4"
videoAriaLabel="Video del tratamiento facial con radiofrecuencia"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaPosition="right"
/>
</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" }}
tag="Reserva Ahora"
title="Rejuvenece tu piel con radiofrecuencia"
description="Experimenta la transformación no invasiva. Nuestra tecnología avanzada te ayudará a lograr una piel más firme, joven y radiante."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Suscribirse"
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -242,32 +105,41 @@ export default function RadiofrequencyFacialPage() {
columns={[
{
title: "Servicios", items: [
{ label: "Radiofrecuencia Facial", href: "/radiofrequency-facial" },
{ label: "Masaje Facial", href: "/facial-massage" },
{ label: "Maquillaje Profesional", href: "/" },
{ label: "Tratamientos Faciales", 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: "#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
title: "Información", items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Política de Cancelación", href: "#" },
{ label: "Política de Cookies", href: "#" },
{ label: "Política de Devoluciones", href: "#" }
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Radiofrecuencia Facial - Belleza y bienestar integral."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>
);
}
}

View File

@@ -3,14 +3,9 @@
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 (
@@ -20,7 +15,7 @@ export default function SocialMakeupPage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -29,15 +24,11 @@ export default function SocialMakeupPage() {
<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" }
{ 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"
@@ -46,147 +37,47 @@ export default function SocialMakeupPage() {
<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."
logoText="Maquillaje Social y Eventos"
description="Maquillaje profesional perfecto para eventos sociales. Looks frescos, naturales y favorecedores. Diseñados para lucir hermosa en fotos, videos y en persona durante todo el evento."
buttons={[
{ text: "Agendar Sesión", href: "contact" },
{ text: "Ver Servicios", href: "#features" }
{ text: "Reservar Cita", href: "contact" },
{ text: "Ver Más Servicios", href: "/" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-with-professional-makeup_273609-4289.jpg"
imageAlt="Maquillaje social profesional"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/social-event-makeup-professional-artist_273609-4890.jpg"
imageAlt="Maquillaje profesional para eventos sociales"
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">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas sobre Maquillaje Social"
description="Conoce más detalles sobre nuestros servicios de maquillaje profesional."
title="Servicio de Maquillaje Social"
description="Todo lo que necesitas saber sobre nuestro maquillaje profesional para eventos sociales."
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: "1", title: "¿Qué diferencia hay entre maquillaje social y glamoroso?", content: "El maquillaje social es más fresco y natural, diseñado para lucir hermosa sin parecer que llevas mucho maquillaje. El maquillaje glamoroso es más dramático y llamativo. Ambos son profesionales, pero el social enfatiza belleza natural mientras que el glamoroso busca impacto visual."
},
{
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: "2", title: "¿Cuánto tiempo dura una sesión de maquillaje social?", content: "Una sesión típica dura entre 45 a 60 minutos. Incluye análisis de tu tono de piel, diseño personalizado, aplicación completa y detalles finales. Si es para fotografía profesional, puede tomar un poco más para asegurar que se vea perfecto en cámara."
},
{
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: "3", title: "¿Puedo llevar maquillaje social a una boda?", content: "Sí, absolutamente. El maquillaje social es perfecto para bodas cuando quieres ser hermosa pero no el centro de atención. Si prefieres algo más dramático, puedes elegir nuestro servicio de maquillaje glamoroso. Ambos estilos funcionan bien para bodas según tus preferencias."
},
{
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: "4", title: "¿Cómo sé si el color elegido es el correcto?", content: "Nuestras artistas expertos analizan tu tono de piel, color de ojos y cabello para recomendarte los colores más favorecedores. Podemos hacer pruebas de colores antes del evento. Si vas a usar un vestido específico, trae una foto o la prenda para asegurar que los colores combinen perfectamente."
},
{
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: "5", title: "¿Duración del maquillaje social durante el evento?", content: "El maquillaje social dura 4 a 6 horas sin toques. Utilizamos productos de calidad profesional que resisten movimiento y transpiración. Te proporcionamos blotting papers y un pequeño kit de retoque para que puedas mantener tu look perfecto durante todo el evento."
},
{
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."
id: "6", title: "¿Puedo agendar maquillaje el día del evento?", content: "Sí, ofrecemos citas de maquillaje el mismo día del evento. Se recomienda agendar con anticipación para asegurar disponibilidad en la hora que prefieres. Típicamente, es mejor hacerse el maquillaje 1 a 2 horas antes del evento para lucir fresca."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/makeup-artist-applying-makeup_273609-4293.jpg"
imageAlt="Proceso de maquillaje profesional"
videoSrc="http://img.b2bpic.net/free-video/social-makeup-application_7654.mp4"
videoAriaLabel="Video de maquillaje profesional para eventos sociales"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
@@ -197,14 +88,14 @@ export default function SocialMakeupPage() {
<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" }}
tag="Reserva Ahora"
title="Luce hermosa en tu próximo evento"
description="Nuestras artistas crearán un maquillaje personalizado que te haga sentir segura y bella. Perfecto para cualquier ocasión social."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Agendar"
termsText="Al contactarnos aceptas recibir información sobre servicios de maquillaje y eventos."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -213,39 +104,40 @@ export default function SocialMakeupPage() {
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: "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: "Tarifas", items: [
{ label: "Maquillaje Diario", href: "#pricing" },
{ label: "Maquillaje de Gala", href: "#pricing" },
{ label: "Maquillaje Novia", href: "#pricing" },
{ label: "Paquete MultiEventos", href: "#pricing" }
title: "Productos", items: [
{ label: "iS Clinical", href: "/" },
{ label: "Centella's", href: "/" },
{ label: "Skincare Premium", href: "/" },
{ label: "Consulta Personalizada", href: "contact" }
]
},
{
title: "Cloud Studio", items: [
{ label: "Inicio", href: "/" },
{ label: "Todos los Servicios", href: "/#services" },
{ label: "Contacto", href: "#contact" },
{ label: "Preguntas Frecuentes", href: "#faq" }
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 Cancelación", href: "#" },
{ label: "Cuidado del Maquillaje", href: "#" }
{ label: "Política de Cookies", href: "#" },
{ label: "Política de Devoluciones", href: "#" }
]
}
]}
copyrightText="© 2025 Cloud Studio. Expertos en maquillaje social profesional."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

View File

@@ -3,13 +3,9 @@
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 (
@@ -19,7 +15,7 @@ export default function SpaPedicurePage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -28,10 +24,10 @@ export default function SpaPedicurePage() {
<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: "Servicios", id: "/" },
{ name: "Productos", id: "#products" },
{ name: "Nosotros", id: "#about" },
{ name: "Testimonios", id: "#testimonials" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reservar Cita", href: "contact" }}
@@ -41,140 +37,65 @@ export default function SpaPedicurePage() {
<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."
logoText="Spa Pedicura Relajante"
description="Experiencia completa de pedicura en un ambiente spa relajante. Exfoliación, masaje, hidratación y diseño de uñas profesional. Pies suave, saludables y hermosos."
buttons={[
{ text: "Reservar Cita", href: "contact" },
{ text: "Ver Precios", href: "#pricing" }
{ text: "Ver Más Servicios", href: "/" }
]}
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"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/spa-pedicure-service-relaxation_273609-4900.jpg"
imageAlt="Servicio de pedicura spa profesional"
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">
<div id="service-details" data-section="service-details">
<FaqSplitMedia
title="Preguntas Frecuentes sobre Spa Pedicure"
description="Resuelve tus dudas sobre nuestro servicio de spa pedicure, cuidados y disponibilidad."
title="Servicio de Spa Pedicura"
description="Descubre la experiencia completa de relajación y cuidado de pies que ofrecemos."
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: "1", title: "¿Qué incluye el servicio de spa pedicura?", content: "Nuestro servicio completo incluye: remojo de pies en agua tibia aromática, exfoliación suave, eliminación de callosidades, masaje de pies y pantorrillas, hidratación intensiva, cuidado de uñas, aplicación de esmalte o diseño personalizado. Toda la experiencia dura 60 a 90 minutos."
},
{
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: "2", title: "¿Cómo es la experiencia en ambiente spa?", content: "Nuestro spa ofrece un ambiente relajante con música suave, iluminación tenue y aromas calmantes. Te relajarás completamente mientras nuestros especialistas cuidan tus pies. Ofrecemos bebidas complementarias, mantas cómodas y almohadas para tu máximo confort."
},
{
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: "3", title: "¿Puedo elegir el diseño de las uñas?", content: "Completamente. Ofrecemos esmalte liso en múltiples colores, diseños creativos, nail art, ombre, degradados, y más. Puedes traer referencias de diseños que te gusten. Nuestras especialistas son artistas profesionales que pueden crear cualquier diseño que imagines."
},
{
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: "4", title: "¿Es seguro para pies sensibles o con problemas?", content: "Sí. Adaptamos el servicio según tus necesidades. Para pies sensibles, usamos productos suaves y técnicas delicadas. Si tienes hongos, cortes o problemas específicos, comunícalo con anticipación. Podemos trabajar alrededor de problemas o recomendar tratamientos específicos si es necesario."
},
{
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: "5", title: "¿Cuánto dura el esmalte aplicado?", content: "El esmalte regular dura 5 a 7 días con cuidados normales. Ofrecemos esmalte de gel semi-permanente que dura 2 a 3 semanas sin despintarse. Ambas opciones mantienen un acabado perfecto durante el período indicado. Recomendamos retoques cada 4 semanas para lucir siempre perfecta."
},
{
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."
id: "6", title: "¿Con qué frecuencia debo hacerme pedicura?", content: "Para mantener tus pies suaves y saludables, recomendamos pedicura cada 3 a 4 semanas. Si usas mucho tacones o pasas tiempo de pie, podrías hacer cada 2 semanas. Para mantenimiento básico, mensual es ideal. Nuestras especialistas te recomendarán la frecuencia ideal según tu caso."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-spa-procedures_23-2149359317.jpg"
imageAlt="Tratamiento spa pedicure profesional"
videoSrc="http://img.b2bpic.net/free-video/spa-pedicure-service_8234.mp4"
videoAriaLabel="Video del servicio profesional de spa pedicura"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserva Tu 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" }}
tag="Reserva Ahora"
title="Relájate con nuestra experiencia spa"
description="Dedícate tiempo a ti misma. Nuestro servicio de pedicura spa te dejará con pies hermosos y una sensación de relajación total."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="tu@email.com"
buttonText="Suscribirse"
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
buttonText="Reservar Cita"
termsText="Al reservar aceptas recibir confirmación y detalles de tu cita. Respetamos tu privacidad."
/>
</div>
@@ -184,18 +105,27 @@ export default function SpaPedicurePage() {
columns={[
{
title: "Servicios", items: [
{ label: "Spa Pedicure", href: "/spa-pedicure" },
{ label: "Maquillaje", href: "/" },
{ label: "Tratamientos Faciales", href: "/" },
{ label: "Cejas y Pestañas", href: "/" }
{ 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: "/#about" },
{ label: "Testimonios", href: "/#testimonials" },
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" }
{ label: "Sobre Nosotros", href: "/" },
{ label: "Testimonios", href: "/" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "contact" }
]
},
{
@@ -207,7 +137,7 @@ export default function SpaPedicurePage() {
]
}
]}
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados."
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral."
/>
</div>
</ThemeProvider>

View File

@@ -1,51 +1,42 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: 'normal' | 'bold' | 'bolder';
letterSpacing?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 48,
fontWeight = 'bold',
letterSpacing = 0,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${className}`}
preserveAspectRatio="xMidYMid meet"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="currentColor"
fontFamily="system-ui, -apple-system, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;