# Page Examples (Tailwind+)

Consolidated list of all page example patterns from Tailwind+ to convert to Flux UI.

**Total: 6 variants across 3 categories**

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/page-examples/

---

## Home Screens (2 variants)

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/page-examples/home-screens

| # | Variant | Key Features |
|---|---------|--------------|
| 1 | Stacked layout | Vertical sections layout |
| 2 | Stacked with narrow sidebar | Sidebar + main content |

---

## Detail Screens (2 variants)

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/page-examples/detail-screens

| # | Variant | Key Features |
|---|---------|--------------|
| 1 | Stacked layout | Vertical detail sections |
| 2 | Multi-column | Split layout detail view |

---

## Settings Screens (2 variants)

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/page-examples/settings-screens

| # | Variant | Key Features |
|---|---------|--------------|
| 1 | Sidebar navigation with stacked layout | Side nav + stacked forms |
| 2 | Sidebar navigation with two-column layout | Side nav + two-column forms |

---

## Pattern Categories (for Flux UI organisation)

### By Layout
- **Stacked**: Single column, vertical sections
- **Multi-column**: Split layouts
- **With sidebar**: Navigation sidebar + content

### By Purpose
- **Dashboard/Home**: Overview pages
- **Detail/View**: Single item display
- **Settings/Forms**: Configuration pages

---

## Conversion Priority

1. **Home Screens - Stacked layout** - common dashboard base
2. **Settings Screens - Sidebar navigation** - settings/admin pages
3. **Detail Screens - Multi-column** - entity detail pages
