---
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'

const metadata = {
  title: 'INCA — Decentralized Autonomous Cloud',
  ignoreTitleTemplate: true,
};
---

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

  <Hero
    actions={[
      {
        variant: 'primary',
        text: 'Get INCA Nodes',
        href: 'https://threefold.io',
        target: '_blank',
        icon: 'tabler:brand-minecraft',
      },
      { text: 'Learn more', href: '#partners' },
    ]}
  >
    <Fragment slot="title">
      <span class="text-accent dark:text-white highlight"> Project INCA<br></span> Ecosystem<br><br>
    </Fragment>

    <Fragment slot="subtitle">
      <span class="hidden sm:inline">
        <span class="font-semibold">Project INCA</span> is proud of its many partnerships<br> providing a thriving ecosystem of like-minded individuals <br>and innovative products and services<br></span
      >
    </Fragment>
  </Hero>


  <Partners/>

  <Purpose/>

  <INCAStats/>