Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Modo Carrera",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tácticas",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Fichajes",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Soporte",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Modo Carrera", id: "about" },
|
||||
{ name: "Tácticas", id: "features" },
|
||||
{ name: "Fichajes", id: "products" },
|
||||
{ name: "Soporte", id: "contact" },
|
||||
]}
|
||||
brandName="FC 26 Manager"
|
||||
/>
|
||||
@@ -59,23 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="FC 26 MANAGER"
|
||||
description="Domina el campo, negocia fichajes de élite y construye tu leyenda desde el banquillo. La experiencia de gestión futbolística más inmersiva del año."
|
||||
buttons={[
|
||||
{
|
||||
text: "Empezar",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Opciones",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Empezar", href: "#about" },
|
||||
{ text: "Opciones", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827470.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827470.jpg"
|
||||
imageAlt="football stadium night lights"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -87,18 +64,9 @@ export default function LandingPage() {
|
||||
title="Modo Carrera: Construye tu Historia"
|
||||
description="Toma decisiones críticas, desarrolla jóvenes promesas y lidera a tu equipo hacia la gloria. Tu estrategia define el destino del club."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Ligas Reales",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Jugadores",
|
||||
},
|
||||
{
|
||||
value: "4K",
|
||||
title: "Calidad UHD",
|
||||
},
|
||||
{ value: "20+", title: "Ligas Reales" },
|
||||
{ value: "15k+", title: "Jugadores" },
|
||||
{ value: "4K", title: "Calidad UHD" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530127.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -111,28 +79,14 @@ export default function LandingPage() {
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Táctica Inteligente",
|
||||
description: "Formaciones personalizadas y automatización táctica intuitiva.",
|
||||
tag: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg",
|
||||
},
|
||||
id: "f1", title: "Táctica Inteligente", description: "Formaciones personalizadas y automatización táctica intuitiva.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Academia de Jóvenes",
|
||||
description: "Desarrolla el talento desde la base y moldea a tus futuras estrellas.",
|
||||
tag: "Futuro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-player-girl-sports-uniform-soccer-field-football-concept_169016-68298.jpg",
|
||||
},
|
||||
id: "f2", title: "Academia de Jóvenes", description: "Desarrolla el talento desde la base y moldea a tus futuras estrellas.", tag: "Futuro", imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-player-girl-sports-uniform-soccer-field-football-concept_169016-68298.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Scouting Global",
|
||||
description: "Descubre talentos ocultos con nuestra red de ojeadores avanzada.",
|
||||
tag: "Global",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152889.jpg",
|
||||
},
|
||||
id: "f3", title: "Scouting Global", description: "Descubre talentos ocultos con nuestra red de ojeadores avanzada.", tag: "Global", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152889.jpg"},
|
||||
]}
|
||||
title="Control Táctico y Desarrollo"
|
||||
description="Herramientas de última generación para gestionar cada aspecto de tu plantilla con facilidad."
|
||||
@@ -146,21 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Moral de Plantilla",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$120M",
|
||||
description: "Presupuesto Fichajes",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Derby Victorias",
|
||||
},
|
||||
{ id: "m1", value: "85%", description: "Moral de Plantilla" },
|
||||
{ id: "m2", value: "$120M", description: "Presupuesto Fichajes" },
|
||||
{ id: "m3", value: "12", description: "Derby Victorias" },
|
||||
]}
|
||||
title="Progreso del Club"
|
||||
description="Mantén el equilibrio entre finanzas, rendimiento y expectativas directivas."
|
||||
@@ -174,42 +116,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Estrella del Fichaje",
|
||||
price: "$80M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152917.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Joven Promesa",
|
||||
price: "$12M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Líder Veterano",
|
||||
price: "$25M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennessee-flag-with-banner_187299-35541.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oferta Mercado",
|
||||
price: "$5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-discussing-strategy_23-2148634565.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Analítica Táctica",
|
||||
price: "Gratis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-employees-monitoring-delivery-trucks-routes-with-isolated-screen_482257-89103.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Estadio VIP",
|
||||
price: "Acceso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-news-with-professional-camera_23-2149900296.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Estrella del Fichaje", price: "$80M", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152917.jpg" },
|
||||
{ id: "p2", name: "Joven Promesa", price: "$12M", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827477.jpg" },
|
||||
{ id: "p3", name: "Líder Veterano", price: "$25M", imageSrc: "http://img.b2bpic.net/free-photo/tennessee-flag-with-banner_187299-35541.jpg" },
|
||||
{ id: "p4", name: "Oferta Mercado", price: "$5M", imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-discussing-strategy_23-2148634565.jpg" },
|
||||
{ id: "p5", name: "Analítica Táctica", price: "Gratis", imageSrc: "http://img.b2bpic.net/free-photo/group-employees-monitoring-delivery-trucks-routes-with-isolated-screen_482257-89103.jpg" },
|
||||
{ id: "p6", name: "Estadio VIP", price: "Acceso", imageSrc: "http://img.b2bpic.net/free-photo/sport-news-with-professional-camera_23-2149900296.jpg" },
|
||||
]}
|
||||
title="Centro de Fichajes"
|
||||
description="Gestiona transferencias, renovaciones y el mercado en tiempo real."
|
||||
@@ -223,34 +135,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Staff Principal",
|
||||
members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Asistente",
|
||||
subtitle: "Táctica",
|
||||
detail: "Experto en bloque bajo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827402.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fisioterapeuta",
|
||||
subtitle: "Salud",
|
||||
detail: "Recuperación acelerada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rugby-player-with-equipment-game_23-2150995863.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Ojeador Jefe",
|
||||
subtitle: "Scouting",
|
||||
detail: "Talento internacional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588661.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827470.jpg?_wi=2",
|
||||
imageAlt: "football player profile card",
|
||||
},
|
||||
id: "g1", groupTitle: "Staff Principal", members: [
|
||||
{ id: "t1", title: "Asistente", subtitle: "Táctica", detail: "Experto en bloque bajo.", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827402.jpg" },
|
||||
{ id: "t2", title: "Fisioterapeuta", subtitle: "Salud", detail: "Recuperación acelerada.", imageSrc: "http://img.b2bpic.net/free-photo/rugby-player-with-equipment-game_23-2150995863.jpg" },
|
||||
{ id: "t3", title: "Ojeador Jefe", subtitle: "Scouting", detail: "Talento internacional.", imageSrc: "http://img.b2b-vector/soccer-logo-template_23-2149588661.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Staff Técnico"
|
||||
description="Tu equipo de confianza para alcanzar el éxito."
|
||||
@@ -261,31 +151,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-rugby-player-with-equipment_23-2150995736.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Maria C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707988.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Juan L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-letter-k-football-field_23-2150811527.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Sofía T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-background-with-tactics-concept_23-2147832058.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "David M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707984.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/view-rugby-player-with-equipment_23-2150995736.jpg" },
|
||||
{ id: "s2", name: "Maria C.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707988.jpg" },
|
||||
{ id: "s3", name: "Juan L.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-letter-k-football-field_23-2150811527.jpg" },
|
||||
{ id: "s4", name: "Sofía T.", imageSrc: "http://img.b2bpic.net/free-photo/football-background-with-tactics-concept_23-2147832058.jpg" },
|
||||
{ id: "s5", name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707984.jpg" },
|
||||
]}
|
||||
cardTitle="Lo que dicen los Manager"
|
||||
cardTag="Opiniones"
|
||||
@@ -298,21 +168,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cómo mejorar el potencial de mis jugadores?",
|
||||
content: "Entrenamiento constante y minutos de calidad en partidos clave.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Puedo cambiar el idioma?",
|
||||
content: "Sí, tienes un botón de idioma en la pantalla de ajustes.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿El mercado de fichajes es realista?",
|
||||
content: "Totalmente, responde a necesidades, contratos y valor de mercado.",
|
||||
},
|
||||
{ id: "q1", title: "¿Cómo mejorar el potencial de mis jugadores?", content: "Entrenamiento constante y minutos de calidad en partidos clave." },
|
||||
{ id: "q2", title: "¿Puedo cambiar el idioma?", content: "Sí, tienes un botón de idioma en la pantalla de ajustes." },
|
||||
{ id: "q3", title: "¿El mercado de fichajes es realista?", content: "Totalmente, responde a necesidades, contratos y valor de mercado." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg"
|
||||
title="Preguntas Frecuentes"
|
||||
@@ -329,21 +187,10 @@ export default function LandingPage() {
|
||||
title="Soporte Técnico"
|
||||
description="Envíanos tus comentarios sobre tu experiencia en el Modo Carrera."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu correo",
|
||||
},
|
||||
{
|
||||
name: "asunto",
|
||||
type: "text",
|
||||
placeholder: "Asunto",
|
||||
},
|
||||
{ name: "email", type: "email", placeholder: "Tu correo" },
|
||||
{ name: "asunto", type: "text", placeholder: "Asunto" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Cuéntanos tu opinión",
|
||||
}}
|
||||
textarea={{ name: "mensaje", placeholder: "Cuéntanos tu opinión" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg"
|
||||
imageAlt="game studio office workspace"
|
||||
/>
|
||||
@@ -353,32 +200,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FC 26 Manager"
|
||||
columns={[
|
||||
{
|
||||
title: "Juego",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Carrera",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Juego", items: [{ label: "Inicio", href: "#hero" }, { label: "Carrera", href: "#about" }] },
|
||||
{ title: "Soporte", items: [{ label: "FAQ", href: "#faq" }, { label: "Contacto", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user