Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 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 FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -137,24 +137,26 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
-            useInvertedBackground={false}
-            background={{ variant: "canvas-reveal" }}
-            text="Ready to bring your brand to life? Let's discuss your project today and create something extraordinary."
+          <ContactCTA
+            tag="Contact"
+            title="Ready to get started?"
+            description="Bring your brand to life today with professional, results-oriented design."
             buttons={[{ text: "Contact Me", href: "mailto:thenijaranofficalinfo@gmail.com" }]}
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterLogoEmphasis
+            logoText="Nijaran Designs"
             columns={[
-              { title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
-              { title: "Services", items: [{ label: "Branding", href: "#services" }, { label: "UI/UX", href: "#services" }, { label: "Video", href: "#services" }] },
+              { items: [{ label: "Home", href: "#home" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Branding", href: "#services" }, { label: "UI/UX", href: "#services" }, { label: "Video", href: "#services" }] },
             ]}
-            copyrightText="© 2026 Nijaran Designs. All Rights Reserved."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}