"use client";
import { useModal } from "@/context/ModalContext";
import WhyContent from "./WhyContent";
export default function WhyAbout() {
  const { toggleModal } = useModal();
  return (
    <>
      <section>
        <div className="container">
          <h1 className="mb-3">Why Invest in Palm Jebel Ali</h1>
          <WhyContent />
          <a
            onClick={() => toggleModal("Check Your Eligibilty")}
            className="d-flex justify-content-center w-100"
          >
            <button className="webbutton">Check Your Eligibilty</button>
          </a>
        </div>
      </section>
    </>
  );
}
