import { isMobile } from "react-device-detect";
import OurStory from "../components/companyPage/OurStory";
import InvestmentPortfolio from "../components/companyPage/InvestmentPortfolio";

const Company = () => {
  return (
    <section className={`xl:py-16 py-10 font-usual ${isMobile ? "pt-24" : ""}`}>
      <h1 className="uppercase font-mixcase xl:text-[56px] sm:text-[40px] xl:leading-[56px] sm:leading-[40px] text-[28px] leading-[28px] xl:indent-[261px] xl:pb-16 pb-10 xl:px-6 px-4">
        IRTH is a privately held real estate investment platform part of a large
        local family conglomerate from Dubai
      </h1>
      <OurStory />
      <h1 className="uppercase font-mixcase xl:text-[56px] sm:text-[40px] xl:leading-[56px] sm:leading-[40px] text-[28px] leading-[28px] xl:indent-[261px] xl:pb-16 pb-10 xl:px-6 px-4">
        IRTHS’s real estate portfolio is spread across numerous projects, below
        is a snapshot of some of our current and previous investments
      </h1>
      <InvestmentPortfolio />
    </section>
  );
};

export default Company;
