From e2fd912c255c08ed4af14360f0b77a0cdc782bda Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 22:55:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 241 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 195 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f5a97f4..fad0592 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Inicio",
-          id: "#hero",
-        },
+          name: "Inicio",          id: "#hero"},
         {
-          name: "Álbum",
-          id: "#grid",
-        },
+          name: "Álbum",          id: "#grid"},
         {
-          name: "Progreso",
-          id: "#progress",
-        },
+          name: "Progreso",          id: "#progress"},
         {
-          name: "Intercambio",
-          id: "#exchange",
-        },
+          name: "Intercambio",          id: "#exchange"},
       ]}
       brandName="Panini Tracker"
     />
@@ -55,42 +47,21 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       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."
       tag="PWA Premium"
       buttons={[
         {
-          text: "Ver Álbum",
-          href: "#grid",
-        },
+          text: "Ver Álbum",          href: "#grid"},
         {
-          text: "Progreso",
-          href: "#progress",
-        },
+          text: "Progreso",          href: "#progress"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-phone-while-it-rains_23-2149260457.jpg",
-          imageAlt: "App Interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-phone-while-it-rains_23-2149260457.jpg",          imageAlt: "App Interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-tablet_23-2149073710.jpg",
-          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",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-tablet_23-2149073710.jpg",          imageAlt: "App View"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -107,47 +78,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Figurita #01",
-          price: "Pegada",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-credit-card-holder_1262-15049.jpg",
-        },
+          id: "1",          name: "Figurita #01",          price: "Pegada",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-credit-card-holder_1262-15049.jpg"},
         {
-          id: "2",
-          name: "Figurita #02",
-          price: "Faltante",
-          variant: "Normal",
-          imageSrc: "http://img.b2bpic.net/free-vector/soccer-elements-collection-with-equipment_23-2147786475.jpg",
-        },
+          id: "2",          name: "Figurita #02",          price: "Faltante",          variant: "Normal",          imageSrc: "http://img.b2bpic.net/free-vector/soccer-elements-collection-with-equipment_23-2147786475.jpg"},
         {
-          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",
-        },
+          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"},
         {
-          id: "4",
-          name: "Figurita #04",
-          price: "Pegada",
-          variant: "Normal",
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-holographic-texture-background_84443-23077.jpg",
-        },
+          id: "4",          name: "Figurita #04",          price: "Pegada",          variant: "Normal",          imageSrc: "http://img.b2bpic.net/free-photo/gradient-holographic-texture-background_84443-23077.jpg"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
       ]}
       title="Explorador de Figuritas"
       description="Gestiona cada figurita individual. Marca como pegada, repetida o falta."
@@ -162,25 +103,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "85%",
-          title: "Progreso Total",
-          description: "Figuritas pegadas al día",
-          icon: CheckCircle,
+          id: "m1",          value: "85%",          title: "Progreso Total",          description: "Figuritas pegadas al día",          icon: CheckCircle,
         },
         {
-          id: "m2",
-          value: "12",
-          title: "Repetidas",
-          description: "Listas para intercambio",
-          icon: ArrowRight,
+          id: "m2",          value: "12",          title: "Repetidas",          description: "Listas para intercambio",          icon: ArrowRight,
         },
         {
-          id: "m3",
-          value: "45",
-          title: "Faltantes",
-          description: "Objetivo de hoy",
-          icon: Target,
+          id: "m3",          value: "45",          title: "Faltantes",          description: "Objetivo de hoy",          icon: Target,
         },
       ]}
       title="Estadísticas de Colección"
@@ -195,32 +124,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Escaneo QR Instantáneo",
-          tags: [
-            "Seguridad",
-            "Velocidad",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-hand-holding-smartphone-with-cryptocurrencies-statistics-screen_181624-59051.jpg",
-        },
+          id: "f1",          title: "Escaneo QR Instantáneo",          tags: [
+            "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",
-          title: "Match por Geolocalización",
-          tags: [
-            "Cercanía",
-            "Directo",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg",
-        },
+          id: "f2",          title: "Match por Geolocalización",          tags: [
+            "Cercanía",            "Directo"],
+          imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg"},
         {
-          id: "f3",
-          title: "Historial de Trades",
-          tags: [
-            "Confianza",
-            "Auditado",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-hands-dark-background_23-2148295843.jpg",
-        },
+          id: "f3",          title: "Historial de Trades",          tags: [
+            "Confianza",            "Auditado"],
+          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-hands-dark-background_23-2148295843.jpg"},
       ]}
       title="Sistema de Intercambio Smart"
       description="Encuentra coleccionistas cercanos, escanea QR y gestiona tus trades de forma segura."
@@ -233,45 +147,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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="Opiniones de Coleccionistas"
       description="Lo que dicen los usuarios sobre esta PWA."
@@ -283,14 +167,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Liga Argentina",
-        "Fútbol Fanatics",
-        "Coleccionistas Club",
-        "Sticker World",
-        "Panini Central",
-        "Goal Tracker",
-        "Album Kings",
-      ]}
+        "Liga Argentina",        "Fútbol Fanatics",        "Coleccionistas Club",        "Sticker World",        "Panini Central",        "Goal Tracker",        "Album Kings"]}
       title="Comunidad en Expansión"
       description="Miles de álbumes siendo completados en nuestra plataforma."
     />
@@ -302,20 +179,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "¿Cómo instalo la PWA?",
-          content: "Toca el botón compartir en Safari y luego 'Agregar al inicio'.",
-        },
+          id: "q1",          title: "¿Cómo instalo la PWA?",          content: "Toca el botón compartir en Safari y luego 'Agregar al inicio'."},
         {
-          id: "q2",
-          title: "¿Se pierden mis figuritas?",
-          content: "No, los datos se guardan localmente en tu iPhone.",
-        },
+          id: "q2",          title: "¿Se pierden mis figuritas?",          content: "No, los datos se guardan localmente en tu iPhone."},
         {
-          id: "q3",
-          title: "¿Cómo intercambio?",
-          content: "Escanea el código QR de otro coleccionista directamente.",
-        },
+          id: "q3",          title: "¿Cómo intercambio?",          content: "Escanea el código QR de otro coleccionista directamente."},
       ]}
       title="Preguntas Frecuentes"
       description="Todo lo que necesitas saber para empezar."
@@ -327,46 +195,29 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "App",
-          items: [
+          title: "App",          items: [
             {
-              label: "Inicio",
-              href: "#hero",
-            },
+              label: "Inicio",              href: "#hero"},
             {
-              label: "Álbum",
-              href: "#grid",
-            },
+              label: "Álbum",              href: "#grid"},
             {
-              label: "Progreso",
-              href: "#progress",
-            },
+              label: "Progreso",              href: "#progress"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Twitter",
-              href: "#",
-            },
+              label: "Twitter",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacidad",
-              href: "#",
-            },
+              label: "Privacidad",              href: "#"},
             {
-              label: "Términos",
-              href: "#",
-            },
+              label: "Términos",              href: "#"},
           ],
         },
       ]}