Update src/app/page.tsx

This commit is contained in:
2026-05-09 22:55:52 +00:00
parent c9cd266233
commit e2fd912c25

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "#hero"},
id: "#hero",
},
{ {
name: "Álbum", name: "Álbum", id: "#grid"},
id: "#grid",
},
{ {
name: "Progreso", name: "Progreso", id: "#progress"},
id: "#progress",
},
{ {
name: "Intercambio", name: "Intercambio", id: "#exchange"},
id: "#exchange",
},
]} ]}
brandName="Panini Tracker" brandName="Panini Tracker"
/> />
@@ -55,42 +47,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Controla tu pasión. Completa tu Álbum." title="Controla tu pasión. Completa tu Álbum."
description="La forma más rápida y profesional de organizar, trackear y completar tu colección de figuritas digital." description="La forma más rápida y profesional de organizar, trackear y completar tu colección de figuritas digital."
tag="PWA Premium" tag="PWA Premium"
buttons={[ buttons={[
{ {
text: "Ver Álbum", text: "Ver Álbum", href: "#grid"},
href: "#grid",
},
{ {
text: "Progreso", text: "Progreso", href: "#progress"},
href: "#progress",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-phone-while-it-rains_23-2149260457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-phone-while-it-rains_23-2149260457.jpg", imageAlt: "App Interface"},
imageAlt: "App Interface",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-tablet_23-2149073710.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-tablet_23-2149073710.jpg", imageAlt: "App View"}
imageAlt: "App View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-smartphone_23-2149073715.jpg",
imageAlt: "Person playing a sudoku game on a smartphone",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-trendy-manicure-using-gps-search-right-way_197531-6447.jpg",
imageAlt: "Woman with trendy manicure using gps for search right way",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-from-back-dark-haired-woman-using-gps-trip_197531-6446.jpg",
imageAlt: "Portrait from back of dark-haired woman using gps during trip",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -107,47 +78,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Figurita #01", price: "Pegada", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-credit-card-holder_1262-15049.jpg"},
name: "Figurita #01",
price: "Pegada",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-credit-card-holder_1262-15049.jpg",
},
{ {
id: "2", id: "2", name: "Figurita #02", price: "Faltante", variant: "Normal", imageSrc: "http://img.b2bpic.net/free-vector/soccer-elements-collection-with-equipment_23-2147786475.jpg"},
name: "Figurita #02",
price: "Faltante",
variant: "Normal",
imageSrc: "http://img.b2bpic.net/free-vector/soccer-elements-collection-with-equipment_23-2147786475.jpg",
},
{ {
id: "3", id: "3", name: "Figurita #03", price: "Repetida", variant: "Holo", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-mobile-banking-frowning-angry-girl-showing-horizontal-smartphone-screen-credit-card-standing-casual-clothes-against-white-background_176420-46378.jpg"},
name: "Figurita #03",
price: "Repetida",
variant: "Holo",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-mobile-banking-frowning-angry-girl-showing-horizontal-smartphone-screen-credit-card-standing-casual-clothes-against-white-background_176420-46378.jpg",
},
{ {
id: "4", id: "4", name: "Figurita #04", price: "Pegada", variant: "Normal", imageSrc: "http://img.b2bpic.net/free-photo/gradient-holographic-texture-background_84443-23077.jpg"},
name: "Figurita #04",
price: "Pegada",
variant: "Normal",
imageSrc: "http://img.b2bpic.net/free-photo/gradient-holographic-texture-background_84443-23077.jpg",
},
{ {
id: "5", id: "5", name: "Figurita #05", price: "Faltante", variant: "Holo", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-clear-cassette-tape-with-vivid-background-color_23-2148289020.jpg"},
name: "Figurita #05",
price: "Faltante",
variant: "Holo",
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-clear-cassette-tape-with-vivid-background-color_23-2148289020.jpg",
},
{ {
id: "6", id: "6", name: "Figurita #06", price: "Pegada", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/skeptical-redhead-guy-glasses-showing-smartphone-screen-horizontally-smirk-frowning-disappoin_1258-77566.jpg"},
name: "Figurita #06",
price: "Pegada",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/skeptical-redhead-guy-glasses-showing-smartphone-screen-horizontally-smirk-frowning-disappoin_1258-77566.jpg",
},
]} ]}
title="Explorador de Figuritas" title="Explorador de Figuritas"
description="Gestiona cada figurita individual. Marca como pegada, repetida o falta." description="Gestiona cada figurita individual. Marca como pegada, repetida o falta."
@@ -162,25 +103,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "85%", title: "Progreso Total", description: "Figuritas pegadas al día", icon: CheckCircle,
value: "85%",
title: "Progreso Total",
description: "Figuritas pegadas al día",
icon: CheckCircle,
}, },
{ {
id: "m2", id: "m2", value: "12", title: "Repetidas", description: "Listas para intercambio", icon: ArrowRight,
value: "12",
title: "Repetidas",
description: "Listas para intercambio",
icon: ArrowRight,
}, },
{ {
id: "m3", id: "m3", value: "45", title: "Faltantes", description: "Objetivo de hoy", icon: Target,
value: "45",
title: "Faltantes",
description: "Objetivo de hoy",
icon: Target,
}, },
]} ]}
title="Estadísticas de Colección" title="Estadísticas de Colección"
@@ -195,32 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Escaneo QR Instantáneo", tags: [
title: "Escaneo QR Instantáneo", "Seguridad", "Velocidad"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-hand-holding-smartphone-with-cryptocurrencies-statistics-screen_181624-59051.jpg"},
"Seguridad",
"Velocidad",
],
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-hand-holding-smartphone-with-cryptocurrencies-statistics-screen_181624-59051.jpg",
},
{ {
id: "f2", id: "f2", title: "Match por Geolocalización", tags: [
title: "Match por Geolocalización", "Cercanía", "Directo"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg"},
"Cercanía",
"Directo",
],
imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg",
},
{ {
id: "f3", id: "f3", title: "Historial de Trades", tags: [
title: "Historial de Trades", "Confianza", "Auditado"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-hands-dark-background_23-2148295843.jpg"},
"Confianza",
"Auditado",
],
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-hands-dark-background_23-2148295843.jpg",
},
]} ]}
title="Sistema de Intercambio Smart" title="Sistema de Intercambio Smart"
description="Encuentra coleccionistas cercanos, escanea QR y gestiona tus trades de forma segura." description="Encuentra coleccionistas cercanos, escanea QR y gestiona tus trades de forma segura."
@@ -233,45 +147,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Increíble", quote: "Completar el álbum nunca fue tan fácil y organizado.", name: "Juan Pérez", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg"},
title: "Increíble",
quote: "Completar el álbum nunca fue tan fácil y organizado.",
name: "Juan Pérez",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
},
{ {
id: "2", id: "2", title: "Indispensable", quote: "La función de intercambio por QR me salvó horas.", name: "Ana García", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652849.jpg"},
title: "Indispensable",
quote: "La función de intercambio por QR me salvó horas.",
name: "Ana García",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652849.jpg",
},
{ {
id: "3", id: "3", title: "Interfaz top", quote: "Muy cómoda para usar en el bus o la fila.", name: "Lucas Méndez", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-man-holding-lottery-tickets_23-2149820192.jpg"},
title: "Interfaz top",
quote: "Muy cómoda para usar en el bus o la fila.",
name: "Lucas Méndez",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-man-holding-lottery-tickets_23-2149820192.jpg",
},
{ {
id: "4", id: "4", title: "Rápida y fluida", quote: "La mejor PWA deportiva que he probado hasta hoy.", name: "Sofía Díaz", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/senior-handsome-man-drinking-coffee-outside-street_1303-27535.jpg"},
title: "Rápida y fluida",
quote: "La mejor PWA deportiva que he probado hasta hoy.",
name: "Sofía Díaz",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/senior-handsome-man-drinking-coffee-outside-street_1303-27535.jpg",
},
{ {
id: "5", id: "5", title: "Elegante", quote: "Me encanta cómo visualiza mis repetidas y faltantes.", name: "Diego Castro", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-with-smartphone-laughing-using-mobile-phone-app-isolated-white-background_1258-197264.jpg"},
title: "Elegante",
quote: "Me encanta cómo visualiza mis repetidas y faltantes.",
name: "Diego Castro",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-with-smartphone-laughing-using-mobile-phone-app-isolated-white-background_1258-197264.jpg",
},
]} ]}
title="Opiniones de Coleccionistas" title="Opiniones de Coleccionistas"
description="Lo que dicen los usuarios sobre esta PWA." description="Lo que dicen los usuarios sobre esta PWA."
@@ -283,14 +167,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Liga Argentina", "Liga Argentina", "Fútbol Fanatics", "Coleccionistas Club", "Sticker World", "Panini Central", "Goal Tracker", "Album Kings"]}
"Fútbol Fanatics",
"Coleccionistas Club",
"Sticker World",
"Panini Central",
"Goal Tracker",
"Album Kings",
]}
title="Comunidad en Expansión" title="Comunidad en Expansión"
description="Miles de álbumes siendo completados en nuestra plataforma." description="Miles de álbumes siendo completados en nuestra plataforma."
/> />
@@ -302,20 +179,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "¿Cómo instalo la PWA?", content: "Toca el botón compartir en Safari y luego 'Agregar al inicio'."},
title: "¿Cómo instalo la PWA?",
content: "Toca el botón compartir en Safari y luego 'Agregar al inicio'.",
},
{ {
id: "q2", id: "q2", title: "¿Se pierden mis figuritas?", content: "No, los datos se guardan localmente en tu iPhone."},
title: "¿Se pierden mis figuritas?",
content: "No, los datos se guardan localmente en tu iPhone.",
},
{ {
id: "q3", id: "q3", title: "¿Cómo intercambio?", content: "Escanea el código QR de otro coleccionista directamente."},
title: "¿Cómo intercambio?",
content: "Escanea el código QR de otro coleccionista directamente.",
},
]} ]}
title="Preguntas Frecuentes" title="Preguntas Frecuentes"
description="Todo lo que necesitas saber para empezar." description="Todo lo que necesitas saber para empezar."
@@ -327,46 +195,29 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "App", title: "App", items: [
items: [
{ {
label: "Inicio", label: "Inicio", href: "#hero"},
href: "#hero",
},
{ {
label: "Álbum", label: "Álbum", href: "#grid"},
href: "#grid",
},
{ {
label: "Progreso", label: "Progreso", href: "#progress"},
href: "#progress",
},
], ],
}, },
{ {
title: "Social", title: "Social", items: [
items: [
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "Twitter", label: "Twitter", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacidad", label: "Privacidad", href: "#"},
href: "#",
},
{ {
label: "Términos", label: "Términos", href: "#"},
href: "#",
},
], ],
}, },
]} ]}