next-app-boilerplate/pages/index.tsx

32 lines
1.1 KiB
TypeScript
Raw Normal View History

import NextHead from 'components/NextHead'
import type { NextPage } from 'next'
import Link from 'next/link'
2022-05-16 14:25:01 +02:00
import useTranslation from 'next-translate/useTranslation'
import { FiGithub } from 'react-icons/fi'
2022-02-12 23:07:11 +01:00
const Home: NextPage = () => {
2022-05-16 14:25:01 +02:00
const { t } = useTranslation()
return (
<main className='flex min-h-screen max-w-full flex-col items-center justify-center bg-gradient-to-br from-primary to-secondary'>
2022-05-16 14:25:01 +02:00
<NextHead />
<p className='px-3 text-center text-4xl italic text-white'>
2022-05-16 14:25:01 +02:00
{t('home:title')} <br />
<span className='px-3 text-center text-lg italic text-white opacity-90'>
{t('home:subtitle')}
</span>
</p>
<Link href='https://github.com/Walidoux/next-app-boilerplate'>
<a className='mt-7 flex cursor-pointer items-center justify-center rounded-xl border-none bg-white bg-none py-[10px] px-6 font-semibold text-black no-underline outline-none transition duration-300 hover:bg-black hover:text-white'>
2022-05-16 14:25:01 +02:00
<FiGithub fontSize={20} />
2022-08-13 15:15:08 +02:00
<span className='ml-3'>{t('common:repo-github')}</span>
</a>
</Link>
</main>
)
}
2022-02-12 23:07:11 +01:00
export default Home