import { Html, Head, Main, NextScript, DocumentContext } from 'next/document'

// This document is not required, however is used mainly to add Headers for the SEO 
// It's also used for the google fonts, so the app doesnt require to have the whole fonts downloaded 
const Document = () => {
  return (
    <Html>
      <Head>
        <link rel="preconnect" href="https://fonts.googleapis.com"/>
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin='anonymous'/>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"/> 
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

export default Document;