Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,69 +21,25 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PropElite"
-    />
-  </div>
-
-  <div id="contact-main" data-section="contact-main">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Get in Touch Today"
-      description="Have questions about our properties or need expert guidance? Reach out now."
-      imageSrc="http://img.b2bpic.net/free-photo/man-woman-car-dealership-together_23-2148333030.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Need Help?"
-      title="We're here to guide you"
-      description="Speak with an expert today."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:123456789",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PropElite Real Estate"
-      copyrightText="© 2025 PropElite. All rights reserved."
-    />
-  </div>
+        <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Properties", id: "/properties" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PropElite"
+        />
+        <ContactText
+            text="Let's Connect and Find Your Perfect Space"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+        <FooterCard
+            logoText="PropElite Real Estate"
+            copyrightText="© 2025 PropElite. All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}