<script setup>
  useHead({
    title: 'Whois Domain Name Search | Tinysites',
    meta: [
      { name: 'description', content: `` },

      { name: `og:type`, content: `website` },
      { name: `og:url`, content: `https://www.tinysites.com` },
      { name: `og:title`, content: `Whois Domain Name Search | Tinysites` },
      { name: `og:description`, content: `` },
      { name: `og:image`, content: `https://www.tinysites.com/img/meta.png` },

      { name: `twitter:card`, content: `summary_large_image` },
      { name: `twitter:url`, content: `https://www.tinysites.com` },
      { name: `twitter:title`, content: `Whois Domain Name Search | Tinysites` },
      { name: `twitter:description`, content: `` },
      { name: `twitter:image`, content: `https://www.tinysites.com/img/meta.png` },
    ],
  })

  const host = hostname()
</script>

<template>
  <div class="index">
    <Search />
    <div class="about">
      <p>Check if a domain name on <NuxtLink :to="host" target="_BLANK">Tinysites</NuxtLink> has already 
        been registered. If the domain is taken, we'll provide you with it's publicly available WHOIS data.</p>
    </div>
    <Products />
    <Faq />
  </div>
</template>