Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-01 14:37:15 +00:00

View File

@@ -14,199 +14,117 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Productos",
id: "products",
},
{
name: "Reseñas",
id: "reviews",
},
]}
brandName="Papelera Norte"
button={{
text: "WhatsApp",
href: "https://wa.me/549...",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Productos", id: "products" },
{ name: "Reseñas", id: "reviews" },
{ name: "Contacto", id: "contact" }
]}
brandName="Papelera Norte"
button={{ text: "WhatsApp", href: "https://wa.me/549" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
background={{
variant: "gradient-bars",
}}
logoText="Papelera Norte"
description="Tu aliado de confianza en descartables, papelería y limpieza para tu hogar o negocio. 4.4★ calificación con más de 13 reseñas destacando nuestra atención personalizada."
buttons={[
{
text: "Contactar por WhatsApp",
href: "https://wa.me/549",
},
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128314.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
background={{ variant: "gradient-bars" }}
logoText="Papelera Norte"
description="Tu aliado de confianza en descartables, papelería y limpieza para tu hogar o negocio. 4.4★ calificación con más de 13 reseñas destacando nuestra atención personalizada."
buttons={[{ text: "Contactar por WhatsApp", href: "https://wa.me/549" }]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128314.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Calidez y Confianza"
description="Desde nuestra apertura en la zona norte, nos dedicamos a ofrecer soluciones integrales con un trato cercano. Valoramos cada pedido y nos esforzamos por mantener la excelencia que nuestros clientes nos reconocen día a día."
metrics={[
{
value: "4.4★",
title: "Calificación Google",
},
{
value: "+13",
title: "Reseñas Felices",
},
{
value: "100%",
title: "Atención Personal",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/angry-woman-talking-phone-office_23-2147727662.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Calidez y Confianza"
description="Desde nuestra apertura en la zona norte, nos dedicamos a ofrecer soluciones integrales con un trato cercano. Valoramos cada pedido y nos esforzamos por mantener la excelencia que nuestros clientes nos reconocen día a día."
metrics={[
{ value: "4.4★", title: "Calificación Google" },
{ value: "+13", title: "Reseñas Felices" },
{ value: "100%", title: "Atención Personal" }
]}
imageSrc="http://img.b2bpic.net/free-photo/angry-woman-talking-phone-office_23-2147727662.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Descartables",
description: "Línea completa para gastronomía.",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-alcohol-stand-before-tired-steel-dish_8353-784.jpg",
},
{
id: 2,
title: "Papelería",
description: "Insumos para oficina y embalaje.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-supplies-composition_23-2149511874.jpg",
},
{
id: 3,
title: "Limpieza",
description: "Soluciones industriales y hogareñas.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-spa-products-black-backdrop_23-2147927056.jpg",
},
]}
title="Nuestras Categorías"
description="Calidad profesional al mejor precio, directo a tu negocio o hogar."
/>
</div>
<div id="products" data-section="products">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Descartables", description: "Línea completa para gastronomía.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-alcohol-stand-before-tired-steel-dish_8353-784.jpg"
},
{
id: 2,
title: "Papelería", description: "Insumos para oficina y embalaje.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-supplies-composition_23-2149511874.jpg"
},
{
id: 3,
title: "Limpieza", description: "Soluciones industriales y hogareñas.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-spa-products-black-backdrop_23-2147927056.jpg"
}
]}
title="Nuestras Categorías"
description="Calidad profesional al mejor precio, directo a tu negocio o hogar."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "María G.",
imageSrc: "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg?_wi=1",
},
{
id: "2",
name: "Juan P.",
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
},
{
id: "3",
name: "Lucía R.",
imageSrc: "http://img.b2bpic.net/free-photo/what-you-think-about-new-jewelry_329181-8033.jpg",
},
{
id: "4",
name: "Carlos M.",
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-face-discomfort_1187-1592.jpg",
},
{
id: "5",
name: "Esteban S.",
imageSrc: "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg?_wi=2",
},
]}
cardTitle="Lo que dicen nuestros clientes"
cardTag="Google Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "María G.", imageSrc: "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg" },
{ id: "2", name: "Juan P.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg" },
{ id: "3", name: "Lucía R.", imageSrc: "http://img.b2bpic.net/free-photo/what-you-think-about-new-jewelry_329181-8033.jpg" }
]}
cardTitle="Lo que dicen nuestros clientes"
cardTag="Google Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
tag="Contacto Directo"
title="¡Escríbenos hoy!"
description="Recibe atención personalizada y consulta por nuestros precios mayoristas."
inputPlaceholder="Tu correo electrónico"
buttonText="Enviar consulta"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated" }}
tag="Contacto Directo"
title="¡Escríbenos hoy!"
description="Recibe atención personalizada y consulta por nuestros precios mayoristas."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/rectangle-gold-frame-with-metallic-monstera-leaf-background_53876-99454.jpg"
columns={[
{
title: "Navegación",
items: [
{
label: "Inicio",
href: "#hero",
},
{
label: "Productos",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
],
},
]}
copyrightText="© 2025 | Papelera Norte"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/rectangle-gold-frame-with-metallic-monstera-leaf-background_53876-99454.jpg"
columns={[
{ title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Productos", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
]}
copyrightText="© 2025 | Papelera Norte"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}