src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -200,55 +200,42 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="Get Started"
-      title="Ready to Transform Your Patio?"
-      description="Speak with our expert design team today for a custom quote on your project."
-      mediaPosition="left"
-      imageSrc="http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg"
-      mediaAnimation="slide-up"
+      <ContactCenter
+      tag="Contact Us"
+      title="Connect with Nexan"
+      description="Our dedicated team is here to assist with design planning, quotes, and product support. Reach out to get started."
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseCard
+      logoText="Nexan Building Products"
       columns={[
         {
-          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Products",              href: "#products"},
-            {
-              label: "Contact",              href: "#contact"},
+          title: "Products",          items: [
+            { label: "Decking", href: "#products" },
+            { label: "Railings", href: "#products" },
+            { label: "Pergolas", href: "#products" },
           ],
         },
         {
-          items: [
-            {
-              label: "Decking",              href: "#"},
-            {
-              label: "Railings",              href: "#"},
-            {
-              label: "Pergolas",              href: "#"},
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Use",              href: "#"},
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" },
           ],
-        },
+        }
       ]}
-      logoText="Nexan Building Products"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}