From b8e4db678d3967e3d5820bf0a9fd2167d0d000bc Mon Sep 17 00:00:00 2001
From: kristof de spiegeleer <kristof@incubaid.com>
Date: Thu, 6 Jun 2024 13:27:53 +0300
Subject: [PATCH] udpates

---
 src/navigation.js                      |   8 +-
 src/pages/autonomouscloud_engine.astro |  31 ++++
 src/pages/ecosystem.astro              |  50 ++++++
 src/pages/incastats.astro              |  14 ++
 src/pages/index.astro                  | 218 ++++---------------------
 src/pages/internetcapacity.astro       |   4 +
 src/pages/nodes.astro                  |  66 ++++++--
 src/pages/partners.astro               |  71 ++++++++
 src/pages/purpose.astro                |  49 ++++++
 src/pages/steps_node_buy.astro         |  31 ++++
 src/pages/technology.astro             |  16 +-
 11 files changed, 351 insertions(+), 207 deletions(-)
 create mode 100644 src/pages/autonomouscloud_engine.astro
 create mode 100644 src/pages/ecosystem.astro
 create mode 100644 src/pages/incastats.astro
 create mode 100644 src/pages/internetcapacity.astro
 create mode 100644 src/pages/partners.astro
 create mode 100644 src/pages/purpose.astro
 create mode 100644 src/pages/steps_node_buy.astro

diff --git a/src/navigation.js b/src/navigation.js
index 153437d..b2dc603 100644
--- a/src/navigation.js
+++ b/src/navigation.js
@@ -6,10 +6,14 @@ export const headerData = {
       text: 'Technology',
       href: getPermalink('/technology'),
     },
-    {
-      text: 'Nodes',
+    { 
+      text: 'Farming',
       href: getPermalink('/nodes'),
     },
+    {
+      text: 'Ecosystem',
+      href: getPermalink('/ecosystem'),
+    },  
     {
       text: 'About',
       href: getPermalink('/about'),
diff --git a/src/pages/autonomouscloud_engine.astro b/src/pages/autonomouscloud_engine.astro
new file mode 100644
index 0000000..5872950
--- /dev/null
+++ b/src/pages/autonomouscloud_engine.astro
@@ -0,0 +1,31 @@
+---
+import Content from '~/components/widgets/Content.astro';
+
+---
+
+<Content
+    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">Autonomous Cloud Engine</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>
\ No newline at end of file
diff --git a/src/pages/ecosystem.astro b/src/pages/ecosystem.astro
new file mode 100644
index 0000000..69fc8b2
--- /dev/null
+++ b/src/pages/ecosystem.astro
@@ -0,0 +1,50 @@
+---
+import Layout from '~/layouts/PageLayout.astro';
+
+import Hero from '~/components/widgets/Hero.astro';
+
+import INCAStats from './incastats.astro'
+import Partners from './partners.astro'
+import Purpose from './purpose.astro'
+
+const metadata = {
+  title: 'INCA — Decentralized Autonomous Cloud',
+  ignoreTitleTemplate: true,
+};
+---
+
+<Layout metadata={metadata}>
+  <!-- Hero Widget ******************* -->
+
+  <Hero
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Get INCA Nodes',
+        href: 'https://threefold.io',
+        target: '_blank',
+        icon: 'tabler:brand-minecraft',
+      },
+      { text: 'Learn more', href: '#features' },
+    ]}
+  >
+    <Fragment slot="title">
+      <span class="text-accent dark:text-white highlight"> Project INCA<br></span> ecosystem<br><br>
+    </Fragment>
+
+    <Fragment slot="subtitle">
+      <span class="hidden sm:inline">
+        <span class="font-semibold">Project INCA</span> is an open-source 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>
+
+
+  <Partners/>
+
+  <Purpose/>
+
+  <INCAStats/>
+
diff --git a/src/pages/incastats.astro b/src/pages/incastats.astro
new file mode 100644
index 0000000..05821ad
--- /dev/null
+++ b/src/pages/incastats.astro
@@ -0,0 +1,14 @@
+---
+
+import Stats from '~/components/widgets/Stats.astro';
+---
+
+<Stats
+stats={[
+  { title: 'Capacity', amount: '32.74 PB' },
+  { title: 'Nodes', amount: '2569' },
+  { title: 'Countries', amount: '61' },
+  { title: 'Cores', amount: '63,968' },
+]}
+/>
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ab0d0fd..541d2e1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,17 +3,19 @@ import Layout from '~/layouts/PageLayout.astro';
 
 import { getPermalink } from '~/utils/permalinks';
 import Hero from '~/components/widgets/Hero.astro';
