---
import Layout from '../layouts/Layout.astro';
---

<Layout title="{{PROJECT_NAME}}">
  <main class="min-h-screen bg-gradient-to-br from-slate-900 to-slate-800">
    <div class="container mx-auto px-4 py-16">
      <div class="text-center">
        <h1 class="text-5xl font-bold text-white mb-6">
          {{PROJECT_NAME}}
        </h1>
        <p class="text-xl text-slate-300 mb-8 max-w-2xl mx-auto">
          Welcome to your new Astro landing page. Edit this file at
          <code class="bg-slate-700 px-2 py-1 rounded">src/pages/index.astro</code>
        </p>
        <div class="flex gap-4 justify-center">
          <a
            href="https://docs.astro.build"
            class="px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition"
          >
            Read the Docs
          </a>
          <a
            href="{{GIT_URL}}"
            class="px-6 py-3 bg-slate-700 text-white rounded-lg hover:bg-slate-600 transition"
          >
            View Source
          </a>
        </div>
      </div>
    </div>
  </main>
</Layout>
