updated landing page #12

Merged
mik-tf merged 1 commits from development_new into development 2024-06-05 14:57:50 +00:00
9 changed files with 147 additions and 117 deletions
Showing only changes of commit 3ce3cc1e0a - Show all commits

Binary file not shown.

After

Width:  |  Height:  |  Size: 524 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 862 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

View File

@ -19,7 +19,7 @@ const metadata = {
<Hero
tagline="About"
image={{
src: 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
src: '~/assets/images/cloud_purple.jpg',
alt: 'Caos Image',
}}
>

View File

@ -181,6 +181,87 @@ const metadata = {
<!-- Features2 Widget ************** -->
<Features2
title="A glimpse of what is possible on the grid..."
subtitle="The grid offers a wide range of ready-to-use applications <br>and developers can build any type of app! <br>Deployment configurations are endless. Here is a small sample of the possibilities!"
tagline="Applications and Deployments"
items={[
{
title: 'Wordpress',
description: "WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.",
icon: 'flat-color-icons:template',
},
{
title: 'Nextcloud',
description:
"Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.",
icon: 'flat-color-icons:gallery',
},
{
title: 'Full and Micro VMs',
description:
'The grid offers full flexibility when it comes to deploying virtual machine. Full and micro virtual machines are at your commands to deploy simple to advanced workloads!',
icon: 'flat-color-icons:approval',
},
{
title: 'Kubernetes',
description:
"Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.",
icon: 'flat-color-icons:document',
},
{
title: 'Caprover',
description:
'CapRover is an extremely easy to use app/database deployment & web server manager for apps such as NodeJS, Python, PHP, ASP.NET, Ruby, MySQL and more.',
icon: 'flat-color-icons:advertising',
},
{
title: 'AI and Machine Learning',
description: 'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
icon: 'flat-color-icons:currency-exchange',
},
{
title: 'Casperlabs',
description: 'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
icon: 'flat-color-icons:voice-presentation',
},
{
title: 'Peertube',
description:
'PeerTube is a free, open-source, and decentralized video-sharing platform. It allows users to host and share videos on their own servers, creating an interconnected platform. ',
icon: 'flat-color-icons:business-contact',
},
{
title: 'Subsquid',
description: "Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ",
icon: 'flat-color-icons:database',
},
{
title: 'Node Pilot',
description: 'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
icon: 'flat-color-icons:voice-presentation',
},
{
title: 'Taiga',
description:
'Taiga is an open-source project management application that can handle both simple and complex projects for startups, software developers, and other target teams.',
icon: 'flat-color-icons:business-contact',
},
{
title: 'Discourse',
description: "Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!",
icon: 'flat-color-icons:database',
},
]}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Features2>
<!-- CallToAction Widget *********** -->
<CallToAction

View File

@ -3,9 +3,11 @@ 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 Content from '~/components/widgets/Content.astro';
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
@ -36,12 +38,12 @@ const metadata = {
image={{ src: '~/assets/images/inca_background.png', alt: 'INCA Image Here' }}
>
<Fragment slot="title">
Welcome to <span class="text-accent dark:text-white highlight"> Project INCA<br></span> The Decentralized Autonomous Cloud
The largest <span class="text-accent dark:text-white highlight"> DePIN</span> Compute Layer <br>is Coming to Solana
</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
ThreeFold's<span class="font-semibold"> Project INCA</span> is a Decentralised Autonomous Cloud<br> enabling a new era of the Internet for everyone.<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>
@ -52,6 +54,33 @@ const metadata = {
<Note />
<!-- Hero2 Widget ******************* -->
<Hero2
tagline="Built by Pioneers"
image={{
src: '~/assets/images/pioneers2.jpg',
alt: 'AstroWind Hero Image',
}}
>
<Fragment slot="title">
Founded by <span class="text-accent dark:text-white highlight"
>Internet 1.0 pioneers </span
> with $500M+ in cloud exits
</Fragment>
<Fragment slot="subtitle">
<span class="hidden sm:inline">
We skipped web 2.0 to build the <span class="font-semibold">largest 3.0 DePIN</span> AI, Compute and Storage network. <br><br> Our grid is truly decentralized, enabling a sovereign compute network and hyperscalability for your dApps.<br><br> Distributed in more than 60 countries, Project INCA is a planetary-scale cloud comprised of thousands of nodes. <br><br> We're now expanding the grid to millions of nodes. Join the cloud!
</span>
</Fragment>
</Hero2>
<!-- Features Widget *************** -->
<Features
@ -122,7 +151,7 @@ const metadata = {
'Thanks to our innovative operating system built on the Linux kernel, Zero-OS, anything Linux can run on the grid. This means that any service or workload can run natively on the grid.',
},
]}
image={{ src: '~/assets/images/p2ppromotion.png', alt: 'INCA Image Here' }},
image={{ src: '~/assets/images/earth_tech.jpg', alt: 'INCA Image Here' }},
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Building on a proven technology</h3>
@ -134,6 +163,38 @@ const metadata = {
</Fragment>
</Content>
<!-- Steps Widget ****************** -->
<Steps
title="Get an INCA <br>node 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 INCA 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 an INCA 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:package',
},
{
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 INCA rewards.',
icon: 'tabler:paint',
},
{
title: 'You\'re a cloud solution provider!',
icon: 'tabler:check',
},
]}
image={{ src: '~/assets/images/currency_of_future.png', alt: 'INCA Image Here' }},
/>
<!-- Features3 Widget ************** -->
<Features2
@ -199,118 +260,6 @@ const metadata = {
</Fragment>
</Features2>
<!-- Steps Widget ****************** -->
<Steps
title="Get an INCA <br>node 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 INCA 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 an INCA 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:package',
},
{
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 INCA rewards.',
icon: 'tabler:paint',
},
{
title: 'You\'re a cloud solution provider!',
icon: 'tabler:check',
},
]}
image={{ src: '~/assets/images/currency_of_future.png', alt: 'INCA Image Here' }},
/>
<!-- Features2 Widget ************** -->
<Features2
title="A glimpse of what is possible on the grid..."
subtitle="The grid offers a wide range of ready-to-use applications <br>and developers can build any type of app! <br>Deployment configurations are endless. Here is a small sample of the possibilities!"
tagline="Applications and Deployments"
items={[
{
title: 'Wordpress',
description: "WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.",
icon: 'flat-color-icons:template',
},
{
title: 'Nextcloud',
description:
"Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.",
icon: 'flat-color-icons:gallery',
},
{
title: 'Full and Micro VMs',
description:
'The grid offers full flexibility when it comes to deploying virtual machine. Full and micro virtual machines are at your commands to deploy simple to advanced workloads!',
icon: 'flat-color-icons:approval',
},
{
title: 'Kubernetes',
description:
"Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.",
icon: 'flat-color-icons:document',
},
{
title: 'Caprover',
description:
'CapRover is an extremely easy to use app/database deployment & web server manager for apps such as NodeJS, Python, PHP, ASP.NET, Ruby, MySQL and more.',
icon: 'flat-color-icons:advertising',
},
{
title: 'AI and Machine Learning',
description: 'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
icon: 'flat-color-icons:currency-exchange',
},
{
title: 'Casperlabs',
description: 'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
icon: 'flat-color-icons:voice-presentation',
},
{
title: 'Peertube',
description:
'PeerTube is a free, open-source, and decentralized video-sharing platform. It allows users to host and share videos on their own servers, creating an interconnected platform. ',
icon: 'flat-color-icons:business-contact',
},
{
title: 'Subsquid',
description: "Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ",
icon: 'flat-color-icons:database',
},
{
title: 'Node Pilot',
description: 'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
icon: 'flat-color-icons:voice-presentation',
},
{
title: 'Taiga',
description:
'Taiga is an open-source project management application that can handle both simple and complex projects for startups, software developers, and other target teams.',
icon: 'flat-color-icons:business-contact',
},
{
title: 'Discourse',
description: "Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!",
icon: 'flat-color-icons:database',
},
]}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Features2>
<!-- HighlightedPosts Widget ******* -->

View File

@ -17,7 +17,7 @@ const metadata = {
<HeroText
tagline="Nodes"
title=""
title="Building the Unbreakable Internet<br> One Node at a Time"
subtitle="Choose the perfect node for your goals."
/>