Merge version_1 into main #2
379
src/app/page.tsx
379
src/app/page.tsx
@@ -13,281 +13,126 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Creators",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Get Started",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="NeoStream"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Creators", id: "testimonials" },
|
||||
{ name: "Get Started", id: "contact" },
|
||||
]}
|
||||
brandName="NeoStream"
|
||||
button={{ text: "Join", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Stream Without Limits"
|
||||
description="Experience the future of video sharing. NeoStream offers cutting-edge tools, AI-powered discovery, and professional-grade streaming technology."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=1",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=1",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=2",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=2",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=3",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=3",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=4",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=4",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=5",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=5",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg?_wi=6",
|
||||
imageAlt: "Creator Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg?_wi=6",
|
||||
imageAlt: "Stream Interface",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Broadcasting",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10k+ streamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Global Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Hosting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Tools",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Stream Without Limits"
|
||||
description="Experience the future of video sharing. NeoStream offers cutting-edge tools, AI-powered discovery, and professional-grade streaming technology."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Creator Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-laptop-while-watching-tv-apartment-office_482257-119744.jpg", imageAlt: "Stream Interface" },
|
||||
]}
|
||||
buttons={[{ text: "Start Broadcasting", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10k+ streamers"
|
||||
marqueeItems={[{ type: "text", text: "Ultra-Low Latency" }, { type: "text", text: "4K Global Delivery" }, { type: "text", text: "Secure Hosting" }, { type: "text", text: "AI Analytics" }, { type: "text", text: "Community Tools" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "4K Ultra-Streaming",
|
||||
descriptions: [
|
||||
"Crystal clear quality with ultra-low latency playback.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Live Interactive Chat",
|
||||
descriptions: [
|
||||
"Real-time connection with your viewers during live sessions.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-connection-speech-bubble-concept_53876-13807.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "AI Discovery Engine",
|
||||
descriptions: [
|
||||
"Intelligent recommendation algorithms that find your perfect audience.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-891.jpg",
|
||||
},
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Powerful tools designed to amplify your voice."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "4K Ultra-Streaming", descriptions: ["Crystal clear quality with ultra-low latency playback."], imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg" },
|
||||
{ id: "f2", title: "Live Interactive Chat", descriptions: ["Real-time connection with your viewers during live sessions."], imageSrc: "http://img.b2bpic.net/free-photo/communication-connection-speech-bubble-concept_53876-13807.jpg" },
|
||||
{ id: "f3", title: "AI Discovery Engine", descriptions: ["Intelligent recommendation algorithms that find your perfect audience."], imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-891.jpg" },
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Powerful tools designed to amplify your voice."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at Scale"
|
||||
tag="Live Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120M+",
|
||||
description: "Active Viewers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Streaming Reliability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50ms",
|
||||
description: "Average Latency",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at Scale"
|
||||
tag="Live Data"
|
||||
metrics={[
|
||||
{ id: "m1", value: "120M+", description: "Active Viewers" },
|
||||
{ id: "m2", value: "24/7", description: "Streaming Reliability" },
|
||||
{ id: "m3", value: "50ms", description: "Average Latency" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Morgan Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor West",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Creator Voices"
|
||||
cardTag="NeoStream Community"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg" },
|
||||
{ id: "t3", name: "Jordan Smith", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg" },
|
||||
{ id: "t4", name: "Morgan Lee", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
|
||||
{ id: "t5", name: "Taylor West", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg" },
|
||||
]}
|
||||
cardTitle="Creator Voices"
|
||||
cardTag="NeoStream Community"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Join the future of video sharing today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join the future of video sharing today."
|
||||
buttons={[{ text: "Get Early Access", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NeoStream"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NeoStream"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user