Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
241
src/app/page.tsx
241
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user