389 lines
12 KiB
TypeScript
389 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<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",
|
|
},
|
|
]}
|
|
brandName="FC 26 Manager"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
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: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827470.jpg?_wi=1"
|
|
imageAlt="football stadium night lights"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
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",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530127.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
imageAlt="football manager silhouette stadium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
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: "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",
|
|
},
|
|
]}
|
|
title="Control Táctico y Desarrollo"
|
|
description="Herramientas de última generación para gestionar cada aspecto de tu plantilla con facilidad."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Progreso del Club"
|
|
description="Mantén el equilibrio entre finanzas, rendimiento y expectativas directivas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Centro de Fichajes"
|
|
description="Gestiona transferencias, renovaciones y el mercado en tiempo real."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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",
|
|
},
|
|
]}
|
|
title="Staff Técnico"
|
|
description="Tu equipo de confianza para alcanzar el éxito."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<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",
|
|
},
|
|
]}
|
|
cardTitle="Lo que dicen los Manager"
|
|
cardTag="Opiniones"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
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.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg"
|
|
title="Preguntas Frecuentes"
|
|
description="Resolvemos todas tus dudas sobre el Modo Carrera."
|
|
faqsAnimation="blur-reveal"
|
|
imageAlt="game support dashboard interface"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
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",
|
|
},
|
|
]}
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<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",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|