<div class="overflow-hidden bg-gray-800 py-24 sm:py-32">
    <div class="mx-auto max-w-7xl px-6 lg:px-4">
      <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
        <div class="lg:pr-8 lg:pt-4">
          <div class="lg:max-w-lg">
            <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-gray-50">
              <span class="text-base/7 font-light text-black tracking-wide">PROJECT SITE</span>
              <span class="block xl:inline text-black">Discover Fumba</span>
            </h2>
            <p class="text-left my-6 text-black max-w-4xl text-pretty lg:text-xl text-lg font-light fade-in">
              Fumba, located in the heart of Zanzibar, offers a unique opportunity to merge modern development with cultural heritage and natural beauty. As part of the 2042 Fumba Free Economic Zone Master Plan, Fumba is set to become a key driver of economic growth and innovation in the region. This transformation positions Fumba as the ideal site for CyberCity, a future-focused development designed to inspire sustainability, collaboration, and prosperity.
            </p>
          </div>
        </div>
        <img src="images/znz.jpg" alt="Product screenshot" class="h-full max-w-none rounded-s lg:pr-0 md:-ml-4 lg:-ml-0">
      </div>
    </div>
  </div>
