IRTH-2/client/src/pages/AboutPage.tsx

const AboutPage = () => {
  return (
    <div className="mt-[58px] lg:px-6 px-4 sm:py-16 py-8 lg:space-y-[140px] sm:space-y-[120px] space-y-[80px] select-none">
      <div className="space-y-10">
        <p className="lg:text-[56px] sm:text-[40px] text-[28px] lg:leading-[56px] sm:leading-[40px] leading-[28px] text-[#0D1922] font-mixcase -tracking-[1.68px]">
          Welcome to IRTH – a name etched in legacy
        </p>
        <div className="space-y-6">
          <div className="relative rounded-2xl overflow-hidden bg-gray-900 flex items-center justify-center">
            <video
              src="/videos/About/IRTH 1_HIGHRES.mp4"
              muted
              autoPlay
              loop
            ></video>
          </div>
          <div className="grid sm:grid-cols-2 gap-4 text-[#73787C] leading-[27px] lg:text-xl">
            <p>
              IRTH is a privately held real estate investment platform. Based on
              the philosophy of value creation, innovation and building
              world-class living experiences, IRTH is founded on a promise of
              solid commitment to excellence, trust, and quality.
            </p>
            <p>
              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, we draw strength from a heritage spanning
              over a century.
            </p>
          </div>
        </div>
      </div>
      <div className="grid lg:grid-cols-2 gap-10 border-t border-b border-[#E2E2DC] py-6">
        <div className="flex flex-col justify-between gap-6">
          <div className="space-y-10 text-[#73787C] leading-[27px]">
            <p className="lg:text-[56px] sm:text-[40px] text-[28px] lg:leading-[56px] sm:leading-[40px] leading-[28px] text-[#0D1922] font-mixcase -tracking-[1.68px]">
              Our Portfolio
            </p>
            <div className="grid sm:grid-cols-2 gap-4 lg:text-xl">
              <p>
                IRTH group’s real estate portfolio is spread across various
                sectors and countries. With thorough market research, IRTH
                identifies promising investment opportunities that yield high
                returns and continues to grow its property portfolio in key
                markets such as the United Arab Emirates and Europe.
              </p>
              <p>
                In 2023, IRTH announced its partnership with Rove Hotels, to
                build ROVE HOME branded residences. With key developments at
                prime locations, IRTH continues to build on its legacy - founded
                on a solid commitment to excellence, trust and quality lifestyle
                living.
              </p>
            </div>
          </div>
          <p className="lg:text-2xl text-xl font-semibold leading-[32.4px]">
            We take pride in offering the best-in-class locations and properties
            for value-based investment opportunities - setting new standards in
            the real estate market in the region.
          </p>
        </div>
        <div className="space-y-3">
          <img
            src="/images/pages/About/1.jpg"
            alt=""
            className="rounded-2xl pointer-events-none"
          />
          <div className="space-y-1">
            <div className="flex items-center gap-1">
              <div className="w-3 h-3 bg-[#00BED7] rounded-full"></div>
              <p className="text-[#0D1922] leading-[20px]">Nef Kandilli</p>
            </div>
            <p className="text-xs text-[#73787C] font-semibold">Istanbul</p>
          </div>
        </div>
      </div>
      <div className="space-y-10">
        <p className="lg:text-[56px] sm:text-[40px] text-[28px] lg:leading-[56px] sm:leading-[40px] leading-[28px] text-[#0D1922] font-mixcase -tracking-[1.68px]">
          Our foundation is built upon three core values
        </p>
        <div className="space-y-6">
          <div className="grid md:grid-cols-3 lg:gap-4 gap-3">
            <div className="lg:space-y-9 sm:space-y-6 space-y-6 lg:p-10 p-5 bg-white rounded-2xl">
              <p className="lg:text-2xl sm:text-xl text-[#0D1922] font-semibold leading-[32.4px]">
                Trust
              </p>
              <div className="space-y-3 lg:text-sm text-xs text-[#73787C] leading-[19.6px]">
                <p>
                  Trust is the cornerstone of IRTH's foundation. We uphold an
                  unshakeable commitment to transparency, integrity, and ethical
                  practices in every facet of our operations.
                </p>
                <p>
                  Through open communication and responsible stewardship, we
                  build enduring relationships with our stakeholders and
                  business partners, ensuring that trust is at the heart of
                  every interaction.
                </p>
              </div>
            </div>
            <div className="lg:space-y-9 sm:space-y-6 space-y-6 lg:p-10 p-5 bg-white rounded-2xl">
              <p className="lg:text-2xl sm:text-xl text-[#0D1922] font-semibold leading-[32.4px]">
                Strength
              </p>
              <div className="space-y-3 lg:text-sm text-xs text-[#73787C] leading-[19.6px]">
                <p>
                  Strength isn't just a physical attribute; it's a reflection of
                  our resilience, determination, and unwavering resolve.
                </p>
                <p>
                  At IRTH, we harness the strength of our heritage, experience,
                  and expertise to overcome challenges and seize opportunities.
                  With a robust foundation, we stand strong, poised to create
                  lasting impact and achieve remarkable results.
                </p>
              </div>
            </div>
            <div className="lg:space-y-9 sm:space-y-6 space-y-6 lg:p-10 p-5 bg-white rounded-2xl">
              <p className="lg:text-2xl sm:text-xl text-[#0D1922] font-semibold leading-[32.4px]">
                Agility
              </p>
              <div className="space-y-3 lg:text-sm text-xs text-[#73787C] leading-[19.6px]">
                <p>
                  In a rapidly evolving landscape, adaptability is paramount.
                  IRTH embraces agility as a guiding principle, allowing us to
                  swiftly respond to changing dynamics and emerging trends.
                </p>
                <p>
                  Our flexible mindset empowers us to navigate complexities,
                  explore new avenues, and innovate with confidence, ensuring
                  that we remain at the forefront of progress.
                </p>
              </div>
            </div>
          </div>
          <p className="lg:w-1/2 lg:text-2xl sm:text-xl font-semibold lg:leading-[32.4px] sm:leading-[28px] leading-[18.4px]">
            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>
  );
};

export default AboutPage;