<script setup>
  useHead({
    title: 'Website Builder - Create One-Page Sites for Free - Tinysites',
    meta: [
      { name: `description`, content: `Create a professional website using our intuitive website builder. Perfect for landing pages, portfolios, wedding sites and more - Try Tinysites for free.` },

      { name: `og:type`, content: `website` },
      { name: `og:url`, content: `https://www.tinysites.com` },
      { name: `og:title`, content: `No Code Website Builder: Create Free Sites for Free - Tinysites` },
      { name: `og:description`, content: `Create a professional website using our intuitive website builder. Perfect for landing pages, portfolios, wedding sites and more - Try Tinysites for free.` },
      { 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: `No Code Website Builder: Create Free Sites for Free - Tinysites` },
      { name: `twitter:description`, content: `Create a professional website using our intuitive website builder. Perfect for landing pages, portfolios, wedding sites and more - Try Tinysites for free.` },
      { name: `twitter:image`, content: `https://www.tinysites.com/img/meta.png` },
    ],
  })
</script>

<template>
  <div class="index">

    <!-- Hero -->
    <IndexHero />

    <!-- Template cards -->
    <IndexTemplates />

    <!-- Overview/Benefits -->
    <IndexOverview />

    <!-- Plans -->
    <IndexPricing />

    <!-- Social proof -->

    <!-- Resources -->
    <!-- <IndexResources /> -->

    <!-- Call to action -->

  </div>
</template>