From 7447ae89d4bd2978342ba50e7dd1d5967b647386 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 18:19:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 385 +++++++++++++++--------------------------------
 1 file changed, 118 insertions(+), 267 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 842e6fa..b08c49d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,281 +13,132 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Content",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-      ]}
-      brandName="TheSamyZone"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Content", id: "features" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "testimonials" },
+            ]}
+            brandName="TheSamyZone"
+            button={{ text: "Subscribe" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Welcome to TheSamyZone"
-      description="Your ultimate destination for creative content, tech insights, and artistic storytelling. Join our growing community of innovators."
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png",
-          alt: "Samy",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png",
-          alt: "Collaborator",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png",
-          alt: "Editor",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png",
-          alt: "Viewer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png",
-          alt: "Fan",
-        },
-      ]}
-      avatarText="Join 50k+ creators"
-      buttons={[
-        {
-          text: "Subscribe Now",
-          href: "https://youtube.com",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Creative Design",
-        },
-        {
-          type: "text",
-          text: "Tech Reviews",
-        },
-        {
-          type: "text",
-          text: "Digital Art",
-        },
-        {
-          type: "text",
-          text: "Tutorials",
-        },
-        {
-          type: "text",
-          text: "Storytelling",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Welcome to TheSamyZone"
+            description="Your ultimate destination for creative content, tech insights, and artistic storytelling. Join our growing community of innovators."
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png", alt: "Samy" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png", alt: "Collaborator" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png", alt: "Editor" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png", alt: "Viewer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png", alt: "Fan" }
+            ]}
+            avatarText="Join 50k+ creators"
+            buttons={[{ text: "Subscribe Now", href: "https://youtube.com" }]}
+            marqueeItems={[
+              { type: "text", text: "Creative Design" },
+              { type: "text", text: "Tech Reviews" },
+              { type: "text", text: "Digital Art" },
+              { type: "text", text: "Tutorials" },
+              { type: "text", text: "Storytelling" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Creative Edits",
-          description: "Professional video editing tutorials and showcases.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/close-up-of-a-digital-creative-software--1774894740940-e8cdcdb7.png",
-        },
-        {
-          id: "2",
-          title: "Tech Reviews",
-          description: "Latest gadgets and tech gear deep dives.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/abstract-representation-of-creative-insp-1774894741038-7d8b84bc.png",
-        },
-        {
-          id: "3",
-          title: "Digital Art",
-          description: "Inspiring digital creations and speed paints.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/minimalist-representation-of-analytics-d-1774894741171-16b8c44e.png",
-        },
-      ]}
-      title="What We Do"
-      description="Exploring the boundaries of technology and creativity."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="What We Do"
+            description="Exploring the boundaries of technology and creativity."
+            features={[
+              { id: "1", title: "Creative Edits", description: "Professional video editing tutorials and showcases.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/close-up-of-a-digital-creative-software--1774894740940-e8cdcdb7.png" },
+              { id: "2", title: "Tech Reviews", description: "Latest gadgets and tech gear deep dives.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/abstract-representation-of-creative-insp-1774894741038-7d8b84bc.png" },
+              { id: "3", title: "Digital Art", description: "Inspiring digital creations and speed paints.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/minimalist-representation-of-analytics-d-1774894741171-16b8c44e.png" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="The Story Behind TheSamyZone"
-      description="Born from a passion for storytelling and visual technology, TheSamyZone aims to bridge the gap between complex tech and everyday creativity."
-      bulletPoints={[
-        {
-          title: "Innovation",
-          description: "Always exploring new formats.",
-        },
-        {
-          title: "Community",
-          description: "Engaging directly with our fans.",
-        },
-        {
-          title: "Quality",
-          description: "Committed to cinematic standards.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/a-high-energy-creative-youtube-channel-b-1774894740877-d248286d.png"
-      imageAlt="Studio vibe"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="The Story Behind TheSamyZone"
+            description="Born from a passion for storytelling and visual technology, TheSamyZone aims to bridge the gap between complex tech and everyday creativity."
+            bulletPoints={[
+              { title: "Innovation", description: "Always exploring new formats." },
+              { title: "Community", description: "Engaging directly with our fans." },
+              { title: "Quality", description: "Committed to cinematic standards." }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/a-high-energy-creative-youtube-channel-b-1774894740877-d248286d.png"
+            imageAlt="Studio vibe"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          handle: "@alexcreative",
-          testimonial: "The best channel for tech-meets-art!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png",
-        },
-        {
-          id: "2",
-          name: "Jordan P.",
-          handle: "@jordan_tech",
-          testimonial: "Incredible production value and insights.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Casey L.",
-          handle: "@caseydesign",
-          testimonial: "Always inspired after every upload.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-creative-community-user-1774894740896-7216b1c6.png",
-        },
-        {
-          id: "4",
-          name: "Sam K.",
-          handle: "@samk_edits",
-          testimonial: "The editing tutorials are top-notch.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-happy-channel-subscriber-1774894740398-fd3f539d.png",
-        },
-        {
-          id: "5",
-          name: "Taylor J.",
-          handle: "@taylor_vids",
-          testimonial: "A must-watch for any creative.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png?_wi=2",
-        },
-      ]}
-      title="Community Voices"
-      description="What our amazing subscribers have to say about TheSamyZone."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Community Voices"
+            description="What our amazing subscribers have to say about TheSamyZone."
+            testimonials={[
+              { id: "1", name: "Alex R.", handle: "@alexcreative", testimonial: "The best channel for tech-meets-art!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png" },
+              { id: "2", name: "Jordan P.", handle: "@jordan_tech", testimonial: "Incredible production value and insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png" },
+              { id: "3", name: "Casey L.", handle: "@caseydesign", testimonial: "Always inspired after every upload.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-creative-community-user-1774894740896-7216b1c6.png" },
+              { id: "4", name: "Sam K.", handle: "@samk_edits", testimonial: "The editing tutorials are top-notch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-happy-channel-subscriber-1774894740398-fd3f539d.png" },
+              { id: "5", name: "Taylor J.", handle: "@taylor_vids", testimonial: "A must-watch for any creative.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png" }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Meet The Crew"
-      description="The passionate minds behind TheSamyZone."
-      members={[
-        {
-          id: "m1",
-          name: "Samy",
-          role: "Founder & Creative Lead",
-          description: "Tech enthusiast and storyteller.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png",
-        },
-        {
-          id: "m2",
-          name: "Jordan",
-          role: "Partnership Manager",
-          description: "Connecting the community to the latest tech.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png",
-        },
-        {
-          id: "m3",
-          name: "Alex",
-          role: "Senior Editor",
-          description: "Master of visual transitions and rhythm.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Meet The Crew"
+            description="The passionate minds behind TheSamyZone."
+            members={[
+              { id: "m1", name: "Samy", role: "Founder & Creative Lead", description: "Tech enthusiast and storyteller.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png" },
+              { id: "m2", name: "Jordan", role: "Partnership Manager", description: "Connecting the community to the latest tech.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png" },
+              { id: "m3", name: "Alex", role: "Senior Editor", description: "Master of visual transitions and rhythm.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#",
-            },
-            {
-              label: "Content",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "YouTube",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="TheSamyZone"
-      copyrightText="© 2025 TheSamyZone. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Content", href: "#" }] },
+              { title: "Socials", items: [{ label: "YouTube", href: "#" }, { label: "Instagram", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            logoText="TheSamyZone"
+            copyrightText="© 2025 TheSamyZone. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1