datahub/pages/index.tsx
Gift Egwuenu 5de8ace421 [setup][s]-setup code formatting with prettier
- add husky and lint-stages for pre-commit hooks
 - format entire codebase using `yarn format`
2020-06-17 13:07:00 +01:00

35 lines
1.1 KiB
TypeScript

import Head from 'next/head';
import Nav from '../components/home/Nav';
import Recent from '../components/home/Recent';
import Input from '../components/search/Input';
export default function Home() {
return (
<div className="container mx-auto">
<Head>
<title>Portal</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<Nav />
<section className="flex justify-center items-center flex-col mt-8 mx-4 lg:flex-row">
<div>
<h1 className="text-4xl mb-3 font-thin">
Find, Share and Publish <br /> Quality Data with{' '}
<span className="text-orange-500">Datahub</span>
</h1>
<p className="text-md font-light mb-3 w-4/5">
At Datahub, we have over thousands of datasets for free and a
Premium Data Service for additional or customised data with
guaranteed updates.
</p>
<Input query={{}} />
</div>
<div className="mt-4">
<img src="/images/banner.svg" className="w-4/5" />
</div>
</section>
<Recent />
</div>
);
}