"use client";
import { useModal } from "@/context/ModalContext";
import React from "react";

export default function ContactUs() {
  const { toggleModal } = useModal();
  return (
    <>
      <section className="p-2">
        <div className="container mt-3">
          <div className="text-center">
            <h1 className="mb-2">Contact Us</h1>
            <p>
              Got questions or need assistance? We’re here to help! Whether
              you’re buying, selling, or renting, our team is dedicated to
              providing expert guidance. Contact us today via phone, email, or
              the form below, and we’ll ensure you receive the support you need.
              We look forward to connecting with you!
            </p>
            <div className="mt-3">
              <a onClick={() => toggleModal("Contact Us")}>
                <button className="webbutton">Contact Us</button>
              </a>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}
