---
import Layout from '~/layouts/PageLayout.astro';

import Hero from '~/components/widgets/Hero.astro';

import INCAStats from './incastats.astro';
import Partners from './partners.astro';
import Purpose from './purpose.astro';
import Content2 from '~/components/widgets/Content2.astro';

const metadata = {
  title: 'Builders',
  ignoreTitleTemplate: true,
};
---

<Layout metadata={metadata}>
  <!-- Hero Widget ******************* -->

  <Hero
    id="about"
    tagline="Builders"
    image={{
      alt: 'Caos Image',
    }}
  >
    <Fragment slot="title"> Meet the Builders of the Grid! </Fragment>

    <Fragment slot="subtitle">
      <span class="font-semibold">Project INCA</span> is proud of its many partnerships<br /> weaving a thriving ecosystem
      of creative individuals <br />and businesses offering innovative products and services<br /></Fragment
    >
  </Hero>

  <!-- Content Widget **************** -->


  <Content2
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/digital_freezone">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/partner_ourworld.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Digital FreeZone</h2>
      <p>
        The OurWorld Digital FreeZone, established in Zanzibar, is a groundbreaking partnership between ThreeFold and
        the government of Tanzania. This initiative aims to create a free sovereign digital and economic area, fostering
        innovation, growth, and prosperity within the region.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>


  <Content2
    isReversed
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/earth_wallet">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/partner_social.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Earth Wallet</h2>
      <p>
        Earth Wallet is a cutting-edge digital wallet solution designed to empower users with secure, decentralized
        control over their digital assets. With a focus on accessibility, security, and sustainability, Earth Wallet
        offers a seamless and user-friendly interface for managing various cryptocurrencies and digital tokens.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>

  <Content2
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/elestio">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/elestio_image.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Elestio</h2>
      <p>
        Elestio is an innovative platform dedicated to providing cutting-edge decentralized applications (dApps) and
        services to users worldwide. With a focus on accessibility, security, and user empowerment, Elestio aims to
        revolutionize the way individuals interact with decentralized technologies.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>

  <Content2
    isReversed
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/sikana">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/partner_sikana.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Sikana</h2>
      <p>
        Sikana, a platform dedicated to providing education for all, has delivered over 400 million lessons through free
        educational videos. However, the platform has faced financial challenges in hosting its content at scale. In
        collaboration with ThreeFold, Sikana aims to overcome these challenges and further its mission of providing
        accessible education by creating local content in native languages and hosting it on local infrastructure.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>


  <Content2
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/tanzania_sovereign_internet">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/dy.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Tanzania Sovereign Internet</h2>
      <p>
        ThreeFold, through its Dunia Yetu initiative, has embarked on a mission to build a sovereign internet
        infrastructure by Tanzanians for Tanzanians, empowering people to take control and benefit from their own
        digital lives. Discover our key partners and the projects we support in Tanzania.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>


  <Content2
    isReversed
    link="~/assets/images/mission.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/veverse">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/veverse_pic.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">VeVerse</h2>
      <p>
        VeVerse aims to create a virtual universe which eradicates cultural boundaries and supports the free flow of
        ideas and knowledge. The vision is to provide a metaverse platform which bridges virtual worlds, digital assets
        and communities and to empower museums, artists and game developers to construct captivating environments
        together where users can play, explore and connect.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>

  <Content2
    link="~/assets/images/vverse_logo.jpg"
    id="mission"
    columns={3}
    items={[
      {
        description: '<a href= "/builders/vverse">Read More</a>',
      },
    ]}
    image={{
      src: '~/assets/images/vverse_pic.png',
      alt: 'Colorful Image',
      loading: 'eager',
      layout: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">VVerse</h2>
      <p>
        VVerse offers a cutting-edge platform for virtual socializing and entertainment. One of their first products is
        VinDo, the next generation communication and business tool to streamline your interactions, empower your
        business, simplify your workflow and amplify your results. Businesses can become virtual with VinDO and redefine
        customer experiences in the metaverse.
      </p>
    </Fragment>

    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Content2>

</Layout>