From 1309e7f5983f5b44ff5b2a5b61936929f0c8aa59 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 28 May 2026 12:07:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 285 +++++++++++++----------------------------------
 1 file changed, 76 insertions(+), 209 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e703b0..56041bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -34,30 +34,18 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Projects",
-          id: "#projects",
-        },
+          name: "Projects",          id: "#projects"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Hire Me",
-        href: "#contact",
-      }}
+        text: "Hire Me",        href: "#contact"}}
       brandName="My Creative Hub"
     />
   </div>
@@ -65,19 +53,14 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "downward-rays-animated-grid",
-      }}
+        variant: "downward-rays-animated-grid"}}
       logoText="My Creative Hub"
       description="Where ideas take flight and creativity knows no bounds. Discover a world of unique designs, captivating visuals, and innovative solutions crafted with passion."
       buttons={[
         {
-          text: "Explore Work",
-          href: "#projects",
-        },
+          text: "Explore Work",          href: "#projects"},
         {
-          text: "Get in Touch",
-          href: "#contact",
-        },
+          text: "Get in Touch",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-end-home-office-trendy-loft-apartment-with-empty-desk_482257-122616.jpg"
       imageAlt="Creative workspace with digital art tools"
@@ -94,17 +77,11 @@ export default function LandingPage() {
       description="Hello! I'm a passionate creative professional dedicated to bringing unique visions to life. With a keen eye for detail and a love for innovation, I specialize in crafting engaging digital experiences and compelling visual stories. My journey is fueled by a desire to create impactful work that resonates with audiences and pushes creative boundaries."
       bulletPoints={[
         {
-          title: "Innovative Design",
-          description: "Always exploring new techniques and tools to deliver cutting-edge designs.",
-        },
+          title: "Innovative Design",          description: "Always exploring new techniques and tools to deliver cutting-edge designs."},
         {
-          title: "Client-Centric Approach",
-          description: "Collaborating closely with clients to ensure their vision is perfectly realized.",
-        },
+          title: "Client-Centric Approach",          description: "Collaborating closely with clients to ensure their vision is perfectly realized."},
         {
-          title: "Smooth Experiences",
-          description: "Focused on creating seamless and intuitive user interfaces for optimal engagement.",
-        },
+          title: "Smooth Experiences",          description: "Focused on creating seamless and intuitive user interfaces for optimal engagement."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/skilled-experienced-male-engineer-creating-designs-making-drawings_273609-14147.jpg"
       imageAlt="Creative person smiling"
@@ -119,23 +96,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Graphic Design",
-          description: "Crafting stunning visual identities, logos, and marketing materials that capture attention.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-editing-software-use_23-2152014663.jpg",
-          imageAlt: "Graphic design software interface",
-        },
+          title: "Graphic Design",          description: "Crafting stunning visual identities, logos, and marketing materials that capture attention.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-editing-software-use_23-2152014663.jpg",          imageAlt: "Graphic design software interface"},
         {
-          title: "Motion Graphics",
-          description: "Bringing stories to life with dynamic animations and engaging video content.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-online-radio-studio-broadcasting-room-with-professional-microphone-video-light-used-podcast-transmission-video-podcasting-setup-with-digital-mixer-console-laptop-computer_482257-33423.jpg",
-          imageAlt: "Motion graphics animation software",
-        },
+          title: "Motion Graphics",          description: "Bringing stories to life with dynamic animations and engaging video content.",          imageSrc: "http://img.b2bpic.net/free-photo/empty-online-radio-studio-broadcasting-room-with-professional-microphone-video-light-used-podcast-transmission-video-podcasting-setup-with-digital-mixer-console-laptop-computer_482257-33423.jpg",          imageAlt: "Motion graphics animation software"},
         {
-          title: "Brand Strategy",
-          description: "Developing cohesive brand strategies that communicate your unique value and vision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg",
-          imageAlt: "Branding identity elements",
-        },
+          title: "Brand Strategy",          description: "Developing cohesive brand strategies that communicate your unique value and vision.",          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg",          imageAlt: "Branding identity elements"},
       ]}
       title="My Expertise & Services"
       description="I offer a comprehensive range of creative services tailored to your needs. From initial concept to final execution, I ensure every project is handled with precision and artistic flair."