-import Hero2 from '~/components/widgets/Hero2.astro';
 import Note from '~/components/widgets/Note.astro';
-import Features from '~/components/widgets/Features.astro';
-import Features2 from '~/components/widgets/Features2.astro';
-import Features3 from '~/components/widgets/Features3.astro';
-import Steps from '~/components/widgets/Steps.astro';
+//import Features from '~/components/widgets/Features.astro';
+
 import Content from '~/components/widgets/Content.astro';
-import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
+//import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
 import FAQs from '~/components/widgets/FAQs.astro';
-import Stats from '~/components/widgets/Stats.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
+//import Partners from './partners.astro'
+import Purpose from './purpose.astro'
+import Inca from './internetcapacity.astro'
+import INCAStats from './incastats.astro'
+
+
 
 const metadata = {
   title: 'Project Internet Capacity — Decentralized Autonomous Cloud',
@@ -22,6 +24,7 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
+      
   <!-- Hero Widget ******************* -->
 
   <Hero
@@ -35,16 +38,24 @@ const metadata = {
       },
       { text: 'Learn more', href: '#about' },
     ]}
-    tagline="Welcome to"
     image={{ src: '~/assets/images/background.png', alt: '' }}
   >
-	  <Fragment slot="title">
-      Project <span class="text-accent dark:text-white highlight"> Internet</span> Capacity<br> The Decentralized Autonomous Cloud
+	  
+    
+    <Fragment slot="title">Welcome To
+      Project <br>
+      <Inca/><br><br>
+      <!-- TODO:HOW CAN WE MAKE THIS SMALLER -->
+      Compute<br>
+      is the currency <br>
+      of the future...<br><br>
     </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>
+        We are a community-driven, open-source project<br> that has 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
@@ -53,12 +64,15 @@ const metadata = {
       Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i>
 
     </Fragment>
+
+
   </Hero>
 
   <!-- Note Widget ******************* -->
 
   <Note />
 
+   <Purpose/>
 
   <Content
     id="about"
@@ -82,79 +96,6 @@ 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">Autonomous Cloud Engine</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>
-
-
-  <!-- Features Widget *************** -->
-
-  <Features
-    id="technology"
-    tagline="Technology"
-    title="The Perfect Cloud Partner"
-    subtitle="Our technology allows computer hardware to act <br>as the layer 0 to many, if not all, projects out there!"
-    items={[
-      {
-        title: 'Zero-OS',
-        description:
-          'Our own innovative OS for decentralized efficiency and security. ZOS is lightweight, self-healing, adaptable and built on the Linux kernel.',
-        icon: 'tabler:circle',
-      },
-      {
-        title: 'Web2/Web3 + AI Compatible',
-        description:
-          'Compatible with Web2, Web3 and AI: everything can run on our stack. If it runs on Linux, it runs on the grid! Full versatility to build modern projects with ease.',
-        icon: 'tabler:world-www',
-      },
-      {
-        title: 'Scalable Without limit',
-        description:
-          'The grid is scalable to the planetary level: from the edge to massive datacenter scale. Our technology is designed for home hosters to international enterprises.',
-        icon: 'tabler:infinity',
-      },
-      {
-        title: 'Quantum Safe File Storage',
-        description:
-          'Quantum Safe File Storage revolutionizes data security. Data is stored with 10x less overhead and can never be lost. Be ready for the future with future-proof tech.',
-        icon: 'tabler:lock-square-rounded',
-      },
-      {
-        title: 'Open-Source and Community-Driven',
-        description:
-          "The grid is 100% open-source and community-driven. Our code is available publicly and the community is an integral part of the ecosystem.",
-        icon: 'tabler:source-code',
-      },
-      {
-        title: 'Mycelium Network',
-        description:
-          'The only overlay network in the world which is capable of considering locality: routing decisions are based on proximity between peers. The new P2P standard.',
-        icon: 'tabler:mushroom',
-      },
-    ]}
-  />
 
   <!-- Content Widget **************** -->
 
@@ -192,105 +133,10 @@ const metadata = {
   </Content>
 
 
+
+
   <!-- 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 eletric 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: '' }},
