<script setup>
  useHead({
    title: 'Inspin Digital | Resources',
    meta: [
      { 
        name: 'description',
        content: `` 
      },      
    ],
  })
</script>

<template>
  <div class="resources center">

    <!-- Hero -->
    <div class="heading">
      <div class="msg">
        <h2>Resources</h2>
        <p>Learn more about our products and find useful links.</p>
        <!-- <p>We offer all the resources you need to get the job done</p> -->
      </div>
    </div>

    <!-- Content -->
    <div class="links">
      
      <ul>
        <li><h3>Company</h3></li>
        <li><NuxtLink to="/about">About us</NuxtLink></li>
        <li><NuxtLink to="/articles">Get Notified</NuxtLink></li>
        <li><NuxtLink to="https://git.inspin.io/inspin/" target="_BLANK">Gitea (git)</NuxtLink></li>
      </ul>

      <ul>
        <li><h3>Products</h3></li>
        <li><NuxtLink to="/products/tinysites">Tinysites</NuxtLink></li>
        <li><NuxtLink to="/products/parked">Parked</NuxtLink></li>
        <li><NuxtLink to="/products/runners">Runners</NuxtLink></li>
      </ul>

      <ul>
        <li><h3>Support</h3></li>
        <li><NuxtLink to="/help">Help Center</NuxtLink></li>
        <li><NuxtLink to="/contact">Contact Form</NuxtLink></li>
        <li><NuxtLink to="https://discuss.inspin.io/" target="_BLANK">Community</NuxtLink></li>
      </ul>

      <ul>
        <li><h3>Social media</h3></li>
        <li><NuxtLink to="https://x.com/InspinHQ" target="_BLANK">X (Twitter)</NuxtLink></li>
        <li><NuxtLink to="https://gab.com/InspinHQ" target="_BLANK">Gab</NuxtLink></li>
        <li><NuxtLink to="https://njump.me/npub1nvdr4aeamnswzzm7a5w2w9a0jfy3qqhqa7dy9jhxlyzg0yjq58wsftqtlh" target="_BLANK">Nostr</NuxtLink></li>
        <!-- <li><NuxtLink to="https://dribbble.com/inspin" target="_BLANK">Dribbble</NuxtLink></li> -->
      </ul>
    </div>

  </div>
</template>