29 lines
1.0 KiB
TypeScript
29 lines
1.0 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>
|
|
)
|
|
}
|