AI Reklam Görseli + Copy Jeneratörü

# AI Reklam Görseli + Copy Jeneratörü

**Ne inşa ediyoruz:** Ürün fotoğrafı yüklenince arka planı değiştirip, marka renklerine uydurup, başlık/CTA üreten ve 1:1 + 9:16 + 16:9 formatlarda export eden araç.

**Kullanıcının işi (JTBD):** Yeni ürün fotoğrafımı yüklüyorum, 5 dakikada Meta'da test edebileceğim 6 farklı kreatif (görsel + copy) elde etmek istiyorum.

---

## Stack
- Next.js 15 App Router
- Tailwind + shadcn/ui + html2canvas
- Supabase Postgres + storage
- Claude Sonnet 4.6 (copy)
- Replicate API (image — Stable Diffusion + ControlNet) veya Imagen
- remove.bg API (background removal)
- Deploy: Vercel

## Veri modeli
```sql
create table brands (
  id uuid primary key default gen_random_uuid(),
  user_id uuid references auth.users not null,
  name text, primary_color text, font text,
  voice_notes text, logo_url text
);

create table products (
  id uuid primary key default gen_random_uuid(),
  brand_id uuid references brands,
  name text, description text, image_url text, transparent_url text
);

create table creatives (
  id uuid primary key default gen_random_uuid(),
  product_id uuid references products,
  audience text, goal text,
  variants jsonb, format text,
  created_at timestamptz default now()
);
```

## Ana akışlar
1. Marka oluştur: renk, font, ton (1 cümle), logo yükle.
2. Ürün ekle, fotoğraf yükle → background remove → transparent PNG.
3. Yeni kreatif: hedef kitle + amaç (sales/awareness) + format.
4. AI 6 varyant: 3 farklı arka plan kompozisyonu × 2 farklı copy.
5. Tekli görselleri Tailwind canvas üstünde compose et + export.

## 6 saatlik inşa sırası
- 0:00–1:00 — Scaffold + auth + brand CRUD
- 1:00–2:00 — Ürün upload + remove.bg
- 2:00–3:30 — Replicate image gen (background scenes)
- 3:30–4:30 — html2canvas compose (logo + ürün + copy overlay)
- 4:30–5:30 — Claude copy (3 hook + 3 body)
- 5:30–6:00 — Vercel deploy

## Başarı kriteri
- [ ] 1 ürün için 6 farklı kreatif üretildi (1:1 IG)
- [ ] Marka rengi ve fontu uygulanıyor
- [ ] Copy ürün özelliklerine değil faydaya odaklanıyor
- [ ] PNG export indirilebiliyor
- [ ] Mobil responsive editor

## Dikkat
- Replicate image-gen maliyet pahalı ($0.02-0.10/görsel) — kullanıcı kotası şart.
- Background removal kalitesi remove.bg ücretsiz katmanı yetersiz olabilir; rembg self-host alternatif.
- Telif: AI image gen ürünün kendisini dağıtmasın — ControlNet ile orijinal ürün korunmalı.
- 9:16 + 16:9 formatları smaller subset için Pro feature.