s

Reviewed-on: tfgrid/www_projectinca#32

build_sync.sh

@@ -0,0 +1,4 @@
+export MYPATH=~/code/git.ourworld.tf/tfgrid/www_projectinca
+cd $MYPATH
+npm run build
+rsync -rav ~/code/git.ourworld.tf/tfgrid/www_projectinca/dist/ root@51.195.61.5:/root/hero/www/inca/

src/components/Logo.astro

@@ -2,7 +2,8 @@
 import { SITE } from 'astrowind:config';
 ---
 
-<span class="flex items-center self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
-  <img src="/assets/images/logo.svg" alt="Site Logo" class="h-8 w-auto mr-2" />
+<span
+  class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white"
+>
   {SITE?.name}
 </span>

src/components/widgets/Note.astro

@@ -6,6 +6,6 @@ import { Icon } from 'astro-icon/components';
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
     <span class="font-bold">
       <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> INCA:</span
-    > The Internet as intended.
+    > The Internet as intended
   </div>
 </section>

src/config.yaml

@@ -1,5 +1,5 @@
 site:
-  name: INCA
+  name: Project Internet Capacity
   site: 'https://threefold.io'
   base: '/'
   trailingSlash: false
@@ -9,14 +9,14 @@ site:
 # Default SEO metadata
 metadata:
   title:
-    default: INCA
-    template: '%s — INCA'
-  description: "\U0001F680 INCA is the decentralized autonomous cloud for everyone."
+    default: Project Internet Capacity
+    template: '%s — Project Internet Capacity'
+  description: "\U0001F680 Project Internet Capacity is the decentralized autonomous cloud for everyone."
   robots:
     index: true
     follow: true
   openGraph:
-    site_name: INCA
+    site_name: Project Internet Capacity
     images:
       - url: '~/assets/images/inca_background.png'
         width: 1200

src/navigation.js

@@ -6,14 +6,10 @@ export const headerData = {
       text: 'Technology',
       href: getPermalink('/technology'),
     },
