From 6444624c0ee868cac497030f21c1bd4ba342e0ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:40:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 394 ++++++++++-------------------------------------
 1 file changed, 84 insertions(+), 310 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1426fc5..edff5d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -19,320 +19,94 @@ export default function LandingPage() {
         contentWidth="medium"
         sizing="largeSmall"
         background="noise"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Projects",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="CREATIVE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Projects", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="CREATIVE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Your work, elevated beyond the ordinary"
-      description="Immersive animations and precision interactions transform your portfolio into an unforgettable experience. Every scroll reveals your craft in motion."
-      testimonials={[
-        {
-          name: "Alice Chen",
-          handle: "@alice",
-          testimonial: "The motion design here is truly next-level.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=1",
-        },
-        {
-          name: "Bob Smith",
-          handle: "@bob",
-          testimonial: "Seamless interaction and beautiful aesthetic.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg?_wi=1",
-        },
-        {
-          name: "Carol White",
-          handle: "@carol",
-          testimonial: "Best portfolio experience I have encountered.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg?_wi=1",
-        },
-        {
-          name: "David Ross",
-          handle: "@david",
-          testimonial: "Absolutely unforgettable craft and vision.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=1",
-        },
-        {
-          name: "Eva Klein",
-          handle: "@eva",
-          testimonial: "Precision meets art in every scroll.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-glasses-with-digital-tablet_1262-15065.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Explore the magic",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93099.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-glasses-with-digital-tablet_1262-15065.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 50+ industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Motion Design",
-        },
-        {
-          type: "text",
-          text: "UX Strategy",
-        },
-        {
-          type: "text",
-          text: "Web Development",
-        },
-        {
-          type: "text",
-          text: "Brand Identity",
-        },
-        {
-          type: "text",
-          text: "Creative Direction",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            title="Your work, elevated beyond the ordinary"
+            description="Immersive animations and precision interactions transform your portfolio into an unforgettable experience. Every scroll reveals your craft in motion."
+            testimonials={[]}
+            imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93099.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Precision meets artistic vision"
-      description={[
-        "I craft immersive digital experiences that blend high-performance engineering with cinematic motion.",
-        "Every project is treated as a unique narrative designed to captivate the user from the very first scroll.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Precision meets artistic vision"
+            description={[
+              "I craft immersive digital experiences that blend high-performance engineering with cinematic motion.",              "Every project is treated as a unique narrative designed to captivate the user from the very first scroll."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Digital Ecosystem",
-          price: "Creative Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Visual Narrative",
-          price: "Art Direction",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-capture-moments-memories-life_53876-13830.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Brand Transformation",
-          price: "Design System",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-white-stationery-business-visiting-cards_23-2148500533.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Interactive Lab",
-          price: "Web Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Motion Series",
-          price: "Film/Video",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-capture-moments-memories-life_53876-13830.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Future Identity",
-          price: "Strategy",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-white-stationery-business-visiting-cards_23-2148500533.jpg?_wi=2",
-        },
-      ]}
-      title="Selected Works"
-      description="A curated collection of digital experiences defined by innovation and motion."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <ProductCardTwo
+            animationType="blur-reveal"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            title="Selected Works"
+            description="A curated collection of digital experiences defined by innovation and motion."
+            products={[
+              { id: "p1", brand: "Creative Tech", name: "Digital Ecosystem", price: "Featured", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg?_wi=1" },
+              { id: "p2", brand: "Art Direction", name: "Visual Narrative", price: "Featured", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-capture-moments-memories-life_53876-13830.jpg?_wi=1" },
+              { id: "p3", brand: "Design System", name: "Brand Transformation", price: "Featured", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-white-stationery-business-visiting-cards_23-2148500533.jpg?_wi=1" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Incredible work",
-          quote: "The motion quality is beyond expectations.",
-          name: "Alice Chen",
-          role: "Creative Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Stunning visuals",
-          quote: "Each interaction feels intentional and polished.",
-          name: "Bob Smith",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          title: "Unforgettable",
-          quote: "This portfolio stands out in a crowded market.",
-          name: "Carol White",
-          role: "Tech Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          title: "High caliber",
-          quote: "Technical skill meets creative mastery.",
-          name: "David Ross",
-          role: "Hiring Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          title: "Visionary approach",
-          quote: "Absolutely captivated by the storytelling.",
-          name: "Eva Klein",
-          role: "Art Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-glasses-with-digital-tablet_1262-15065.jpg?_wi=2",
-        },
-      ]}
-      title="What industry leaders say"
-      description="Voices from partners and collaborators who appreciate the art of the craft."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="The motion quality is beyond expectations, truly setting a new benchmark for digital interaction."
+            rating={5}
+            author="Alice Chen, Creative Lead"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg", alt: "Alice" }]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="slide-up"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's collaborate"
-      title="Ready to build something unforgettable?"
-      description="Reach out to start a conversation about your next high-impact digital project."
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "mailto:hello@example.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Ready to build something unforgettable?"
+            animationType="reveal-blur"
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={true}
+            buttons={[{ text: "Contact Me", href: "mailto:hello@example.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/trail-golden-particles-light-background-illustration_1017-42068.jpg"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Work",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-            {
-              label: "Behance",
-              href: "https://behance.net",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CREATIVE"
+            columns={[
+              { title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Work", href: "#features" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+              { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Behance", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file