2019-10-17 00:13:54 +02:00
|
|
|
import React from 'react'
|
2019-10-21 11:52:51 +02:00
|
|
|
import dynamic from 'next/dynamic'
|
2019-10-18 13:10:43 +02:00
|
|
|
import { title, description, learnMore } from '../../site.config'
|
2019-10-21 11:52:51 +02:00
|
|
|
import Layout from '../Layout'
|
2019-10-17 00:13:54 +02:00
|
|
|
import styles from './index.module.css'
|
|
|
|
|
2019-10-21 11:52:51 +02:00
|
|
|
import Logo from '@oceanprotocol/art/logo/logo-white.svg'
|
|
|
|
|
|
|
|
const Add = dynamic(() => import('../components/Add'))
|
|
|
|
const Info = dynamic(() => import('../components/Info.mdx'))
|
2019-10-17 00:13:54 +02:00
|
|
|
|
|
|
|
const Home = () => (
|
|
|
|
<Layout>
|
2019-10-18 13:10:43 +02:00
|
|
|
<div className={styles.grid}>
|
|
|
|
<div>
|
|
|
|
<header className={styles.header}>
|
|
|
|
<Logo />
|
|
|
|
<h1 className={styles.title}>{title}</h1>
|
|
|
|
<p className={styles.description}>{description}</p>
|
|
|
|
<a href={learnMore}>Learn More →</a>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<Add />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<Info />
|
|
|
|
</div>
|
2019-10-17 00:13:54 +02:00
|
|
|
</Layout>
|
|
|
|
)
|
|
|
|
|
|
|
|
export default Home
|