---
import Layout from "@/layouts/Layout.astro"
---

<Layout>
  <main>
    <section class="px-6 py-24 max-w-4xl mx-auto">
      <h1 class="text-4xl md:text-5xl font-bold tracking-tight mb-6">
        Welcome to Astro Tina Starter
      </h1>
      <p class="text-lg text-primary-600 mb-8 max-w-2xl">
        A modern starter template with Astro 6, Tina CMS, Tailwind CSS 4.x,
        and Thai language support.
      </p>

      <div class="grid gap-6 md:grid-cols-2">
        <div class="p-6 bg-white rounded-xl border border-primary-200">
          <h2 class="text-xl font-semibold mb-3">Tina CMS</h2>
          <p class="text-primary-600">
            Self-hosted content management with schema-based editing.
          </p>
        </div>

        <div class="p-6 bg-white rounded-xl border border-primary-200">
          <h2 class="text-xl font-semibold mb-3">Tailwind v4</h2>
          <p class="text-primary-600">
            Latest Tailwind CSS with @tailwindcss/vite plugin.
          </p>
        </div>

        <div class="p-6 bg-white rounded-xl border border-primary-200">
          <h2 class="text-xl font-semibold mb-3">ConsentOS</h2>
          <p class="text-primary-600">
            PDPA-compliant consent management with auto-blocking tracking.
          </p>
        </div>

        <div class="p-6 bg-white rounded-xl border border-primary-200">
          <h2 class="text-xl font-semibold mb-3">Thai Support</h2>
          <p class="text-primary-600">
            Ready for Thai language content with Noto Sans Thai.
          </p>
        </div>
      </div>
    </section>
  </main>
</Layout>
