315 lines
19 KiB
TypeScript
315 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, CheckCircle, Diamond, Heart, Palette, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Sobre Nosotros", id: "#sobre-nosotros"},
|
|
{
|
|
name: "Servicios", id: "#servicios"},
|
|
{
|
|
name: "Portafolio", id: "#portafolio"},
|
|
{
|
|
name: "Por Qué Elegirnos", id: "#por-que-elegirnos"},
|
|
{
|
|
name: "Testimonios", id: "#testimonios"},
|
|
{
|
|
name: "Proceso", id: "#proceso"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
brandName="Elegance Events"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="Transformamos Momentos en Experiencias Inolvidables."
|
|
description="En Elegance Events, cada evento es una obra maestra de diseño, creatividad y ejecución impecable. Su visión, nuestra pasión."
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Cotización", href: "#contacto"},
|
|
{
|
|
text: "Agenda una Consulta", href: "#contacto"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/vase-with-iris-flowers-stands-table-with-food-restaurant_8353-11469.jpg"
|
|
imageAlt="Evento de gala con decoración lujosa y luces"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-relaxed-couple-drinking-beer-chatting-outdoors_74855-2924.jpg", alt: "Cliente sonriente 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-interracial-young-couple-showing-digital-tablet_23-2148151871.jpg", alt: "Cliente sonriente 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/group-women-posing-together-while-holding-books_23-2148440533.jpg", alt: "Cliente sonriente 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-his-hand-hips-looking-camera_23-2148120096.jpg", alt: "Cliente sonriente 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-windowsill-home-texting-her-phone-communication-female-looking-message-phone-cheerful-smile-use-internet-modern-smartphone_231208-14223.jpg", alt: "Cliente sonriente 5"},
|
|
]}
|
|
avatarText="+1000 Clientes Satisfechos"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Diseño Exclusivo", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text", text: "Coordinación Perfecta"},
|
|
{
|
|
type: "text-icon", text: "Creatividad Ilimitada", icon: Palette,
|
|
},
|
|
{
|
|
type: "text", text: "Momentos Inolvidables"},
|
|
{
|
|
type: "text-icon", text: "Servicio Premium", icon: Diamond,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre-nosotros" data-section="sobre-nosotros">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Nuestra Pasión: Diseñar Celebraciones que Perduran."
|
|
description="Somos una agencia boutique dedicada a la creación de eventos de lujo. Combinamos la planeación estratégica con una creatividad sin límites para ofrecer experiencias únicas y personalizadas, superando las expectativas en cada detalle. Desde bodas de ensueño hasta eventos corporativos impactantes, nos encargamos de cada faceta para que usted disfrute de la celebración."
|
|
bulletPoints={[
|
|
{
|
|
title: "Experiencia Comprobada", description: "Años de trayectoria creando eventos inolvidables para clientes exigentes.", icon: Award,
|
|
},
|
|
{
|
|
title: "Atención Personalizada", description: "Un equipo dedicado que se adapta a sus necesidades y visiones.", icon: Heart,
|
|
},
|
|
{
|
|
title: "Ejecución Impecable", description: "Controlamos cada detalle para garantizar la perfección en cada momento.", icon: CheckCircle,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753662.jpg"
|
|
imageAlt="Equipo de planeación de eventos revisando detalles en una oficina elegante"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Planeación de Bodas", description: "Transformamos su día especial en un cuento de hadas con elegancia y sin estrés.", imageSrc: "http://img.b2bpic.net/free-photo/pink-white-chrysanthemums-hang-threads-from-ceiling_1304-3324.jpg", imageAlt: "Boda de lujo con decoración floral"},
|
|
{
|
|
title: "XV Años de Lujo", description: "Creamos una celebración mágica y sofisticada, marcando un hito inolvidable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pregnant-woman-with-big-belly-studio_1157-26328.jpg", imageAlt: "Fiesta de XV años con decoración lujosa"},
|
|
{
|
|
title: "Eventos Corporativos Premium", description: "Desde lanzamientos de productos hasta galas, su evento corporativo causará impacto.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-store-assistant-helping-regular-client-with-suit_482257-88621.jpg", imageAlt: "Evento corporativo premium con proyección"},
|
|
{
|
|
title: "Cumpleaños y Celebraciones", description: "Diseñamos fiestas personalizadas que reflejan su estilo y superan sus expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-covered-with-orange-white-confetti-desk_23-2148092558.jpg", imageAlt: "Celebración de cumpleaños elegante"},
|
|
{
|
|
title: "Graduaciones Exclusivas", description: "Celebre sus logros con un evento tan distinguido como su esfuerzo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-wine-glasses_23-2148893908.jpg", imageAlt: "Graduación con decoración sofisticada"},
|
|
{
|
|
title: "Eventos Privados a Medida", description: "Cualquier ocasión especial, diseñada y ejecutada con total discreción y lujo.", imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-posing-with-wine_23-2148454083.jpg", imageAlt: "Evento privado íntimo con mesa decorada"},
|
|
]}
|
|
title="Nuestros Servicios Exclusivos."
|
|
description="Desde íntimas celebraciones hasta grandes producciones, ofrecemos una gama completa de servicios para asegurar el éxito y la distinción de su evento."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portafolio" data-section="portafolio">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Gala", name: "Cena de Gala Benéfica", price: "Personalizado", rating: 5,
|
|
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/glance-path-lies-garlands-made-threads-with-chrysanthemum-buds_1304-3347.jpg", imageAlt: "Mesa de cena de gala con decoración floral y luces"},
|
|
{
|
|
id: "p2", brand: "Bodas", name: "Boda en Jardín Botánico", price: "Personalizado", rating: 5,
|
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-outdoors_23-2149617132.jpg", imageAlt: "Boda al aire libre con arco de flores y asientos"},
|
|
{
|
|
id: "p3", brand: "Eventos Temáticos", name: "Fiesta Temática Vintage", price: "Personalizado", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-party-confetti_158595-3937.jpg", imageAlt: "Decoración de fiesta temática con elementos vintage"},
|
|
{
|
|
id: "p4", brand: "Florales", name: "Diseño Floral Exclusivo", price: "Personalizado", rating: 5,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910671.jpg", imageAlt: "Impresionante arreglo floral como centro de mesa"},
|
|
{
|
|
id: "p5", brand: "Ambientación", name: "Iluminación Dramática para Eventos", price: "Personalizado", rating: 5,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/bright-stage-lit-by-modern-halogen-lights-generated-by-ai_188544-43275.jpg", imageAlt: "Diseño de iluminación sofisticado en un evento"},
|
|
{
|
|
id: "p6", brand: "Montajes", name: "Montaje de Mesa Gourmet", price: "Personalizado", rating: 5,
|
|
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/shot-white-flower-bouquets-pillar-candles-gold-candelabra-wedding-table_181624-14995.jpg", imageAlt: "Detalle de una elegante mesa puesta para una cena"},
|
|
]}
|
|
title="Un Vistazo a Nuestras Creaciones."
|
|
description="Explore nuestra galería de eventos, donde cada imagen cuenta la historia de una experiencia perfectamente orquestada y bellamente diseñada, transmitiendo el lujo y la atención al detalle que nos caracterizan."
|
|
/>
|
|
</div>
|
|
|
|
<div id="por-que-elegirnos" data-section="por-que-elegirnos">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="¿Por Qué Elegir la Excelencia con Elegance Events?"
|
|
tag="Nuestra Distinción"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "Planeación Personalizada", description: "Cada evento es diseñado a la medida de sus sueños y necesidades."},
|
|
{
|
|
id: "m2", value: "Atención Minuciosa", description: "Cuidamos cada pequeño detalle para una ejecución impecable."},
|
|
{
|
|
id: "m3", value: "Equipo Profesional", description: "Expertos apasionados comprometidos con la excelencia."},
|
|
{
|
|
id: "m4", value: "Experiencias Exclusivas", description: "Creamos momentos únicos que superan cualquier expectativa."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "¡Un Evento Impecable!", quote: "Elegance Events superó todas nuestras expectativas para la boda de nuestros sueños. Cada detalle fue perfecto, desde la planeación inicial hasta el último baile. ¡Inolvidable!", name: "Sofía y Marco R.", role: "Novios", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-laughing-girl-back_1153-2732.jpg", imageAlt: "Pareja sonriente después de su boda"},
|
|
{
|
|
id: "t2", title: "Profesionalismo y Elegancia", quote: "La organización de nuestra gala corporativa fue impecable. El equipo de Elegance Events demostró un profesionalismo excepcional y un gusto exquisito. Los recomiendo ampliamente.", name: "Carlos G.", role: "CEO, Tech Solutions", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395399.jpg", imageAlt: "Empresario sonriente en un evento"},
|
|
{
|
|
id: "t3", title: "Magia en Cada Detalle", quote: "Mi fiesta de XV años fue exactamente como la imaginé, o incluso mejor. La decoración, la música, la comida... todo fue mágico. Gracias por hacer mi sueño realidad.", name: "Valentina S.", role: "Celebrante de XV años", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-groom-outdoors_23-2149580395.jpg", imageAlt: "Joven sonriente en su fiesta de XV años"},
|
|
{
|
|
id: "t4", title: "Sin Estrés, Pura Alegría", quote: "Contratar a Elegance Events para el cumpleaños de mi esposo fue la mejor decisión. No me preocupé por nada y pude disfrutar de la celebración junto a él. ¡Todo fluyó a la perfección!", name: "Ana M.", role: "Clienta particular", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-sitting-office-desk_482257-127147.jpg", imageAlt: "Mujer sonriente disfrutando de un evento"},
|
|
{
|
|
id: "t5", title: "Visión Convertida en Realidad", quote: "Teníamos una visión muy específica para nuestro lanzamiento de producto y Elegance Events no solo la entendió, sino que la elevó a un nivel extraordinario. El impacto fue masivo.", name: "Ricardo L.", role: "Director de Marketing, Innovate Co.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", imageAlt: "Ejecutivo sonriente y profesional"},
|
|
]}
|
|
title="Voces de Satisfacción."
|
|
description="La confianza de nuestros clientes es el pilar de nuestro éxito. Lea lo que dicen de sus experiencias inolvidables, celebradas con la distinción y profesionalismo que nos caracteriza."
|
|
/>
|
|
</div>
|
|
|
|
<div id="proceso" data-section="proceso">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "step1", title: "1. Consulta Inicial", content: "Comenzamos escuchando sus ideas, sueños y requisitos. Entendemos su visión y la esencia que desea para su evento."},
|
|
{
|
|
id: "step2", title: "2. Planeación Personalizada", content: "Desarrollamos una propuesta detallada y un concepto creativo, ajustándonos a su presupuesto y expectativas específicas."},
|
|
{
|
|
id: "step3", title: "3. Diseño del Evento", content: "Creamos la estética y el ambiente, seleccionando la decoración, mobiliario, iluminación y todos los elementos visuales."},
|
|
{
|
|
id: "step4", title: "4. Coordinación Logística", content: "Gestionamos todos los proveedores, permisos y cronogramas, asegurando que cada aspecto esté sincronizado a la perfección."},
|
|
{
|
|
id: "step5", title: "5. Ejecución del Evento", content: "Supervisamos y coordinamos en sitio para que todo se desarrolle sin contratiempos, tal como fue planeado."},
|
|
{
|
|
id: "step6", title: "6. Experiencia Memorable", content: "Usted disfruta de un evento excepcional mientras nosotros nos encargamos de que cada momento sea inolvidable y fluya con naturalidad."},
|
|
]}
|
|
title="Nuestro Proceso Hacia la Perfección."
|
|
description="Cada evento sigue un camino meticuloso, diseñado para garantizar una ejecución impecable y un resultado que supera sus sueños, paso a paso, con total transparencia y dedicación."
|
|
faqsAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Conéctese"
|
|
title="Hablemos de Su Próximo Evento Extraordinario."
|
|
description="Estamos listos para escuchar sus ideas y transformarlas en una celebración sin igual. Contáctenos hoy para comenzar a planificar su experiencia premium."
|
|
buttons={[
|
|
{
|
|
text: "Solicitar una Cotización", href: "mailto:info@eleganceevents.com"},
|
|
{
|
|
text: "WhatsApp", href: "https://wa.me/XXXXXXXXXX"},
|
|
{
|
|
text: "Enviar Correo", href: "mailto:contacto@eleganceevents.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Bodas", href: "#servicios"},
|
|
{
|
|
label: "XV Años", href: "#servicios"},
|
|
{
|
|
label: "Eventos Corporativos", href: "#servicios"},
|
|
{
|
|
label: "Eventos Privados", href: "#servicios"},
|
|
],
|
|
},
|
|
{
|
|
title: "Agencia", items: [
|
|
{
|
|
label: "Sobre Nosotros", href: "#sobre-nosotros"},
|
|
{
|
|
label: "Portafolio", href: "#portafolio"},
|
|
{
|
|
label: "Por Qué Elegirnos", href: "#por-que-elegirnos"},
|
|
{
|
|
label: "Proceso", href: "#proceso"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Solicitar Cotización", href: "#contacto"},
|
|
{
|
|
label: "info@eleganceevents.com", href: "mailto:info@eleganceevents.com"},
|
|
{
|
|
label: "+52 55 1234 5678", href: "tel:+525512345678"},
|
|
{
|
|
label: "Síguenos", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Elegance Events"
|
|
copyrightText="© 2024 Elegance Events. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|