chore: rename website-astro to website, update gitignore

- Rename website-astro/ to website/
- Add website/dist/ and website/.astro/ to gitignore
- Update generate-website-data.mjs output path

website/src/pages/index.astro

@@ -0,0 +1,103 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import Modal from '../components/Modal.astro';
+
+const base = import.meta.env.BASE_URL;
+---
+
+<BaseLayout title="Home" activeNav="">
+  <main>
+    <!-- Hero Section -->
+    <section class="hero">
+      <div class="container">
+        <h1>Awesome GitHub Copilot</h1>
+        <p class="hero-subtitle">Community-contributed instructions, prompts, agents, and skills to enhance your GitHub Copilot experience</p>
+        <div class="hero-search">
+          <input type="text" id="global-search" placeholder="Search all resources..." autocomplete="off">
+          <div id="search-results" class="search-results hidden"></div>
+        </div>
+        <div class="hero-stats" id="stats">
+          <!-- Populated by JS -->
+        </div>
+      </div>
+    </section>
+
+    <!-- Quick Links -->
+    <section class="quick-links">
+      <div class="container">
+        <div class="cards-grid">
+          <a href={`${base}agents/`} class="card">
+            <div class="card-icon">🤖</div>
+            <h3>Agents</h3>
+            <p>Custom agents for specialized Copilot experiences</p>
+          </a>
+          <a href={`${base}prompts/`} class="card">
+            <div class="card-icon">🎯</div>
+            <h3>Prompts</h3>
+            <p>Ready-to-use prompt templates for development tasks</p>
+          </a>
+          <a href={`${base}instructions/`} class="card">
+            <div class="card-icon">📋</div>
+            <h3>Instructions</h3>
+            <p>Coding standards and best practices for Copilot</p>
+          </a>
+          <a href={`${base}skills/`} class="card">
+            <div class="card-icon">⚡</div>
+            <h3>Skills</h3>
+            <p>Self-contained folders with instructions and resources</p>
+          </a>
+          <a href={`${base}collections/`} class="card">
+            <div class="card-icon">📦</div>
+            <h3>Collections</h3>
+            <p>Curated collections organized by themes</p>
+          </a>
+          <a href={`${base}tools/`} class="card">
+            <div class="card-icon">🔧</div>
+            <h3>Tools</h3>
+            <p>MCP servers and developer tools</p>
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <!-- Featured Collections -->
+    <section class="featured">
+      <div class="container">
+        <h2>Featured Collections</h2>
+        <div id="featured-collections" class="cards-grid">
+          <!-- Populated by JS -->
+        </div>
+      </div>
+    </section>
+
+    <!-- Getting Started -->
+    <section class="getting-started">
+      <div class="container">
+        <h2>Getting Started</h2>
+        <div class="steps">
+          <div class="step">
+            <div class="step-number">1</div>
+            <h3>Browse</h3>
+            <p>Explore agents, prompts, instructions, and skills</p>
+          </div>
+          <div class="step">
+            <div class="step-number">2</div>
+            <h3>Preview</h3>
+            <p>Click any item to view its full content</p>
+          </div>
+          <div class="step">
+            <div class="step-number">3</div>
+            <h3>Install</h3>
+            <p>One-click install to VS Code or copy to clipboard</p>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <Modal />
+
+  <script>
+    import '../scripts/pages/index';
+  </script>
+</BaseLayout>