# Step 2: Build 3 Prototypes, Deploy, and Prepare for Testing

**Paste this after Claude has delivered the PRD with 3 proposed approaches.**

---

Great. Now build all 3 approaches as interactive HTML prototypes.

## Speed rules - THIS IS A DEMO

**Build fast, don't polish.** Each variant should take 2-3 minutes max. Do NOT:
- Preview or visually inspect the variants
- Fix cosmetic bugs or tweak spacing
- Iterate on details or refine after the first pass
- Open a browser to check anything

Just write the code, save the files, and move on. The prototypes need to be different enough to test, not pixel-perfect.

## Build requirements

For each approach, create a self-contained HTML file with inline CSS and JS:

**Core functionality (all 3 must have):**
- Add new contact (email, name, active days, notification type)
- Edit existing contact - Save must always work
- Delete contact with confirmation
- Toast notifications for success/error
- Pre-populate with 5-7 sample contacts

**Design constraints:**
- Dark nav header with items: Hotels Overview, Operations, Communication Emails, Billing Process
- White content area, cyan/teal accent, red for destructive, green for confirmations
- Desktop only (1440px)
- **Anonymize everything** - no real company names

**File naming:**
- `variant-a.html` - Approach A
- `variant-b.html` - Approach B
- `variant-c.html` - Approach C

## Deploy

After building all 3, deploy to Vercel immediately. Don't review the code first.

## After deployment

Once all 3 are live on Vercel, tell me the URLs and that you're ready for step 3.