From 462da8fde3142d696db356ee525454fc806ec5a9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 17:05:37 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ec3a00..bfa1003 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="StreamGlobal"
     />
@@ -57,93 +49,52 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Stream Everything from Anywhere"
       description="Unlock global content with one click. Explore our interactive map to watch your favorite TV shows from any country instantly."
       testimonials={[
         {
-          name: "Sarah Chen",
-          handle: "@sarah_tech",
-          testimonial: "The interactive map makes discovering international TV shows effortless. Simply brilliant!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
-        },
+          name: "Sarah Chen",          handle: "@sarah_tech",          testimonial: "The interactive map makes discovering international TV shows effortless. Simply brilliant!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
         {
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "I've watched shows from 15 different countries this month. The latency is practically zero.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg",
-        },
+          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "I've watched shows from 15 different countries this month. The latency is practically zero.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg"},
         {
-          name: "Elena Rodriguez",
-          handle: "@elena_prod",
-          testimonial: "A must-have for any cinephile. Seamless experience across all devices.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-        },
+          name: "Elena Rodriguez",          handle: "@elena_prod",          testimonial: "A must-have for any cinephile. Seamless experience across all devices.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg"},
         {
-          name: "David Park",
-          handle: "@dpark_dev",
-          testimonial: "The UI is incredibly intuitive. Streaming local content globally has never been this simple.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
-        },
+          name: "David Park",          handle: "@dpark_dev",          testimonial: "The UI is incredibly intuitive. Streaming local content globally has never been this simple.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg"},
         {
-          name: "Sofia Rossi",
-          handle: "@sofiarossi",
-          testimonial: "My new favorite way to spend the weekends. The geographic library is huge.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
+          name: "Sofia Rossi",          handle: "@sofiarossi",          testimonial: "My new favorite way to spend the weekends. The geographic library is huge.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg"
       imageAlt="Global streaming map interface"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
-          alt: "User avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",          alt: "User avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          alt: "User avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          alt: "User avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-          alt: "User avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          alt: "User avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
-          alt: "User avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",          alt: "User avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
-          alt: "User avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",          alt: "User avatar 5"},
       ]}
       avatarText="Join 50,000+ global streamers"
       marqueeItems={[
         {
-          type: "text",
-          text: "Global Access",
-        },
+          type: "text",          text: "Global Access"},
         {
-          type: "text",
-          text: "4K Ultra HD",
-        },
+          type: "text",          text: "4K Ultra HD"},
         {
-          type: "text",
-          text: "No Latency",
-        },
+          type: "text",          text: "No Latency"},
         {
-          type: "text",
-          text: "Multi-Device",
-        },
+          type: "text",          text: "Multi-Device"},
         {
-          type: "text",
-          text: "Ad-Free",
-        },
+          type: "text",          text: "Ad-Free"},
       ]}
     />
   </div>
@@ -156,19 +107,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Globe,
-          title: "Global Map Discovery",
-          description: "Browse shows by their origin using our intuitive, interactive world map.",
-        },
+          title: "Global Map Discovery",          description: "Browse shows by their origin using our intuitive, interactive world map."},
         {
           icon: Zap,
-          title: "Ultra-Fast Streaming",
-          description: "High-bandwidth optimized servers ensuring smooth playback anywhere you are.",
-        },
+          title: "Ultra-Fast Streaming",          description: "High-bandwidth optimized servers ensuring smooth playback anywhere you are."},
         {
           icon: Shield,
-          title: "Secure Global Access",
-          description: "Encrypted tunnel technology ensuring your viewing privacy is always maintained.",
-        },
+          title: "Secure Global Access",          description: "Encrypted tunnel technology ensuring your viewing privacy is always maintained."},
       ]}
       title="Features That Connect the Globe"
       description="Powerful tools designed to bridge borders and bring global entertainment directly to your screens."
@@ -177,52 +122,23 @@ export default function LandingPage() {
 
   <div id="content" data-section="content">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Nordic Mysteries",
-          price: "High Quality",
-          variant: "Drama",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063057.jpg",
-        },
+          id: "p1",          name: "Nordic Mysteries",          price: "High Quality",          variant: "Drama",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063057.jpg"},
         {
-          id: "p2",
-          name: "Asian Dramas",
-          price: "Top Tier",
-          variant: "Romance",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-e-learning-school-break-lunch-concept_53876-31605.jpg",
-        },
+          id: "p2",          name: "Asian Dramas",          price: "Top Tier",          variant: "Romance",          imageSrc: "http://img.b2bpic.net/free-photo/technology-e-learning-school-break-lunch-concept_53876-31605.jpg"},
         {
-          id: "p3",
-          name: "Latin Telenovelas",
-          price: "Trending",
-          variant: "Action",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg",
-        },
+          id: "p3",          name: "Latin Telenovelas",          price: "Trending",          variant: "Action",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg"},
         {
-          id: "p4",
-          name: "British Comedies",
-          price: "Classic",
-          variant: "Comedy",
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-person-watching-breaking-news-television-night_482257-120851.jpg",
-        },
+          id: "p4",          name: "British Comedies",          price: "Classic",          variant: "Comedy",          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-person-watching-breaking-news-television-night_482257-120851.jpg"},
         {
-          id: "p5",
-          name: "Hollywood Blockbusters",
-          price: "New",
-          variant: "Sci-Fi",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg",
-        },
+          id: "p5",          name: "Hollywood Blockbusters",          price: "New",          variant: "Sci-Fi",          imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg"},
         {
-          id: "p6",
-          name: "European Cinema",
-          price: "Art",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg",
-        },
+          id: "p6",          name: "European Cinema",          price: "Art",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg"},
       ]}
       title="Explore Our Library"
       description="Thousands of shows, documentaries, and movies from all corners of the world."
@@ -237,25 +153,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "190+",
-          title: "Countries Supported",
-          description: "Worldwide access.",
-          icon: MapPin,
+          id: "m1",          value: "190+",          title: "Countries Supported",          description: "Worldwide access.",          icon: MapPin,
         },
         {
-          id: "m2",
-          value: "50K+",
-          title: "TV Shows",
-          description: "Massive library.",
-          icon: Film,
+          id: "m2",          value: "50K+",          title: "TV Shows",          description: "Massive library.",          icon: Film,
         },
         {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Always ready.",
-          icon: Server,
+          id: "m3",          value: "99.9%",          title: "Uptime",          description: "Always ready.",          icon: Server,
         },
       ]}
       title="Global Reach"
@@ -268,14 +172,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Netflix Global",
-        "Disney Streaming",
-        "Prime Networks",
-        "Hulu Int",
-        "HBO Max",
-        "Apple TV+",
-        "Paramount+",
-      ]}
+        "Netflix Global",        "Disney Streaming",        "Prime Networks",        "Hulu Int",        "HBO Max",        "Apple TV+",        "Paramount+"]}
       title="Trusted Globally"
       description="Collaborating with content partners worldwide."
     />
@@ -289,45 +186,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Chen",
-          role: "User",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
-        },
+          id: "t1",          name: "Sarah Chen",          role: "User",          company: "TechCorp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
         {
-          id: "t2",
-          name: "Marcus Thorne",
-          role: "Fan",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg",
-        },
+          id: "t2",          name: "Marcus Thorne",          role: "Fan",          company: "InnovateLab",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg"},
         {
-          id: "t3",
-          name: "Elena Rodriguez",
-          role: "Viewer",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
-        },
+          id: "t3",          name: "Elena Rodriguez",          role: "Viewer",          company: "GrowthCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg"},
         {
-          id: "t4",
-          name: "David Park",
-          role: "Streamer",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg",
-        },
+          id: "t4",          name: "David Park",          role: "Streamer",          company: "StartupXYZ",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg"},
         {
-          id: "t5",
-          name: "Sofia Rossi",
-          role: "Fan",
-          company: "ArtCore",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg",
-        },
+          id: "t5",          name: "Sofia Rossi",          role: "Fan",          company: "ArtCore",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg"},
       ]}
       title="Fan Feedback"
       description="See why everyone is switching to StreamGlobal."
@@ -340,20 +212,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "How does the map work?",
-          content: "Simply click on any country and instantly see available content.",
-        },
+          id: "f1",          title: "How does the map work?",          content: "Simply click on any country and instantly see available content."},
         {
-          id: "f2",
-          title: "Is it legal?",
-          content: "Yes, we partner with legitimate networks to ensure compliant global distribution.",
-        },
+          id: "f2",          title: "Is it legal?",          content: "Yes, we partner with legitimate networks to ensure compliant global distribution."},
         {
-          id: "f3",
-          title: "Can I cancel anytime?",
-          content: "Absolutely. No hidden contracts.",
-        },
+          id: "f3",          title: "Can I cancel anytime?",          content: "Absolutely. No hidden contracts."},
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our service."
@@ -368,22 +231,14 @@ export default function LandingPage() {
       description="Join thousands of satisfied viewers. Send us a message for enterprise licensing or partnership inquiries."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
+        name: "message",        placeholder: "How can we help?",        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-location-tracking-mobile-device_23-2152001127.jpg"
@@ -395,50 +250,31 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Map Interface",
-              href: "#home",
-            },
+              label: "Map Interface",              href: "#home"},
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Press",
-              href: "#",
-            },
+              label: "Press",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1