<script setup>
  useHead({
    htmlAttrs: [
      { lang: 'en'}
    ],
    link: [
      { rel: 'icon', type: 'image/png', sizes: '48x48', href: '/favicon-48x48.png' },
      { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
      { rel: 'shortcut icon', href: '/favicon.ico' },
      { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
      { rel: 'manifest', href: '/site.webmanifest' },
    ],
    meta: [
      { name: 'apple-mobile-web-app-title', content: "HNS↗WS" },
    ],
    script: [
      {  defer: 'true', 'data-domain': 'hns.ws', src: 'https://pa.inspin.io/js/latest.js' }
    ]
  })
</script>

<template>
  <Header></Header>
  <main>
    <div class="error">
      <h1>404</h1>
      <h2>Page not found</h2>
      <NuxtLink to="/">Homepage</NuxtLink>
    </div>
  </main>
  <Footer></Footer>
</template>
