# S02: About Page — UAT

**Milestone:** M009
**Written:** 2026-03-31T05:42:31.536Z

## UAT: About Page

### Preconditions
- Frontend is running (dev server or production build served)
- Browser open to the application root

### Test 1: Footer link navigates to About page
1. Scroll to the page footer on any page (homepage, technique page, etc.)
2. Locate the "About" link in the footer
3. Click the link
4. **Expected:** Browser navigates to `/about`. Page displays "About Chrysopedia" heading.

### Test 2: What section content
1. Navigate to `/about`
2. Locate the "What Is Chrysopedia?" section
3. **Expected:** Section explains Chrysopedia turns long-form tutorials into a searchable knowledge base. Mentions the name origin (chrysopoeia — transmutation).

### Test 3: How section content
1. On the `/about` page, locate the "How Content Is Extracted" section
2. **Expected:** Five numbered pipeline steps are displayed (Transcription, Segmentation, Key Moment Extraction, Classification, Technique Synthesis). Each step has a brief description.

### Test 4: Who section content
1. On the `/about` page, locate the "Who Maintains This" section
2. **Expected:** Section mentions xpltd with a link to the GitHub organization. Contains a link to the Chrysopedia repository.

### Test 5: Direct URL access
1. Type `/about` directly in the browser address bar and press Enter
2. **Expected:** About page loads correctly without 404 or redirect.

### Test 6: Responsive layout
1. Navigate to `/about`
2. Resize browser to mobile width (~375px)
3. **Expected:** Hero title and section content reflow to single column. Text remains readable. No horizontal overflow.
