From bcea46b85811213f58424d1b52187b0c986073f2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 15:03:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 430 +++++++++++++----------------------------------
 1 file changed, 114 insertions(+), 316 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8f33426..1f4f4f1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,328 +25,126 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="CREATIVE"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="CREATIVE"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Transforming Ideas into Powerful Visual Stories"
-      description="I help brands cut through the noise with bold, minimalist, and high-impact design solutions. Let's build your identity together."
-      testimonials={[
-        {
-          name: "Alice M.",
-          handle: "@alicedesign",
-          testimonial: "Exceptional work on our branding project. Professional, fast, and highly creative.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg?_wi=1",
-          imageAlt: "dark abstract background red glow",
-        },
-        {
-          name: "Bob R.",
-          handle: "@bobtech",
-          testimonial: "The best designer I've worked with. Understood our needs perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=1",
-          imageAlt: "graphic designer in studio",
-        },
-        {
-          name: "Carol S.",
-          handle: "@carolmedia",
-          testimonial: "Transformed our digital presence. Incredible attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=1",
-          imageAlt: "brand identity mockup",
-        },
-        {
-          name: "David L.",
-          handle: "@dlstudio",
-          testimonial: "Fantastic creative vision and flawless execution.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg?_wi=1",
-          imageAlt: "app dashboard ui design",
-        },
-        {
-          name: "Emily P.",
-          handle: "@emilypdesign",
-          testimonial: "Reliable, talented, and truly cares about the final product.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg?_wi=1",
-          imageAlt: "logo design mockup wall",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View My Work",
-          href: "#portfolio",
-        },
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg?_wi=2"
-      imageAlt="Abstract creative visual identity"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Brand Identity",
-        },
-        {
-          type: "text",
-          text: "Web Design",
-        },
-        {
-          type: "text",
-          text: "Logo Creation",
-        },
-        {
-          type: "text",
-          text: "Print Design",
-        },
-        {
-          type: "text",
-          text: "User Experience",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "radial-gradient" }}
+            title="Transforming Ideas into Powerful Visual Stories"
+            description="I help brands cut through the noise with bold, minimalist, and high-impact design solutions. Let's build your identity together."
+            testimonials={[
+              { name: "Alice M.", handle: "@alicedesign", testimonial: "Exceptional work on our branding project. Professional, fast, and highly creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg", imageAlt: "dark abstract background red glow" },
+              { name: "Bob R.", handle: "@bobtech", testimonial: "The best designer I've worked with. Understood our needs perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg", imageAlt: "graphic designer in studio" },
+              { name: "Carol S.", handle: "@carolmedia", testimonial: "Transformed our digital presence. Incredible attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg", imageAlt: "brand identity mockup" },
+              { name: "David L.", handle: "@dlstudio", testimonial: "Fantastic creative vision and flawless execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg", imageAlt: "app dashboard ui design" },
+              { name: "Emily P.", handle: "@emilypdesign", testimonial: "Reliable, talented, and truly cares about the final product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg", imageAlt: "logo design mockup wall" },
+            ]}
+            buttons={[{ text: "View My Work", href: "#portfolio" }, { text: "Contact Me", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/memory-cards-camera-lens-pen-succulent-plant-concrete-background_23-2148038912.jpg"
+            imageAlt="Abstract creative visual identity"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", alt: "Client 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Brand Identity" },
+              { type: "text", text: "Web Design" },
+              { type: "text", text: "Logo Creation" },
+              { type: "text", text: "Print Design" },
+              { type: "text", text: "User Experience" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Design With Purpose"
-      description="With over 3 years of experience as a freelance designer, I bridge the gap between complex ideas and clean, powerful visuals. My process is built on collaboration, deep understanding, and a commitment to perfection."
-      bulletPoints={[
-        {
-          title: "Logo Design",
-          description: "Crafting unique identities that define brands.",
-        },
-        {
-          title: "Brand Identity",
-          description: "Holistic visual systems for a cohesive presence.",
-        },
-        {
-          title: "Web Design",
-          description: "Modern, functional digital experiences.",
-        },
-        {
-          title: "No-Code Sites",
-          description: "Custom websites built for performance.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg?_wi=2"
-      imageAlt="Designer at work"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Design With Purpose"
+            description="With over 3 years of experience as a freelance designer, I bridge the gap between complex ideas and clean, powerful visuals. My process is built on collaboration, deep understanding, and a commitment to perfection."
+            bulletPoints={[
+              { title: "Logo Design", description: "Crafting unique identities that define brands." },
+              { title: "Brand Identity", description: "Holistic visual systems for a cohesive presence." },
+              { title: "Web Design", description: "Modern, functional digital experiences." },
+              { title: "No-Code Sites", description: "Custom websites built for performance." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379231.jpg"
+            imageAlt="Designer at work"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardThree
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Tech Brand Identity",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Fintech Dashboard",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Luxury Logo Design",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Portfolio Website",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Poster Series",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg?_wi=1",
-        },
-        {
-          id: "6",
-          name: "Corporate Identity Guide",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg?_wi=1",
-        },
-      ]}
-      title="Selected Projects"
-      description="A collection of recent work, showcasing branding, web design, and visual identities for forward-thinking clients."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardThree
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            products={[
+              { id: "1", name: "Tech Brand Identity", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg" },
+              { id: "2", name: "Fintech Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg" },
+              { id: "3", name: "Luxury Logo Design", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg" },
+              { id: "4", name: "Portfolio Website", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg" },
+              { id: "5", name: "Poster Series", price: "View Project", imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg" },
+              { id: "6", name: "Corporate Identity Guide", price: "View Project", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg" },
+            ]}
+            title="Selected Projects"
+            description="A collection of recent work, showcasing branding, web design, and visual identities for forward-thinking clients."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah K.",
-          date: "Oct 2023",
-          title: "Marketing Manager",
-          quote: "Incredible creative talent. The design was exactly what we envisioned.",
-          tag: "Brand Identity",
-          avatarSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg?_wi=2",
-          imageAlt: "website design showcase",
-        },
-        {
-          id: "2",
-          name: "David L.",
-          date: "Nov 2023",
-          title: "Startup Founder",
-          quote: "Transformed our app design. Highly professional and efficient process.",
-          tag: "Web Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg?_wi=2",
-          imageAlt: "poster graphic design mockup",
-        },
-        {
-          id: "3",
-          name: "Emily P.",
-          date: "Jan 2024",
-          title: "Director",
-          quote: "Seamless collaboration. The result was world-class work.",
-          tag: "Corporate Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg?_wi=2",
-          imageAlt: "corporate identity brochure",
-        },
-        {
-          id: "4",
-          name: "Michael B.",
-          date: "Feb 2024",
-          title: "Owner",
-          quote: "Patient, insightful, and talented. Highly recommend for any business.",
-          tag: "Logo Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
-          imageAlt: "happy professional client",
-        },
-        {
-          id: "5",
-          name: "Jessica T.",
-          date: "Mar 2024",
-          title: "Creative Lead",
-          quote: "Understands minimalism perfectly. Very satisfied with the final deliverables.",
-          tag: "Branding",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          imageAlt: "creative director portrait",
-        },
-      ]}
-      title="Trusted by Clients"
-      description="Don't just take my word for it. Here is what my clients have to say about our collaborative process and the results we achieved."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah K.", date: "Oct 2023", title: "Marketing Manager", quote: "Incredible creative talent. The design was exactly what we envisioned.", tag: "Brand Identity", avatarSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg" },
+              { id: "2", name: "David L.", date: "Nov 2023", title: "Startup Founder", quote: "Transformed our app design. Highly professional and efficient process.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageSrc: "http://img.b2bpic.net/free-vector/text-repetition-cover-collection_79603-736.jpg" },
+              { id: "3", name: "Emily P.", date: "Jan 2024", title: "Director", quote: "Seamless collaboration. The result was world-class work.", tag: "Corporate Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-brochure_23-2149056380.jpg" },
+              { id: "4", name: "Michael B.", date: "Feb 2024", title: "Owner", quote: "Patient, insightful, and talented. Highly recommend for any business.", tag: "Logo Design", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg" },
+              { id: "5", name: "Jessica T.", date: "Mar 2024", title: "Creative Lead", quote: "Understands minimalism perfectly. Very satisfied with the final deliverables.", tag: "Branding", avatarSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
+            ]}
+            title="Trusted by Clients"
+            description="Don't just take my word for it. Here is what my clients have to say about our collaborative process and the results we achieved."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Let's Work Together"
-      description="Ready to transform your brand or have a project in mind? Reach out and let's get started today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell me about your project...",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg"
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Let's Work Together"
+            description="Ready to transform your brand or have a project in mind? Reach out and let's get started today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell me about your project...", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg"
+            mediaAnimation="opacity"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="CREATIVE"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="CREATIVE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1