import { IdentificationIcon, BuildingStorefrontIcon, BanknotesIcon, UserPlusIcon, GlobeAltIcon, BriefcaseIcon } from '@heroicons/react/20/solid'


export  function VenturesFreezone() {
  return (
    <div className="overflow-hidden bg-white py-24 sm:py-32">
      <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
        <div className="max-w-5xl">
          <p className="subtitle-default text-gray-900">VENTURES</p>
          <h2 className="mt-2 h2-default text-gray-900">
            Zanzibar Digital Free Zone
          </h2>
        </div>
        <section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-48 lg:gap-y-16">
          <div className="lg:pr-8">
            <h2 className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">About</h2>
            <p className="mt-6 text-lg/7 text-gray-600">
              The digital free zone is a collaborative project with the Revolutionary Government of Zanzibar through ZICTIA. 100% digital and automated, offering seamless legal, financial, and operational support for businesses. The free zone provides regulatory incentives and benefits to businesses through a fully online platform​.
            </p>
            <p className="mt-8 text-lg/7 text-gray-600">
              Planned to officially launch in late 2025, the Zanzibar Digital Free Zone will introduce a new paradigm of sovereign digital jurisdiction. Unlike traditional regulatory zones, this free zone is governed directly by OurWorld; enabling an unprecedented level of integration between digital identity, business formation, compliance, and tokenized trade. This sovereign model represents a billion-dollar opportunity and a foundational layer in OurWorld’s broader vision for next-generation, decentralized global infrastructure.
            </p>
          </div>
          <div className="lg:row-span-2 lg:-mr-24 xl:mr-auto">
            <div className="lg:mx-0">
             <div className="relative">
              <figure className="border border-gray-200  px-6 lg:pl-8 lg:pr-24 py-6 lg:py-8 rounded-3xl bg-gray-50 mt-8 lg:mt-0">
              <blockquote className="text-lg/8 font-semibold tracking-tight text-gray-900">
                <p>
                  Sector
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  Technology, Information and Internet
                </p>
                <p className='mt-4'>
                  Key Contact
                </p>
              </blockquote>
              <figcaption className="mt-4 flex gap-x-4">
                <a href="/people/chris_camponovo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
                  <img
                    alt=""
                    src="/images/people/chris_camponovo/chris_camponovo.jpeg"
                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
                  />
                  <div>
                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Chris Camponovo</p>
                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
                  </div>
                </a>
              </figcaption>
              <figcaption className="mt-4 flex gap-x-4">
                <a href="/people/florian_fournier" className="flex gap-x-4 hover:opacity-80 transition-opacity">
                  <img
                    alt=""
                    src="/images/people/florian_fournier/florian_fournier.jpeg"
                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
                  />
                  <div>
                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Florian Fournier</p>
                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
                  </div>
                </a>
              </figcaption>
              <blockquote className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">
                <p>
                  Headquarters
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  Zanzibar, Tanzania
                </p>
                <p className='mt-6'>
                  Website
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  <a href="http://freezone.ourworld.tf/" className="text-indigo-600 hover:text-gray-500">freezone.ourworld.tf</a>
                </p>
                <p className='mt-6'>
                  Contact
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  <a href="mailto:info@threefold.io " className="text-indigo-600 hover:text-gray-500">info@ourworld.tf</a>
                </p>
              </blockquote>
              </figure>
              </div>
            </div>
          </div>
          <div className="max-lg:mt-8 lg:col-span-1">
            <p className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">Key Features</p>
            <hr className="mt-6 border-t border-gray-200" />
            <ul role="list" className="mt-8 space-y-8 text-gray-600">
              <li className="flex gap-x-3">
                <IdentificationIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Digital Resident Management. </strong>  
                   Provides residents and companies with legal, governance, and accounting tools.
                </span>
              </li>
              <li className="flex gap-x-3">
                <BuildingStorefrontIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Marketplace. </strong>  
                   Enables residents and companies to list, manage, and trade real-world digital assets.
                </span>
              </li>
              <li className="flex gap-x-3">
                <BanknotesIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Integrated DeFi Platform. </strong>  
                   Supports digital financial operations and asset transactions.
                </span>
              </li>
              <li className="flex gap-x-3">
                <UserPlusIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Digital Resident Registration Portal. </strong>  
                   A video demonstration of the portal where new users can register as Digital Residents.
                </span>
              </li>
              <li className="flex gap-x-3">
                <GlobeAltIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Resident Platform Overview. </strong>  
                   A guided tour of the Resident Platform, showing how residents:
                  <ul className="list-disc ml-6 mt-2 space-y-1 text-sm text-gray-700">
                    <li>Access all governance, legal, and accounting tools in a single dashboard.</li>
                    <li>Register companies under various legal structures.</li>
                  </ul>
                </span>
              </li>
              <li className="flex gap-x-3">
                <BriefcaseIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Company Management Tools. </strong>  
                    A prototype of the Digital Free Zone Marketplace, showing how residents can list, manage, and trade assets within a secure and regulated environment.
                </span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  )
}