# S06: Landing Page Personality Pass — UAT

**Milestone:** M016
**Written:** 2026-04-03T06:23:12.920Z

# S06 UAT: Landing Page Personality Pass

## Preconditions
- Frontend built and deployed (or running dev server)
- API running with stats endpoint returning real data (technique_count > 0, creator_count > 0)

## Test Cases

### TC1: Animated stat count-up
1. Navigate to homepage
2. If stats section is below the fold, scroll down until it enters viewport
3. **Expected:** Numbers animate from 0 to their final values (e.g., 0 → 21 for articles, 0 → 7 for creators) with smooth ease-out timing over ~1.2 seconds
4. Scroll away and back
5. **Expected:** Numbers remain at final values — animation does not replay

### TC2: Count-up handles async data load
1. Hard-refresh homepage (Ctrl+Shift+R) with stats section visible
2. **Expected:** Numbers start at 0, then animate to real values once the API response arrives. No flash of "0" remaining static.

### TC3: Unified section headings
1. On homepage, inspect these headings: "Popular Topics", "Trending Searches", "Featured Technique", "Recently Added"
2. **Expected:** All four use identical font-size (0.8125rem), font-weight (600), uppercase text-transform, and letter-spacing (0.06em)
3. **Expected:** "Featured Technique" label uses cyan accent color; others use muted text color

### TC4: Above-fold content at 900px viewport
1. Set viewport height to 900px (desktop width)
2. Navigate to homepage
3. **Expected:** Search bar, value proposition text, and at least the start of "Popular Topics" section are visible without scrolling

### TC5: Header brand accent
1. On any page, inspect the main header bar
2. **Expected:** A 2px solid cyan (`var(--color-accent)`) border appears at the bottom of the header

### TC6: No visual regressions
1. Navigate to homepage at 1280px wide
2. **Expected:** Featured card still has rounded corners, card stagger animations still play, trending pills still clickable
3. Resize to 375px
4. **Expected:** Layout remains single-column, no horizontal overflow, section headings readable

### Edge Cases
- **Stats API returns 0/0:** Count-up should display 0 without animation glitch
- **Slow network:** Stats load after scroll — animation should still trigger once data arrives and section is visible
