feat: init

app/pages/index.vue

@@ -0,0 +1,40 @@
+<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>