Merge version_2 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -21,36 +21,21 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LiveStream Sports"
|
||||
/>
|
||||
@@ -60,41 +45,11 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="LiveStream Sports"
|
||||
description="Experience every match in 4K resolution. Real-time streaming for true sports fanatics worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#pricing" }, { text: "Watch Demo", href: "#features" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548591.jpg",
|
||||
imageAlt: "Soccer broadcast night match",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-224.jpg",
|
||||
imageAlt: "Arena stadium wide shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108612.jpg",
|
||||
imageAlt: "Basketball game action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_72229-387.jpg",
|
||||
imageAlt: "Tennis tournament match",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871973.jpg",
|
||||
imageAlt: "Formula 1 race fast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-house-with-automation-lighting-system-sitting-kitchen-switch-off-lights-usin_482257-1935.jpg",
|
||||
imageAlt: "Production control room",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548591.jpg", imageAlt: "Soccer broadcast night match" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-224.jpg", imageAlt: "Arena stadium wide shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108612.jpg", imageAlt: "Basketball game action" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,23 +58,11 @@ export default function LandingPage() {
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "4K Ultra HD",
|
||||
description: "Crisp visuals for every goal, basket, and finish line.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336712.jpg",
|
||||
},
|
||||
{
|
||||
title: "Global CDN",
|
||||
description: "Streaming servers optimized across every continent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
|
||||
},
|
||||
{
|
||||
title: "Multi-Device Sync",
|
||||
description: "Switch from TV to mobile without missing a single beat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg",
|
||||
},
|
||||
{ title: "4K Ultra HD", description: "Crisp visuals for every goal, basket, and finish line.", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336712.jpg" },
|
||||
{ title: "Global CDN", description: "Streaming servers optimized across every continent.", imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg" },
|
||||
{ title: "Multi-Device Sync", description: "Switch from TV to mobile without missing a single beat.", imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg" }
|
||||
]}
|
||||
title="Unmatched Streaming Features"
|
||||
description="Engineered for high-speed sports delivery with zero latency across all your devices."
|
||||
@@ -132,54 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$9.99",
|
||||
period: "/month",
|
||||
description: "For casual viewers who want high-quality streams.",
|
||||
button: {
|
||||
text: "Get Basic",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Full HD Streaming",
|
||||
"Mobile Access",
|
||||
"Ad-supported",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "$19.99",
|
||||
period: "/month",
|
||||
description: "The ultimate sports package for true fans.",
|
||||
button: {
|
||||
text: "Get Elite",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"4K Ultra HD",
|
||||
"Zero Latency",
|
||||
"Ad-free Experience",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Season Pass",
|
||||
price: "$149.99",
|
||||
period: "/year",
|
||||
description: "Save big and watch all year round.",
|
||||
button: {
|
||||
text: "Get Annual",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Elite Features",
|
||||
"Early Access",
|
||||
"Offline Downloads",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essential", price: "$9.99", period: "/month", description: "For casual viewers who want high-quality streams.", button: { text: "Get Basic" }, featuresTitle: "Includes:", features: ["Full HD Streaming", "Mobile Access", "Ad-supported"] },
|
||||
{ id: "pro", tag: "Elite", price: "$19.99", period: "/month", description: "The ultimate sports package for true fans.", button: { text: "Get Elite" }, featuresTitle: "Includes:", features: ["4K Ultra HD", "Zero Latency", "Ad-free Experience"] },
|
||||
{ id: "premium", tag: "Season Pass", price: "$149.99", period: "/year", description: "Save big and watch all year round.", button: { text: "Get Annual" }, featuresTitle: "Includes:", features: ["All Elite Features", "Early Access", "Offline Downloads"] }
|
||||
]}
|
||||
title="Simple Pricing Plans"
|
||||
description="Flexible options for every budget. Start streaming your favorite games now."
|
||||
@@ -188,34 +86,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-screaming-sportsman-showing-ok-signs_171337-16055.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-fists-having-fun_114579-22726.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-enjoying-music_23-2148586216.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-man-white-shirt-with-headband-holding-smartphone-raising-fist-happy-excited-standing-olive-background_141793-54391.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671568.jpg",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-screaming-sportsman-showing-ok-signs_171337-16055.jpg" }, { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-fists-having-fun_114579-22726.jpg" }]}
|
||||
cardTitle="What Fans Are Saying"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
@@ -226,15 +98,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"SportsNetwork",
|
||||
"GlobalBroadcasting",
|
||||
"ArenaMedia",
|
||||
"SpeedCast",
|
||||
"EliteSports",
|
||||
"NetStudio",
|
||||
"PrimeStream",
|
||||
]}
|
||||
names={["SportsNetwork", "GlobalBroadcasting", "ArenaMedia", "SpeedCast", "EliteSports"]}
|
||||
title="Trusted By Industry Giants"
|
||||
description="Powering broadcast infrastructure for the biggest leagues in the world."
|
||||
/>
|
||||
@@ -244,38 +108,11 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100M+",
|
||||
title: "Users",
|
||||
items: [
|
||||
"Global fan base",
|
||||
"Active daily users",
|
||||
"Verified accounts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
title: "Events",
|
||||
items: [
|
||||
"Monthly matches",
|
||||
"Live tournaments",
|
||||
"Special events",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Stable connectivity",
|
||||
"Consistent streaming",
|
||||
"Always live",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100M+", title: "Users", items: ["Global fan base", "Active daily users"] },
|
||||
{ id: "m2", value: "20K+", title: "Events", items: ["Monthly matches", "Live tournaments"] },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", items: ["Stable connectivity", "Consistent streaming"] }
|
||||
]}
|
||||
title="Our Network Scale"
|
||||
description="High performance streaming infrastructure designed for massive concurrent audiences."
|
||||
@@ -289,50 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Sports Streaming Insights"
|
||||
description="The latest in broadcasting technology, match analysis, and platform updates."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tech",
|
||||
title: "The Future of 8K Broadcasting",
|
||||
excerpt: "Exploring the next frontier of live sports streaming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-ball_23-2150887418.jpg",
|
||||
authorName: "John Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-holding-ball-with-jump-rope-shoulder-showing-yes-gesture-isolated-olive-green-wall_141793-78548.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Industry",
|
||||
title: "Low Latency Techniques",
|
||||
excerpt: "Why every millisecond counts in live sports.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-glasses-gaming_23-2151138377.jpg",
|
||||
authorName: "Jane Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-women-watching-sports_23-2150167304.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Fan Experience",
|
||||
title: "VR Arena Simulation",
|
||||
excerpt: "Stepping inside the stadium from your living room.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-from-olympic-games-tournament-with-athletes-competing_23-2151470921.jpg",
|
||||
authorName: "Bob Wilson",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/joyful-adult-slavic-man-looking-side-clenching-fists-isolated-green-wall_141793-59365.jpg",
|
||||
date: "Oct 18, 2024",
|
||||
},
|
||||
]}
|
||||
blogs={[{ id: "b1", category: "Tech", title: "The Future of 8K Broadcasting", excerpt: "Exploring the next frontier.", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-ball_23-2150887418.jpg", authorName: "John Doe", authorAvatar: "", date: "Oct 12, 2024" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Newsletter"
|
||||
title="Join The Future of Sports"
|
||||
description="Sign up for early access to our new interactive live streaming features and exclusive match previews."
|
||||
description="Sign up for early access to our new features."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -341,17 +145,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LiveStream Sports"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f0f8ffe6;
|
||||
--primary-cta: #cee7ff;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #0a0a0a;
|
||||
--secondary-cta-text: #f0f8ffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--accent: #333333;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user