1 Commits

Author SHA1 Message Date
18061d6547 Update src/app/page.tsx 2026-06-01 12:24:59 +00:00

View File

@@ -32,33 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "TV Shows", name: "TV Shows", id: "#tv-shows"},
id: "#tv-shows",
},
{ {
name: "Movies", name: "Movies", id: "#movies"},
id: "#movies",
},
{ {
name: "New & Popular", name: "New & Popular", id: "#new-popular"},
id: "#new-popular",
},
{ {
name: "My List", name: "My List", id: "#my-list"},
id: "#my-list",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-label-pack_23-2149159829.jpg" logoSrc="http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-label-pack_23-2149159829.jpg"
logoAlt="Netflix Logo" logoAlt="Netflix Logo"
brandName="Netflix" brandName="Netflix"
button={{ button={{
text: "Sign Up Now", text: "Sign Up Now", href: "#pricing"}}
href: "#pricing",
}}
/> />
</div> </div>
@@ -66,58 +54,30 @@ export default function LandingPage() {
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
imagePosition="right" imagePosition="right"
title="Unlimited movies, TV shows, and more." title="Unlimited movies, TV shows, and more."
description="Watch anywhere. Cancel anytime. Ready to watch? Enter your email to create or restart your membership." description="Watch anywhere. Cancel anytime. Ready to watch? Enter your email to create or restart your membership."
testimonials={[ testimonials={[
{ {
name: "Maya Singh", name: "Maya Singh", handle: "@mayasingh_tech", testimonial: "The best selection of movies and series! Always something new to discover.", rating: 5,
handle: "@mayasingh_tech", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", imageAlt: "Maya Singh"},
testimonial: "The best selection of movies and series! Always something new to discover.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
imageAlt: "Maya Singh",
},
{ {
name: "Alex Johnson", name: "Alex Johnson", handle: "@alexj_reviews", testimonial: "Watching on Netflix is incredibly convenient. So many choices!", rating: 5,
handle: "@alexj_reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Alex Johnson"},
testimonial: "Watching on Netflix is incredibly convenient. So many choices!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
imageAlt: "Alex Johnson",
},
{ {
name: "Jordan Davis", name: "Jordan Davis", handle: "@jordan_cinephile", testimonial: "Fantastic original content and easy to navigate interface. Highly recommend!", rating: 5,
handle: "@jordan_cinephile", imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-smiling-with-copy-space_23-2148629004.jpg", imageAlt: "Jordan Davis"},
testimonial: "Fantastic original content and easy to navigate interface. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-smiling-with-copy-space_23-2148629004.jpg",
imageAlt: "Jordan Davis",
},
{ {
name: "Olivia Martinez", name: "Olivia Martinez", handle: "@olivia_reviews", testimonial: "From action to drama, there's always something for every mood. My go-to!", rating: 5,
handle: "@olivia_reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-wearing-turtleneck-sweater-glasses-pink-background-smiling-looking-side-staring-away-thinking_839833-28201.jpg", imageAlt: "Olivia Martinez"},
testimonial: "From action to drama, there's always something for every mood. My go-to!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-wearing-turtleneck-sweater-glasses-pink-background-smiling-looking-side-staring-away-thinking_839833-28201.jpg",
imageAlt: "Olivia Martinez",
},
{ {
name: "Ethan White", name: "Ethan White", handle: "@ethan_flix_fan", testimonial: "The download feature is a lifesaver for travel. Never a dull moment!", rating: 5,
handle: "@ethan_flix_fan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-african-man-showing-grimace-looking_171337-9851.jpg", imageAlt: "Ethan White"},
testimonial: "The download feature is a lifesaver for travel. Never a dull moment!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-african-man-showing-grimace-looking_171337-9851.jpg",
imageAlt: "Ethan White",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Get Started", text: "Get Started", href: "#"},
href: "#",
},
]} ]}
avatarText="Join millions of happy subscribers." avatarText="Join millions of happy subscribers."
imageSrc="http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153715.jpg" imageSrc="http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153715.jpg"
@@ -134,23 +94,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Enjoy on your TV", title: "Enjoy on your TV", description: "Watch on Smart TVs, Playstation, Xbox, Chromecast, Apple TV, Blu-ray players, and more.", imageSrc: "http://img.b2bpic.net/free-photo/five-friends-having-movie-night_23-2147718301.jpg", imageAlt: "Family watching TV"},
description: "Watch on Smart TVs, Playstation, Xbox, Chromecast, Apple TV, Blu-ray players, and more.",
imageSrc: "http://img.b2bpic.net/free-photo/five-friends-having-movie-night_23-2147718301.jpg",
imageAlt: "Family watching TV",
},
{ {
title: "Download your shows to watch offline", title: "Download your shows to watch offline", description: "Save your favorites easily and always have something to watch.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-morning-time-lying-bed-with-tablet-smiling-modern-badroom_496169-1489.jpg", imageAlt: "Person watching on phone"},
description: "Save your favorites easily and always have something to watch.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-morning-time-lying-bed-with-tablet-smiling-modern-badroom_496169-1489.jpg",
imageAlt: "Person watching on phone",
},
{ {
title: "Watch everywhere", title: "Watch everywhere", description: "Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-watching-tv_23-2149266785.jpg", imageAlt: "Person watching on laptop"},
description: "Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-watching-tv_23-2149266785.jpg",
imageAlt: "Person watching on laptop",
},
]} ]}
title="Dive into Entertainment" title="Dive into Entertainment"
description="Stream the latest blockbusters, critically acclaimed series, and captivating documentaries—all in one place." description="Stream the latest blockbusters, critically acclaimed series, and captivating documentaries—all in one place."
@@ -166,53 +114,17 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "movie-1", id: "movie-1", name: "Cyber Frontier", price: "Stream Now", variant: "Sci-Fi Thriller", imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558637.jpg", imageAlt: "Cyber Frontier Movie Poster"},
name: "Cyber Frontier",
price: "Stream Now",
variant: "Sci-Fi Thriller",
imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558637.jpg",
imageAlt: "Cyber Frontier Movie Poster",
},
{ {
id: "movie-2", id: "movie-2", name: "Dragon's Quest", price: "Stream Now", variant: "Fantasy Adventure", imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-nature_23-2150974274.jpg", imageAlt: "Dragon's Quest Movie Poster"},
name: "Dragon's Quest",
price: "Stream Now",
variant: "Fantasy Adventure",
imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-nature_23-2150974274.jpg",
imageAlt: "Dragon's Quest Movie Poster",
},
{ {
id: "movie-3", id: "movie-3", name: "Crimson Sunset", price: "Stream Now", variant: "Romantic Drama", imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-lovely-young-couple-standing-rooftop-night_8353-7137.jpg", imageAlt: "Crimson Sunset Movie Poster"},
name: "Crimson Sunset",
price: "Stream Now",
variant: "Romantic Drama",
imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-lovely-young-couple-standing-rooftop-night_8353-7137.jpg",
imageAlt: "Crimson Sunset Movie Poster",
},
{ {
id: "movie-4", id: "movie-4", name: "Laugh Riot", price: "Stream Now", variant: "Animated Comedy", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-mushroom-landscape_23-2151719306.jpg", imageAlt: "Laugh Riot Movie Poster"},
name: "Laugh Riot",
price: "Stream Now",
variant: "Animated Comedy",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-mushroom-landscape_23-2151719306.jpg",
imageAlt: "Laugh Riot Movie Poster",
},
{ {
id: "movie-5", id: "movie-5", name: "Ancient Empires", price: "Stream Now", variant: "Historical Epic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-being-with-fairy-core-aesthetic_23-2151046330.jpg", imageAlt: "Ancient Empires Movie Poster"},
name: "Ancient Empires",
price: "Stream Now",
variant: "Historical Epic",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-being-with-fairy-core-aesthetic_23-2151046330.jpg",
imageAlt: "Ancient Empires Movie Poster",
},
{ {
id: "movie-6", id: "movie-6", name: "Whispering Echoes", price: "Stream Now", variant: "Psychological Thriller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-with-fluorescent-make-up_23-2148410140.jpg", imageAlt: "Whispering Echoes Movie Poster"},
name: "Whispering Echoes",
price: "Stream Now",
variant: "Psychological Thriller",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-with-fluorescent-make-up_23-2148410140.jpg",
imageAlt: "Whispering Echoes Movie Poster",
},
]} ]}
title="Explore Our Library" title="Explore Our Library"
description="Discover a vast collection of films and series across every genre." description="Discover a vast collection of films and series across every genre."
@@ -226,53 +138,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic", id: "basic", tag: "Basic", price: "$9.99", period: "per month", description: "Standard definition streaming on one device at a time.", button: {
tag: "Basic", text: "Select Basic"},
price: "$9.99", featuresTitle: "Includes:", features: [
period: "per month", "Watch on 1 device", "SD quality (480p)", "Unlimited movies & TV shows"],
description: "Standard definition streaming on one device at a time.",
button: {
text: "Select Basic",
},
featuresTitle: "Includes:",
features: [
"Watch on 1 device",
"SD quality (480p)",
"Unlimited movies & TV shows",
],
}, },
{ {
id: "standard", id: "standard", tag: "Standard", price: "$15.49", period: "per month", description: "High definition streaming on two devices simultaneously.", button: {
tag: "Standard", text: "Select Standard"},
price: "$15.49", featuresTitle: "Includes:", features: [
period: "per month", "Watch on 2 devices", "HD quality (1080p)", "Unlimited movies & TV shows"],
description: "High definition streaming on two devices simultaneously.",
button: {
text: "Select Standard",
},
featuresTitle: "Includes:",
features: [
"Watch on 2 devices",
"HD quality (1080p)",
"Unlimited movies & TV shows",
],
}, },
{ {
id: "premium", id: "premium", tag: "Premium", price: "$19.99", period: "per month", description: "Ultra HD streaming on four devices simultaneously, plus download options.", button: {
tag: "Premium", text: "Select Premium"},
price: "$19.99", featuresTitle: "Includes:", features: [
period: "per month", "Watch on 4 devices", "Ultra HD quality (4K+HDR)", "Unlimited movies & TV shows", "Download & watch offline"],
description: "Ultra HD streaming on four devices simultaneously, plus download options.",
button: {
text: "Select Premium",
},
featuresTitle: "Includes:",
features: [
"Watch on 4 devices",
"Ultra HD quality (4K+HDR)",
"Unlimited movies & TV shows",
"Download & watch offline",
],
}, },
]} ]}
title="Choose Your Plan" title="Choose Your Plan"
@@ -285,14 +166,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"190+ Countries", "190+ Countries", "250M+ Subscribers", "Billions of Hours", "Award-Winning Content", "Global Phenomenon", "Household Favorite", "Daily Entertainment"]}
"250M+ Subscribers",
"Billions of Hours",
"Award-Winning Content",
"Global Phenomenon",
"Household Favorite",
"Daily Entertainment",
]}
title="Loved by Millions Worldwide" title="Loved by Millions Worldwide"
description="Netflix is available in over 190 countries, enjoyed by a global community of entertainment lovers." description="Netflix is available in over 190 countries, enjoyed by a global community of entertainment lovers."
speed={30} speed={30}
@@ -307,53 +181,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Chen", handle: "@sarah_flix", testimonial: "I never run out of things to watch! The recommendations are spot on.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", imageAlt: "Sarah Chen"},
name: "Sarah Chen",
handle: "@sarah_flix",
testimonial: "I never run out of things to watch! The recommendations are spot on.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
imageAlt: "Sarah Chen",
},
{ {
id: "2", id: "2", name: "David Lee", handle: "@david_streams", testimonial: "The 4K streaming quality is incredible, especially on my big screen TV.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", imageAlt: "David Lee"},
name: "David Lee",
handle: "@david_streams",
testimonial: "The 4K streaming quality is incredible, especially on my big screen TV.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
imageAlt: "David Lee",
},
{ {
id: "3", id: "3", name: "Emily White", handle: "@emily_binges", testimonial: "From thrillers to comedies, Netflix has everything for my diverse tastes.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg", imageAlt: "Emily White"},
name: "Emily White",
handle: "@emily_binges",
testimonial: "From thrillers to comedies, Netflix has everything for my diverse tastes.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg",
imageAlt: "Emily White",
},
{ {
id: "4", id: "4", name: "Michael Brown", handle: "@mike_movies", testimonial: "I love the exclusive original series! Always something to look forward to.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-wearing-white-shirt-pink-bowtie_273609-22320.jpg", imageAlt: "Michael Brown"},
name: "Michael Brown",
handle: "@mike_movies",
testimonial: "I love the exclusive original series! Always something to look forward to.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-wearing-white-shirt-pink-bowtie_273609-22320.jpg",
imageAlt: "Michael Brown",
},
{ {
id: "5", id: "5", name: "Olivia Green", handle: "@olivia_tv", testimonial: "Perfect for unwinding after a long day. The variety is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg", imageAlt: "Olivia Green"},
name: "Olivia Green",
handle: "@olivia_tv",
testimonial: "Perfect for unwinding after a long day. The variety is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg",
imageAlt: "Olivia Green",
},
{ {
id: "6", id: "6", name: "James Taylor", handle: "@james_reviews", testimonial: "The user interface is so intuitive and easy to navigate.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", imageAlt: "James Taylor"},
name: "James Taylor",
handle: "@james_reviews",
testimonial: "The user interface is so intuitive and easy to navigate.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
imageAlt: "James Taylor",
},
]} ]}
title="What Our Members Say" title="What Our Members Say"
description="Hear directly from our global community about their Netflix experience." description="Hear directly from our global community about their Netflix experience."
@@ -367,30 +205,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What is Netflix?", content: "Netflix is a streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices."},
title: "What is Netflix?",
content: "Netflix is a streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices.",
},
{ {
id: "faq-2", id: "faq-2", title: "How much does Netflix cost?", content: "Watch Netflix on your smartphone, tablet, Smart TV, laptop, or streaming device, all for one fixed monthly fee. Plans range from $9.99 to $19.99 a month. No extra costs, no contracts."},
title: "How much does Netflix cost?",
content: "Watch Netflix on your smartphone, tablet, Smart TV, laptop, or streaming device, all for one fixed monthly fee. Plans range from $9.99 to $19.99 a month. No extra costs, no contracts.",
},
{ {
id: "faq-3", id: "faq-3", title: "Where can I watch?", content: "Watch anywhere, anytime. Sign in with your Netflix account to watch instantly on the web at netflix.com from your personal computer or on any internet-connected device that offers the Netflix app, including smart TVs, smartphones, tablets, streaming media players and game consoles."},
title: "Where can I watch?",
content: "Watch anywhere, anytime. Sign in with your Netflix account to watch instantly on the web at netflix.com from your personal computer or on any internet-connected device that offers the Netflix app, including smart TVs, smartphones, tablets, streaming media players and game consoles.",
},
{ {
id: "faq-4", id: "faq-4", title: "How do I cancel?", content: "Netflix is flexible. There are no pesky contracts and no commitments. You can easily cancel your account online in two clicks. There are no cancellation fees start or stop your account anytime."},
title: "How do I cancel?",
content: "Netflix is flexible. There are no pesky contracts and no commitments. You can easily cancel your account online in two clicks. There are no cancellation fees start or stop your account anytime.",
},
{ {
id: "faq-5", id: "faq-5", title: "What can I watch on Netflix?", content: "Netflix has an extensive library of feature films, documentaries, TV shows, anime, award-winning Netflix originals, and more. Watch as much as you want, anytime you want."},
title: "What can I watch on Netflix?",
content: "Netflix has an extensive library of feature films, documentaries, TV shows, anime, award-winning Netflix originals, and more. Watch as much as you want, anytime you want.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Find quick answers to your most common questions about Netflix." description="Find quick answers to your most common questions about Netflix."
@@ -405,22 +228,14 @@ export default function LandingPage() {
description="Our support team is here to assist you with any questions or issues." description="Our support team is here to assist you with any questions or issues."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 4,
placeholder: "Your Message",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/senior-call-center-agent-helping-customers-regain-access-accounts_482257-126627.jpg" imageSrc="http://img.b2bpic.net/free-photo/senior-call-center-agent-helping-customers-regain-access-accounts_482257-126627.jpg"
@@ -435,54 +250,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "About", title: "About", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#"},
href: "#",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Help Center", label: "Help Center", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Content", title: "Content", items: [
items: [
{ {
label: "Gift Cards", label: "Gift Cards", href: "#"},
href: "#",
},
{ {
label: "Media Centre", label: "Media Centre", href: "#"},
href: "#",
},
{ {
label: "Investor Relations", label: "Investor Relations", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Legal Notices", label: "Legal Notices", href: "#"},
href: "#",
},
{ {
label: "Cookie Preferences", label: "Cookie Preferences", href: "#"},
href: "#",
},
], ],
}, },
]} ]}