refactor(pages): clean up

pages/_app.tsx

@@ -10,7 +10,6 @@ import { useEffect } from 'react'
 const MyApp = ({ Component, pageProps }: AppProps): JSX.Element => {
   const { lang } = useTranslation()
 
-  // 10 years before cookie's expiration
   const COOKIE_EXPIRATION = 10 * 365.25 * 24 * 60 * 60
 
   useEffect(() => {

pages/index.tsx

@@ -3,28 +3,32 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import useTranslation from 'next-translate/useTranslation'
 import { FiGithub } from 'react-icons/fi'
+import { Fragment } from 'react'
 
 const Home: NextPage = () => {
   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'>
+    <Fragment>
       <NextHead />
 
-      <p className='px-3 text-center text-4xl italic text-white'>
-        {t('home:title')} <br />
-        <span className='px-3 text-center text-lg italic text-white opacity-90'>
+      <main className='flex min-h-screen max-w-full flex-col items-center justify-center bg-gradient-to-br from-primary to-secondary'>
+        <p className='px-3 text-center text-4xl italic text-white'>
+          {t('home:title')}
+        </p>
+        <span className='mt-3 px-3 text-center text-lg italic text-white/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'>
+        <Link
+          target='_blank'
+          href='https://github.com/Walidoux/next-app-boilerplate'
+          className='mt-7 flex cursor-pointer items-center justify-center rounded-xl border-none bg-white/80 bg-none py-[10px] px-6 font-semibold text-black no-underline outline-none transition duration-300 hover:bg-black/50 hover:text-white'>
           <FiGithub fontSize={20} />
           <span className='ml-3'>{t('common:repo-github')}</span>
-        </a>
-      </Link>
-    </main>
+        </Link>
+      </main>
+    </Fragment>
   )
 }