---
import Features2 from '~/components/widgets/Features2.astro';
import Features3 from '~/components/widgets/Features3.astro';
import Hero from '~/components/widgets/Hero.astro';
import Stats from '~/components/widgets/Stats.astro';
import Steps2 from '~/components/widgets/Steps2.astro';
import Layout from '~/layouts/PageLayout.astro';
import Steps from '~/components/widgets/Steps.astro';
import Content from '~/components/widgets/Content.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
import AutonomousCloud from './autonomouscloud_engine.astro'
const metadata = {
  title: 'Technology',
};
---

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

  <Hero 
    tagline="Technology"
  >
    <Fragment slot="title">
      Our technology enables<br>
      a <span class="text-accent dark:text-white highlight"> planetary-scale </span> grid
      <br> of interconnected nodes
      
    </Fragment>

    <Fragment slot="subtitle">
      <br><br>Over years of research and development, we've built a worldwide peer-to-peer and energy-efficient network of interconnected nodes with endless possibilities. <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 is complete and we can be the foundational layer for most projects out there. <br><br> Let's together create the <i>Unbreakable Internet</i>.
    </Fragment>
  </Hero>

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

  <AutonomousCloud/>

  <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/zeroos.jpg',
      alt: 'Colorful Image',
      loading: 'eager',
    }}
  >
    <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 stateless and lightweight operating system designed to host anything that runs on Linux, in a decentralized way. Once installed, Zero-OS locks the hardware and dedicates its capacity to the grid via the ThreeFold blockchain, TFChain.  Zero-OS requires no maintenant or administration and is thus accessible to all.
      </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/mycelium.jpg',
      alt: 'Colorful Image',
      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 future of secure, efficient, and scalable networking. Mycelium connects nodes and enables efficient data transfer and communication without relying on a single central authority.
      </p>
      <p>
        With Mycelium, data travels along the most efficient paths, reducing latency and optimizing resource utilization.
      </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/qsfsmatrix.jpg',
      alt: 'Colorful Image',
      loading: 'eager',
    }}
  >

  <AutonomousCloud/>

    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe File System</h2>
      <p>
        Quantum computers are theoretically capable of doing huge calculations in a short period of time and represent a great potential threat to future online safety. ThreeFold solves this future problem before it even becomes a reality. Our operating system can compress, encrypt, and disperse data across the grid ensuring redundancy.
      </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/tfchain.png',
      alt: 'Colorful Image',
      loading: 'eager',
    }}
  >
    <Fragment slot="content">
      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">TFChain</h2>
      <p>
        TFChain is a blockchain developed by the ThreeFold Foundation that supports smart contracts and serves as the underlying technology and database for managing the grid. Built on Parity Substrate, it is responsible for storing information related to the grid, including nodes and cloud service provider details, digital twin registry, and more.
      </p>
    </Fragment>

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



  <!-- 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 *********** -->

  <CallToAction
    actions={[
      {
        variant: 'primary',
        target: '_blank',
        text: 'Get INCA Nodes',
        href: 'https://threefold.io',
        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>Project Internet Capacity is the Unbreakable Internet.
    </Fragment>
  </CallToAction>
</Layout>
