covidpass-greenpass-su-ipho.../pages/index.tsx

62 lines
1.8 KiB
TypeScript
Raw Normal View History

import {NextSeo} from 'next-seo';
2021-07-02 20:55:26 +02:00
import {useTranslation} from 'next-i18next';
import {serverSideTranslations} from 'next-i18next/serverSideTranslations';
2021-07-02 20:55:26 +02:00
import Form from '../components/Form';
import Card from '../components/Card';
import Page from '../components/Page';
function Index(): JSX.Element {
2021-07-02 20:55:26 +02:00
const { t } = useTranslation(['common', 'index', 'errors']);
2021-07-09 03:22:14 +02:00
const title = 'CovidPass';
const description = 'Add your EU Digital COVID Certificates to your favorite wallet app.';
2021-07-02 20:55:26 +02:00
return (
<>
<NextSeo
2021-07-09 03:22:14 +02:00
title={title}
2021-07-09 03:19:04 +02:00
description={description}
openGraph={{
url: 'https://covidpass.marvinsextro.de/',
2021-07-09 03:22:14 +02:00
title: title,
2021-07-09 03:19:04 +02:00
description: description,
images: [
{
url: 'https://covidpass.marvinsextro.de/thumbnail.png',
width: 1000,
height: 500,
2021-07-09 03:19:04 +02:00
alt: description,
}
],
2021-07-09 03:22:14 +02:00
site_name: title,
}}
twitter={{
handle: '@marvinsxtr',
site: '@marvinsxtr',
cardType: 'summary_large_image',
}}
/>
<Page content={
<div className="space-y-5">
<Card content={
2021-07-02 20:55:26 +02:00
<p>{t('common:subtitle')}&nbsp;{t('index:iosHint')}</p>
}/>
<Form/>
</div>
}/>
</>
)
}
2021-07-03 11:59:59 +02:00
export async function getStaticProps({ locale }) {
2021-07-02 20:55:26 +02:00
return {
props: {
...(await serverSideTranslations(locale, ['common', 'index', 'errors'])),
},
};
}
export default Index;