export const dynamic = "force-dynamic";

import React from 'react'
import Navbar from '../components/Navbar/Navbar'
import HeroSection from '../components/HeroSection'
import { Card, CardContent, CardTitle } from '@/components/ui/card'
import Image from 'next/image'
import BrandMarquee from '../components/marquee/BrandMarquee'
import Footer from '../components/Footer'
import ContactInformation from '../components/contactPageComponents/ContactInformation'
import OfficeLocation from '../components/contactPageComponents/OfficeLocation'
import HeroParent from '../components/HeroParent';

const ContactPage = () => {
  return (
     <div className="">
      <Navbar />
      <main className="">
        <HeroParent isContact/>
        {/* <HeroSection
          head="ABOUT SADU REAL ESTATE"
          title="Your Gateway to Real Estate Success in"
          titleHighlight="Saudi Arabia"
          description="Welcome to Sadu Real Estate—a trusted real estate agency based in Saudi Arabia, dedicated to guiding clients through the Kingdom’s dynamic property landscape with clarity, integrity, and expertise."
          description2="At Sadu, we believe that real estate is more than just transactions—it’s about relationships, opportunities, and long-term value. Whether you're a first-time buyer, seasoned investor, landlord, or tenant, we are here to provide you with personalized solutions and seamless service every step of the way"
        /> */}
<div className='px-5 md:px-[50px] lg:px-[96px]'>
        
        <ContactInformation />
      </div>
        <OfficeLocation />

      </main>
      <Footer />
    </div>
  )
}

export default ContactPage