-    { 
+    {
       text: 'Farming',
       href: getPermalink('/farming'),
     },
-    {
-      text: 'Ecosystem',
-      href: getPermalink('/ecosystem'),
-    },  
     {
       text: 'About',
       href: getPermalink('/about'),
@@ -29,28 +25,37 @@ export const headerData = {
 export const footerData = {
   links: [
     {
-      title: 'Project Overview',
+      title: 'Technology',
       links: [
-        { text: 'Home', href: '/' },
-        { text: 'Technology', href: 'technology' },
-        { text: 'About', href: 'about' },
+        { text: 'Zero-OS', href: 'technology#zeroos' },
+        { text: 'Mycelium Network', href: 'technology#mycelium' },
+        { text: 'Quantum-Safe Storage', href: 'technology#qsfs' },
+        { text: 'TFChain', href: 'technology#tfchain' },
       ],
     },
     {
-      title: 'Join the Cloud',
+      title: 'Farming',
       links: [
-        { text: 'Farming', href: 'farming' },
-        { text: 'Ecosystem', href: 'ecosystem' },
-        { text: 'DIY Nodes', href: 'https://manual.grid.tf/documentation/farmers/3node_building/3node_building.html' },
-
+        { text: 'Nodes', href: '/farming#incanodes' },
+        { text: 'Features', href: '/farming#nodestech' },
+        { text: 'FAQs', href: '/farming#farmingfaq' },
       ],
     },
     {
-      title: 'Communication',
+      title: 'About',
       links: [
-        { text: 'Contact Us', href: 'mailto:info@threefold.io' },
+        { text: 'The Project', href: '/about' },
+        { text: 'Values', href: '/about#values' },
+        { text: 'Mission', href: '/about#mission' },
+        { text: 'ThreeFold', href: 'https://threefold.io' },
+      ],
+    },
+    {
+      title: 'Contact',
+      links: [
+        { text: 'Let\'s Connect', href: '/contact' },
+        { text: 'Reach Support', href: 'https://threefoldfaq.crisp.help/en/' },
         { text: 'ThreeFold Chat', href: 'https://t.me/threefold' },
-        { text: 'ThreeFold Support', href: 'https://threefoldfaq.crisp.help/en/' },
       ],
     },
   ],

src/pages/about.astro

@@ -25,8 +25,7 @@ const metadata = {
     }}
   >
     <Fragment slot="title">
-      INCA <br>is the culmulation of years <br>of work by 
-      <span class="text-accent dark:text-white highlight"> ThreeFold</span>
+      Project Internet Capacity <br>is the culmulation of years <br>of work by ThreeFold
     </Fragment>
 
     <Fragment slot="subtitle">

src/pages/farming.astro

@@ -18,43 +18,17 @@ const metadata = {
 <Layout metadata={metadata}>
   <!-- HeroText Widget ******************* -->
 
-
-  <Hero
-    actions={[
-      {
-        variant: 'primary',
-        text: 'Get INCA Nodes',
-        href: 'https://threefold.io',
-        target: '_blank',
-        icon: 'tabler:brand-minecraft',
-      },
-      { text: 'Learn more', href: '#nodesspecs' },
-    ]}
-  >
-    <Fragment slot="title">
-      Become an<br>
-      <InternetCapacity/>
-      <br>Provider<br>
-    </Fragment>
-
-    <Fragment slot="subtitle">
-      <span class="hidden sm:inline">        
-        <span class="font-semibold">Project INCA</span> is an open-source infrastructure DePIN cloud that allows 
-        <br>anyone anywhere to become a cloud service provider.<br></span
-      >
-      <span class="block mb-1 sm:hidden font-bold text-blue-600">INCA, DePIN Cloud</span>
-      <i>Earn <span class="font-semibold">INCA</span> rewards by providing <span class="font-semibold">IN</span>
-        ternet <span class="font-semibold">CA</span>pacity to the world!</i>
-    </Fragment>
-  </Hero>
-
+  <HeroText
+    tagline="Farming"
+    title="Become <br>an Internet Capacity <br>Provider"
+  />
 
   <!-- Pricing Widget ******************* -->
 
   <Prices
-    id="nodesspecs"
-    title="Building the <br>Unbreakable Internet<br> One Node at a Time"
-    subtitle="The Unbreakable Internet"
+    id="incanodes"
+    title="Internet Capacity Nodes"
+    subtitle="A Cloud Engine for the New Internet"
     prices={[
       {
         title: 'silver',
@@ -141,7 +115,6 @@ const metadata = {
 
 
   <!-- Features3 Widget ************** -->
-  <NodeSteps/>
 
   <Features3
     id="nodestech"
@@ -161,7 +134,7 @@ const metadata = {
       },
       {
         title: 'Energy Efficient',
-        description: 'No one wants to pay for electricly needlessly. Our system uses 10x less energy compared to traditional systems.',
+        description: 'No one wants to pay for electricly needlessly. Our system uses upto 10x less energy for certain workloads compared to traditional systems.',
         icon: 'tabler:bolt',
       },
       {
@@ -184,46 +157,35 @@ const metadata = {
   />
 
   <!-- Steps Widget ****************** -->
-<!-- 
+
   <Steps
-    title="Your Cloud Adventure <br>Begins Now"
-    tagline="nothing beats simple"
-    isReversed={true}
+    title="Get a node <br> up and running<br>in no time to earn rewards..."
     items={[
       {
-        title: 'Explore nodes',
-        icon: 'tabler:number-1',
+        title: 'Step 1: <span class="font-medium">Order a node</span>',
+        description:
+          "We propose different nodes to suit your specific situation. From basic generic cloud services to advanced AI workloads, it's all possible on the grid.",
+        icon: 'tabler:package',
       },
       {
-        title: 'Select a node model',
-        icon: 'tabler:number-2',
+        title: 'Step 2: <span class="font-medium">Connect the node</em>',
+        description:
+          "Setting a node is a no brainer: plug the node to an electric outlet and connect it to the Internet via a cable. That\'s it! You\'re hosting the grid!",
+        icon: 'tabler:plug-connected',
       },
       {
-        title: 'Visit the store',
-        icon: 'tabler:number-3',
+        title: 'Step 3: <span class="font-medium">Earn rewards</span>',
+        description:
+          'The node is self-healing and autonomous. It\'s cruising speed from here on out: users can deploy on your node and you receive rewards.',
+        icon: 'tabler:award',
       },
       {
-        title: 'Confirm your order',
-        icon: 'tabler:number-4',
-      },
-      {
-        title: 'Receive the node',
-        icon: 'tabler:number-5',
-      },
-      {
-        title: 'Plug in electricity and Internet',
-        icon: 'tabler:number-6',
-      },
-      {
-        title: 'Earn rewards for hosting',
-        icon: 'tabler:number-7',
+        title: 'You\'re a cloud solution provider!',
+        icon: 'tabler:rosette-discount-check',
       },
     ]}
-    image={{
-      src: '~/assets/images/trail.jpg',
-      alt: 'Steps image',
-    }}
-  /> -->
+    image={{ src: '~/assets/images/currency_of_future.png', alt: '' }},
+  />
 
   <!-- FAQs Widget ******************* -->
 
@@ -264,12 +226,12 @@ const metadata = {
   <!-- CallToAction Widget *********** -->
 
   <CallToAction
-    title="Do you want to build your own<br> INCA Farming Nodes?"
-    subtitle="Are you a do-it-yourself person and like to get things done? <br> All our work is open-source and you can build your own nodes!"
+    title="Do you want to build <br>your own INCA nodes?"
+    subtitle="All our work is open-source and you can build your own nodes!"
     actions={[
       {
         variant: 'primary',
-        text: 'Build DIY Nodes',
+        text: 'Build INCA Nodes',
         href: 'https://manual.grid.tf/documentation/farmers/3node_building/3node_building.html',
       },
     ]}

src/pages/index.astro

@@ -4,13 +4,15 @@ import Layout from '~/layouts/PageLayout.astro';
 import { getPermalink } from '~/utils/permalinks';
 import Hero from '~/components/widgets/Hero.astro';
 import Note from '~/components/widgets/Note.astro';
-//import Features from '~/components/widgets/Features.astro';
-
+import Features from '~/components/widgets/Features.astro';
+import Features2 from '~/components/widgets/Features2.astro';
 import Content from '~/components/widgets/Content.astro';
-//import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
+import Stats from '~/components/widgets/Stats.astro';
+import Steps from '~/components/widgets/Steps.astro';
+import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
 import FAQs from '~/components/widgets/FAQs.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
-//import Partners from './partners.astro'
+import Partners from './partners.astro'
 import Purpose from './purpose.astro'
 import Inca from './internetcapacity.astro'
 import INCAStats from './incastats.astro'
@@ -36,40 +38,78 @@ const metadata = {
         target: '_blank',
         icon: 'tabler:brand-minecraft',
       },
-      { text: 'Learn more', href: '#purpose' },
+      { text: 'Learn more', href: '#technology' },
     ]}
-    
+    tagline="Welcome to"
+    image={{ src: '~/assets/images/background.png', alt: '' }}
   >
-	
-  <Fragment slot="title">
-    <div class="flex flex-col items-center justify-center text-center">
-      <!-- Logo -->
-      <img src="/assets/images/logo.svg" alt="Site Logo" class="md:h-60 w-auto mb-8 h-32" />
-      <!-- Title and Content -->
-      <div>
-        <h1 class="text-2xl md:text-5xl font-bold tracking-custom mb-2">
-          Project 
-          <span class="text-blue-600">IN</span>ternet <span class="text-blue-600">CA</span>pacity
-        </h1>
-        <h2 class="text-xl md:text-3xl tracking-tight text-gray-700 font-semibold">
-          Compute is the Currency of the Future
-        </h2>
-
-        <p class="md:my-8 my-4 tracking-normal text-base md:text-xl font-light md:max-w-3xl max-w-xl">
-          We are a community-driven, open-source project that has built a self-healing and autonomous cloud engine allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>.<br>
-        </p>
-      </div>
-    </div>
-  </Fragment>
+	  <Fragment slot="title">
+      Project Internet Capacity<br> The Decentralized Autonomous Cloud
+    </Fragment>
 
+    <Fragment slot="subtitle">
+      <span class="hidden sm:inline">
+        We are a community-driven and open-source project<br> that built a self-healing and autonomous cloud engine<br> allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>!<br>
+      </span>
+      <span class="block mb-1 sm:hidden font-bold text-blue-600">
+        Internet Capacity, DePIN Cloud
+      </span>
+      <i><br>Compute is the currency of the future...<br>
+      Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i>
 
+    </Fragment>
   </Hero>
 
   <!-- Note Widget ******************* -->
 
   <Note />
 
-   <Purpose/>
+  <!-- Features Widget *************** -->
+
+  <Features
+    id="technology"
+    tagline="Purpose"
+    title="Layer 0 for DePIN"
+    subtitle="Project INCA aims to be a Layer 0 for the DePIN community. DePIN projects can run on our decentralized cloud infrastructure, gaining access to a sovereign, decentralized, and reliable storage, network, and compute layer."
+    items={[
+      {
+        title: 'Zero-OS',
+        description:
+          'Bare Metal Stateless Operating System: Lightweight, self-healing, adaptable, efficient, and compatible with almost all hardware.',
+        icon: 'tabler:circle',
+      },
+      {
+        title: 'Web2/Web3 + AI Compatible',
+        description:
+          'Compatible with Web2, Web3 and AI: everything can run on our layer 0 infrastructure cloud. If it runs on Linux, it runs on the grid!',
+        icon: 'tabler:world-www',
+      },
+      {
+        title: 'Mycelium Network',
+        description:
+          'End-to-end encrypted shortest path overlay network system, capable of connecting billions of nodes and compatible with the existing Internet.',
+        icon: 'tabler:mushroom',
+      },
+      {
+        title: 'Quantum Safe Storage',
+        description:
+          'Quantum Safe Storage revolutionizes data security: it can store data with up to 10x less overhead and data can never be lost or corrupted. ',
+        icon: 'tabler:lock-square-rounded',
+      },
+      {
+        title: 'Open-Source and Community-Driven',
+        description:
+          "The grid is open-source and community-driven, with the community being an integral part of the ecosystem. Our code will always be publicly available.",
+        icon: 'tabler:source-code',
+      },
+      {
+        title: 'Scalable Without limit',
+        description:
+          'The grid is scalable to the planetary level: from the edge to massive datacenter scale, everyone can be part of the grid.',
+        icon: 'tabler:infinity',
+      },
+    ]}
+  />
 
   <Content
     id="pioneers"
@@ -93,6 +133,44 @@ const metadata = {
     </Fragment>
   </Content>
 
+  <Content
+    isReversed
+    id="about"
+    image={{
+      src: '~/assets/images/hardware_computer.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">Cloud Engine for a New Internet</h2>
+      <p>
+      Our cloud engine is autonomous and self-healing, enabling anyone to provide Internet capacity to the world. Our technology offers quantum-safe storage & network and is accessible to everyone. 
+
+      <br><br>We are a community-driven project and we firmly believe that, together, we can create a new Internet where users are the sole owners of their data and where everyone can thrive on the cloud.
+
+      <br><br>Gone are the days where you needed to be a cloud expert with high capital to get into the cloud market. You can now become a cloud service provider and participate in the decentralization of the cloud...<br> one node at a time!
+    
+      </p>
+    </Fragment>
+
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Content>
+
+
+  <!-- Stats Widget ****************** -->
+
+  <Stats
+    stats={[
+      { title: 'Capacity', amount: '32.74 PB' },
+      { title: 'Nodes', amount: '2569' },
+      { title: 'Countries', amount: '61' },
+      { title: 'Cores', amount: '63,968' },
+    ]}
+  />
+
 
   <!-- Content Widget **************** -->
 
@@ -132,8 +210,91 @@ const metadata = {
 
 
 
+  <!-- Features3 Widget ************** -->
+
+  <Features2
+    title="Our great partners make the grid what it is:<br>a community-driven, open-source and decentralized cloud for all."
+    subtitle="We are proud of our partners stemming from all sectors of the industry.<br>Our ecosystem is always expanding and we're always ready for new collaborations!<br> We would like to present some of our amazing partners."
+    tagline="Partnerships weaving a complete ecosystem"
+    items={[
+      {
+        title: 'Earth Wallet',
+        description:
+          "A cutting-edge digital wallet solution designed to empower users with secure and decentralized control over their digital assets. With a focus on accessibility, security, and sustainability, Earth Wallet offers a seamless and user-friendly interface for managing various cryptocurrencies.",
+        icon: 'tabler:wallet',
+      },
+      {
+        title: 'Digital Free Zone',
+        description:
+          'The OurWorld Digital FreeZone, established in Zanzibar, is a groundbreaking partnership between ThreeFold and the government of Tanzania. This initiative aims to create a free sovereign digital and economic area, fostering innovation, growth, and prosperity.',
+        icon: 'tabler:map',
+      },
+      {
+        title: 'Vverse',
+        description: 'Vverse is an innovative platform that aims to create a virtual universe where users can explore, interact, and create in immersive virtual environments. It leverages cutting-edge technologies such as virtual reality (VR), augmented reality (AR), and blockchain.',
+        icon: 'tabler:stack-backward',
+      },
+      {
+        title: 'Sikana',
+        description:
+          'Sikana, a platform dedicated to providing education for all, has delivered over 400 million lessons through free educational videos. This partnership will empower communities worldwide with knowledge and skills, irrespective of their financial or geographical limitations. ',
+        icon: 'tabler:chalkboard',
+      },
+      {
+        title: 'Tanzania Sovereign Internet',
+        description:
+          "ThreeFold is proud to announce its partnership with the government of Tanzania to establish a sovereign internet, an unprecedented initiative poised to revolutionize Tanzania's startup ecosystem fostering digital freedom via a collaborative peer-to-peer platform.",
+        icon: 'tabler:flag',
+      },
+      {
+        title: 'Elestio',
+        description:
+          'Elestio is an innovative platform dedicated to providing cutting-edge decentralized applications (dApps) and services to users worldwide, with a focus on accessibility, security, and user empowerment. Users of the grid can thus access Elestio\'s services from anywhere in the world.',
+        icon: 'tabler:device-desktop-code',
+      },
+
+    ]}
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Features2>
+
   <!-- Steps Widget ****************** -->
 
+  <Steps
+    title="Get a node <br> up and running<br>in no time to earn rewards..."
+    items={[
+      {
+        title: 'Step 1: <span class="font-medium">Order a node</span>',
+        description:
+          "We propose different nodes to suit your specific situation. From basic generic cloud services to advanced AI workloads, it's all possible on the grid.",
+        icon: 'tabler:package',
+      },
+      {
+        title: 'Step 2: <span class="font-medium">Connect the node</em>',
+        description:
+          "Setting a node is a no brainer: plug the node to an electric outlet and connect it to the Internet via a cable. That\'s it! You\'re hosting the grid!",
+        icon: 'tabler:plug-connected',
+      },
+      {
+        title: 'Step 3: <span class="font-medium">Earn rewards</span>',
+        description:
+          'The node is self-healing and autonomous. It\'s cruising speed from here on out: users can deploy on your node and you receive rewards.',
+        icon: 'tabler:award',
+      },
+      {
+        title: 'You\'re a cloud solution provider!',
+        icon: 'tabler:rosette-discount-check',
+      },
+    ]}
+    image={{ src: '~/assets/images/currency_of_future.png', alt: '' }},
+  />
+
+
+  <!-- HighlightedPosts Widget ******* -->
+
+
   <!-- FAQs Widget ******************* -->
 
   <FAQs
@@ -175,11 +336,6 @@ const metadata = {
     ]}
   />
 
-  <!-- Stats Widget ****************** -->
-
-  <INCAStats/>
-
-
   <!-- CallToAction Widget *********** -->
 
   <CallToAction

src/pages/technology.astro

@@ -34,8 +34,6 @@ const metadata = {
 
   <!-- Content Widget **************** -->
 
-  <AutonomousCloud/>
-
   <Content
     isReversed
     id="zeroos"
@@ -55,9 +53,7 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/zeroos.jpg',
-      alt: 'Colorful Image',
-      loading: 'eager',
+      alt: '',
     }}
   >
     <Fragment slot="content">
@@ -91,8 +87,7 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/mycelium.jpg',
-      alt: 'Colorful Image',
+      alt: '',
       loading: 'eager',
     }}
   >
@@ -131,8 +126,7 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/qsfsmatrix.jpg',
-      alt: 'Colorful Image',
+      alt: '',
       loading: 'eager',
     }}
   >
@@ -140,7 +134,7 @@ const metadata = {
   <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>
+      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe Storage</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>
@@ -171,8 +165,7 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/tfchain.png',
-      alt: 'Colorful Image',
+      alt: '',
       loading: 'eager',
     }}
   >