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

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

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

  <Hero
    tagline="About"
    image={{
      src: '~/assets/images/cloud_purple.jpg',
      alt: 'Caos Image',
    }}
  >
    <Fragment slot="title">
      Project Internet Capacity <br>is the culmulation of years <br>of work by 
      <span class="text-accent dark:text-white highlight"> ThreeFold</span>
    </Fragment>

    <Fragment slot="subtitle">
      Project Internet Capacity is the fourth generation of the ThreeFold Grid. Our technology is rock solid and has been running in production mode for years now on the main network. The grid is composed of thousands of nodes distributed in more than 60 countries and we've been working with dozens of partners building a new peer-to-peer Internet for everyone.
    </Fragment>
  </Hero>

  <!-- Stats Widget ****************** -->

  <Stats
    title="A Planetary-Scale Project"
    stats={[
      { title: 'Grid Generation', amount: '4th' },
      { title: 'Offices', amount: '5' },
      { title: 'Partners', amount: '+20' },
      { title: 'Employees', amount: '+80' },

    ]}
  />

  <!-- Steps Widget ****************** -->

  <Steps
    id="resume"
    title="Our Values"
    items={[
      {
        title:
          'Digital Sovereignty ',
        description: `We believe in the autonomy of cyberspace. The internet should be free from external control and interference, allowing users to govern their own digital spaces.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Universal Access ',
        description: `Access to the internet is a fundamental right. We strive to ensure that everyone, regardless of location or socioeconomic status, can connect to the digital world.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Privacy and Security',
        description: `Every user has the right to privacy and security online. We are committed to protecting personal data and ensuring safe digital interactions.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Open Innovation',
        description: `The internet should be a platform for innovation and creativity. We support open-source projects and collaborative efforts that drive technological advancement.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Free Expression',
        description: `Freedom of speech is essential in cyberspace. We defend the right to express ideas and opinions without fear of censorship or retribution.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Decentralization ',
        description: `Power should not be concentrated in the hands of a few. We advocate for decentralized networks and systems that distribute control and foster resilience`,
        icon: 'tabler:check',
      },
      {
        title:
          'Transparency ',
        description: `Transparency builds trust. We promote open governance and clear communication about how digital platforms operate and make decisions.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Community Governance',
        description: `The internet community should have a say in how cyberspace is managed. We encourage participatory decision-making processes that reflect the diverse voices of users.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Digital Literacy',
        description: `Empowering users with knowledge is crucial. We support education and resources that help people navigate and utilize the internet effectively and responsibly.`,
        icon: 'tabler:check',
      },
      {
        title:
          'Sustainable Development',
        description: `The growth of the internet should be sustainable. We are committed to practices that minimize environmental impact and promote long-term digital health.`,
        icon: 'tabler:check',
      },
    ]}
    classes={{ container: 'max-w-3xl' }}
  />

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

  <Content
    id="about"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Empowering',
      },
      {
        icon: 'tabler:check',
        description: 'Resilient',
      },
      {
        icon: 'tabler:check',
        description: 'Innovative',
      },
    ]}
    image={{
      src: '~/assets/images/partners.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">Mission Statement</h2>
      <p>
        We promote the growth of a decentralized cloud network. Our mission is to empower individuals and organisations with secure, private, and autonomous access to computing resources. <br><br>A unique combination of technologies provides a resilient and censorship-resistant infrastructure that ensures data integrity, privacy, and seamless hosting of data and applications. We are committed to fostering innovation, enhancing digital sovereignty, and creating a more equitable internet for all.  
      </p>
    </Fragment>

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

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

  <Content
    isReversed
    id="about"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Sovereignty',
      },
      {
        icon: 'tabler:check',
        description: 'Security',
      },
      {
        icon: 'tabler:check',
        description: 'Privacy',
      },
    ]}
    image={{
      src: '~/assets/images/p2ppromotion.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">Vision Statement</h2>
      <p>
        Our vision is to create a truly decentralized internet where every user has control over their data and digital interactions. We envision a global network of interconnected servers and nodes, collectively known as THE GRID, that democratizes access to computing power and storage. This network will be the backbone of a new digital era, characterized by sovereignty, security, privacy and inclusivity.   
      </p>
      <p>
      <br>Through our INCA token, we aim to facilitate a robust and scalable ecosystem that supports the free and open exchange of internet capacity from farmers (the hosts of the GRID) to the builders that are utilizing it. 
      </p>
    </Fragment>

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




  <!-- Steps2 Widget ****************** -->

  <Steps2
    title="Achievements"
    subtitle="Project INCA is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready to expand drastically. Build with us the largest decentralized cloud on the planet."
    isReversed={true}
    callToAction={{
      text: 'Explore ThreeFold',
      href: 'https://threefold.io',
    }}
    items={[
      {
        title: 'Enterprise-Grade Cloud',
        description: 'We\'ve been offering enterprise-grade cloud solutions for years now.',
        icon: 'tabler:globe',
      },
      {
        title: 'Stellar Support Team',
        description:
          'Our support team is reknown to be reliable and effective to solve users\' issues.',
        icon: 'tabler:message-star',
      },
      {
        title: 'Strong Partnerships',
        description:
          'We are proud of the partnerships we\'ve established throughout our history.',
        icon: 'tabler:award',
      },
    ]}
  />

</Layout>