From 18061d65478c522e6fad8e33302e9c8a13b48137 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 12:24:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 338 +++++++++--------------------------------------
 1 file changed, 66 insertions(+), 272 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 124ba7a..8ff742e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,33 +32,21 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "TV Shows",
-          id: "#tv-shows",
-        },
+          name: "TV Shows",          id: "#tv-shows"},
         {
-          name: "Movies",
-          id: "#movies",
-        },
+          name: "Movies",          id: "#movies"},
         {
-          name: "New & Popular",
-          id: "#new-popular",
-        },
+          name: "New & Popular",          id: "#new-popular"},
         {
-          name: "My List",
-          id: "#my-list",
-        },
+          name: "My List",          id: "#my-list"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-label-pack_23-2149159829.jpg"
       logoAlt="Netflix Logo"
       brandName="Netflix"
       button={{
-        text: "Sign Up Now",
-        href: "#pricing",
-      }}
+        text: "Sign Up Now",        href: "#pricing"}}
     />
   </div>
 
@@ -66,58 +54,30 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       imagePosition="right"
       title="Unlimited movies, TV shows, and more."
       description="Watch anywhere. Cancel anytime. Ready to watch? Enter your email to create or restart your membership."
       testimonials={[
         {
-          name: "Maya Singh",
-          handle: "@mayasingh_tech",
-          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: "Maya Singh",          handle: "@mayasingh_tech",          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",
-          handle: "@alexj_reviews",
-          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: "Alex Johnson",          handle: "@alexj_reviews",          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",
-          handle: "@jordan_cinephile",
-          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: "Jordan Davis",          handle: "@jordan_cinephile",          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",
-          handle: "@olivia_reviews",
-          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: "Olivia Martinez",          handle: "@olivia_reviews",          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",
-          handle: "@ethan_flix_fan",
-          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",
-        },
+          name: "Ethan White",          handle: "@ethan_flix_fan",          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={[
         {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
       ]}
       avatarText="Join millions of happy subscribers."
       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}
       features={[
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
       ]}
       title="Dive into Entertainment"
       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"
       products={[
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
       ]}
       title="Explore Our Library"
       description="Discover a vast collection of films and series across every genre."
@@ -226,53 +138,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          tag: "Basic",
-          price: "$9.99",
-          period: "per month",
-          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: "basic",          tag: "Basic",          price: "$9.99",          period: "per month",          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",
-          tag: "Standard",
-          price: "$15.49",
-          period: "per month",
-          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: "standard",          tag: "Standard",          price: "$15.49",          period: "per month",          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",
-          tag: "Premium",
-          price: "$19.99",
-          period: "per month",
-          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",
-          ],
+          id: "premium",          tag: "Premium",          price: "$19.99",          period: "per month",          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"
@@ -285,14 +166,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "190+ Countries",
-        "250M+ Subscribers",
-        "Billions of Hours",
-        "Award-Winning Content",
-        "Global Phenomenon",
-        "Household Favorite",
-        "Daily Entertainment",
-      ]}
+        "190+ Countries",        "250M+ Subscribers",        "Billions of Hours",        "Award-Winning Content",        "Global Phenomenon",        "Household Favorite",        "Daily Entertainment"]}
       title="Loved by Millions Worldwide"
       description="Netflix is available in over 190 countries, enjoyed by a global community of entertainment lovers."
       speed={30}
@@ -307,53 +181,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
       ]}
       title="What Our Members Say"
       description="Hear directly from our global community about their Netflix experience."
@@ -367,30 +205,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          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.",
-        },
+          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."},
         {
-          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.",
-        },
+          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."},
         {
-          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.",
-        },
+          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."},
         {
-          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.",
-        },
+          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."},
         {
-          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.",
-        },
+          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="Frequently Asked Questions"
       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."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 4,
+        name: "message",        placeholder: "Your Message",        rows: 4,
         required: true,
       }}
       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
       columns={[
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Help Center",
-              href: "#",
-            },
+              label: "Help Center",              href: "#"},
           ],
         },
         {
-          title: "Content",
-          items: [
+          title: "Content",          items: [
             {
-              label: "Gift Cards",
-              href: "#",
-            },
+              label: "Gift Cards",              href: "#"},
             {
-              label: "Media Centre",
-              href: "#",
-            },
+              label: "Media Centre",              href: "#"},
             {
-              label: "Investor Relations",
-              href: "#",
-            },
+              label: "Investor Relations",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Legal Notices",
-              href: "#",
-            },
+              label: "Legal Notices",              href: "#"},
             {
-              label: "Cookie Preferences",
-              href: "#",
-            },
+              label: "Cookie Preferences",              href: "#"},
           ],
         },
       ]}