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