Add src/app/eyelash-extensions/page.tsx
This commit is contained in:
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user