2021-07-02 20:55:26 +02:00
|
|
|
import {useTranslation} from 'next-i18next';
|
|
|
|
|
|
2021-07-01 00:49:05 +02:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import Logo from './Logo'
|
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
|
|
|
|
|
interface PageProps {
|
|
|
|
|
content: JSX.Element
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Page(props: PageProps): JSX.Element {
|
2021-07-02 20:55:26 +02:00
|
|
|
const { t } = useTranslation('common');
|
|
|
|
|
|
2021-07-01 00:49:05 +02:00
|
|
|
return (
|
|
|
|
|
<div className="md:w-2/3 xl:w-2/5 md:mx-auto flex flex-col min-h-screen justify-center px-5 py-12">
|
|
|
|
|
<Head>
|
2021-07-02 20:55:26 +02:00
|
|
|
<title>{t('common:title')}</title>
|
2021-07-01 00:49:05 +02:00
|
|
|
<link rel="icon" href="/favicon.ico"/>
|
|
|
|
|
</Head>
|
|
|
|
|
<div>
|
|
|
|
|
<main className="flex flex-col space-y-5">
|
|
|
|
|
<Logo/>
|
|
|
|
|
|
|
|
|
|
{props.content}
|
|
|
|
|
|
|
|
|
|
<footer>
|
2021-07-03 15:29:33 +02:00
|
|
|
<nav className="nav flex pt-4 flex-row space-x-4 justify-center text-md font-bold flex-wrap">
|
2021-09-04 16:54:53 +02:00
|
|
|
{<Link href="/faq"><a className="underline">{t('common:faq')}</a></Link>}
|
|
|
|
|
<a href="https://www.youtube.com/watch?v=AIrG5Qbjptg" className="underline">{t('index:demo')}</a>
|
|
|
|
|
<a href="mailto:grassroots@vaccine-ontario.ca" className="underline">{t('common:contact')}</a>
|
|
|
|
|
<a href="https://vaccine-ontario.ca" className="underline">{t('common:returnToMainSite')}</a>
|
|
|
|
|
|
2021-08-27 18:36:27 +02:00
|
|
|
{/* <a href="https://github.com/billylo1/covidpass" className="hover:underline">{t('common:gitHub')}</a> */}
|
2021-07-01 00:49:05 +02:00
|
|
|
</nav>
|
2021-09-04 16:54:53 +02:00
|
|
|
<div className="flex pt-4 flex-row space-x-4 justify-center text-md flex-wrap">Last updated: 2021-09-04 (v1.3)</div>
|
2021-07-01 00:49:05 +02:00
|
|
|
</footer>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Page
|
