Merge branch 'development' of git.ourworld.tf:tfgrid/www_projectinca into development

This commit is contained in:
kristof de spiegeleer 2024-06-07 10:03:21 +03:00
commit 107c49e3fb
22 changed files with 307 additions and 174 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 914 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 402 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

View File

@ -5,5 +5,5 @@ import { SITE } from 'astrowind:config';
<span <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" 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} {SITE?.name}
</span> </span>

View File

@ -6,6 +6,7 @@ import type { CallToAction } from '~/types';
export interface Props { export interface Props {
id?: string; id?: string;
title?: string; title?: string;
title2?: string;
subtitle?: string; subtitle?: string;
tagline?: string; tagline?: string;
content?: string; content?: string;
@ -16,6 +17,7 @@ export interface Props {
const { const {
id, id,
title = await Astro.slots.render('title'), title = await Astro.slots.render('title'),
title2 = await Astro.slots.render('title2'),
subtitle = await Astro.slots.render('subtitle'), subtitle = await Astro.slots.render('subtitle'),
tagline, tagline,
content = await Astro.slots.render('content'), content = await Astro.slots.render('content'),
@ -46,6 +48,14 @@ const {
/> />
) )
} }
{
title2 && (
<h3
class="text-5xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading dark:text-gray-200"
set:html={title2}
/>
)
}
<div class="max-w-3xl mx-auto"> <div class="max-w-3xl mx-auto">
{subtitle && <p class="text-xl text-muted mb-6 dark:text-slate-300" set:html={subtitle} />} {subtitle && <p class="text-xl text-muted mb-6 dark:text-slate-300" set:html={subtitle} />}
{ {

View File

@ -5,7 +5,7 @@ import { Icon } from 'astro-icon/components';
<section class="bg-blue-50 dark:bg-slate-800 not-prose"> <section class="bg-blue-50 dark:bg-slate-800 not-prose">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium"> <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
<span class="font-bold"> <span class="font-bold">
<Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Project Internet Capacity:</span <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> </div>
</section> </section>

View File

@ -16,7 +16,7 @@ metadata:
index: true index: true
follow: true follow: true
openGraph: openGraph:
site_name: Project INCA site_name: Project Internet Capacity
images: images:
- url: '~/assets/images/inca_background.png' - url: '~/assets/images/inca_background.png'
width: 1200 width: 1200

View File

@ -8,11 +8,7 @@ export const headerData = {
}, },
{ {
text: 'Farming', text: 'Farming',
href: getPermalink('/nodes'), href: getPermalink('/farming'),
},
{
text: 'Ecosystem',
href: getPermalink('/ecosystem'),
}, },
{ {
text: 'About', text: 'About',
@ -33,22 +29,24 @@ export const footerData = {
links: [ links: [
{ text: 'Zero-OS', href: 'technology#zeroos' }, { text: 'Zero-OS', href: 'technology#zeroos' },
{ text: 'Mycelium Network', href: 'technology#mycelium' }, { text: 'Mycelium Network', href: 'technology#mycelium' },
{ text: 'Quantum Safe File Storage', href: 'technology#qsfs' }, { text: 'Quantum-Safe Storage', href: 'technology#qsfs' },
{ text: 'TFChain', href: 'technology#tfchain' }, { text: 'TFChain', href: 'technology#tfchain' },
], ],
}, },
{ {
title: 'Nodes', title: 'Farming',
links: [ links: [
{ text: 'Silver', href: '/nodes' }, { text: 'Nodes', href: '/farming#incanodes' },
{ text: 'Platinum', href: '/nodes' }, { text: 'Features', href: '/farming#nodestech' },
{ text: 'AI', href: '/nodes' }, { text: 'FAQs', href: '/farming#farmingfaq' },
], ],
}, },
{ {
title: 'About', title: 'About',
links: [ links: [
{ text: 'The Project', href: '/about' }, { text: 'The Project', href: '/about' },
{ text: 'Values', href: '/about#values' },
{ text: 'Mission', href: '/about#mission' },
{ text: 'ThreeFold', href: 'https://threefold.io' }, { text: 'ThreeFold', href: 'https://threefold.io' },
], ],
}, },

View File

@ -17,6 +17,7 @@ const metadata = {
<!-- Hero Widget ******************* --> <!-- Hero Widget ******************* -->
<Hero <Hero
id="about"
tagline="About" tagline="About"
image={{ image={{
src: '~/assets/images/threefold_cooperative.png', src: '~/assets/images/threefold_cooperative.png',
@ -24,19 +25,18 @@ const metadata = {
}} }}
> >
<Fragment slot="title"> <Fragment slot="title">
Project Internet Capacity <br>is the culmulation of years <br>of work by Project Internet Capacity <br>is the culmulation of years <br>of work by ThreeFold
<span class="text-accent dark:text-white highlight"> ThreeFold</span>
</Fragment> </Fragment>
<Fragment slot="subtitle"> <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. 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. 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> </Fragment>
</Hero> </Hero>
<!-- Steps Widget ****************** --> <!-- Steps Widget ****************** -->
<Steps <Steps
id="resume" id="values"
title="Our Values" title="Our Values"
items={[ items={[
{ {
@ -106,7 +106,7 @@ const metadata = {
<!-- Content Widget **************** --> <!-- Content Widget **************** -->
<Content <Content
id="about" id="mission"
columns={3} columns={3}
items={[ items={[
{ {
@ -144,7 +144,7 @@ const metadata = {
<Content <Content
isReversed isReversed
id="about" id="vision"
columns={3} columns={3}
items={[ items={[
{ {
@ -187,8 +187,9 @@ const metadata = {
<!-- Steps2 Widget ****************** --> <!-- Steps2 Widget ****************** -->
<Steps2 <Steps2
id="achievements"
title="Achievements" title="Achievements"
subtitle="Project Internet Capacity 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." 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} isReversed={true}
callToAction={{ callToAction={{
text: 'Explore ThreeFold', text: 'Explore ThreeFold',

View File

@ -4,14 +4,28 @@ import Content from '~/components/widgets/Content.astro';
--- ---
<Content <Content
id="about" id="autonomouscloudengine"
columns={3}
items={[
{
icon: 'tabler:check',
description: 'Accessible',
},
{
icon: 'tabler:check',
description: 'Production-Ready',
},
{
icon: 'tabler:check',
description: 'Future-Proof',
},
]}
image={{ image={{
src: '~/assets/images/hardware_computer.jpg', src: '~/assets/images/hardware_computer.jpg',
alt: 'Colorful Image', alt: 'Colorful Image',
loading: 'eager', loading: 'eager',
}} }}
> >
<Fragment slot="content"> <Fragment slot="content">
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Autonomous Cloud Engine</h2> <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Autonomous Cloud Engine</h2>
<p> <p>
@ -27,5 +41,4 @@ import Content from '~/components/widgets/Content.astro';
<Fragment slot="bg"> <Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment> </Fragment>
</Content> </Content>

View File

@ -25,19 +25,17 @@ const metadata = {
target: '_blank', target: '_blank',
icon: 'tabler:brand-minecraft', icon: 'tabler:brand-minecraft',
}, },
{ text: 'Learn more', href: '#features' }, { text: 'Learn more', href: '#partners' },
]} ]}
> >
<Fragment slot="title"> <Fragment slot="title">
<span class="text-accent dark:text-white highlight"> Project INCA<br></span> ecosystem<br><br> <span class="text-accent dark:text-white highlight"> Project INCA<br></span> Ecosystem<br><br>
</Fragment> </Fragment>
<Fragment slot="subtitle"> <Fragment slot="subtitle">
<span class="hidden sm:inline"> <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="font-semibold">Project INCA</span> is proud of its many partnerships<br> providing a thriving ecosystem of like-minded individuals <br>and innovative products and services<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> </Fragment>
</Hero> </Hero>

View File

@ -11,49 +11,24 @@ import InternetCapacity from './internetcapacity.astro';
import NodeSteps from './steps_node_buy.astro' import NodeSteps from './steps_node_buy.astro'
const metadata = { const metadata = {
title: 'Nodes', title: 'Farming',
}; };
--- ---
<Layout metadata={metadata}> <Layout metadata={metadata}>
<!-- HeroText Widget ******************* --> <!-- HeroText Widget ******************* -->
<HeroText
<Hero tagline="Farming"
actions={[ title="Become <br>an Internet Capacity <br>Provider"
{ />
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 ******************* --> <!-- Pricing Widget ******************* -->
<Prices <Prices
title="Building the <br>Unbreakable Internet<br> One Node at a Time" id="incanodes"
subtitle="The Unbreakable Internet" title="Internet Capacity Nodes"
subtitle="A Cloud Engine for the New Internet"
prices={[ prices={[
{ {
title: 'silver', title: 'silver',
@ -61,9 +36,6 @@ const metadata = {
price: 499, price: 499,
period: 'per node', period: 'per node',
items: [ items: [
{
description: 'Suited for Content Delivery + Name',
},
{ {
description: '32 GB of Memory', description: '32 GB of Memory',
}, },
@ -89,9 +61,6 @@ const metadata = {
price: 1999, price: 1999,
period: 'per node', period: 'per node',
items: [ items: [
{
description: 'Suited for Hero AI assistant workloads',
},
{ {
description: '64 GB of Memory', description: '64 GB of Memory',
}, },
@ -119,9 +88,6 @@ const metadata = {
price: 3999, price: 3999,
period: 'per node', period: 'per node',
items: [ items: [
{
description: 'Suited for state-of-the-art AI with ease',
},
{ {
description: '64 GB of Memory', description: '64 GB of Memory',
}, },
@ -149,9 +115,9 @@ const metadata = {
<!-- Features3 Widget ************** --> <!-- Features3 Widget ************** -->
<NodeSteps/>
<Features3 <Features3
id="nodestech"
title="Nodes Leading at the Edge" title="Nodes Leading at the Edge"
subtitle="Discover how our nodes provide a groundbreaking, reliable and robust technology" subtitle="Discover how our nodes provide a groundbreaking, reliable and robust technology"
columns={2} columns={2}
@ -191,51 +157,41 @@ const metadata = {
/> />
<!-- Steps Widget ****************** --> <!-- Steps Widget ****************** -->
<!--
<Steps <Steps
title="Your Cloud Adventure <br>Begins Now" title="Get a node <br> up and running<br>in no time to earn rewards..."
tagline="nothing beats simple"
isReversed={true}
items={[ items={[
{ {
title: 'Explore nodes', title: 'Step 1: <span class="font-medium">Order a node</span>',
icon: 'tabler:number-1', 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', title: 'Step 2: <span class="font-medium">Connect the node</em>',
icon: 'tabler:number-2', 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', title: 'Step 3: <span class="font-medium">Earn rewards</span>',
icon: 'tabler:number-3', 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', title: 'You\'re a cloud solution provider!',
icon: 'tabler:number-4', icon: 'tabler:rosette-discount-check',
},
{
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',
}, },
]} ]}
image={{ image={{ src: '~/assets/images/currency_of_future.png', alt: '' }},
src: '~/assets/images/trail.jpg', />
alt: 'Steps image',
}}
/> -->
<!-- FAQs Widget ******************* --> <!-- FAQs Widget ******************* -->
<FAQs <FAQs
title="Nodes FAQs" id="farmingfaq"
title="Farming FAQs"
subtitle="Choosing the right node for you is a crucial step, <br>and we're here to answer your questions. " subtitle="Choosing the right node for you is a crucial step, <br>and we're here to answer your questions. "
columns={1} columns={1}
items={[ items={[
@ -270,12 +226,12 @@ const metadata = {
<!-- CallToAction Widget *********** --> <!-- CallToAction Widget *********** -->
<CallToAction <CallToAction
title="Do you want to build your own<br> INCA Farming Node?" title="Do you want to build <br>your own INCA nodes?"
subtitle="Are you a do it yourself person. <br> All our work is opensource, you can build your own node." subtitle="All our work is open-source and you can build your own nodes!"
actions={[ actions={[
{ {
variant: 'primary', variant: 'primary',
text: 'Build Now', text: 'Build INCA Nodes',
href: 'https://manual.grid.tf/documentation/farmers/3node_building/3node_building.html', href: 'https://manual.grid.tf/documentation/farmers/3node_building/3node_building.html',
}, },
]} ]}

View File

@ -4,13 +4,15 @@ import Layout from '~/layouts/PageLayout.astro';
import { getPermalink } from '~/utils/permalinks'; import { getPermalink } from '~/utils/permalinks';
import Hero from '~/components/widgets/Hero.astro'; import Hero from '~/components/widgets/Hero.astro';
import Note from '~/components/widgets/Note.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 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 FAQs from '~/components/widgets/FAQs.astro';
import CallToAction from '~/components/widgets/CallToAction.astro'; import CallToAction from '~/components/widgets/CallToAction.astro';
//import Partners from './partners.astro' import Partners from './partners.astro'
import Purpose from './purpose.astro' import Purpose from './purpose.astro'
import Inca from './internetcapacity.astro' import Inca from './internetcapacity.astro'
import INCAStats from './incastats.astro' import INCAStats from './incastats.astro'
@ -18,7 +20,7 @@ import INCAStats from './incastats.astro'
const metadata = { const metadata = {
title: 'Project Internet Capacity — Decentralized Autonomous Cloud', title: 'INCA — Decentralized Autonomous Cloud',
ignoreTitleTemplate: true, ignoreTitleTemplate: true,
}; };
--- ---
@ -36,26 +38,18 @@ const metadata = {
target: '_blank', target: '_blank',
icon: 'tabler:brand-minecraft', icon: 'tabler:brand-minecraft',
}, },
{ text: 'Learn more', href: '#about' }, { text: 'Learn more', href: '#technology' },
]} ]}
tagline="Welcome to"
image={{ src: '~/assets/images/background.png', alt: '' }} image={{ src: '~/assets/images/background.png', alt: '' }}
> >
<Fragment slot="title">
Project Internet 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>
<Fragment slot="subtitle"> <Fragment slot="subtitle">
<span class="hidden sm:inline"> <span class="hidden sm:inline">
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> 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>
<span class="block mb-1 sm:hidden font-bold text-blue-600"> <span class="block mb-1 sm:hidden font-bold text-blue-600">
Internet Capacity, DePIN Cloud Internet Capacity, DePIN Cloud
@ -64,18 +58,61 @@ const metadata = {
Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i> Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i>
</Fragment> </Fragment>
</Hero> </Hero>
<!-- Note Widget ******************* --> <!-- Note Widget ******************* -->
<Note /> <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 <Content
id="about" id="pioneers"
image={{ image={{
src: '~/assets/images/pioneers2.jpg', src: '~/assets/images/pioneers2.jpg',
alt: '', alt: '',
@ -96,6 +133,44 @@ const metadata = {
</Fragment> </Fragment>
</Content> </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 **************** --> <!-- Content Widget **************** -->
@ -135,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 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 Widget ******************* -->
<FAQs <FAQs
@ -146,7 +304,7 @@ const metadata = {
classes={{ container: 'max-w-6xl' }} classes={{ container: 'max-w-6xl' }}
items={[ items={[
{ {
title: 'Why is the Project Internet Capacity necessary?', title: 'Why is the INCA necessary?',
description: description:
"There is a cyber pandemic going on and there is a war for your attention! The cloud and Internet can be what it was always meant to be: for the people and peer-to-peer. The grid offers the possibility for anyone to own their share of the Internet.", "There is a cyber pandemic going on and there is a war for your attention! The cloud and Internet can be what it was always meant to be: for the people and peer-to-peer. The grid offers the possibility for anyone to own their share of the Internet.",
}, },
@ -178,11 +336,6 @@ const metadata = {
]} ]}
/> />
<!-- Stats Widget ****************** -->
<INCAStats/>
<!-- CallToAction Widget *********** --> <!-- CallToAction Widget *********** -->
<CallToAction <CallToAction

View File

@ -9,59 +9,60 @@ import Features2 from '~/components/widgets/Features2.astro';
<!-- Features3 Widget ************** --> <!-- Features3 Widget ************** -->
<Features2 <Features2
id="partners"
title="BE THE CLOUD." title="BE THE CLOUD."
subtitle="Project INternet CApacity is a community-driven, <br> open-source and decentralized cloud by everyone for everyone." subtitle="INCA is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
tagline="ECOSYSTEM" tagline="ECOSYSTEM"
items={[ items={[
{ {
title: 'Holochain', title: 'Holochain',
description: "Holochain is a more peer2peer alternative to the blockchain, giving developers a framework for creating decentralized applications (dApps). Holochains method avoids keeping a global consensus, using an agent system in which each agent keeping a private fork.", description: "Holochain is a more peer2peer alternative to the blockchain, giving developers a framework for creating decentralized applications (dApps). Holochains method avoids keeping a global consensus, using an agent system in which each agent keeping a private fork.",
icon: 'flat-color-icons:template', icon: 'tabler:server',
}, },
{ {
title: 'Earth Wallet', title: 'Earth Wallet',
description: 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.", "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', icon: 'tabler:wallet',
}, },
{ {
title: 'Digital Free Zone', title: 'Digital Free Zone',
description: 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.', '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', icon: 'tabler:map',
}, },
{ {
title: 'Tanzania Sovereign Internet', title: 'Tanzania Sovereign Internet',
description: 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.", "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', icon: 'tabler:flag',
}, },
{ {
title: 'Elestio', title: 'Elestio',
description: 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.', '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', icon: 'tabler:device-desktop-code',
}, },
{ {
title: 'Vverse', 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.', 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', icon: 'tabler:stack-backward',
}, },
{ {
title: 'Helium', 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.', 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', icon: 'tabler:wifi',
}, },
{ {
title: 'Sikana', title: 'Sikana',
description: 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. ', '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', icon: 'tabler:chalkboard',
}, },
{ {
title: 'ThreeFold', title: 'ThreeFold',
description: "The backbone and first phases of the INCA project, ThreeFolds 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.", description: "The backbone and first phases of the INCA project, ThreeFolds 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', icon: 'tabler:cloud-computing',
}, },
]} ]}
> >

View File

@ -3,7 +3,7 @@ import Features from '~/components/widgets/Features.astro';
--- ---
<Features <Features
id="features" id="purpose"
tagline="PURPOSE" tagline="PURPOSE"
title="Layer 0 for DePIN" 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." 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."
@ -12,37 +12,37 @@ items={[
title: 'Zero-OS', title: 'Zero-OS',
description: description:
'Bare Metal Stateless Operating System: Lightweight, self-healing, adaptable, efficient, and compatible with almost all hardware.', 'Bare Metal Stateless Operating System: Lightweight, self-healing, adaptable, efficient, and compatible with almost all hardware.',
icon: 'tabler:brand-tailwind', icon: 'tabler:circle',
}, },
{ {
title: 'Web2/Web3 + AI Compatible', title: 'Web2/Web3 + AI Compatible',
description: description:
'Compatible with Web2, Web3 and AI: everything can run on our layer 0 infrastructure cloud.', 'Compatible with Web2, Web3 and AI: everything can run on our layer 0 infrastructure cloud.',
icon: 'tabler:components', icon: 'tabler:world-www',
}, },
{ {
title: 'Mycelium Network', title: 'Mycelium Network',
description: 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.', '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', icon: 'tabler:mushroom',
}, },
{ {
title: 'Quantum Safe Storage', title: 'Quantum Safe Storage',
description: description:
'Quantum Safe Storage can store data with up to 10x less overhead, data can never be lost or corrupted.', 'Quantum Safe Storage can store data with up to 10x less overhead, data can never be lost or corrupted.',
icon: 'tabler:rocket', icon: 'tabler:lock-square-rounded',
}, },
{ {
title: 'Open-Source and Community-Driven', title: 'Open-Source and Community-Driven',
description: description:
"The grid is open-source and community-driven, with the community being an integral part of the ecosystem.", "The grid is open-source and community-driven, with the community being an integral part of the ecosystem.",
icon: 'tabler:arrows-right-left', icon: 'tabler:source-code',
}, },
{ {
title: 'Scalable Without limit', title: 'Scalable Without limit',
description: description:
'The grid is scalable to the planetary level: from the edge to massive datacenter scale.', 'The grid is scalable to the planetary level: from the edge to massive datacenter scale.',
icon: 'tabler:list-check', icon: 'tabler:infinity',
}, },
]} ]}

View File

@ -2,6 +2,7 @@
import Steps from '~/components/widgets/Steps.astro'; import Steps from '~/components/widgets/Steps.astro';
--- ---
<Steps <Steps
id="steps"
title="Get a node <br> up and running<br>in no time to earn rewards..." title="Get a node <br> up and running<br>in no time to earn rewards..."
items={[ items={[
{ {

View File

@ -21,7 +21,7 @@ const metadata = {
tagline="Technology" tagline="Technology"
> >
<Fragment slot="title"> <Fragment slot="title">
our technology enables a<br> Our technology enables<br>
a <span class="text-accent dark:text-white highlight"> planetary-scale </span> grid a <span class="text-accent dark:text-white highlight"> planetary-scale </span> grid
<br> of interconnected nodes <br> of interconnected nodes
@ -34,8 +34,6 @@ const metadata = {
<!-- Content Widget **************** --> <!-- Content Widget **************** -->
<AutonomousCloud/>
<Content <Content
isReversed isReversed
id="zeroos" id="zeroos"
@ -55,9 +53,7 @@ const metadata = {
}, },
]} ]}
image={{ image={{
src: '~/assets/images/zeroos.jpg', alt: '',
alt: 'Colorful Image',
loading: 'eager',
}} }}
> >
<Fragment slot="content"> <Fragment slot="content">
@ -91,8 +87,7 @@ const metadata = {
}, },
]} ]}
image={{ image={{
src: '~/assets/images/mycelium.jpg', alt: '',
alt: 'Colorful Image',
loading: 'eager', loading: 'eager',
}} }}
> >
@ -131,8 +126,7 @@ const metadata = {
}, },
]} ]}
image={{ image={{
src: '~/assets/images/qsfsmatrix.jpg', alt: '',
alt: 'Colorful Image',
loading: 'eager', loading: 'eager',
}} }}
> >
@ -140,7 +134,7 @@ const metadata = {
<AutonomousCloud/> <AutonomousCloud/>
<Fragment slot="content"> <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> <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. 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> </p>
@ -171,8 +165,7 @@ const metadata = {
}, },
]} ]}
image={{ image={{
src: '~/assets/images/tfchain.png', alt: '',
alt: 'Colorful Image',
loading: 'eager', loading: 'eager',
}} }}
> >
@ -287,7 +280,7 @@ const metadata = {
<Fragment slot="title">Expand the Grid with Us</Fragment> <Fragment slot="title">Expand the Grid with Us</Fragment>
<Fragment slot="subtitle"> <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. We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>INCA is the Unbreakable Internet.
</Fragment> </Fragment>
</CallToAction> </CallToAction>
</Layout> </Layout>

View File

@ -17,8 +17,15 @@ module.exports = {
serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif], serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif],
heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans], heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
}, },
letterSpacing: {
widest: '.25em',
custom: '.002em',
xs: '.0005em',
},
}, },
}, },
plugins: [typographyPlugin], plugins: [typographyPlugin],
darkMode: 'class', darkMode: 'class',
}; };