201 lines
8.3 KiB
TypeScript
201 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Zap, Play, BarChart3, Star } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function LivePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "News", id: "news" },
|
|
{ name: "Live", id: "live" },
|
|
{ name: "Players", id: "players" },
|
|
{ name: "Transfers", id: "transfers" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "League",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Standings", href: "#news" },
|
|
{ label: "Schedule", href: "#live" },
|
|
{ label: "Rules", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Community",
|
|
items: [
|
|
{ label: "Players", href: "/players" },
|
|
{ label: "Teams", href: "#" },
|
|
{ label: "Transfers", href: "/transfers" },
|
|
{ label: "Fan Hub", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Discord", href: "https://discord.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "YouTube", href: "https://youtube.com" },
|
|
{ label: "Contact", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{ text: "Watch Live", href: "#live" }}
|
|
brandName="LALIGA FANTASY"
|
|
/>
|
|
</div>
|
|
|
|
<div id="live" data-section="live">
|
|
<FeatureCardTwentySix
|
|
title="Live Match Center"
|
|
description="Experience intense action with live scoring, match analytics, and real-time player performances."
|
|
tag="Live Streaming"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Championship Final",
|
|
description: "Phoenix Rising vs. Elite United - Live Score 3-1",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/live-broadcast-setup-of-a-professional-r-1772967702507-8af83b51.png",
|
|
imageAlt: "Championship Final Live Match",
|
|
buttonIcon: Play,
|
|
buttonHref: "#",
|
|
},
|
|
{
|
|
title: "Quarter Finals - Stream One",
|
|
description: "Thunder FC vs. Striker Academy - 45 minutes remaining",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/quarter-finals-football-match-in-progres-1772967702448-551da0e0.png",
|
|
imageAlt: "Quarter Finals Match Stream",
|
|
buttonIcon: Play,
|
|
buttonHref: "#",
|
|
},
|
|
{
|
|
title: "Match Highlights",
|
|
description: "Best moments from today's matches - Goals, saves, and epic plays",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/compilation-of-best-match-moments-featur-1772967702557-43d3a541.png",
|
|
imageAlt: "Match Highlights Compilation",
|
|
buttonIcon: Play,
|
|
buttonHref: "#",
|
|
},
|
|
{
|
|
title: "Player Stats Dashboard",
|
|
description: "Real-time player performance metrics and live rankings",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/real-time-player-performance-dashboard-s-1772967702137-fde46a94.png",
|
|
imageAlt: "Player Statistics Dashboard",
|
|
buttonIcon: BarChart3,
|
|
buttonHref: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Community Voice"
|
|
description="Hear from players, managers, and fans about their LALIGA FANTASY experience."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alex Rivera",
|
|
role: "Team Manager",
|
|
testimonial:
|
|
"LALIGA FANTASY has completely transformed how we scout and manage our team. The live stats and analytics are unmatched in the Roblox football community.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-portrait-of-alex-rivera-tea-1772967702607-9c0e86b7.png",
|
|
imageAlt: "Alex Rivera Team Manager",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jordan Lee",
|
|
role: "Professional Player",
|
|
testimonial:
|
|
"Being part of this league has been the highlight of my Roblox career. The professionalism and competition level is incredible.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-athlete-portrait-of-jordan--1772967700146-e22e8b13.png",
|
|
imageAlt: "Jordan Lee Professional Player",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sofia Petrov",
|
|
role: "Content Creator",
|
|
testimonial:
|
|
"The coverage and production quality of LALIGA FANTASY matches is phenomenal. My audience loves every moment of the action.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-portrait-of-sofia-petrov-co-1772967700995-aad7d0a5.png",
|
|
imageAlt: "Sofia Petrov Content Creator",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Marcus Chen",
|
|
role: "League Scout",
|
|
testimonial:
|
|
"This is the most organized and professionally managed Roblox football league I've ever witnessed. Truly next-generation esports.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-portrait-of-marcus-chen-lea-1772967702588-f0cd1666.png",
|
|
imageAlt: "Marcus Chen League Scout",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Isabella Santos",
|
|
role: "Fan & Community Member",
|
|
testimonial:
|
|
"The energy and passion in this community is unreal. Every match day feels like a real championship event.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-portrait-of-isabella-santos-1772967701303-5b173ac1.png",
|
|
imageAlt: "Isabella Santos Community Fan",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "David Kim",
|
|
role: "Broadcast Director",
|
|
testimonial:
|
|
"The platform's live features have allowed us to deliver broadcast-quality coverage. Sets a new standard for Roblox esports.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aez01ApzmaCvdMa4mT0a53lLNU/professional-portrait-of-david-kim-broad-1772967701479-167f1553.png",
|
|
imageAlt: "David Kim Broadcast Director",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="LALIGA FANTASY"
|
|
copyrightText="© 2025 LALIGA FANTASY | Professional Roblox Football League ASIA/OCE"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |