From fd1929565f3e2455db71ed0407347e9fbd6cd2bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 06:44:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 567 +++++++++++++++--------------------------------
 1 file changed, 178 insertions(+), 389 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 827f4a3..909b55f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,406 +16,195 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Library",
-          id: "library",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="Emnex Movies"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Library", id: "library" },
+              { name: "Pricing", id: "pricing" },
+            ]}
+            brandName="Emnex Movies"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Stream Cinema Anywhere"
-      description="Unlimited movies, series, and anime. Access the latest blockbusters with our premium Emnex-powered streaming engine."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124337.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-woman-walking-with-young-man-street_23-2148012592.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-mt-washington-viewed-through-windows-new-hampshire_649448-5440.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/square-white-blank-frames-attached-gray-wall_181624-11803.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mock-up-billboards-wall_23-2148294176.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450428.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Watching",
-          href: "#library",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg",
-          alt: "Viewer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cinema-concept-with-tablet_23-2147988983.jpg",
-          alt: "Viewer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg",
-          alt: "Viewer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/assortment-cinema-objects-bicolor-background-with-copy-space_23-2148457835.jpg",
-          alt: "Viewer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/youth-group-with-pop-inspired-background_23-2151494753.jpg",
-          alt: "Viewer 5",
-        },
-      ]}
-      avatarText="Loved by 10k+ movie enthusiasts"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-arrangement_23-2149854272.jpg",
-          alt: "Netflix",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172488.jpg",
-          alt: "Hulu",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg",
-          alt: "HBO",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-flat-lay_23-2149854265.jpg",
-          alt: "Disney",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-baseball-fan-watching-game-tv_23-2151023611.jpg",
-          alt: "Paramount",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Stream Cinema Anywhere"
+            description="Unlimited movies, series, and anime. Access the latest blockbusters with our premium Emnex-powered streaming engine."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124337.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-woman-walking-with-young-man-street_23-2148012592.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-mt-washington-viewed-through-windows-new-hampshire_649448-5440.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/square-white-blank-frames-attached-gray-wall_181624-11803.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mock-up-billboards-wall_23-2148294176.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450428.jpg" }
+            ]}
+            buttons={[{ text: "Start Watching", href: "#library" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg", alt: "Viewer 1" },
+              { src: "http://img.b2bpic.net/free-photo/cinema-concept-with-tablet_23-2147988983.jpg", alt: "Viewer 2" },
+              { src: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg", alt: "Viewer 3" },
+              { src: "http://img.b2bpic.net/free-photo/assortment-cinema-objects-bicolor-background-with-copy-space_23-2148457835.jpg", alt: "Viewer 4" },
+              { src: "http://img.b2bpic.net/free-photo/youth-group-with-pop-inspired-background_23-2151494753.jpg", alt: "Viewer 5" }
+            ]}
+            avatarText="Loved by 10k+ movie enthusiasts"
+            marqueeItems={[
+              { type: "image", src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-arrangement_23-2149854272.jpg", alt: "Netflix" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172488.jpg", alt: "Hulu" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg", alt: "HBO" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-flat-lay_23-2149854265.jpg", alt: "Disney" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/view-baseball-fan-watching-game-tv_23-2151023611.jpg", alt: "Paramount" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="The Ultimate Movie Hub"
-      description="We aggregate thousands of titles globally, providing direct high-speed streams with integrated subtitle support and metadata."
-      bulletPoints={[
-        {
-          title: "Global Access",
-          description: "Stream from anywhere with our fast API.",
-        },
-        {
-          title: "4K Quality",
-          description: "Crisp visuals for every blockbuster.",
-        },
-        {
-          title: "Multi-Subtitles",
-          description: "Built-in tracks for every language.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/scared-kids-watching-movie-with-dog_23-2147768043.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="The Ultimate Movie Hub"
+            description="We aggregate thousands of titles globally, providing direct high-speed streams with integrated subtitle support and metadata."
+            bulletPoints={[
+              { title: "Global Access", description: "Stream from anywhere with our fast API." },
+              { title: "4K Quality", description: "Crisp visuals for every blockbuster." },
+              { title: "Multi-Subtitles", description: "Built-in tracks for every language." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/scared-kids-watching-movie-with-dog_23-2147768043.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Manual ad-watching",
-          "Slow loading speeds",
-          "Limited subtitle support",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Ad-free experience",
-          "Instant 4K streaming",
-          "Global subtitle database",
-        ],
-      }}
-      title="Why Choose Us"
-      description="Experience superior streaming performance without buffering."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["Manual ad-watching", "Slow loading speeds", "Limited subtitle support"] }}
+            positiveCard={{ items: ["Ad-free experience", "Instant 4K streaming", "Global subtitle database"] }}
+            title="Why Choose Us"
+            description="Experience superior streaming performance without buffering."
+          />
+        </div>
 
-  <div id="library" data-section="library">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Action Blockbuster",
-          price: "HD",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-nature-surreal-work-environment-businessman_53876-25238.jpg",
-        },
-        {
-          id: "2",
-          name: "Space Odyssey",
-          price: "4K",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-festival-theater-seating_23-2151020709.jpg",
-        },
-        {
-          id: "3",
-          name: "Night Thriller",
-          price: "HD",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-make-up-eyes_23-2148282247.jpg",
-        },
-        {
-          id: "4",
-          name: "Comedy Special",
-          price: "HD",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg",
-        },
-        {
-          id: "5",
-          name: "Global Nature",
-          price: "4K",
-          imageSrc: "http://img.b2bpic.net/free-photo/single-s-day-banner-design_23-2149667431.jpg",
-        },
-        {
-          id: "6",
-          name: "Anime Masterpiece",
-          price: "HD",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-style-valentines-day-celebration_23-2151289830.jpg",
-        },
-      ]}
-      title="Trending Content"
-      description="Browse our latest movie and series catalog."
-    />
-  </div>
+        <div id="library" data-section="library">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Action Blockbuster", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/professional-nature-surreal-work-environment-businessman_53876-25238.jpg" },
+              { id: "2", name: "Space Odyssey", price: "4K", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-festival-theater-seating_23-2151020709.jpg" },
+              { id: "3", name: "Night Thriller", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-make-up-eyes_23-2148282247.jpg" },
+              { id: "4", name: "Comedy Special", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg" },
+              { id: "5", name: "Global Nature", price: "4K", imageSrc: "http://img.b2bpic.net/free-photo/single-s-day-banner-design_23-2149667431.jpg" },
+              { id: "6", name: "Anime Masterpiece", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-valentines-day-celebration_23-2151289830.jpg" }
+            ]}
+            title="Trending Content"
+            description="Browse our latest movie and series catalog."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "free",
-          badge: "Entry",
-          price: "$0",
-          subtitle: "Ads-supported",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "Standard Quality",
-            "Limited Access",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "$9.99",
-          subtitle: "Binge Mode",
-          buttons: [
-            {
-              text: "Choose Pro",
-              href: "#",
-            },
-          ],
-          features: [
-            "4K Streaming",
-            "Ad-free",
-            "Offline Downloads",
-          ],
-        },
-      ]}
-      title="Membership Tiers"
-      description="Flexible plans designed for binge-watchers."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "free",                badge: "Entry",                price: "$0",                subtitle: "Ads-supported",                buttons: [{ text: "Get Started", href: "#" }],
+                features: ["Standard Quality", "Limited Access"]
+              },
+              {
+                id: "pro",                badge: "Popular",                price: "$9.99",                subtitle: "Binge Mode",                buttons: [{ text: "Choose Pro", href: "#" }],
+                features: ["4K Streaming", "Ad-free", "Offline Downloads"]
+              }
+            ]}
+            title="Membership Tiers"
+            description="Flexible plans designed for binge-watchers."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "Film Buff",
-          company: "User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-participating-battle-royale-pvp-online-multiplayer-game-using-console-attached-smart-tv_482257-87295.jpg",
-        },
-        {
-          id: "2",
-          name: "Sam K.",
-          role: "Techie",
-          company: "User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/leisure-fun-youth-concept-friendly-happy-blond-european-woman-enjoying-weekends-eating-popcorn_1258-116167.jpg",
-        },
-        {
-          id: "3",
-          name: "Dana M.",
-          role: "Fan",
-          company: "User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
-        },
-        {
-          id: "4",
-          name: "Chris B.",
-          role: "Binger",
-          company: "User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-watching-interesting-movie-tv-screen-eating-popcorn-looking-amazed-blue-bac_1258-149779.jpg",
-        },
-        {
-          id: "5",
-          name: "Jordan P.",
-          role: "Editor",
-          company: "User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-caucasian-girl-holding-phone-drinking-coffee-indoor-portrait-pretty-glad-woman-posing-with-smartphone-cup-tea_197531-9682.jpg",
-        },
-      ]}
-      title="What Viewers Say"
-      description="Join millions of satisfied movie fans."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex R.", role: "Film Buff", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-participating-battle-royale-pvp-online-multiplayer-game-using-console-attached-smart-tv_482257-87295.jpg" },
+              { id: "2", name: "Sam K.", role: "Techie", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/leisure-fun-youth-concept-friendly-happy-blond-european-woman-enjoying-weekends-eating-popcorn_1258-116167.jpg" },
+              { id: "3", name: "Dana M.", role: "Fan", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg" },
+              { id: "4", name: "Chris B.", role: "Binger", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-watching-interesting-movie-tv-screen-eating-popcorn-looking-amazed-blue-bac_1258-149779.jpg" },
+              { id: "5", name: "Jordan P.", role: "Editor", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-caucasian-girl-holding-phone-drinking-coffee-indoor-portrait-pretty-glad-woman-posing-with-smartphone-cup-tea_197531-9682.jpg" }
+            ]}
+            title="What Viewers Say"
+            description="Join millions of satisfied movie fans."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "How to start?",
-          content: "Just click watch on any movie title.",
-        },
-        {
-          id: "2",
-          title: "Is it free?",
-          content: "We offer a basic free tier and premium options.",
-        },
-        {
-          id: "3",
-          title: "Quality support?",
-          content: "We support HD and 4K streams.",
-        },
-      ]}
-      title="Help Center"
-      description="Common questions about streaming and accounts."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "How to start?", content: "Just click watch on any movie title." },
+              { id: "2", title: "Is it free?", content: "We offer a basic free tier and premium options." },
+              { id: "3", title: "Quality support?", content: "We support HD and 4K streams." }
+            ]}
+            title="Help Center"
+            description="Common questions about streaming and accounts."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Have a specific movie request? Contact our team for support."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "mailto:hello@example.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            text="Have a specific movie request? Contact our team for support."
+            buttons={[{ text: "Contact Support", href: "mailto:hello@example.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Streaming",
-          items: [
-            {
-              label: "Trending",
-              href: "#library",
-            },
-            {
-              label: "Anime",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Emnex Movies"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Streaming",                items: [
+                  { label: "Trending", href: "#library" },
+                  { label: "Anime", href: "#" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Emnex Movies"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1