Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-30 15:33:13 +00:00

View File

@@ -28,350 +28,162 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Servicios",
id: "features",
},
{
name: "Galería",
id: "products",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="Ethereal Events"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Servicios", id: "features" },
{ name: "Galería", id: "products" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
]}
brandName="Ethereal Events"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
title="Creamos Momentos Inolvidables"
description="Transformamos sus sueños en realidades barrocas, llenas de elegancia, romance y una atención al detalle exquisita."
buttons={[
{
text: "Planear Evento",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg?_wi=1"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bridal-bouquet-top-view_1304-3781.jpg",
alt: "Bridal bouquet top view",
},
{
src: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg",
alt: "Floral composition and transparent glass engraving plate between candles",
},
{
src: "http://img.b2bpic.net/free-photo/stand-with-bouquet-wedding-ceremony_8353-9840.jpg",
alt: "Stand with bouquet for wedding ceremony",
},
{
src: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363332.jpg",
alt: "Decorative dreamy arrangement with dried flowers",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-champagne-glass_23-2148578914.jpg",
alt: "Close-up champagne glass",
},
]}
avatarText="Más de 500 eventos organizados con éxito"
marqueeItems={[
{
type: "text",
text: "Bodas de Lujo",
},
{
type: "text",
text: "Galas Corporativas",
},
{
type: "text",
text: "Diseño Floral",
},
{
type: "text",
text: "Logística Integral",
},
{
type: "text",
text: "Decoración Barroca",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "radial-gradient" }}
title="Creamos Momentos Inolvidables"
description="Transformamos sus sueños en realidades barrocas, llenas de elegancia, romance y una atención al detalle exquisita."
buttons={[{ text: "Planear Evento", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/bridal-bouquet-top-view_1304-3781.jpg", alt: "Bridal bouquet top view" },
{ src: "http://img.b2bpic.net/free-photo/floral-composition-transparent-glass-engraving-plate-candles_8353-10401.jpg", alt: "Floral composition and transparent glass engraving plate between candles" },
{ src: "http://img.b2bpic.net/free-photo/stand-with-bouquet-wedding-ceremony_8353-9840.jpg", alt: "Stand with bouquet for wedding ceremony" },
{ src: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363332.jpg", alt: "Decorative dreamy arrangement with dried flowers" },
{ src: "http://img.b2bpic.net/free-photo/close-up-champagne-glass_23-2148578914.jpg", alt: "Close-up champagne glass" },
]}
avatarText="Más de 500 eventos organizados con éxito"
marqueeItems={[
{ type: "text", text: "Bodas de Lujo" },
{ type: "text", text: "Galas Corporativas" },
{ type: "text", text: "Diseño Floral" },
{ type: "text", text: "Logística Integral" },
{ type: "text", text: "Decoración Barroca" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "La Esencia de la Elegancia",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg",
alt: "Nuestro estudio",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "La Esencia de la Elegancia" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg", alt: "Nuestro estudio" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
title: "Diseño de Bodas",
description: "Atmósferas románticas para el día más importante.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-decor-restaurant-celebrations_8353-9680.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/festive-champagne-glasses_23-2147729195.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737403.jpg?_wi=2",
imageAlt: "wedding planning service premium",
},
{
title: "Eventos Corporativos",
description: "Sofisticación profesional para sus encuentros clave.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-arrangement-with-copy-space_23-2149181112.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-with-flowers_23-2149486821.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/macaroons-present-near-flowers-laptop_23-2147931647.jpg",
imageAlt: "wedding planning service premium",
},
{
title: "Decoración Floral",
description: "Diseños barrocos con flores seleccionadas artesanalmente.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-handmade-boutonnieres_1304-4067.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg?_wi=1",
imageAlt: "wedding planning service premium",
},
]}
showStepNumbers={true}
title="Nuestros Servicios Exclusivos"
description="Desde bodas de ensueño hasta galas corporativas, cubrimos cada detalle."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="inline-image"
useInvertedBackground={true}
animationType="blur-reveal"
showStepNumbers={true}
title="Nuestros Servicios Exclusivos"
description="Desde bodas de ensueño hasta galas corporativas, cubrimos cada detalle."
features={[
{
title: "Diseño de Bodas", description: "Atmósferas románticas para el día más importante.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-table-decor-restaurant-celebrations_8353-9680.jpg", imageAlt: "wedding planning service premium" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/festive-champagne-glasses_23-2147729195.jpg", imageAlt: "wedding planning service premium" }
},
{
title: "Eventos Corporativos", description: "Sofisticación profesional para sus encuentros clave.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-arrangement-with-copy-space_23-2149181112.jpg", imageAlt: "wedding planning service premium" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-with-flowers_23-2149486821.jpg", imageAlt: "wedding planning service premium" }
},
{
title: "Decoración Floral", description: "Diseños barrocos con flores seleccionadas artesanalmente.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elegant-handmade-boutonnieres_1304-4067.jpg", imageAlt: "wedding planning service premium" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg", imageAlt: "wedding planning service premium" }
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Ethereal",
name: "Ambiente de Gala",
price: "$800",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg?_wi=2",
},
{
id: "2",
brand: "Ethereal",
name: "Centro de Mesa Barroco",
price: "$250",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-frankenstein-sitting-table_23-2149636929.jpg",
},
{
id: "3",
brand: "Ethereal",
name: "Decoración Floral",
price: "$400",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-42863.jpg",
},
{
id: "4",
brand: "Ethereal",
name: "Iluminación Romántica",
price: "$350",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcakes-with-pink-blue-glaze-roses-put-holders_8353-621.jpg",
},
{
id: "5",
brand: "Ethereal",
name: "Set de Mantelería",
price: "$150",
rating: 5,
reviewCount: "7",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-marble-surface_114579-21587.jpg",
},
{
id: "6",
brand: "Ethereal",
name: "Arreglo de Salón",
price: "$600",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg",
},
]}
title="Galería de Estilo"
description="Piezas y ambientes que definen nuestro estilo barroco romántico."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
textboxLayout="split"
gridVariant="uniform-all-items-equal"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Ethereal", name: "Ambiente de Gala", price: "$800", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/dark-pink-milk-cloth-beautify-chairs-covered_8353-100.jpg" },
{ id: "2", brand: "Ethereal", name: "Centro de Mesa Barroco", price: "$250", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-frankenstein-sitting-table_23-2149636929.jpg" },
{ id: "3", brand: "Ethereal", name: "Decoración Floral", price: "$400", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-42863.jpg" },
{ id: "4", brand: "Ethereal", name: "Iluminación Romántica", price: "$350", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcakes-with-pink-blue-glaze-roses-put-holders_8353-621.jpg" },
{ id: "5", brand: "Ethereal", name: "Set de Mantelería", price: "$150", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-marble-surface_114579-21587.jpg" },
{ id: "6", brand: "Ethereal", name: "Arreglo de Salón", price: "$600", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg" },
]}
title="Galería de Estilo"
description="Piezas y ambientes que definen nuestro estilo barroco romántico."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sofía & Diego",
role: "Novios",
testimonial: "La boda fue perfecta, un estilo barroco que superó toda expectativa.",
imageSrc: "http://img.b2bpic.net/free-photo/nervous-hesitant-attractive-worried-blond-woman-cringing-frowning-clench-teeth-pointing-seek_1258-229404.jpg",
},
{
id: "2",
name: "Carlos M.",
role: "Director Corporativo",
testimonial: "Profesionalismo y una estética impecable en cada gala.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg",
},
{
id: "3",
name: "Elena R.",
role: "Cumpleañera",
testimonial: "El ambiente creado fue romántico, elegante y simplemente mágico.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395399.jpg",
},
{
id: "4",
name: "Familia Vázquez",
role: "Aniversario",
testimonial: "Un servicio atento y detallista. Recomendadísimos.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753673.jpg",
},
{
id: "5",
name: "Lucía P.",
role: "Organizador Gala",
testimonial: "El estilo barroco romántico de Ethereal es inigualable.",
imageSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg",
},
]}
title="Voces de Nuestros Clientes"
description="Historias de éxito y celebraciones que perduran."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="split"
useInvertedBackground={true}
animationType="blur-reveal"
testimonials={[
{ id: "1", name: "Sofía & Diego", role: "Novios", testimonial: "La boda fue perfecta, un estilo barroco que superó toda expectativa.", imageSrc: "http://img.b2bpic.net/free-photo/nervous-hesitant-attractive-worried-blond-woman-cringing-frowning-clench-teeth-pointing-seek_1258-229404.jpg" },
{ id: "2", name: "Carlos M.", role: "Director Corporativo", testimonial: "Profesionalismo y una estética impecable en cada gala.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg" },
{ id: "3", name: "Elena R.", role: "Cumpleañera", testimonial: "El ambiente creado fue romántico, elegante y simplemente mágico.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395399.jpg" },
{ id: "4", name: "Familia Vázquez", role: "Aniversario", testimonial: "Un servicio atento y detallista. Recomendadísimos.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753673.jpg" },
{ id: "5", name: "Lucía P.", role: "Organizador Gala", testimonial: "El estilo barroco romántico de Ethereal es inigualable.", imageSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg" },
]}
title="Voces de Nuestros Clientes"
description="Historias de éxito y celebraciones que perduran."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "¿Con cuánta antelación debo reservar?",
content: "Recomendamos de 6 a 12 meses antes del evento.",
},
{
id: "2",
title: "¿Cubren eventos internacionales?",
content: "Sí, llevamos nuestro estilo a cualquier destino.",
},
{
id: "3",
title: "¿Cómo es su proceso de diseño?",
content: "Realizamos una consulta inicial para definir el concepto barroco soñado.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-debating-different-views-work_1153-7285.jpg"
title="Preguntas Frecuentes"
description="Todo lo que necesitas saber antes de crear tu evento."
faqsAnimation="blur-reveal"
mediaAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "¿Con cuánta antelación debo reservar?", content: "Recomendamos de 6 a 12 meses antes del evento." },
{ id: "2", title: "¿Cubren eventos internacionales?", content: "Sí, llevamos nuestro estilo a cualquier destino." },
{ id: "3", title: "¿Cómo es su proceso de diseño?", content: "Realizamos una consulta inicial para definir el concepto barroco soñado." },
]}
imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-debating-different-views-work_1153-7285.jpg"
title="Preguntas Frecuentes"
description="Todo lo que necesitas saber antes de crear tu evento."
faqsAnimation="blur-reveal"
mediaAnimation="blur-reveal"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"LuxeWedding",
"FloralDesignPro",
"BoutiqueEvents",
"EventLuxuryGuide",
"BaroqueStyles",
"RomanticPlanning",
"PremierVenues",
]}
title="Nuestros Colaboradores"
description="Trabajamos con los mejores para asegurar excelencia."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"LuxeWedding", "FloralDesignPro", "BoutiqueEvents", "EventLuxuryGuide", "BaroqueStyles", "RomanticPlanning", "PremierVenues"]}
title="Nuestros Colaboradores"
description="Trabajamos con los mejores para asegurar excelencia."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Comencemos a Crear"
description="Cuéntanos sobre tu evento y empecemos a planear esa experiencia romántica y barroca."
tag="Contacto"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
title="Comencemos a Crear"
description="Cuéntanos sobre tu evento y empecemos a planear esa experiencia romántica y barroca."
tag="Contacto"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Ethereal Events"
leftLink={{
text: "Política de Privacidad",
href: "#",
}}
rightLink={{
text: "Contacto",
href: "#contact",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Ethereal Events"
leftLink={{ text: "Política de Privacidad", href: "#" }}
rightLink={{ text: "Contacto", href: "#contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);