Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -43,14 +43,19 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplitDualMedia
       background={{ variant: "plain" }}
       title="Design That Converts and Engages Users"
       description="We craft high-impact landing pages and intuitive digital experiences. From concept to launch, we deliver UX/UI solutions that drive results."
       tag="Design Studio Expertise"
-      buttons={[{ text: "Get Your Free Consultation", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg"
-      imageAlt="Digital design studio landing page"
+      buttons={[{ text: "View Our Work", href: "#work" }]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg", imageAlt: "Digital design studio landing page" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg", imageAlt: "Designer at work" }
+      ]}
+      mediaAnimation="slide-up"
+      rating={5}
+      ratingText="Rated 5/5 by our partners"
       tagIcon={Sparkles}
     />
   </div>
@@ -68,7 +73,6 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg"
       imageAlt="Our creative workspace"
       mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
@@ -80,7 +84,7 @@ export default function LandingPage() {
       features={[
         { title: "Conversion-Driven Landing Pages", description: "High-impact layouts built to turn visitors into loyal customers through rigorous design thinking.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-7290.jpg", imageAlt: "Landing page design icon" },
         { title: "Intuitive User Journeys", description: "Seamless, logical workflows that reduce friction and maximize user delight at every interaction point.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg", imageAlt: "UX workflow icon" },
-        { title: "Scalable Design Systems", description: "Structured design languages that grow with your company, maintaining brand consistency across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg", imageAlt: "Design system icon" }
+        { title: "Scalable Design Systems", description: "Structured design languages that grow with your company, maintaining brand consistency across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg?_wi=1", imageAlt: "Design system icon" }
       ]}
       title="Comprehensive Design Capabilities"
       description="We offer full-cycle UX/UI design solutions to elevate your digital presence."
@@ -155,22 +159,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to transform your digital experience? Let's discuss your project goals."
+      <ContactCTA
+      tag="Get in touch"
+      title="Ready to transform your digital experience?"
+      description="Let's discuss your project goals and build something amazing together."
       buttons={[{ text: "Contact Us", href: "mailto:hello@designstudio.com" }]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="DesignStudio"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
+          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#work" }] },
+          { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg?_wi=2"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}