Update src/app/page.tsx

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 FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -117,18 +117,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      text="Begin Your Journey With Us"
-      background={{ variant: "gradient-bars" }}
-      useInvertedBackground={true}
-      buttons={[{ text: "Inquire Today" }]}
+      <ContactCTA
+      tag="Connect"
+      title="Begin Your Journey With Us"
+      description="Reach out to our expert team for personalized real estate guidance and consultation."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      buttons={[{ text: "Inquire Today", href: "#contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterLogoReveal
       logoText="Bright View"
-      columns={[{ items: [{ label: "About" }, { label: "Inventory" }, { label: "Contact" }] }]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>