Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,10 +1,11 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
+import Link from "next/link";
 
 export default function ContactPage() {
   return (
@@ -20,7 +21,6 @@ export default function ContactPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="extrabold"
     >
-      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="PropSales"
@@ -28,46 +28,72 @@ export default function ContactPage() {
             { name: "Home", id: "/" },
             { name: "Projects", id: "/projects" },
             { name: "About", id: "/about" },
-            { name: "Portfolio", id: "portfolio" },
+            { name: "Portfolio", id: "/portfolio" },
           ]}
           button={{ text: "Get Started", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Contact Section */}
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to showcase your real estate projects? Connect with us today to list your properties and reach thousands of qualified buyers and investors."
-          animationType="entrance-slide"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          title="Get in Touch With PropSales"
+          description="Let's discuss your real estate projects, property listings, or investment opportunities. Our team is ready to help you succeed."
+          tag="Contact Us"
+          background={{ variant: "aurora" }}
+          mediaItems={[
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg?_wi=4",              imageAlt: "Contact support 1"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/developing-district-new-living-complex_23-2147694673.jpg?_wi=5",              imageAlt: "Contact support 2"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3",              imageAlt: "Contact support 3"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg?_wi=5",              imageAlt: "Contact support 4"},
+            {
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=7",              imageAlt: "Contact support 5"},
+          ]}
           buttons={[
-            { text: "Contact Us", href: "/contact" },
-            { text: "Learn More", href: "/about" },
+            { text: "View Projects", href: "/projects" },
+            { text: "Back to Home", href: "/" },
+          ]}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactText
+          text="Tell us about your real estate goals and we'll connect you with the right team members to help bring your vision to life. Whether you're a developer, agent, or investor, we're here to support your success."
+          animationType="background-highlight"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Send Inquiry", href: "#" },
+            { text: "Call Us", href: "tel:+1234567890" },
           ]}
         />
       </div>
 
-      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-vector/get-best-city-view-from-skylines-featuring-buildings-design_1017-58535.jpg?_wi=4"
+          imageSrc="http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=8"
           imageAlt="Real estate cityscape"
           logoText="PropSales"
           copyrightText="© 2025 PropSales. All rights reserved."
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "/about" },
                 { label: "Careers", href: "#" },
               ],
             },
             {
-              title: "Properties",
-              items: [
+              title: "Properties",              items: [
                 { label: "All Projects", href: "/projects" },
                 { label: "Ongoing", href: "/projects" },
                 { label: "Completed", href: "/projects" },
@@ -75,8 +101,7 @@ export default function ContactPage() {
               ],
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact", href: "/contact" },
                 { label: "FAQ", href: "#" },
                 { label: "Privacy Policy", href: "#" },
@@ -88,4 +113,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}