187 lines
12 KiB
TypeScript
187 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="mediumLarge"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Головна", id: "hero" },
|
||
{ name: "Ліги", id: "leagues" },
|
||
{ name: "Матчі", id: "matches" },
|
||
{ name: "Аналітика", id: "blog" },
|
||
{ name: "Таблиці", id: "tables" },
|
||
]}
|
||
brandName="AISOCCER"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="AISOCCER — Штучний інтелект у футболі."
|
||
description="Прогнози, тактичний аналіз та глибока футбольна аналітика на базі даних AISOCCER."
|
||
tag="01 · AISOCCER.COM.UA"
|
||
buttons={[
|
||
{ text: "Читати аналіз →", href: "#blog" },
|
||
{ text: "Усі матчі дня", href: "#matches" },
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318298549-5d43f38e.png"
|
||
showBlur={true}
|
||
avatars={[
|
||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318314019-76e63b14.png", alt: "fan 1" },
|
||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318323518-38e52b38.png", alt: "fan 2" },
|
||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318332199-269d644c.png", alt: "fan 3" },
|
||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318341239-af625bf8.png", alt: "fan 4" },
|
||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318350468-9883105d.png", alt: "fan 5" },
|
||
]}
|
||
avatarText="10k+ користувачів AISOCCER"
|
||
titleClassName="text-white"
|
||
descriptionClassName="text-white"
|
||
/>
|
||
</div>
|
||
|
||
<div id="leagues" data-section="leagues">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: ["🏴 Англія (Прем'єр-ліга)", "🇮🇹 Італія (Серія А)", "🇪🇸 Іспанія (Ла Ліга)", "🇩🇪 Німеччина (Бундесліга)", "🇺🇦 Україна (УПЛ)"],
|
||
}}
|
||
positiveCard={{
|
||
items: ["🏴 Англія (Прем'єр-ліга)", "🇮🇹 Італія (Серія А)", "🇪🇸 Іспанія (Ла Ліга)", "🇩🇪 Німеччина (Бундесліга)", "🇺🇦 Україна (УПЛ)"],
|
||
}}
|
||
title="Топ-ліги Європи та України"
|
||
description="Моніторимо дані у реальному часі для найважливіших ліг світу за допомогою штучного інтелекту."
|
||
/>
|
||
</div>
|
||
|
||
<div id="matches" data-section="matches">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "m1", name: "LIVE: Arsenal vs Chelsea", price: "2:1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318314019-76e63b14.png" },
|
||
{ id: "m2", name: "UPCOMING: Real vs Barca", price: "21:00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318323518-38e52b38.png" },
|
||
{ id: "m3", name: "FINISHED: Milan vs Inter", price: "1:1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318332199-269d644c.png" },
|
||
{ id: "m4", name: "LIVE: Bayern vs Dortmund", price: "0:0", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318341239-af625bf8.png" },
|
||
{ id: "m5", name: "UPCOMING: Shakhtar vs Dynamo", price: "19:00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318350468-9883105d.png" },
|
||
{ id: "m6", name: "LIVE: Man City vs Liverpool", price: "1:2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318359189-9058e646.png" },
|
||
]}
|
||
title="Розклад матчів"
|
||
description="Актуальні дані та прогнози від AISOCCER."
|
||
containerClassName="text-white"
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Аналітика AISOCCER"
|
||
description="ШІ-аналіз тактики та продуктивності гравців від AISOCCER."
|
||
blogs={[
|
||
{ id: "b1", category: "Тактика", title: "Чому Інтер виграє через лівий фланг", excerpt: "Детальний розбір гри від наших алгоритмів.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318368125-df4f64cb.png", authorName: "AISOCCER Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318376759-930b912d.png", date: "27 Квітня" },
|
||
{ id: "b2", category: "ЛЧ", title: "Шахтар у Лізі чемпіонів", excerpt: "Аналіз шансів на плей-оф від ШІ.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318384749-74ecc312.png", authorName: "AISOCCER Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318394196-6cceac7e.png", date: "27 Квітня" },
|
||
{ id: "b3", category: "Класіко", title: "Ель Класіко: аналітика результату", excerpt: "Ключові фактори, що вирішать матч.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318402172-02e74786.png", authorName: "AISOCCER Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318411827-14fb6198.png", date: "27 Квітня" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="tables" data-section="tables">
|
||
<PricingCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{ id: "pl1", name: "АПЛ - AISOCCER", price: "Турнірна таблиця", features: [
|
||
"1. Manchester City", "2. Arsenal", "3. Liverpool", "4. Chelsea", "5. Tottenham",
|
||
"6. Man United", "7. Aston Villa", "8. Newcastle", "9. West Ham", "10. Brighton"
|
||
], buttons: [{ text: "Аналітика ШІ →" }] },
|
||
{ id: "pl2", name: "УПЛ - AISOCCER", price: "Турнірна таблиця", features: [
|
||
"1. Manchester City (АПЛ Лідер)", "2. Shakhtar", "3. Dynamo", "4. Polissya", "5. Kryvbas",
|
||
"6. Rukh", "7. Vorskla", "8. Kolos", "9. LNZ", "10. Veres"
|
||
], buttons: [{ text: "Аналітика ШІ →" }] },
|
||
{ id: "pl3", name: "ЛЧ - AISOCCER", price: "Турнірна таблиця", features: [
|
||
"1. Manchester City", "2. Real Madrid", "3. Bayern Munich", "4. PSG", "5. Barcelona",
|
||
"6. Inter Milan", "7. AC Milan", "8. Atletico", "9. Leverkusen", "10. Dortmund"
|
||
], buttons: [{ text: "Аналітика ШІ →" }] },
|
||
]}
|
||
title="Турнірні таблиці (Аналітика ШІ)"
|
||
description="Рейтинги AISOCCER для топ-ліг світу."
|
||
containerClassName="text-white"
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="asymmetric-60-wide-40-narrow"
|
||
useInvertedBackground={false}
|
||
members={[
|
||
{ id: "p1", name: "КІЛІАН МБАППЕ", role: "AISOCCER Player Rating: 9.8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318420516-38494008.png" },
|
||
{ id: "p2", name: "РОДРІ", role: "AISOCCER Player Rating: 9.7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318429467-ee2d1ce3.png" },
|
||
{ id: "p3", name: "ВІНІСІУС ЖУНІОР", role: "AISOCCER Player Rating: 9.6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318437064-85ddbb5e.png" },
|
||
]}
|
||
title="Топ гравці тижня"
|
||
description="Персональні рейтинги AISOCCER, розраховані на основі виступів."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{ variant: "animated-grid" }}
|
||
tag="ПІДПИСКА AISOCCER"
|
||
title="Прогнози AISOCCER на кожен день."
|
||
description="Отримуйте аналітичні звіти AISOCCER прямо на пошту. Найкращі дані про футбол щодня о 8:00."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318446374-91044ba8.png"
|
||
containerClassName="text-white"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cu4cynX5F1PL6QWXHEHSufvdF9/professional-editorial-football-photogra-1777318455778-bc197089.png"
|
||
logoText="AISOCCER"
|
||
columns={[
|
||
{ title: "Ліги", items: [{ label: "АПЛ", href: "#" }, { label: "ЛЧ", href: "#" }] },
|
||
{ title: "Аналітика", items: [{ label: "Прогнози", href: "#" }, { label: "Рейтинги", href: "#" }] },
|
||
{ title: "Сервіси", items: [{ label: "Профіль", href: "#" }, { label: "Розклад", href: "#" }] },
|
||
{ title: "AISOCCER", items: [{ label: "Про ШІ", href: "#" }, { label: "Контакти", href: "#" }] },
|
||
]}
|
||
copyrightText="© 2026 AISOCCER.UA · ШТУЧНИЙ ІНТЕЛЕКТ У ФУТБОЛІ"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |