feat: add showcase deck and enhance demo slides

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

decks/demo/slides.md

@@ -1,22 +1,110 @@
 ---
 theme: default
-title: Slide Demo
+title: Quick Start
+layout: cover
 ---
 
-# Slide Demo
+# Quick Start
 
-Minimal Slidev test
+Slidev in 3 minutes
+
+<div class="abs-br m-6">
+  <a href="https://github.com/slidevjs/slidev" target="_blank" class="text-sm opacity-50 !border-none">
+    GitHub
+  </a>
+</div>
 
 ---
 
-# Hello World
+# What is Slidev?
 
-This is a minimal slide deck.
+A presentation tool for developers
 
-- Built with **Slidev**
-- Markdown-based
-- Ready to go
+<v-clicks>
 
-<!--
-Presenter notes: everything is working!
--->
+- **Markdown-based** — focus on content, not formatting
+- **Developer-friendly** — code highlighting, Monaco editor, terminal
+- **Beautiful** — themes, animations, transitions
+- **Extensible** — Vue components, UnoCSS, MDC syntax
+
+</v-clicks>
+
+---
+
+# Getting Started
+
+::left::
+
+### Create
+
+```bash
+pnpm create slidev
+```
+
+### Develop
+
+```bash
+pnpm run dev
+```
+
+### Build
+
+```bash
+pnpm run build
+```
+
+::right::
+
+<v-click>
+
+### Project Structure
+
+```
+my-slides/
+├── slides.md      # Entry
+├── pages/         # Extra slides
+├── public/        # Assets
+└── components/    # Vue components
+```
+
+</v-click>
+
+---
+
+# Write Slides
+
+```md
+---
+theme: default
+---
+
+# My Slide
+
+Content here with **Markdown**.
+
+---
+
+# Next Slide
+
+Use `---` to separate slides.
+```
+
+<v-clicks>
+
+- First block is headmatter (deck config)
+- `---` separates slides
+- `<!-- -->` for presenter notes
+
+</v-clicks>
+
+---
+layout: center
+---
+
+# Try It Now
+
+```bash
+pnpm run dev
+```
+
+Open http://localhost:3030