Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-16 00:09:18 +00:00

View File

@@ -20,370 +20,177 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Menú",
id: "menu",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="Café Artisanal"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Menú", id: "menu" },
{ name: "Contacto", id: "contact" },
]}
brandName="Café Artisanal"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="El aroma de la excelencia en cada taza"
description="Descubre la pasión por el café de especialidad en un ambiente cálido y acogedor diseñado para disfrutar cada sorbo."
testimonials={[
{
name: "Ana García",
handle: "@anag",
testimonial: "El mejor café de la ciudad, un lugar increíble.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs",
},
{
name: "Luis Martínez",
handle: "@luism",
testimonial: "Ambiente perfecto para trabajar y disfrutar.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=urzlb7",
},
{
name: "Elena Ruiz",
handle: "@elena",
testimonial: "Deliciosos pasteles y un café excepcional.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wpsz3",
},
{
name: "Carlos Sosa",
handle: "@csosa",
testimonial: "Atención impecable, siempre vuelvo.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyjmgx",
},
{
name: "Sofía Vega",
handle: "@sofiav",
testimonial: "Un oasis de tranquilidad en el centro.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0w5tf",
},
]}
buttons={[
{
text: "Ver Menú",
href: "#menu",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y"
imageAlt="cozy cafe interior warm lighting"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y",
alt: "happy coffee shop customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct",
alt: "smiling coffee drinker cafe",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo",
alt: "portrait young woman drinking coffee",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl",
alt: "business person drinking coffee cafe",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn",
alt: "coffee lover smiling portrait",
},
]}
marqueeItems={[
{
type: "text",
text: "100% Arábica",
},
{
type: "text",
text: "Comercio Justo",
},
{
type: "text",
text: "Tostado Local",
},
{
type: "text",
text: "Ambiente Cálido",
},
{
type: "text",
text: "Calidad Premium",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{ variant: "plain" }}
title="El aroma de la excelencia en cada taza"
description="Descubre la pasión por el café de especialidad en un ambiente cálido y acogedor diseñado para disfrutar cada sorbo."
testimonials={[
{ name: "Ana García", handle: "@anag", testimonial: "El mejor café de la ciudad, un lugar increíble.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs" },
{ name: "Luis Martínez", handle: "@luism", testimonial: "Ambiente perfecto para trabajar y disfrutar.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=urzlb7" },
{ name: "Elena Ruiz", handle: "@elena", testimonial: "Deliciosos pasteles y un café excepcional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wpsz3" },
{ name: "Carlos Sosa", handle: "@csosa", testimonial: "Atención impecable, siempre vuelvo.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyjmgx" },
{ name: "Sofía Vega", handle: "@sofiav", testimonial: "Un oasis de tranquilidad en el centro.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0w5tf" },
]}
buttons={[{ text: "Ver Menú", href: "#menu" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y"
imageAlt="cozy cafe interior warm lighting"
mediaAnimation="slide-up"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y", alt: "happy coffee shop customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct", alt: "smiling coffee drinker cafe" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo", alt: "portrait young woman drinking coffee" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl", alt: "business person drinking coffee cafe" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn", alt: "coffee lover smiling portrait" },
]}
marqueeItems={[
{ type: "text", text: "100% Arábica" },
{ type: "text", text: "Comercio Justo" },
{ type: "text", text: "Tostado Local" },
{ type: "text", text: "Ambiente Cálido" },
{ type: "text", text: "Calidad Premium" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Nuestra Historia"
description="Café Artisanal nació del sueño de traer los mejores granos de origen a tu mesa. Seleccionamos cuidadosamente a nuestros productores para garantizar un sabor auténtico."
bulletPoints={[
{
title: "Calidad Premium",
description: "Café 100% arábica de altura.",
},
{
title: "Comercio Justo",
description: "Apoyamos a comunidades locales.",
},
{
title: "Ambiente Acogedor",
description: "Tu segundo hogar en la ciudad.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct"
imageAlt="barista making coffee professional"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Nuestra Historia"
description="Café Artisanal nació del sueño de traer los mejores granos de origen a tu mesa. Seleccionamos cuidadosamente a nuestros productores para garantizar un sabor auténtico."
bulletPoints={[
{ title: "Calidad Premium", description: "Café 100% arábica de altura." },
{ title: "Comercio Justo", description: "Apoyamos a comunidades locales." },
{ title: "Ambiente Acogedor", description: "Tu segundo hogar en la ciudad." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct"
imageAlt="barista making coffee professional"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Coffee,
title: "Tueste Fresco",
description: "Tostamos cada semana en nuestras instalaciones.",
},
{
icon: Users,
title: "Atención Personal",
description: "Nuestros baristas conocen tus preferencias.",
},
{
icon: Wifi,
title: "Espacio Conectado",
description: "Wi-Fi de alta velocidad para trabajar cómodamente.",
},
]}
title="Por qué elegirnos"
description="Nos distinguimos por la atención al detalle en cada preparación."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ icon: Coffee, title: "Tueste Fresco", description: "Tostamos cada semana en nuestras instalaciones." },
{ icon: Users, title: "Atención Personal", description: "Nuestros baristas conocen tus preferencias." },
{ icon: Wifi, title: "Espacio Conectado", description: "Wi-Fi de alta velocidad para trabajar cómodamente." },
]}
title="Por qué elegirnos"
description="Nos distinguimos por la atención al detalle en cada preparación."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Espresso Doble",
price: "2.50 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo",
},
{
id: "2",
name: "Cappuccino Artisanal",
price: "3.50 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl",
},
{
id: "3",
name: "Latte Vainilla",
price: "3.80 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn",
},
{
id: "4",
name: "Flat White",
price: "3.20 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a47yzw",
},
{
id: "5",
name: "Café Filtrado V60",
price: "4.00 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbzik1",
},
{
id: "6",
name: "Sándwich Gourmet",
price: "5.50 €",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o94xrm",
},
]}
title="Nuestro Menú"
description="Una selección artesanal de bebidas y aperitivos pensados para ti."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Espresso Doble", price: "2.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo" },
{ id: "2", name: "Cappuccino Artisanal", price: "3.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl" },
{ id: "3", name: "Latte Vainilla", price: "3.80 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn" },
{ id: "4", name: "Flat White", price: "3.20 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a47yzw" },
{ id: "5", name: "Café Filtrado V60", price: "4.00 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbzik1" },
{ id: "6", name: "Sándwich Gourmet", price: "5.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o94xrm" },
]}
title="Nuestro Menú"
description="Una selección artesanal de bebidas y aperitivos pensados para ti."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={true}
title="Conoce a nuestros baristas"
tag="El equipo detrás del sabor"
membersAnimation="slide-up"
members={[
{
id: "1",
name: "Marco Rossi",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=okej2t",
},
{
id: "2",
name: "Sara López",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zixqnl",
},
{
id: "3",
name: "David Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouepn7",
},
]}
memberVariant="card"
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={true}
title="Conoce a nuestros baristas"
tag="El equipo detrás del sabor"
membersAnimation="slide-up"
members={[
{ id: "1", name: "Marco Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=okej2t" },
{ id: "2", name: "Sara López", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zixqnl" },
{ id: "3", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouepn7" },
]}
memberVariant="card"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="La mejor experiencia de café, cada detalle cuenta."
rating={5}
author="María J."
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=07x1jg",
alt: "happy coffee shop customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rotq1b",
alt: "smiling coffee drinker cafe",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbje2e",
alt: "portrait young woman drinking coffee",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzkqyg",
alt: "business person drinking coffee cafe",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs",
alt: "happy coffee shop customer",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="La mejor experiencia de café, cada detalle cuenta."
rating={5}
author="María J."
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=07x1jg", alt: "happy coffee shop customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rotq1b", alt: "smiling coffee drinker cafe" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbje2e", alt: "portrait young woman drinking coffee" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzkqyg", alt: "business person drinking coffee cafe" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs", alt: "happy coffee shop customer" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "¿Tienen opciones veganas?",
content: "Sí, contamos con leches vegetales y pastelería sin lactosa.",
},
{
id: "2",
title: "¿Tienen servicio de catering?",
content: "Sí, contacta con nosotros para tus eventos corporativos.",
},
{
id: "3",
title: "¿Puedo reservar una mesa?",
content: "Para grupos mayores de 6 personas, recomendamos reservar.",
},
]}
sideTitle="Preguntas Frecuentes"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "1", title: "¿Tienen opciones veganas?", content: "Sí, contamos con leches vegetales y pastelería sin lactosa." },
{ id: "2", title: "¿Tienen servicio de catering?", content: "Sí, contacta con nosotros para tus eventos corporativos." },
{ id: "3", title: "¿Puedo reservar una mesa?", content: "Para grupos mayores de 6 personas, recomendamos reservar." },
]}
sideTitle="Preguntas Frecuentes"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="¿Quieres saber más sobre nuestro café? Escríbenos para consultas, eventos o simplemente para saludarnos."
buttons={[
{
text: "Contáctanos",
href: "mailto:hola@cafeartisanal.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="¿Quieres saber más sobre nuestro café? Escríbenos para consultas, eventos o simplemente para saludarnos."
buttons={[{ text: "Contáctanos", href: "mailto:hola@cafeartisanal.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Café Artisanal"
columns={[
{
title: "Navegación",
items: [
{
label: "Inicio",
href: "#hero",
},
{
label: "Menú",
href: "#menu",
},
],
},
{
title: "Legal",
items: [
{
label: "Política de Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Café Artisanal"
columns={[
{ title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }] },
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}