Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SportStream"
|
||||
/>
|
||||
@@ -59,11 +51,9 @@ export default function LandingPage() {
|
||||
description="Experience live football like never before. Watch matches in high definition, view detailed player statistics, and engage with live analysis and friends."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Watching",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Watching", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,17 +65,11 @@ export default function LandingPage() {
|
||||
description="SportStream provides a complete sports ecosystem. From real-time player data and weather updates to interactive social features, we bring the game to your screen."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Live HD Streaming",
|
||||
description: "Crisp quality with adjustable bitrate control.",
|
||||
},
|
||||
title: "Live HD Streaming", description: "Crisp quality with adjustable bitrate control."},
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Live match analysis and player data.",
|
||||
},
|
||||
title: "Real-time Analytics", description: "Live match analysis and player data."},
|
||||
{
|
||||
title: "Interactive Social",
|
||||
description: "Watch with friends and comment live.",
|
||||
},
|
||||
title: "Interactive Social", description: "Watch with friends and comment live."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165163.jpg"
|
||||
/>
|
||||
@@ -98,26 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Smart Streaming",
|
||||
subtitle: "Adaptive quality",
|
||||
category: "Engine",
|
||||
value: "4K 60fps",
|
||||
},
|
||||
id: "f1", title: "Smart Streaming", subtitle: "Adaptive quality", category: "Engine", value: "4K 60fps"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Game Forecast",
|
||||
subtitle: "Live weather",
|
||||
category: "Climate",
|
||||
value: "22°C Clear",
|
||||
},
|
||||
id: "f2", title: "Game Forecast", subtitle: "Live weather", category: "Climate", value: "22°C Clear"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Social Feed",
|
||||
subtitle: "Live reactions",
|
||||
category: "Community",
|
||||
value: "Active",
|
||||
},
|
||||
id: "f3", title: "Social Feed", subtitle: "Live reactions", category: "Community", value: "Active"},
|
||||
]}
|
||||
title="Pro Features"
|
||||
description="Built for the most demanding football fans."
|
||||
@@ -131,26 +100,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Star Players",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Star Players", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Player One",
|
||||
subtitle: "Striker",
|
||||
detail: "Age: 25 | Goals: 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-holding-ball-looking-camera_23-2148203595.jpg",
|
||||
},
|
||||
id: "m1", title: "Player One", subtitle: "Striker", detail: "Age: 25 | Goals: 12", imageSrc: "http://img.b2bpic.net/free-photo/black-man-holding-ball-looking-camera_23-2148203595.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Player Two",
|
||||
subtitle: "Midfielder",
|
||||
detail: "Age: 28 | Assists: 8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-player-staring-green-field-with-ball_176420-16448.jpg",
|
||||
},
|
||||
id: "m2", title: "Player Two", subtitle: "Midfielder", detail: "Age: 28 | Assists: 8", imageSrc: "http://img.b2bpic.net/free-photo/soccer-player-staring-green-field-with-ball_176420-16448.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg?_wi=2",
|
||||
imageAlt: "football athlete portrait",
|
||||
},
|
||||
]}
|
||||
title="Squad Details"
|
||||
@@ -165,23 +120,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "mt1",
|
||||
icon: Users,
|
||||
title: "Active Viewers",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "mt1", icon: Users,
|
||||
title: "Active Viewers", value: "1.2M+"},
|
||||
{
|
||||
id: "mt2",
|
||||
icon: Play,
|
||||
title: "Matches Streamed",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "mt2", icon: Play,
|
||||
title: "Matches Streamed", value: "50k+"},
|
||||
{
|
||||
id: "mt3",
|
||||
icon: Globe,
|
||||
title: "Coverage Countries",
|
||||
value: "150+",
|
||||
},
|
||||
id: "mt3", icon: Globe,
|
||||
title: "Coverage Countries", value: "150+"},
|
||||
]}
|
||||
title="Platform Stats"
|
||||
description="Global reach for true fans."
|
||||
@@ -195,59 +141,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed",
|
||||
role: "Fan",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3360.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmed", role: "Fan", company: "Global", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3360.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah",
|
||||
role: "Fan",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-football-game_23-2149015530.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah", role: "Fan", company: "Global", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-football-game_23-2149015530.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar",
|
||||
role: "Fan",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-handsome-sporty-man-wearing-headband-wristbands-putting-hand-face-stretching-out-fist-isolated-white-wall_141793-101007.jpg",
|
||||
},
|
||||
id: "t3", name: "Omar", role: "Fan", company: "Global", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-handsome-sporty-man-wearing-headband-wristbands-putting-hand-face-stretching-out-fist-isolated-white-wall_141793-101007.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Layla",
|
||||
role: "Fan",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-czech-tunisian-football-fans-win-lose-emotions-isolated-white-wall_231208-9473.jpg",
|
||||
},
|
||||
id: "t4", name: "Layla", role: "Fan", company: "Global", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-czech-tunisian-football-fans-win-lose-emotions-isolated-white-wall_231208-9473.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Hassan",
|
||||
role: "Fan",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-team-monochrome_23-2151530291.jpg",
|
||||
},
|
||||
id: "t5", name: "Hassan", role: "Fan", company: "Global", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-team-monochrome_23-2151530291.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99%", label: "Uptime"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
title="Fan Reviews"
|
||||
description="See what our users say."
|
||||
@@ -259,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does it support Arabic?",
|
||||
content: "Yes, full bilingual support.",
|
||||
},
|
||||
id: "q1", title: "Does it support Arabic?", content: "Yes, full bilingual support."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I watch with friends?",
|
||||
content: "Yes, use the watch-with-friends feature.",
|
||||
},
|
||||
id: "q2", title: "Can I watch with friends?", content: "Yes, use the watch-with-friends feature."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is dark mode available?",
|
||||
content: "Absolutely, seamless theme switching.",
|
||||
},
|
||||
id: "q3", title: "Is dark mode available?", content: "Absolutely, seamless theme switching."},
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,8 +189,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Revolution"
|
||||
description="Sign up for updates on your favorite teams."
|
||||
@@ -295,29 +200,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user