Landing Page Copy Optimizer

# Landing Page Copy Optimizer

**Ne inşa ediyoruz:** Bir URL verince mevcut başlık/alt başlık/CTA'yı çıkaran ve 3 A/B varyasyonu + gerekçe üreten araç.

**Kullanıcının işi (JTBD):** Mevcut landing page'im istenen conversion'ı getirmediğinde, CRO danışmanına $3000 vermeden 3 güçlü alternatif görmek istiyorum, böylece bu hafta test başlatayım.

---

## Stack
- Next.js 15 + TS strict, Tailwind + shadcn/ui
- Supabase (magic link + Postgres)
- Playwright (headless render), Claude Sonnet 4.6
- Deploy: Vercel

## Veri modeli
```sql
create table analyses (
  id uuid primary key default gen_random_uuid(),
  user_id uuid references auth.users,
  url text, screenshot_path text,
  current_h1 text, current_sub text, current_cta text,
  variants jsonb, created_at timestamptz default now()
);
```

## Ana akışlar
1. URL gir → Playwright render + screenshot.
2. DOM'dan h1 / hero metni / ana CTA'yı çıkar.
3. Claude: "3 farklı pozisyonlama açısı ile yeniden yaz: (a) probleme giriş, (b) sonuca vaat, (c) kontra-görüş. Her biri için h1 + sub + CTA + neden-daha-iyi gerekçe".
4. Karşılaştırma tablosu: orijinal + 3 varyant.

## 6 saatlik inşa sırası
- 0:00–1:00 — Scaffold + auth + schema
- 1:00–2:30 — Playwright render + DOM çıkarım
- 2:30–4:00 — Claude prompt + karşılaştırma tablosu
- 4:00–5:00 — Screenshot görüntüleme + paylaşılabilir link
- 5:00–6:00 — Deploy

## Başarı kriteri
- [ ] 3 farklı URL'de çalışıyor
- [ ] Varyantlar gerçekten farklı pozisyonlama
- [ ] Her varyantta gerekçe net
- [ ] Canlı URL

## Dikkat
- JS-heavy siteler için Playwright + networkidle bekle.
- Claude'u "gerekçe" için zorla — varsayılanda "daha iyi olur" gibi laf salatası verir.