<script setup lang="ts">
useHead({
  title: 'vat-api.eu — Free EU VAT Rates API',
  meta: [
    {
      name: 'description',
      content: 'Get current VAT rates for all 27 EU member states with a free, open REST API. No API key required.',
    },
    { property: 'og:title', content: 'vat-api.eu — Free EU VAT Rates API' },
    {
      property: 'og:description',
      content: 'Get current VAT rates for all 27 EU member states with a free, open REST API. No API key required.',
    },
    { property: 'og:type', content: 'website' },
    { property: 'og:url', content: 'https://vat-api.eu' },
    { name: 'twitter:card', content: 'summary_large_image' },
    { name: 'twitter:title', content: 'vat-api.eu — Free EU VAT Rates API' },
    {
      name: 'twitter:description',
      content: 'Get current VAT rates for all 27 EU member states with a free, open REST API. No API key required.',
    },
  ],
})

useScrollAnimation()
</script>

<template>
  <div class="min-h-screen">
    <Navbar />
    <main>
      <HeroSection />
      <FeaturesGrid />
      <VatRateTable />
      <ApiPlayground />
      <CodeExamples />
    </main>
    <FooterSection />
  </div>
</template>
