bender/d77b4db4-394b-4f40-800b-06e3a7cc2bda
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-18 14:21:25 +00:00
parent 49c0011a3f
commit 5c7971fbec
1 changed files with 131 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

450
src/app/page.tsx
View File

@@ -27,333 +27,145 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Productos",
id: "catalog",
},
{
name: "Precios",
id: "pricing",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="GARCIA STORE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Productos", id: "catalog" },
{ name: "Precios", id: "pricing" },
{ name: "Contacto", id: "contact" },
]}
brandName="GARCIA STORE"
button={{ text: "Comprar", href: "#catalog" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Camisetas de fútbol y nebulizadores para toda la familia"
description="Productos de calidad con compra segura y entrega confiable. Explora nuestro catálogo y disfruta de ofertas especiales hoy mismo."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-father-hugging-his-son_23-2147562065.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-pleased-beautiful-young-dark-haired-woman-hugging-cheerful-adorable-little-girl_259150-57105.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
alt: "Customer",
},
]}
buttons={[
{
text: "Comprar Ahora",
href: "#catalog",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Envíos a todo el país",
},
{
type: "text",
text: "Calidad Garantizada",
},
{
type: "text",
text: "Pagos con Nequi y Daviplata",
},
{
type: "text",
text: "Atención personalizada",
},
{
type: "text",
text: "Promociones exclusivas",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Camisetas de fútbol y nebulizadores para toda la familia"
description="Productos de calidad con compra segura y entrega confiable. Explora nuestro catálogo y disfruta de ofertas especiales hoy mismo."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-father-hugging-his-son_23-2147562065.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-pleased-beautiful-young-dark-haired-woman-hugging-cheerful-adorable-little-girl_259150-57105.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", alt: "Customer" },
]}
buttons={[{ text: "Comprar Ahora", href: "#catalog" }]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Envíos a todo el país" },
{ type: "text", text: "Calidad Garantizada" },
{ type: "text", text: "Pagos con Nequi y Daviplata" },
{ type: "text", text: "Atención personalizada" },
{ type: "text", text: "Promociones exclusivas" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Catálogo Curado",
description: "Selección premium de camisetas de fútbol y accesorios médicos.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-helmet_23-2151152890.jpg",
imageAlt: "Curated selection",
},
{
title: "Salud Familiar",
description: "Nebulizadores de alta precisión para el cuidado de los niños.",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-music-entertainment-concept_53876-37331.jpg",
imageAlt: "Health care",
},
{
title: "Pagos Seguros",
description: "Transferencias bancarias y Nequi integradas para tu comodidad.",
imageSrc: "http://img.b2bpic.net/free-photo/lock-front-side-with-white-background_187299-39892.jpg",
imageAlt: "Payments",
},
]}
title="Por qué elegir GARCIA STORE"
description="Brindamos calidad y seguridad en cada compra para tu tranquilidad familiar."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Catálogo Curado", description: "Selección premium de camisetas de fútbol y accesorios médicos.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-helmet_23-2151152890.jpg", imageAlt: "Curated selection" },
{ title: "Salud Familiar", description: "Nebulizadores de alta precisión para el cuidado de los niños.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-music-entertainment-concept_53876-37331.jpg", imageAlt: "Health care" },
{ title: "Pagos Seguros", description: "Transferencias bancarias y Nequi integradas para tu comodidad.", imageSrc: "http://img.b2bpic.net/free-photo/lock-front-side-with-white-background_187299-39892.jpg", imageAlt: "Payments" },
]}
title="Por qué elegir GARCIA STORE"
description="Brindamos calidad y seguridad en cada compra para tu tranquilidad familiar."
/>
</div>
<div id="catalog" data-section="catalog">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Camiseta Niños",
price: "$80.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-football-team-mates-posing_23-2148631462.jpg",
},
{
id: "p2",
name: "Jersey Oficial Adulto",
price: "$150.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/american-male-football-player-uniform-field_23-2150034594.jpg",
},
{
id: "p3",
name: "Nebulizador Infantil",
price: "$220.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-nebulizer-home_23-2150562018.jpg",
},
{
id: "p4",
name: "Kit Niños Neón",
price: "$95.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/woman-being-goalkeeper-full-shot_23-2148930254.jpg",
},
{
id: "p5",
name: "Jersey Pro Negro",
price: "$165.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/friends-cheering-sport-league-together_53876-40980.jpg",
},
{
id: "p6",
name: "Nebulizador Portátil",
price: "$190.000 COP",
imageSrc: "http://img.b2bpic.net/free-photo/view-teenage-boy-using-nebulizer-home-respiratory-health-problems_23-2150574012.jpg",
},
]}
title="Nuestro Catálogo"
description="Encuentra lo mejor en deportes y bienestar familiar."
/>
</div>
<div id="catalog" data-section="catalog">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Camiseta Niños", price: "$80.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/front-view-football-team-mates-posing_23-2148631462.jpg" },
{ id: "p2", name: "Jersey Oficial Adulto", price: "$150.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/american-male-football-player-uniform-field_23-2150034594.jpg" },
{ id: "p3", name: "Nebulizador Infantil", price: "$220.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-nebulizer-home_23-2150562018.jpg" },
{ id: "p4", name: "Kit Niños Neón", price: "$95.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/woman-being-goalkeeper-full-shot_23-2148930254.jpg" },
{ id: "p5", name: "Jersey Pro Negro", price: "$165.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/friends-cheering-sport-league-together_53876-40980.jpg" },
{ id: "p6", name: "Nebulizador Portátil", price: "$190.000 COP", imageSrc: "http://img.b2bpic.net/free-photo/view-teenage-boy-using-nebulizer-home-respiratory-health-problems_23-2150574012.jpg" },
]}
title="Nuestro Catálogo"
description="Encuentra lo mejor en deportes y bienestar familiar."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$150.000 COP",
name: "Kit Familiar",
buttons: [
{
text: "Comprar",
href: "#",
},
],
features: [
"1 Camiseta Niño",
"1 Nebulizador",
"Descuento 10%",
],
},
{
id: "pro",
price: "$280.000 COP",
name: "Kit Deporte",
buttons: [
{
text: "Comprar",
href: "#",
},
],
features: [
"2 Camisetas Adulto",
"Envío Gratis",
"Garantía 12 meses",
],
},
{
id: "ultra",
price: "$400.000 COP",
name: "Kit Salud Plus",
buttons: [
{
text: "Comprar",
href: "#",
},
],
features: [
"3 Camisetas Niño",
"1 Nebulizador Pro",
"Regalo sorpresa",
],
},
]}
title="Paquetes de Oferta"
description="Combina tus productos favoritos y ahorra más."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", price: "$150.000 COP", name: "Kit Familiar", buttons: [{ text: "Comprar", href: "#" }], features: ["1 Camiseta Niño", "1 Nebulizador", "Descuento 10%"] },
{ id: "pro", price: "$280.000 COP", name: "Kit Deporte", buttons: [{ text: "Comprar", href: "#" }], features: ["2 Camisetas Adulto", "Envío Gratis", "Garantía 12 meses"] },
{ id: "ultra", price: "$400.000 COP", name: "Kit Salud Plus", buttons: [{ text: "Comprar", href: "#" }], features: ["3 Camisetas Niño", "1 Nebulizador Pro", "Regalo sorpresa"] },
]}
title="Paquetes de Oferta"
description="Combina tus productos favoritos y ahorra más."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Clientes Satisfechos",
items: [
"Envíos realizados",
"Pedidos entregados",
"Usuarios felices",
],
},
{
id: "m2",
value: "99%",
title: "Calidad Garantizada",
items: [
"Productos revisados",
"Cero devoluciones",
"Calidad premium",
],
},
{
id: "m3",
value: "24/7",
title: "Soporte Técnico",
items: [
"Atención inmediata",
"Respuesta Nequi",
"Seguimiento pedido",
],
},
]}
title="Resultados en Cifras"
description="Nuestros usuarios confían en la calidad de GARCIA STORE."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", title: "Clientes Satisfechos", items: ["Envíos realizados", "Pedidos entregados", "Usuarios felices"] },
{ id: "m2", value: "99%", title: "Calidad Garantizada", items: ["Productos revisados", "Cero devoluciones", "Calidad premium"] },
{ id: "m3", value: "24/7", title: "Soporte Técnico", items: ["Atención inmediata", "Respuesta Nequi", "Seguimiento pedido"] },
]}
title="Resultados en Cifras"
description="Nuestros usuarios confían en la calidad de GARCIA STORE."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="¡Excelente calidad! Los productos llegaron super rápido y el servicio de pago por Nequi es muy sencillo de usar."
rating={5}
author="Camila Rodríguez"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/annoyed-young-caucasian-man-pulling-collar-his-turtleneck-sweater-looking-camera-with-one-eye-closed-isolated-orange-background-with-copy-space_141793-78073.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/excited-looking-camera-young-handsome-guy-wearing-green-t-shirt-isolated-green-background_141793-134886.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-baby-boy-mother_344912-1969.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
alt: "Customer",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="¡Excelente calidad! Los productos llegaron super rápido y el servicio de pago por Nequi es muy sencillo de usar."
rating={5}
author="Camila Rodríguez"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/annoyed-young-caucasian-man-pulling-collar-his-turtleneck-sweater-looking-camera-with-one-eye-closed-isolated-orange-background-with-copy-space_141793-78073.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/excited-looking-camera-young-handsome-guy-wearing-green-t-shirt-isolated-green-background_141793-134886.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-baby-boy-mother_344912-1969.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", alt: "Customer" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contacto"
title="Estamos para ayudarte"
description="Escríbenos para cualquier duda sobre pedidos o devoluciones."
mediaAnimation="slide-up"
buttonText="Enviar Mensaje"
imageSrc="http://img.b2bpic.net/free-photo/lock-sign-front-side-with-white-background_187299-39895.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contacto"
title="Estamos para ayudarte"
description="Escríbenos para cualquier duda sobre pedidos o devoluciones."
mediaAnimation="slide-up"
buttonText="Enviar Mensaje"
imageSrc="http://img.b2bpic.net/free-photo/lock-sign-front-side-with-white-background_187299-39895.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="GARCIA STORE"
leftLink={{
text: "Políticas de Privacidad",
href: "#",
}}
rightLink={{
text: "Términos de Servicio",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="GARCIA STORE"
leftLink={{ text: "Políticas de Privacidad", href: "#" }}
rightLink={{ text: "Términos de Servicio", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}