const OurStory = () => {
  return (
    <div className="grid grid-cols-12 xl:px-6 px-4 gap-x-4">
      {/* <div className="uppercase text-[#73787C] font-semibold pb-3 xl:col-span-2 col-span-full "> */}
      <div className="uppercase text-[#73787C] font-semibold pb-3 xl:col-span-2 col-span-full text-caption-m">
        Our story
      </div>
      <div className="2xl:col-span-8 xl:col-span-9 col-span-full grid grid-cols-12 gap-x-4">
        <div className="col-span-full grid 2xl:grid-cols-8 xl:grid-cols-9 grid-cols-8 gap-x-4">
          <img
            src="./images/company/1.jpg"
            alt="1"
            className="aspect-[7/5] rounded-2xl col-span-full object-cover"
          />
          {/* <p className="text-[#00BED7] font-semibold text-2xl xl:col-span-5 col-span-full pt-6 text-subheadline-s"> */}
          <p className="text-[#00BED7] font-semibold xl:col-span-5 col-span-full pt-6 text-subheadline-s">
            IRTH is prominently positioned among the top tier establishments in
            United Arab Emirates, a family backed investment company with core
            values of trust, strength and agility.
          </p>
          {/* <div className="grid grid-cols-2 gap-4 text-sm 2xl:col-span-3 xl:col-span-4 col-span-full xl:pt-6 pt-4 2xl:pb-14 xl:pb-12 sm:pb-10 pb-[52px] text-[#73787C]"> */}
          <div className="grid grid-cols-2 gap-4 text-s 2xl:col-span-3 xl:col-span-4 col-span-full xl:pt-6 pt-4 2xl:pb-14 xl:pb-12 sm:pb-10 pb-[52px] text-[#73787C]">
            <p className="xl:col-span-full sm:col-span-1 col-span-full">
              IRTH embodies the essence of legacy, anchoring its roots in the
              heart of a vibrant Dubai. As a part of a distinguished local
              family conglomerate, our privately held real estate investment
              platform draws strength from a heritage spanning over a century.
            </p>
            <p className="xl:col-span-full sm:col-span-1 col-span-full">
              At IRTH, our foundation is built upon three CORE values: Trust,
              Strength, and Agility. These principles serve as our guiding
              light, propelling us forward as a prominent player in the realm of
              real estate investment. We proudly stand among the elite
              establishments within the UAE, a testament to our unwavering
              commitment to excellence.
            </p>
          </div>
        </div>
        <div className="col-span-full grid 2xl:grid-cols-8 xl:grid-cols-9 grid-cols-8 gap-x-4">
          <img
            src="./images/company/2.jpg"
            alt="2"
            className="rounded-2xl object-cover sm:col-span-2 col-span-full 2xl:aspect-[5/6] xl:aspect-[4/5] sm:aspect-[7/13] order-1 mb-6"
          />
          <img
            src="./images/company/3.png"
            alt="2"
            className="rounded-2xl object-cover 2xl:col-span-6 xl:col-span-7 sm:col-span-6 col-span-full 2xl:aspect-[7/4] xl:aspect-[14/9] sm:h-full aspect-[6.5/5.2] sm:order-2 order-3 mb-20 sm:mb-0"
          />
          {/* <div className="xl:col-start-3 grid col-span-full grid-cols-2 xl:gap-4 gap-3 sm:order-3 order-2 2xl:pb-[140px] xl:pb-[120px] sm:pb-[100px] pb-6 sm:pt-6 pt-20 text-[#73787C]"> */}
          <div className="xl:col-start-3 grid col-span-full grid-cols-2 xl:gap-4 gap-3 sm:order-3 order-2 2xl:pb-[140px] xl:pb-[120px] sm:pb-[100px] pb-6 sm:pt-6 text-[#73787C] text-s">
            <p className="sm:col-span-1 col-span-full">
              Our influence extends even further through strategic partnerships
              with esteemed local and international hospitality brands,
              elevating our stature and enriching our portfolio. With an
              unwavering dedication to investment, IRTH paves the way for a
              diverse range of property ventures. Our footprint is set to expand
              both within the dynamic landscapes of Dubai and across
              international horizons. As we forge ahead, our legacy remains
              intertwined with the enduring values of trust, strength, and
              agility.
            </p>
            <p className="sm:col-span-1 col-span-full">
              The Alshamsi Family , the visionary founders behind IRTH, have
              sown the seeds of a legacy that continues to flourish. Our story
              is one of resilience, growth, and an unyielding pursuit of
              excellence.
            </p>
          </div>
        </div>
      </div>
    </div>
  );
};

export default OurStory;
