Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-25 00:56:32 +00:00

View File

@@ -29,391 +29,170 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "#hero",
},
{
name: "Menú",
id: "#menu",
},
{
name: "Experiencia",
id: "#experience",
},
{
name: "Market",
id: "#market",
},
{
name: "Promos",
id: "#promos",
},
{
name: "Ubicación",
id: "#location",
},
{
name: "Contacto",
id: "#contact",
},
]}
brandName="Madero's"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Inicio", id: "#hero" },
{ name: "Menú", id: "#menu" },
{ name: "Experiencia", id: "#experience" },
{ name: "Market", id: "#market" },
{ name: "Promos", id: "#promos" },
{ name: "Ubicación", id: "#location" },
{ name: "Contacto", id: "#contact" },
]}
brandName="Madero's"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient",
}}
title="Maderos Coffee & Market"
description="Café gourmet, postres, fast food, bar y productos especiales en El Tigre."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
alt: "smiling coffee shop customer",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg",
alt: "person sharing food with friend",
},
{
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
alt: "satisfied customer cafe",
},
{
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg",
alt: "Confident young indian man in orange sweater sitting bar counter at cafe",
},
{
src: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg",
alt: "Fashionable african american woman in black cap chilling in cozy cafe",
},
]}
buttons={[
{
text: "Ver menú",
href: "#menu",
},
{
text: "Escríbenos por WhatsApp",
href: "https://wa.me/58...",
},
]}
marqueeItems={[
{
type: "text",
text: "Café de especialidad",
},
{
type: "text",
text: "Hamburguesas gourmet",
},
{
type: "text",
text: "Postres artesanales",
},
{
type: "text",
text: "Tragos y coctelería",
},
{
type: "text",
text: "Market premium",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "radial-gradient" }}
title="Maderos Coffee & Market"
description="Café gourmet, postres, fast food, bar y productos especiales en El Tigre."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg", alt: "smiling coffee shop customer" },
{ src: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg", alt: "person sharing food with friend" },
{ src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg", alt: "satisfied customer cafe" },
{ src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg", alt: "Confident young indian man in orange sweater sitting bar counter at cafe" },
{ src: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg", alt: "Fashionable african american woman in black cap chilling in cozy cafe" },
]}
buttons={[
{ text: "Ver menú", href: "#menu" },
{ text: "Escríbenos por WhatsApp", href: "https://wa.me/58..." },
]}
marqueeItems={[
{ type: "text", text: "Café de especialidad" },
{ type: "text", text: "Hamburguesas gourmet" },
{ type: "text", text: "Postres artesanales" },
{ type: "text", text: "Tragos y coctelería" },
{ type: "text", text: "Market premium" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Una pausa deliciosa en el corazón de El Tigre"
description={[
"Maderos Coffee & Market es un espacio creado para disfrutar buenos momentos: desde un café gourmet y un postre especial, hasta una hamburguesa, un helado, unos tragos o productos nacionales e importados para llevar.",
"Un lugar cercano, moderno y lleno de sabor.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Una pausa deliciosa en el corazón de El Tigre"
description={[
"Maderos Coffee & Market es un espacio creado para disfrutar buenos momentos: desde un café gourmet y un postre especial, hasta una hamburguesa, un helado, unos tragos o productos nacionales e importados para llevar.", "Un lugar cercano, moderno y lleno de sabor."]}
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Café Gourmet",
description: "Café de especialidad.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg",
imageAlt: "Coffee",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178351.jpg",
imageAlt: "Coffee 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
imageAlt: "gourmet latte art coffee",
},
{
title: "Postres",
description: "Dulces y delicias.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/slice-yummy-cake-white-plate-high-quality-photo_114579-78041.jpg",
imageAlt: "Dessert",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-profiteroles-with-chocolate-icing-grated-nuts_141793-4685.jpg",
imageAlt: "Dessert 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg",
imageAlt: "gourmet latte art coffee",
},
{
title: "Hamburguesas",
description: "Jugosas y especiales.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-meat-lettuce-tomato-cheese-french-fries-side-view_141793-3523.jpg",
imageAlt: "Burger",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/different-asian-dishes-restaurante_23-2148195601.jpg",
imageAlt: "Burger 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
imageAlt: "gourmet latte art coffee",
},
]}
showStepNumbers={false}
title="Nuestro Menú"
description="Explora nuestras categorías principales."
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showStepNumbers={false}
title="Nuestro Menú"
description="Explora nuestras categorías principales."
features={[
{
title: "Café Gourmet", description: "Café de especialidad.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg", imageAlt: "Coffee" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178351.jpg", imageAlt: "Coffee 2" },
},
{
title: "Postres", description: "Dulces y delicias.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/slice-yummy-cake-white-plate-high-quality-photo_114579-78041.jpg", imageAlt: "Dessert" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-profiteroles-with-chocolate-icing-grated-nuts_141793-4685.jpg", imageAlt: "Dessert 2" },
},
{
title: "Hamburguesas", description: "Jugosas y especiales.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-meat-lettuce-tomato-cheese-french-fries-side-view_141793-3523.jpg", imageAlt: "Burger" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-asian-dishes-restaurante_23-2148195601.jpg", imageAlt: "Burger 2" },
},
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Café Maderos",
price: "Ref. $",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/flavored-coffee-with-cinnamon-whipped-cream_140725-2287.jpg",
},
{
id: "p2",
name: "Tiramisu",
price: "Ref. $",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg",
},
{
id: "p3",
name: "Hamburguesa",
price: "Ref. $",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246066.jpg",
},
{
id: "p4",
name: "Hot Dog",
price: "Ref. $",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/classic-hot-dog-with-ketchup-mustard-sauce-isolated-white-background_123827-29686.jpg",
},
{
id: "p5",
name: "Papas Fritas",
price: "Ref. $",
variant: "Sides",
imageSrc: "http://img.b2bpic.net/free-photo/blue-box-french-fries-with-ketchup_23-2148272965.jpg",
},
{
id: "p6",
name: "Cóctel",
price: "Ref. $",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/pink-cocktail-tall-glass-against-green-background_1308-189759.jpg",
},
]}
title="Favoritos de la casa"
description="Lo mejor de nuestra cocina."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{ id: "p1", name: "Café Maderos", price: "Ref. $", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/flavored-coffee-with-cinnamon-whipped-cream_140725-2287.jpg" },
{ id: "p2", name: "Tiramisu", price: "Ref. $", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cheesecake-side-view_140725-9106.jpg" },
{ id: "p3", name: "Hamburguesa", price: "Ref. $", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246066.jpg" },
{ id: "p4", name: "Hot Dog", price: "Ref. $", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/classic-hot-dog-with-ketchup-mustard-sauce-isolated-white-background_123827-29686.jpg" },
{ id: "p5", name: "Papas Fritas", price: "Ref. $", variant: "Sides", imageSrc: "http://img.b2bpic.net/free-photo/blue-box-french-fries-with-ketchup_23-2148272965.jpg" },
{ id: "p6", name: "Cóctel", price: "Ref. $", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/pink-cocktail-tall-glass-against-green-background_1308-189759.jpg" },
]}
title="Favoritos de la casa"
description="Lo mejor de nuestra cocina."
/>
</div>
<div id="experience" data-section="experience">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "☕",
title: "Café",
description: "Para un café y un postre",
icon: Coffee,
},
{
id: "m2",
value: "🍔",
title: "Comida",
description: "Para comer algo rico",
icon: Utensils,
},
{
id: "m3",
value: "✨",
title: "Celebración",
description: "Para compartir momentos",
icon: Sparkles,
},
]}
title="Más que comer: venir a Maderos es compartir"
description="Momentos para celebrar."
/>
</div>
<div id="experience" data-section="experience">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "☕", title: "Café", description: "Para un café y un postre", icon: Coffee },
{ id: "m2", value: "🍔", title: "Comida", description: "Para comer algo rico", icon: Utensils },
{ id: "m3", value: "✨", title: "Celebración", description: "Para compartir momentos", icon: Sparkles },
]}
title="Más que comer: venir a Maderos es compartir"
description="Momentos para celebrar."
/>
</div>
<div id="market" data-section="market">
<TextSplitAbout
useInvertedBackground={false}
title="Productos especiales para llevar"
description={[
"Encuentra productos nacionales e importados de la mejor calidad. Antojos, regalos y todo lo necesario para tu despensa premium.",
]}
/>
</div>
<div id="market" data-section="market">
<TextSplitAbout
useInvertedBackground={false}
title="Productos especiales para llevar"
description={[
"Encuentra productos nacionales e importados de la mejor calidad. Antojos, regalos y todo lo necesario para tu despensa premium."]}
/>
</div>
<div id="promos" data-section="promos">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "promo1",
badge: "Semanal",
price: "Combo Maderos",
subtitle: "Burger + Papas + Bebida",
features: [
"Sabor exclusivo",
"Porción generosa",
],
buttons: [
{
text: "Ver más",
},
],
},
{
id: "promo2",
badge: "Especial",
price: "Happy Hour",
subtitle: "Descuentos en tragos",
features: [
"Cócteles premium",
"Ambiente único",
],
buttons: [
{
text: "Ver más",
},
],
},
{
id: "promo3",
badge: "Dulce",
price: "Promo Postres",
subtitle: "2x1 los jueves",
features: [
"Tiramisu",
"Helados",
],
buttons: [
{
text: "Ver más",
},
],
},
]}
title="Promos y Momentos"
description="Weekly offers for you."
/>
</div>
<div id="promos" data-section="promos">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "promo1", badge: "Semanal", price: "Combo Maderos", subtitle: "Burger + Papas + Bebida", features: ["Sabor exclusivo", "Porción generosa"], buttons: [{ text: "Ver más" }] },
{ id: "promo2", badge: "Especial", price: "Happy Hour", subtitle: "Descuentos en tragos", features: ["Cócteles premium", "Ambiente único"], buttons: [{ text: "Ver más" }] },
{ id: "promo3", badge: "Dulce", price: "Promo Postres", subtitle: "2x1 los jueves", features: ["Tiramisu", "Helados"], buttons: [{ text: "Ver más" }] },
]}
title="Promos y Momentos"
description="Weekly offers for you."
/>
</div>
<div id="instagram" data-section="instagram">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"@maderoscoffee",
"@maderosmarket",
"@tigre",
"@cafe",
"@comida",
"@postres",
"@momentos",
]}
title="Síguenos en Instagram"
description="Descubre nuevos platos y momentos."
/>
</div>
<div id="instagram" data-section="instagram">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["@maderoscoffee", "@maderosmarket", "@tigre", "@cafe", "@comida", "@postres", "@momentos"]}
title="Síguenos en Instagram"
description="Descubre nuevos platos y momentos."
/>
</div>
<div id="location" data-section="location">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Ubicación"
title="Visítanos en El Tigre"
description="Dirección: Av. Principal, El Tigre, Anzoátegui. ¡Te esperamos!"
/>
</div>
<div id="location" data-section="location">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Ubicación"
title="Visítanos en El Tigre"
description="Dirección: Av. Principal, El Tigre, Anzoátegui. ¡Te esperamos!"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
logoText="Madero's"
columns={[
{
title: "Enlaces",
items: [
{
label: "Inicio",
href: "/",
},
{
label: "Menú",
href: "#menu",
},
],
},
{
title: "Contacto",
items: [
{
label: "WhatsApp",
href: "https://wa.me/58...",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
logoText="Madero's"
columns={[
{ title: "Enlaces", items: [{ label: "Inicio", href: "/" }, { label: "Menú", href: "#menu" }] },
{ title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/58..." }, { label: "Instagram", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);