diff --git a/decks/demo/slides.md b/decks/demo/slides.md
index 8b604e9..bbee1ad 100644
--- a/decks/demo/slides.md
+++ b/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
+
+
---
-# Hello World
+# What is Slidev?
-This is a minimal slide deck.
+A presentation tool for developers
-- Built with **Slidev**
-- Markdown-based
-- Ready to go
+
-
+- **Markdown-based** — focus on content, not formatting
+- **Developer-friendly** — code highlighting, Monaco editor, terminal
+- **Beautiful** — themes, animations, transitions
+- **Extensible** — Vue components, UnoCSS, MDC syntax
+
+
+
+---
+
+# Getting Started
+
+::left::
+
+### Create
+
+```bash
+pnpm create slidev
+```
+
+### Develop
+
+```bash
+pnpm run dev
+```
+
+### Build
+
+```bash
+pnpm run build
+```
+
+::right::
+
+
+
+### Project Structure
+
+```
+my-slides/
+├── slides.md # Entry
+├── pages/ # Extra slides
+├── public/ # Assets
+└── components/ # Vue components
+```
+
+
+
+---
+
+# Write Slides
+
+```md
+---
+theme: default
+---
+
+# My Slide
+
+Content here with **Markdown**.
+
+---
+
+# Next Slide
+
+Use `---` to separate slides.
+```
+
+
+
+- First block is headmatter (deck config)
+- `---` separates slides
+- `` for presenter notes
+
+
+
+---
+layout: center
+---
+
+# Try It Now
+
+```bash
+pnpm run dev
+```
+
+Open http://localhost:3030
diff --git a/decks/showcase/slides.md b/decks/showcase/slides.md
new file mode 100644
index 0000000..99b7485
--- /dev/null
+++ b/decks/showcase/slides.md
@@ -0,0 +1,130 @@
+---
+theme: default
+title: Slidev Showcase
+transition: slide-left
+mdc: true
+---
+
+# Slidev Showcase
+
+Explore the powerful features of Slidev
+
+
+ Press Space to navigate
+
+
+---
+layout: center
+---
+
+# Click Animations
+
+
+
+- Elements appear one by one
+- Supports nested lists
+- Great for step-by-step explanations
+
+
+
+---
+
+# Two-Column Layout
+
+::left::
+
+### Features
+
+
+
+- Markdown-based
+- Vue components
+- Code highlighting
+- Diagrams & Math
+
+
+
+::right::
+
+
+
+```ts
+// It's just Markdown!
+interface Slide {
+ content: string
+ layout?: string
+ transition?: string
+}
+```
+
+
+
+---
+
+# Code Highlighting
+
+```ts {2-3|5-7|all}
+function fibonacci(n: number): number {
+ if (n <= 1) return n
+ return fibonacci(n - 1) + fibonacci(n - 2)
+}
+
+// Click through to reveal lines
+const result = fibonacci(10)
+console.log(`fib(10) = ${result}`)
+```
+
+
+
+
+
+> Use `|` separator to highlight lines per click
+
+
+
+---
+
+# Mermaid Diagrams
+
+```mermaid
+graph LR
+ A[Markdown] --> B[Slidev]
+ B --> C[Vite]
+ B --> D[Vue]
+ C --> E[SPA]
+ D --> E
+ E --> F[Deploy]
+```
+
+---
+
+# Math Equations
+
+Inline math: $E = mc^2$
+
+Block math:
+
+$$
+\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
+$$
+
+
+
+
+
+Powered by **KaTeX** — fast and beautiful math rendering
+
+
+
+---
+layout: center
+class: text-center
+---
+
+# That's Slidev
+
+Write slides in Markdown, present with style.
+
+
diff --git a/index.html b/index.html
index 16fb37e..0bc288a 100644
--- a/index.html
+++ b/index.html
@@ -20,13 +20,13 @@