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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Plans", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="StreamLine"
|
||||
button={{
|
||||
text: "Start Watching",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Watching", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,31 +52,19 @@ export default function LandingPage() {
|
||||
description="Unlimited movies, TV shows, and more. Experience cinema at home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg",
|
||||
imageAlt: "action movie scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg", imageAlt: "action movie scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg",
|
||||
imageAlt: "fantasy movie scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg", imageAlt: "fantasy movie scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zombies-movie-theater_23-2150838710.jpg",
|
||||
imageAlt: "thriller movie atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zombies-movie-theater_23-2150838710.jpg", imageAlt: "thriller movie atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-movie-night-with-friends_23-2151987396.jpg",
|
||||
imageAlt: "animated movie scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-movie-night-with-friends_23-2151987396.jpg", imageAlt: "animated movie scene"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,20 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Why Choose StreamLine"
|
||||
description="Premium features built for cinema enthusiasts."
|
||||
@@ -139,36 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$9.99",
|
||||
subtitle: "Single device streaming",
|
||||
features: [
|
||||
"Full HD",
|
||||
"Basic library",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$9.99", subtitle: "Single device streaming", features: [
|
||||
"Full HD", "Basic library"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$15.99",
|
||||
subtitle: "Family sharing plan",
|
||||
features: [
|
||||
"4K Ultra HD",
|
||||
"Unlimited library",
|
||||
"4 devices",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$15.99", subtitle: "Family sharing plan", features: [
|
||||
"4K Ultra HD", "Unlimited library", "4 devices"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Ultimate",
|
||||
price: "$19.99",
|
||||
subtitle: "Cinematic excellence",
|
||||
features: [
|
||||
"8K HDR",
|
||||
"Exclusive content",
|
||||
"Offline downloads",
|
||||
],
|
||||
id: "premium", badge: "Ultimate", price: "$19.99", subtitle: "Cinematic excellence", features: [
|
||||
"8K HDR", "Exclusive content", "Offline downloads"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership Plans"
|
||||
@@ -183,20 +132,11 @@ export default function LandingPage() {
|
||||
tag="Trusted By Millions"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Active viewers",
|
||||
},
|
||||
id: "m1", value: "10M+", description: "Active viewers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
description: "Available titles",
|
||||
},
|
||||
id: "m2", value: "50K+", description: "Available titles"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Premium support",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Premium support"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -208,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, you can manage your subscription easily in settings.",
|
||||
},
|
||||
id: "q1", title: "Can I cancel anytime?", content: "Yes, you can manage your subscription easily in settings."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does it support 4K?",
|
||||
content: "Yes, on compatible devices and plans.",
|
||||
},
|
||||
id: "q2", title: "Does it support 4K?", content: "Yes, on compatible devices and plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a free trial?",
|
||||
content: "We offer a 7-day free trial for new members.",
|
||||
},
|
||||
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="Common Questions"
|
||||
description="Answers to everything you need to know about StreamLine."
|
||||
@@ -233,16 +164,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Experience Cinema?"
|
||||
description="Sign up today and get your first week on us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Register Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -256,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user