@@ -150,47 +115,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Abstract Digital Artwork",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-photo/textured-paint-background-wallpaper-abstract-art-with-mixed-colors_53876-176791.jpg",
-          imageAlt: "Abstract digital art",
-        },
+          id: "1",          name: "Abstract Digital Artwork",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-photo/textured-paint-background-wallpaper-abstract-art-with-mixed-colors_53876-176791.jpg",          imageAlt: "Abstract digital art"},
         {
-          id: "2",
-          name: "Responsive Portfolio Website",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",
-          imageAlt: "Responsive website design",
-        },
+          id: "2",          name: "Responsive Portfolio Website",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",          imageAlt: "Responsive website design"},
         {
-          id: "3",
-          name: "Brand Identity Design",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_52683-32298.jpg",
-          imageAlt: "Brand logo identity mock-up",
-        },
+          id: "3",          name: "Brand Identity Design",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_52683-32298.jpg",          imageAlt: "Brand logo identity mock-up"},
         {
-          id: "4",
-          name: "Short Film Title Sequence",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139239.jpg",
-          imageAlt: "Short film title sequence",
-        },
+          id: "4",          name: "Short Film Title Sequence",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139239.jpg",          imageAlt: "Short film title sequence"},
         {
-          id: "5",
-          name: "Architectural Photography Series",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-nature_23-2148192735.jpg",
-          imageAlt: "Architectural photography",
-        },
+          id: "5",          name: "Architectural Photography Series",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-nature_23-2148192735.jpg",          imageAlt: "Architectural photography"},
         {
-          id: "6",
-          name: "Interactive UI Concept",
-          price: "N/A",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552593.jpg",
-          imageAlt: "Interactive UI concept",
-        },
+          id: "6",          name: "Interactive UI Concept",          price: "N/A",          imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552593.jpg",          imageAlt: "Interactive UI concept"},
       ]}
       title="Featured Creative Projects"
       description="Explore a selection of my latest and most impactful creative works. Each project showcases a blend of artistic vision and technical execution."
@@ -204,23 +139,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          icon: Sparkles,
-          title: "Years of Experience",
-          value: "7+",
-        },
+          id: "1",          icon: Sparkles,
+          title: "Years of Experience",          value: "7+"},
         {
-          id: "2",
-          icon: Users,
-          title: "Happy Clients",
-          value: "50+",
-        },
+          id: "2",          icon: Users,
+          title: "Happy Clients",          value: "50+"},
         {
-          id: "3",
-          icon: Award,
-          title: "Projects Completed",
-          value: "100+",
-        },
+          id: "3",          icon: Award,
+          title: "Projects Completed",          value: "100+"},
       ]}
       title="My Achievements & Impact"
       description="A look at the numbers that reflect my dedication and the positive impact of my creative work."
@@ -235,12 +161,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "1",
-          name: "Your Bestfriend",
-          role: "Creative Director & Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
-          imageAlt: "Portrait of the creative director",
-        },
+          id: "1",          name: "Your Bestfriend",          role: "Creative Director & Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",          imageAlt: "Portrait of the creative director"},
       ]}
       title="Meet the Creator"
       description="It's just me! I'm dedicated to delivering exceptional creative solutions with a personal touch."
