From 207b2dd495bf73004eb3b1cda7f28d883eb392e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 10:12:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 57 +++++++++++++++++++-----------------------------
 1 file changed, 22 insertions(+), 35 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55cd989..b70cd8c 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1