[home][m]-implement minimal front page

This commit is contained in:
Gift Egwuenu
2020-06-15 15:19:55 +01:00
parent bb22cac696
commit 04128bc22c
10 changed files with 93 additions and 50 deletions

View File

@@ -2,7 +2,7 @@ import { GetServerSideProps } from 'next'
import config from '../../../config'
import utils from '../../../utils'
import Head from 'next/head'
import Nav from '../../../components/Nav'
import Nav from '../../../components/home/Nav'
import About from '../../../components/dataset/About'
import Org from '../../../components/dataset/Org'
import Resources from '../../../components/dataset/Resources'

View File

@@ -4,7 +4,7 @@ const toArray = require('stream-to-array')
import config from '../../../../../config'
import utils from '../../../../../utils'
import Head from 'next/head'
import Nav from '../../../../../components/Nav'
import Nav from '../../../../../components/home/Nav'
import About from '../../../../../components/resource/About'
import DataExplorer from '../../../../../components/resource/DataExplorer'
import DataView from '../../../../../components/resource/DataView'

View File

@@ -1,27 +1,28 @@
import Head from 'next/head'
import Link from 'next/link'
import Nav from '../components/Nav'
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 mt-10 ml-40 justify-center">
<section className="flex justify-center items-center flex-col mt-8 mx-4 lg:flex-row">
<div>
<img src="/banner.png" width="500" />
</div>
<div className="mx-32">
<h1 className="text-4xl font-thin">Find, Share and Publish <br /> Quality Data with <span className="text-orange-500">Datahub</span>
<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 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>
<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>
)
}

View File

@@ -3,7 +3,7 @@ import querystring from 'querystring'
import config from '../config'
import utils from '../utils'
import Head from 'next/head'
import Nav from '../components/Nav'
import Nav from '../components/home/Nav'
import Input from '../components/search/Input'
import Total from '../components/search/Total'
import Sort from '../components/search/Sort'