From 858a9eb274dc7b8db4ba76643e77fb2f6f518c8c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 12:07:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 361 ++++++++++++++---------------------------------
 1 file changed, 107 insertions(+), 254 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fb96590..fab9e37 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,270 +16,123 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="mediumLargeSizeLargeTitles"
+        contentWidth="medium"
+        sizing="medium"
         background="circleGradient"
-        cardStyle="inset"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Work",
-          id: "work",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="DESIGNER"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Work", id: "work" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="DESIGNER"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="PRESENTATION & MOTION DESIGNER"
-      description="Crafting cinematic experiences through motion and precision."
-      kpis={[
-        {
-          value: "10+",
-          label: "Years Experience",
-        },
-        {
-          value: "50+",
-          label: "Projects Delivered",
-        },
-        {
-          value: "Global",
-          label: "Reach",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/travel-booking-app-cconcept_23-2148592794.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by industry leaders globally."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "CINEMATIC MOTION",
-        },
-        {
-          type: "text",
-          text: "VISUAL STORYTELLING",
-        },
-        {
-          type: "text",
-          text: "UI DESIGN",
-        },
-        {
-          type: "text",
-          text: "PRODUCT DESIGN",
-        },
-        {
-          type: "text",
-          text: "BRAND STRATEGY",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="PRESENTATION & MOTION DESIGNER"
+            description="Crafting cinematic experiences through motion and precision."
+            kpis={[
+              { value: "10+", label: "Years Experience" },
+              { value: "50+", label: "Projects Delivered" },
+              { value: "Global", label: "Reach" },
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Philosophy"
-      description={[
-        "I believe in the power of simplicity and high-impact motion. My work sits at the intersection of clarity and cinematic visual storytelling.",
-        "Every frame is crafted to communicate deeper meaning.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={false}
+            title="Philosophy"
+            description={[
+              "I believe in the power of simplicity and high-impact motion. My work sits at the intersection of clarity and cinematic visual storytelling.",              "Every frame is crafted to communicate deeper meaning."]}
+          />
+        </div>
 
-  <div id="work" data-section="work">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "Global Summit Presentation",
-          description: "Crafting a visual system for high-profile keynotes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg?_wi=1",
-        },
-        {
-          id: 2,
-          title: "System Evolution",
-          description: "Detailed look at design iteration and refinement.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg?_wi=1",
-        },
-        {
-          id: 3,
-          title: "Cinematic Motion",
-          description: "Production breakdown of cinematic sequences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg?_wi=1",
-        },
-      ]}
-      title="Case Studies"
-      description="Selected works reflecting vision and execution."
-    />
-  </div>
+        <div id="work" data-section="work">
+            <FeatureCardEight
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                id: 1,
+                title: "Global Summit Presentation",                description: "Crafting a visual system for high-profile keynotes.",                imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg"},
+              {
+                id: 2,
+                title: "System Evolution",                description: "Detailed look at design iteration and refinement.",                imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg"},
+              {
+                id: 3,
+                title: "Cinematic Motion",                description: "Production breakdown of cinematic sequences.",                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg"},
+            ]}
+            title="Case Studies"
+            description="Selected works reflecting vision and execution."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Client Feedback"
-      description="Insights from collaborators and clients."
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivet",
-          date: "Oct 2023",
-          title: "Product Lead",
-          quote: "Exquisite attention to detail and motion.",
-          tag: "Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg?_wi=2",
-          imageAlt: "cinematic abstract motion black white",
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          date: "Nov 2023",
-          title: "Marketing Director",
-          quote: "Transformed our vision into something truly cinematic.",
-          tag: "Strategy",
-          avatarSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg?_wi=2",
-          imageAlt: "presentation design on led screen",
-        },
-        {
-          id: "3",
-          name: "Mark V.",
-          date: "Jan 2024",
-          title: "CEO",
-          quote: "Fast, professional, and world-class quality.",
-          tag: "Branding",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg?_wi=2",
-          imageAlt: "ui design comparison side by side",
-        },
-        {
-          id: "4",
-          name: "Elena Ross",
-          date: "Feb 2024",
-          title: "Creative Lead",
-          quote: "The best motion work I've seen in years.",
-          tag: "Motion",
-          avatarSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-cconcept_23-2148592794.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-cconcept_23-2148592794.jpg",
-          imageAlt: "final ui design interface",
-        },
-        {
-          id: "5",
-          name: "David Wu",
-          date: "Mar 2024",
-          title: "Startup Founder",
-          quote: "Simply outstanding execution.",
-          tag: "UI",
-          avatarSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg?_wi=2",
-          imageAlt: "abstract video editing interface",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+            <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Feedback"
+            description="Insights from collaborators and clients."
+            testimonials={[
+              {
+                id: "1",                name: "Alex Rivet",                date: "Oct 2023",                title: "Product Lead",                quote: "Exquisite attention to detail and motion.",                tag: "Design",                avatarSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg",                imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149182626.jpg"},
+              {
+                id: "2",                name: "Sarah Chen",                date: "Nov 2023",                title: "Marketing Director",                quote: "Transformed our vision into something truly cinematic.",                tag: "Strategy",                avatarSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg"},
+              {
+                id: "3",                name: "Mark V.",                date: "Jan 2024",                title: "CEO",                quote: "Fast, professional, and world-class quality.",                tag: "Branding",                avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg",                imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-mobile-design-template_23-2149935049.jpg"},
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Interested in working together?"
-      description="Currently accepting new cinematic and motion design collaborations."
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "mailto:hello@designer.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Let's Talk"
+            title="Interested in working together?"
+            description="Currently accepting new cinematic and motion design collaborations."
+            buttons={[
+              { text: "Contact Me", href: "mailto:hello@designer.com" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Designer Studio"
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+              {
+                title: "Links",                items: [
+                  { label: "Instagram", href: "#" },
+                  { label: "Twitter", href: "#" },
+                  { label: "LinkedIn", href: "#" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Designer Studio"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1