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

const Company = () => {
  return (
    <section className={`xl:pt-16 pt-10 font-usual ${isMobile ? "pt-24" : ""}`}>
      <h1 className="uppercase xl:rubber-headline-indent text-headline-s 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 text-headline-s xl:rubber-headline-indent 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 />
      <OurValues />
      <Footer />
    </section>
  );
};

export default Company;
