118 lines
4.4 KiB
JavaScript
118 lines
4.4 KiB
JavaScript
import React from 'react';
|
|
import clsx from 'clsx';
|
|
import Link from '@docusaurus/Link';
|
|
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
|
import Layout from '@theme/Layout';
|
|
import HomepageFeatures from '@site/src/components/HomepageFeatures';
|
|
|
|
import styles from './index.module.css';
|
|
|
|
function HomepageHeader() {
|
|
const {siteConfig} = useDocusaurusContext();
|
|
return (
|
|
<header className="main-header">
|
|
<div className="container">
|
|
<h1 className="main-title">{siteConfig.title}</h1>
|
|
<p className="main-subtitle">{siteConfig.tagline}</p>
|
|
<Link
|
|
className="button button--secondary button--lg margin-bottom--xl"
|
|
to="/docs/intro">
|
|
Get Started
|
|
</Link>
|
|
|
|
<h2 className="component-heading">About Jackal</h2>
|
|
<div className='row margin-top--md'>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/protocol/modules/module-overview">
|
|
<h2 className='no-margin'>Jackal Protocol</h2>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/protocol/validators">
|
|
<h2 className='no-margin'>Networks</h2>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="https://discord.com/invite/5GKym3p6rj">
|
|
<h2 className='no-margin'>Join the Community</h2>
|
|
</Link>
|
|
</article>
|
|
</div>
|
|
<h2 className="component-heading">Get Involved</h2>
|
|
<div className='row margin-top--md'>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/using-jackal/wallet/jackalwallet">
|
|
<h2>Get a Wallet</h2>
|
|
<div>Set up an account on Jackal to interact with the chain</div>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/using-jackal/delegate">
|
|
<h2>Staking and Liquidity</h2>
|
|
<div>Learn how to earn yield on your JKL tokens</div>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="https://github.com/JackalLabs/canine-docs">
|
|
<h2>Contribute</h2>
|
|
<div>Maintain and improve the Jackal Documentation</div>
|
|
</Link>
|
|
</article>
|
|
</div>
|
|
<h2 className="component-heading">Decentralize the Network</h2>
|
|
<div className='row margin-top--md'>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/nodes/nodes/installation">
|
|
<h2>Become A Validator</h2>
|
|
<div>Validate blocks on the network and earn $JKL as a reward.</div>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/nodes/nodes/testnet">
|
|
<h2>Join the Testnet</h2>
|
|
<div>Join the testnet to deploy your dApp & interact with Jackal for free.</div>
|
|
</Link>
|
|
</article>
|
|
<article className='col col--4'>
|
|
<Link
|
|
className="card main-card padding--lg margin-bottom--lg"
|
|
to="/docs/nodes/providers/building">
|
|
<h2>Become a Provider</h2>
|
|
<div>Start storing data for the Jackal Network to ensure data security for Jackal users.</div>
|
|
</Link>
|
|
</article>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|
|
|
|
export default function Home() {
|
|
const {siteConfig} = useDocusaurusContext();
|
|
return (
|
|
<Layout
|
|
title={`${siteConfig.title}`}
|
|
description="Documentation for the Jackal Ecosystem.">
|
|
<HomepageHeader />
|
|
</Layout>
|
|
);
|
|
}
|