Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user