Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7f6d85dbe6 |
130
src/app/page.tsx
130
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Plans",
|
name: "Plans", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Support",
|
name: "Support", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="StreamLine"
|
brandName="StreamLine"
|
||||||
button={{
|
button={{
|
||||||
text: "Start Watching",
|
text: "Start Watching", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -62,31 +52,19 @@ export default function LandingPage() {
|
|||||||
description="Unlimited movies, TV shows, and more. Experience cinema at home."
|
description="Unlimited movies, TV shows, and more. Experience cinema at home."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2400.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2400.jpg", imageAlt: "movie streaming hero banner"},
|
||||||
imageAlt: "movie streaming hero banner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg", imageAlt: "action movie scene"},
|
||||||
imageAlt: "action movie scene",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg", imageAlt: "fantasy movie scene"},
|
||||||
imageAlt: "fantasy movie scene",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/zombies-movie-theater_23-2150838710.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/zombies-movie-theater_23-2150838710.jpg", imageAlt: "thriller movie atmosphere"},
|
||||||
imageAlt: "thriller movie atmosphere",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-movie-night-with-friends_23-2151987396.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-movie-night-with-friends_23-2151987396.jpg", imageAlt: "animated movie scene"},
|
||||||
imageAlt: "animated movie scene",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -112,20 +90,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Ultra HD Streaming",
|
title: "Ultra HD Streaming", description: "Crisp 4K visuals for every movie.", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170581.jpg"},
|
||||||
description: "Crisp 4K visuals for every movie.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170581.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Offline Downloads",
|
title: "Offline Downloads", description: "Take your movies wherever you go.", imageSrc: "http://img.b2bpic.net/free-photo/download-internet-connection-sharing-networking-concept_53876-148096.jpg"},
|
||||||
description: "Take your movies wherever you go.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/download-internet-connection-sharing-networking-concept_53876-148096.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Multi-Device Sync",
|
title: "Multi-Device Sync", description: "Seamlessly switch between TV, phone, and tablet.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-browses-phone-mockup-copy-space_482257-121668.jpg"},
|
||||||
description: "Seamlessly switch between TV, phone, and tablet.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-browses-phone-mockup-copy-space_482257-121668.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose StreamLine"
|
title="Why Choose StreamLine"
|
||||||
description="Premium features built for cinema enthusiasts."
|
description="Premium features built for cinema enthusiasts."
|
||||||
@@ -139,36 +108,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", badge: "Essential", price: "$9.99", subtitle: "Single device streaming", features: [
|
||||||
badge: "Essential",
|
"Full HD", "Basic library"],
|
||||||
price: "$9.99",
|
|
||||||
subtitle: "Single device streaming",
|
|
||||||
features: [
|
|
||||||
"Full HD",
|
|
||||||
"Basic library",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", badge: "Most Popular", price: "$15.99", subtitle: "Family sharing plan", features: [
|
||||||
badge: "Most Popular",
|
"4K Ultra HD", "Unlimited library", "4 devices"],
|
||||||
price: "$15.99",
|
|
||||||
subtitle: "Family sharing plan",
|
|
||||||
features: [
|
|
||||||
"4K Ultra HD",
|
|
||||||
"Unlimited library",
|
|
||||||
"4 devices",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "premium",
|
id: "premium", badge: "Ultimate", price: "$19.99", subtitle: "Cinematic excellence", features: [
|
||||||
badge: "Ultimate",
|
"8K HDR", "Exclusive content", "Offline downloads"],
|
||||||
price: "$19.99",
|
|
||||||
subtitle: "Cinematic excellence",
|
|
||||||
features: [
|
|
||||||
"8K HDR",
|
|
||||||
"Exclusive content",
|
|
||||||
"Offline downloads",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Flexible Membership Plans"
|
title="Flexible Membership Plans"
|
||||||
@@ -183,20 +132,11 @@ export default function LandingPage() {
|
|||||||
tag="Trusted By Millions"
|
tag="Trusted By Millions"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "10M+", description: "Active viewers"},
|
||||||
value: "10M+",
|
|
||||||
description: "Active viewers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "50K+", description: "Available titles"},
|
||||||
value: "50K+",
|
|
||||||
description: "Available titles",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "24/7", description: "Premium support"},
|
||||||
value: "24/7",
|
|
||||||
description: "Premium support",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -208,20 +148,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Can I cancel anytime?", content: "Yes, you can manage your subscription easily in settings."},
|
||||||
title: "Can I cancel anytime?",
|
|
||||||
content: "Yes, you can manage your subscription easily in settings.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Does it support 4K?", content: "Yes, on compatible devices and plans."},
|
||||||
title: "Does it support 4K?",
|
|
||||||
content: "Yes, on compatible devices and plans.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Is there a free trial?", content: "We offer a 7-day free trial for new members. Start your 7-day trial now."},
|
||||||
title: "Is there a free trial?",
|
|
||||||
content: "We offer a 7-day free trial for new members.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Answers to everything you need to know about StreamLine."
|
description="Answers to everything you need to know about StreamLine."
|
||||||
@@ -233,16 +164,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Let's Get Started"
|
tag="Let's Get Started"
|
||||||
title="Ready to Experience Cinema?"
|
title="Ready to Experience Cinema?"
|
||||||
description="Sign up today and get your first week on us."
|
description="Sign up today and get your first week on us."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Register Now",
|
text: "Register Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -256,4 +184,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user