---
import Features2 from '~/components/widgets/Features2.astro';
import Hero from '~/components/widgets/Hero.astro';
import Layout from '~/layouts/PageLayout.astro';
import Content from '~/components/widgets/Content.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
import AutonomousCloud from './autonomouscloud_engine.astro';
import Note from '~/components/widgets/Note.astro';

// import Features3 from '~/components/widgets/Features3.astro';
// import Stats from '~/components/widgets/Stats.astro';
// import Steps2 from '~/components/widgets/Steps2.astro';
// import Steps from '~/components/widgets/Steps.astro';

const metadata = {
  title: 'Technology',
};
---

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

  <Hero tagline="Technology">
    <Fragment slot="title">
      Our technology enables<br />
      a planetary-scale grid
      <br /> of interconnected nodes
    </Fragment>

    <Fragment slot="subtitle">
      <br /><br />Over years of research and development, together with the community we've built out a worldwide
      peer-to-peer and energy-efficient network of interconnected nodes with endless possibilities. We are at the start
      of a journey to millions of nodes.
      <br /><br />Mycelium Network allows for the shorter distance to be made at all time, Zero-OS allows for
      self-healing and autonomous cloud services, Quantum Safe File System ensures data is never lost and our blockchain
      TFChain makes sure transactions are fair and objective.
      <br />
      <br />Our stack can be the foundational layer for most web2 and web3 projects out there.
      <br /><br /> Let's together create the <i>Unbreakable Internet</i>.
    </Fragment>
  </Hero>

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

  <Content
    isReversed
    id="zeroos"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Self-Healing',
      },
      {
        icon: 'tabler:check',
        description: 'Autonomous',
      },
      {
        icon: 'tabler:check',
        description: 'Linux Kernel',
      },
    ]}
    image={{
      src: '~/assets/images/tech_zos_pic.png',
      alt: '',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Zero-OS</h2>
      <p>
        Zero-OS is a custom made stateless and lightweight operating system designed to host anything that runs on
        Linux, in a more decentralized way without giving up all required control and visbility.
        <br /><br />
        Zero-OS is the engine of the ThreeFold Grid.
        <br />Zero-OS is compatible with almost all computer hardware.
        <br /><br />
        Zero-OS allows anyone to become a hosting service provider without being a cloud expert. The operating system works
        fully autonomous and does not require interventions.
      </p>
    </Fragment>

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

  <Content
    id="mycelium"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'End-to-end Encrypted',
      },
      {
        icon: 'tabler:check',
        description: 'Shortest Path Route',
      },
      {
        icon: 'tabler:check',
        description: 'Decentralized Resiliency',
      },
    ]}
    image={{
      src: '~/assets/images/tech_myc_pic.png',
      alt: '',
      loading: 'eager',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Mycelium</h2>
      <p>
        Mycelium is the result of 10 years of trial and error on our search for a more efficient network system for
        facilitating faster more reliable communication between machines and people.
        <br /><br />Our goal was to create a network system capable of identifying and following the fastest path, stay
        up and running even in challenging conditions (e.g. fiber cuts), and secure all traffic.
        <br /><br />With Mycelium, data traverses the most efficient routes, utilizing any available internet
        connection, including peer-to-peer network systems like mesh wireless. All traffic is end-to-end encrypted,
        effectively preventing man-in-the-middle attacks.
      </p>
    </Fragment>

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

  <Content
    isReversed
    id="qsfs"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Ultra-Reliable + Scalable',
      },
      {
        icon: 'tabler:check',
        description: 'Hacker-Proof + Safe',
      },
      {
        icon: 'tabler:check',
        description: 'Low Overhead + Self-Healing',
      },
    ]}
    image={{
      src: '~/assets/images/tech_qss_pic.png',
      alt: '',
      loading: 'eager',
    }}
  >
    <AutonomousCloud />

    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe Storage</h2>
      <p>
        The Quantum-Safe Storage System is a decentralized, globally distributed data storage system.
        <br /><br />The benefits are incredible: Up to 10x more efficient (power and usage of hardware). Super reliable,
        data can not be lost or corrupted. Safe, private and scalable.
        <br /><br />Sovereign, data is close to you in the country of your choice. Truly peer-to-peer, by everyone for
        everyone
      </p>
    </Fragment>

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

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

  <Content
    id="tfchain"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Distributed',
      },
      {
        icon: 'tabler:check',
        description: 'Public Ledger',
      },
      {
        icon: 'tabler:check',
        description: 'Permissionless',
      },
    ]}
    image={{
      src: '~/assets/images/tech_tfchain_pic.png',
      alt: '',
      loading: 'eager',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Smart Contract for IT</h2>
      <p>
        The ThreeFold Grid allows for the deterministic deployment of IT workloads involving multiple parties, ensuring
        that your intended workload becomes operational without the possibility of alteration during the process.
        <br /><br />
        It's possible to achieve full transparency and reproducibility for any required deployment in relation to AI, Edge
        Cloud, Web2 and Web3.
      </p>
    </Fragment>

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

  <CallToAction
    actions={[
      {
        variant: 'primary',
        target: '_blank',
        text: 'Manual',
        href: 'https://manual.grid.tf',
        icon: 'tabler:brand-minecraft',
      },
    ]}
  >
    <Fragment slot="title">Start building today.</Fragment>
    <Fragment slot="subtitle">
      The ThreeFold Grid is operational in its 3e generation, <br />check out our manual, let us know what we can
      improve on and lets build together.
    </Fragment>
  </CallToAction>

  <!-- Features2 Widget ************** -->

  <Features2
    title="A glimpse of what is possible on the grid..."
    subtitle="The grid offers a wide range of ready-to-use applications <br>and developers can build any type of app! <br>Deployment configurations are endless. Here is a small sample of the possibilities!"
    tagline="Applications and Deployments"
    items={[
      {
        title: 'Wordpress',
        description:
          'WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.',
        icon: 'tabler:brand-wordpress',
      },
      {
        title: 'Nextcloud',
        description:
          'Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.',
        icon: 'tabler:cloud',
      },
      {
        title: 'Full and Micro VMs',
        description:
          'The grid offers full flexibility when it comes to deploying virtual machine. Full and micro virtual machines are at your commands to deploy simple to advanced workloads!',
        icon: 'tabler:brand-databricks',
      },
      {
        title: 'Kubernetes',
        description:
          'Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.',
        icon: 'tabler:box',
      },
      {
        title: 'Caprover',
        description:
          'CapRover is an extremely easy to use app/database deployment & web server manager for apps such as NodeJS, Python, PHP, ASP.NET, Ruby, MySQL and more.',
        icon: 'tabler:apps',
      },
      {
        title: 'AI and Machine Learning',
        description:
          'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
        icon: 'tabler:ai',
      },
      {
        title: 'Casperlabs',
        description:
          'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
        icon: 'tabler:webhook',
      },
      {
        title: 'Peertube',
        description:
          'PeerTube is a free, open-source, and decentralized video-sharing platform. It allows users to host and share videos on their own servers, creating an interconnected platform. ',
        icon: 'tabler:video',
      },
      {
        title: 'Subsquid',
        description:
          'Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ',
        icon: 'tabler:database-leak',
      },
      {
        title: 'Node Pilot',
        description:
          'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
        icon: 'tabler:coins',
      },
      {
        title: 'Taiga',
        description:
          'Taiga is an open-source project management application that can handle both simple and complex projects for startups, software developers, and other target teams.',
        icon: 'tabler:tournament',
      },
      {
        title: 'Discourse',
        description:
          'Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!',
        icon: 'tabler:bubble-text',
      },
    ]}
  >
    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </Features2>

  <!-- CallToAction Widget *********** -->

  <Note
    content="Start building today see our manual"
    title="MANUAL –"
    linkpath="https://manual.grid.tf"
    linktitle="https://manual.grid.tf"
  />

  <CallToAction
    actions={[
      {
        variant: 'primary',
        target: '_blank',
        text: 'Get INCA Nodes',
        href: 'https://csnkyhwp8b4.typeform.com/to/SnfEE9pj',
        icon: 'tabler:brand-minecraft',
      },
    ]}
  >
    <Fragment slot="title">Expand the Grid with Us</Fragment>

    <Fragment slot="subtitle">
      We have the technology for a planetary-scale alternative<br /> to mainstream cloud and current monopolistic markets.<br
      /><br />INCA is the Unbreakable Internet.
    </Fragment>
  </CallToAction>
</Layout>