-  />
-
-  <!-- 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: 'Holochain',
-        description: "Holochain is a more peer-to-peer alternative to the blockchain, giving developers a framework for creating decentralized applications (dApps). Holochain’s method avoids keeping a global consensus, using an agent system in which each agent keeps a private fork.",
-        icon: 'tabler:server',
-      },
-      {
-        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: 'ThreeFold',
-        description: "The backbone and first phases of the Project Internet Capacity, ThreeFold’s self-healing autonomous system empowers anyone to become a cloud service provider allowing people and organizations to buy, sell and use cloud resources autonomously and securely.",
-        icon: 'tabler:cloud-computing',
-      },
-      {
-        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: 'Helium',
-        description: 'Helium is a decentralized wireless network that enables low-power, long-range connectivity for Internet of Things (IoT) devices. By leveraging blockchain technology and a network of hotspots, Helium provides a cost-effective and scalable solution for IoT device connectivity.',
-        icon: 'tabler:wifi',
-      },
-      {
-        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>
-
-  <!-- HighlightedPosts Widget ******* -->
-
-
   <!-- FAQs Widget ******************* -->
 
   <FAQs
@@ -334,14 +180,8 @@ const metadata = {
 
   <!-- Stats Widget ****************** -->
 
-  <Stats
-    stats={[
-      { title: 'Capacity', amount: '32.74 PB' },
-      { title: 'Nodes', amount: '2569' },
-      { title: 'Countries', amount: '61' },
-      { title: 'Cores', amount: '63,968' },
-    ]}
-  />
+  <INCAStats/>
+
 
   <!-- CallToAction Widget *********** -->
 
diff --git a/src/pages/internetcapacity.astro b/src/pages/internetcapacity.astro
new file mode 100644
index 0000000..e415f88
--- /dev/null
+++ b/src/pages/internetcapacity.astro
@@ -0,0 +1,4 @@
+
+
+<span class="text-accent dark:text-white highlight">IN</span>ternet 
+<span class="text-accent dark:text-white highlight">CA</span>pacity 
diff --git a/src/pages/nodes.astro b/src/pages/nodes.astro
index e94d0ad..c795e18 100644
--- a/src/pages/nodes.astro
+++ b/src/pages/nodes.astro
@@ -6,6 +6,9 @@ import FAQs from '~/components/widgets/FAQs.astro';
 import Steps from '~/components/widgets/Steps.astro';
 import Features3 from '~/components/widgets/Features3.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
+import Hero from '~/components/widgets/Hero.astro';
+import InternetCapacity from './internetcapacity.astro';
+import NodeSteps from './steps_node_buy.astro'
 
 const metadata = {
   title: 'Nodes',
@@ -15,16 +18,41 @@ const metadata = {
 <Layout metadata={metadata}>
   <!-- HeroText Widget ******************* -->
 
-  <HeroText
-    tagline="Nodes"
-    title="Building the Unbreakable Internet<br> One Node at a Time"
-    subtitle="Choose the perfect node for your goals."
-  />
+
+  <Hero
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Get INCA Nodes',
+        href: 'https://threefold.io',
+        target: '_blank',
+        icon: 'tabler:brand-minecraft',
+      },
+      { text: 'Learn more', href: '#features' },
+    ]}
+  >
+    <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>
+
 
   <!-- Pricing Widget ******************* -->
 
   <Prices
-    title="Internet Capacity Nodes"
+    title="Building the <br>Unbreakable Internet<br> One Node at a Time"
     subtitle="The Unbreakable Internet"
     prices={[
       {
@@ -45,6 +73,9 @@ const metadata = {
           {
             description: '8 Logical CPU Cores',
           },
+          {
+            description: '2,000-6,000 INCA reward per month.',
+          }          
         ],
         callToAction: {
           target: '_blank',
@@ -70,6 +101,9 @@ const metadata = {
           {
             description: '16 Logical CPU Cores',
           },
+          {
+            description: '4,000-12,000 INCA reward per month.',
+          }
         ],
         callToAction: {
           target: '_blank',
@@ -97,6 +131,9 @@ const metadata = {
           {
             description: 'RTX 4900 GPU',
           },
+          {
+            description: '10,000-30,000 INCA reward per month.',
+          }
         ],
         callToAction: {
           target: '_blank',
@@ -105,9 +142,14 @@ const metadata = {
         },
       },
     ]}
+
+    
   />
+ 
+
 
   <!-- Features3 Widget ************** -->
+  <NodeSteps/>
 
   <Features3
     title="Nodes Leading at the Edge"
@@ -149,7 +191,7 @@ const metadata = {
   />
 
   <!-- Steps Widget ****************** -->
-
+<!-- 
   <Steps
     title="Your Cloud Adventure <br>Begins Now"
     tagline="nothing beats simple"
@@ -188,7 +230,7 @@ const metadata = {
       src: '~/assets/images/trail.jpg',
       alt: 'Steps image',
     }}
-  />
+  /> -->
 
   <!-- FAQs Widget ******************* -->
 
@@ -228,13 +270,13 @@ const metadata = {
   <!-- CallToAction Widget *********** -->
 
   <CallToAction
-    title="Ready to Expand the Internet Capacity? "
-    subtitle="Join our community of cloud service providers <br>who have transformed the Internet landscape."
+    title="Do you want to build your own<br> INCA Farming Node?"
+    subtitle="Are you a do it yourself person. <br> All our work is opensource, you can build your own node."
     actions={[
       {
         variant: 'primary',
-        text: 'Get INCA Nodes',
-        href: 'https://threefold.io',
+        text: 'Build Now',
+        href: 'https://manual.grid.tf/documentation/farmers/3node_building/3node_building.html',
       },
     ]}
   />
diff --git a/src/pages/partners.astro b/src/pages/partners.astro
new file mode 100644
index 0000000..f5dd9ac
--- /dev/null
+++ b/src/pages/partners.astro
@@ -0,0 +1,71 @@
+---
+import Features2 from '~/components/widgets/Features2.astro';
+
+
+---
+
+
+
+  <!-- Features3 Widget ************** -->
+
+  <Features2
+    title="BE THE CLOUD."
+    subtitle="Project INternet CApacity is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
+    tagline="ECOSYSTEM"
+    items={[
+      {
+        title: 'Holochain',
+        description: "Holochain is a more peer2peer alternative to the blockchain, giving developers a framework for creating decentralized applications (dApps). Holochain’s method avoids keeping a global consensus, using an agent system in which each agent keeping a private fork.",
+        icon: 'flat-color-icons:template',
+      },
+      {
+        title: 'Earth Wallet',
+        description:
+          "A cutting-edge digital wallet solution designed to empower users with secure, 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 and digital tokens.",
+        icon: 'flat-color-icons:gallery',
+      },
+      {
+        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 within the region.',
+        icon: 'flat-color-icons:approval',
+      },
+      {
+        title: 'Tanzania Sovereign Internet',
+        description:
+          "ThreeFold is proud to announce its partnership with the government of Tanzania to establish a sovereign internet, a groundbreaking initiative poised to revolutionize Tanzania's startup ecosystem fostering digital freedom.",
+        icon: 'flat-color-icons:document',
+      },
+      {
+        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.',
+        icon: 'flat-color-icons:advertising',
+      },
+      {
+        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: 'flat-color-icons:currency-exchange',
+      },
+      {
+        title: 'Helium',
+        description: 'Helium is a decentralized wireless network that enables low-power, long-range connectivity for Internet of Things (IoT) devices. By leveraging blockchain technology and a network of hotspots, Helium provides a cost-effective and scalable solution for IoT device connectivity.',
+        icon: 'flat-color-icons:voice-presentation',
+      },
+      {
+        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: 'flat-color-icons:business-contact',
+      },
+      {
+        title: 'ThreeFold',
+        description: "The backbone and first phases of the INCA project, ThreeFold’s self-healing autonomous system empowers anyone to become a cloud service provider allowing people and organizations to buy, sell and use cloud resources autonomously and securely.",
+        icon: 'flat-color-icons:database',
+      },
+    ]}
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Features2>
diff --git a/src/pages/purpose.astro b/src/pages/purpose.astro
new file mode 100644
index 0000000..9312470
--- /dev/null
+++ b/src/pages/purpose.astro
@@ -0,0 +1,49 @@
+---
+import Features from '~/components/widgets/Features.astro';
+---
+
+<Features
+id="features"
+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:brand-tailwind',
+  },
+  {
+    title: 'Web2/Web3 + AI Compatible',
+    description:
+      'Compatible with Web2, Web3 and AI: everything can run on our layer 0 infrastructure cloud.',
+    icon: 'tabler:components',
+  },
+  {
+    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. Routing decisions are based on proximity between peers.',
+    icon: 'tabler:bulb',
+  },      
+  {
+    title: 'Quantum Safe Storage',
+    description:
+      'Quantum Safe Storage can store data with up to 10x less overhead, data can never be lost or corrupted.',
+    icon: 'tabler:rocket',
+  },
+  {
+    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.",
+    icon: 'tabler:arrows-right-left',
+  },
+  {
+    title: 'Scalable Without limit',
+    description:
+      'The grid is scalable to the planetary level: from the edge to massive datacenter scale.',
+    icon: 'tabler:list-check',
+  },
+
+]}
+/>
diff --git a/src/pages/steps_node_buy.astro b/src/pages/steps_node_buy.astro
new file mode 100644
index 0000000..db864f8
--- /dev/null
+++ b/src/pages/steps_node_buy.astro
@@ -0,0 +1,31 @@
+---
+import Steps from '~/components/widgets/Steps.astro';
+---
+<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 eletric 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: '' }},
+/>
diff --git a/src/pages/technology.astro b/src/pages/technology.astro
index b72ca87..53c3ace 100644
--- a/src/pages/technology.astro
+++ b/src/pages/technology.astro
@@ -8,7 +8,7 @@ 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',
 };
@@ -17,12 +17,14 @@ const metadata = {
 <Layout metadata={metadata}>
   <!-- Hero Widget ******************* -->
 
-  <Hero
+  <Hero 
     tagline="Technology"
   >
     <Fragment slot="title">
-      Our technology enables <br>a planetary-scale grid of interconnected nodes
-      <span class="text-accent dark:text-white highlight"> </span>
+      our technology enables a<br>
+      a <span class="text-accent dark:text-white highlight"> planetary-scale </span> grid
+      <br> of interconnected nodes
+      
     </Fragment>
 
     <Fragment slot="subtitle">
@@ -32,6 +34,8 @@ const metadata = {
 
   <!-- Content Widget **************** -->
 
+  <AutonomousCloud/>
+
   <Content
     isReversed
     id="zeroos"
@@ -107,6 +111,7 @@ const metadata = {
     </Fragment>
   </Content>
 
+
   <Content
     isReversed
     id="qsfs"
@@ -131,6 +136,9 @@ const metadata = {
       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>