openaire-graph-docs/src/pages/index.js

42 lines
1.1 KiB
JavaScript
Raw Normal View History

2022-09-01 09:26:04 +02:00
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={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
2022-09-01 13:54:19 +02:00
to="docs/intro">
2022-09-01 13:35:24 +02:00
Get started {/*- 5min ⏱️*/}
2022-09-01 09:26:04 +02:00
</Link>
</div>
</div>
</header>
);
}
export default function Home() {
const {siteConfig} = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
2022-09-01 13:35:24 +02:00
description="OpenAIRE Documentation">
2022-09-01 09:26:04 +02:00
<HomepageHeader />
<main>
<HomepageFeatures />
</main>
</Layout>
);
}