---
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
    id="about"
    tagline="About"
    image={{
      src: '~/assets/images/threefold_cooperative.png',
      alt: 'Caos Image',
    }}
  >
    <Fragment slot="title">
      Project Internet Capacity <br>is the culmulation of years <br>of work by ThreeFold
    </Fragment>

    <Fragment slot="subtitle">
      INCA 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. We wouldn't be here without our amazing community and its members who keep on evolving with us. This project will always have planet and people first in mind.
    </Fragment>
  </Hero>

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

  <Steps
    id="values"
    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="mission"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Empowering',
      },
      {
        icon: 'tabler:check',
        description: 'Resilient',
      },
      {
        icon: 'tabler:check',
        description: 'Innovative',
      },
    ]}
    image={{
      src: '~/assets/images/mission.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">Mission Statement</h2>
      <p>
        We promote the growth of a decentralized cloud network that is community-driven and inclusive. Our mission is to empower individuals and organisations with secure, private, and autonomous access to computing resources. Everyone deserves fair access to the cloud.<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="vision"
    columns={3}
    items={[
      {
        icon: 'tabler:check',
        description: 'Sovereignty',
      },
      {
        icon: 'tabler:check',
        description: 'Security',
      },
      {
        icon: 'tabler:check',
        description: 'Privacy',
      },
    ]}
    image={{
      src: '~/assets/images/vision.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">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 token, we aim to facilitate a robust and scalable ecosystem that supports the free and open exchange of internet capacity for cloud service providers hosting on the grid and builders and users deploying on it. 
      </p>
    </Fragment>

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




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

  <Steps2
    id="achievements"
    title="Achievements"
    subtitle="INCA is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready for a major expansion. 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:cloud-bolt',
      },
      {
        title: 'Stellar Support Team',
        description:
          'Our support team core goal is to be effective at solving your issues as reliably as possible.',
        icon: 'tabler:message-star',
      },
      {
        title: 'Strong Partnerships',
        description:
          'We are proud of the partnerships we\'ve established throughout our history.',
        icon: 'tabler:heart-handshake',
      },
    ]}
  />

</Layout>