@@ -255,50 +176,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          role: "Marketing Manager",
-          company: "Growth Innovators",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
-          imageAlt: "Portrait of Sarah J.",
-        },
+          id: "1",          name: "Sarah J.",          role: "Marketing Manager",          company: "Growth Innovators",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",          imageAlt: "Portrait of Sarah J."},
         {
-          id: "2",
-          name: "Michael C.",
-          role: "Startup Founder",
-          company: "Tech Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",
-          imageAlt: "Portrait of Michael C.",
-        },
+          id: "2",          name: "Michael C.",          role: "Startup Founder",          company: "Tech Ventures",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",          imageAlt: "Portrait of Michael C."},
         {
-          id: "3",
-          name: "Emily R.",
-          role: "Creative Director",
-          company: "Artistic Studios",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
-          imageAlt: "Portrait of Emily R.",
-        },
+          id: "3",          name: "Emily R.",          role: "Creative Director",          company: "Artistic Studios",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",          imageAlt: "Portrait of Emily R."},
         {
-          id: "4",
-          name: "David K.",
-          role: "Project Lead",
-          company: "Digital Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop_329181-14592.jpg",
-          imageAlt: "Portrait of David K.",
-        },
+          id: "4",          name: "David K.",          role: "Project Lead",          company: "Digital Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop_329181-14592.jpg",          imageAlt: "Portrait of David K."},
         {
-          id: "5",
-          name: "Jessica L.",
-          role: "Brand Strategist",
-          company: "Visionary Brands",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg",
-          imageAlt: "Portrait of Jessica L.",
-        },
+          id: "5",          name: "Jessica L.",          role: "Brand Strategist",          company: "Visionary Brands",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg",          imageAlt: "Portrait of Jessica L."},
       ]}
       title="What Clients Say About My Work"
       description="Hear directly from those who have experienced the creative difference. Their words reflect the quality and dedication I bring to every project."
@@ -306,105 +197,81 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What is your typical design process?",
-          content: "My process usually involves initial consultation, concept development, design iteration, client feedback, and final delivery. I ensure transparency and collaboration every step of the way.",
-        },
+          id: "1",          title: "What is your typical design process?",          content: "My process usually involves initial consultation, concept development, design iteration, client feedback, and final delivery. I ensure transparency and collaboration every step of the way."},
         {
-          id: "2",
-          title: "How long does a project usually take?",
-          content: "Project timelines vary depending on complexity and scope. A detailed timeline will be provided after our initial consultation and project brief.",
-        },
+          id: "2",          title: "How long does a project usually take?",          content: "Project timelines vary depending on complexity and scope. A detailed timeline will be provided after our initial consultation and project brief."},
         {
-          id: "3",
-          title: "What tools and software do you use?",
-          content: "I'm proficient in industry-standard tools like Adobe Creative Suite (Photoshop, Illustrator, After Effects), Figma, Blender, and various coding environments for web projects.",
-        },
+          id: "3",          title: "What tools and software do you use?",          content: "I'm proficient in industry-standard tools like Adobe Creative Suite (Photoshop, Illustrator, After Effects), Figma, Blender, and various coding environments for web projects."},
       ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Find quick answers to the most common questions about my creative process, services, and how we can work together."
+      title="Frequently Asked Questions"
+      description="Find quick answers to the most common questions about my creative process, services, and how we can work together."
       faqsAnimation="slide-up"
-      textPosition="left"
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/diverse-group-employees-sitting-office-discussing_1303-24757.jpg"
+      imageAlt="People discussing and collaborating"
+      mediaAnimation="slide-up"
+      animationType="smooth"
       showCard={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "downward-rays-animated",
-      }}
+        variant: "downward-rays-animated"}}
       tag="Let's Connect"
       title="Bring Your Vision to Life"
       description="Ready to start a new creative project or simply want to say hello? I'd love to hear from you! Reach out and let's discuss how we can create something amazing together."
-      imageSrc="http://img.b2bpic.net/free-photo/man-works-computer-coworking-space-remote-work-workspace_1321-3095.jpg"
-      imageAlt="Creative workspace"
-      mediaAnimation="opacity"
-      mediaPosition="right"
-      inputPlaceholder="Enter your email address"
-      buttonText="Send Message"
-      termsText="By clicking Send Message you're confirming that you agree with my Privacy Policy."
+      buttons={[
+        {
+          text: "Contact Me",          href: "#contact"
+        }
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
       columns={[
         {
-          title: "My Hub",
-          items: [
+          title: "My Hub",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Projects",
-              href: "#projects",
-            },
+              label: "Projects",              href: "#projects"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "Contact Me",
-              href: "#contact",
-            },
+              label: "Contact Me",              href: "#contact"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 My Creative Hub. All rights reserved."
-      bottomRightText="Crafted with Passion"
+      copyrightText="© 2024 My Creative Hub. All rights reserved."
+      imageSrc="http://img.b2bpic.net/free-photo/web-design-creative-team-concept_1421-1250.jpg"
+      imageAlt="Creative web design workspace"
+      logoText="My Creative Hub"
     />
   </div>
       </ReactLenis>