Tasarım Prompt Analizi

## KAYIT BİLGİLERİ

Dosya konumu: public/design/templates/{kategori-adi}/{versiyon}/index.html

Örnek:
- public/design/templates/saglik-klinigi/v1/index.html
- public/design/templates/belediye-sitesi/v2-koyu/index.html

Kurallar:
- Kategori: sektör veya proje adı (küçük harf, tire ile)
- Versiyon: v1, v2, v3 veya v1-aciklama, v2-minimal gibi
- Dosya adı: her zaman index.html

---

## TASARIM TALİMATLARI

ANA HEDEF: Profesyonel, düzenli ve sektöre uygun kurumsal web sitesi. Temiz layout, okunabilir tipografi, tutarlı spacing. İçerik Türkçe olsun.

KULLANILACAK TEKNOLOJİLER: Tailwind CSS v4 (CDN), Alpine.js (interaktivite), ve gerektiğinde ek kütüphaneler (Swiper, GSAP, AOS, Lottie vb. CDN ile). Sayfa modern, profesyonel ve premium ama sakin hissettirmeli.

---

## 🎲 ÖZGÜNLÜK KURALLARI (ZORUNLU)

⚠️ KRİTİK: Her tasarımda aşağıdaki listelerden RASTGELE seçim yap.
Aynı kombinasyonu TEKRARLAMA. Önceki tasarımlardan FARKLI ol.

### HERO SECTION (Aşağıdakilerden BİRİNİ seç):
1. **Full-Screen Visual** - Tam ekran görsel/video, üzerinde ortalı metin
2. **Split Layout (Sol Metin)** - Sol: içerik | Sağ: görsel
3. **Split Layout (Sağ Metin)** - Sol: görsel | Sağ: içerik [TAM TERSİ!]
4. **Typographic Hero** - Minimal, dev tipografi odaklı, görsel yok/çok az
5. **Slider/Carousel** - Otomatik geçişli çoklu slide
6. **Video Background** - Arka planda döngüsel video
7. **Asymmetric Overlap** - Örtüşen elementler, asimetrik düzen
8. **Animated Canvas** - Particles, waves veya geometrik animasyon
9. **Stacked Cards** - Kayan/üst üste kartlar
10. **Magazine Style** - Gazete/dergi layout, grid-based

### ABOUT/HAKKIMIZDA (Aşağıdakilerden BİRİNİ seç):
1. **Timeline** - Yatay veya dikey zaman çizelgesi
2. **Stats First** - Önce büyük istatistikler, sonra metin
3. **Image Gallery** - Masonry veya kaydırmalı galeri
4. **Card Grid** - Değerler/özellikler kart olarak
5. **Parallax Story** - Scroll ile açılan hikaye
6. **Video Testimonial** - Video ile tanıtım
7. **Split Reveal** - Scroll ile açılan iki taraflı içerik
8. **Infographic Style** - Görsel infografik

### HİZMETLER/ŞİRKETLER (Aşağıdakilerden BİRİNİ seç):
1. **Hover Cards** - Hover'da detay açılan kartlar
2. **Tab Navigation** - Sekmeli içerik
3. **Accordion** - Akordiyon açılır/kapanır
4. **Carousel/Slider** - Kaydırmalı gösterim
5. **Masonry Grid** - Farklı boyutlarda kartlar
6. **Interactive Map** - Tıklanabilir görsel harita
7. **Bento Grid** - Apple tarzı farklı boyutlu grid
8. **Icon List** - Basit, temiz liste görünümü
9. **Feature Comparison** - Karşılaştırma tablosu

### STRATEJİ/DEĞERLER (Aşağıdakilerden BİRİNİ seç):
1. **Numbered Steps** - Adım adım süreç
2. **Icon Pillars** - İkonlu sütunlar
3. **Quote + Features** - Büyük alıntı + alt özellikler
4. **Interactive Wheel** - Tıklanabilir tekerlek/çember
5. **Before/After** - Önce/sonra karşılaştırma
6. **Animated Counter** - Animasyonlu sayaçlar
7. **Staggered Reveal** - Scroll ile sırayla açılan

### İLETİŞİM (Aşağıdakilerden BİRİNİ seç):
1. **Split Form** - Sol bilgi, sağ form
2. **Full-Width Map** - Büyük harita üzerinde form overlay
3. **Minimal Card** - Tek kart içinde her şey
4. **Multi-Step Form** - Adımlı form wizard
5. **Chat-Like** - Sohbet arayüzü tarzı
6. **Contact Cards** - Farklı iletişim yöntemleri için kartlar

### FOOTER (Aşağıdakilerden BİRİNİ seç):
1. **Multi-Column Classic** - 4-5 sütun klasik
2. **Minimal Bar** - Tek satır, çok sade
3. **CTA Footer** - Büyük CTA + minimal linkler
4. **Newsletter Focus** - Bülten formu odaklı
5. **Magazine Footer** - Dergi stili, görsel ağırlıklı
6. **Stacked Sections** - Dikey bölümler halinde

---

## 🔀 SECTION SIRASI (RASTGELE DEĞİŞTİR!)

Standart sıra yerine, sektöre göre mantıklı farklı sıralamalar dene:
- Hero'dan sonra hemen şirketler/hizmetler gelebilir
- İstatistikler ayrı section yerine hero içinde olabilir
- İletişim ortada, haberler sonda olabilir
- Bazı section'lar atlanabilir (her sitede hepsi olmasın)

---

## 🎨 GÖRSEL STIL (Her tasarımda FARKLI)

FONT SEÇİMİ: Google Fonts'tan sektöre uygun font çifti seç.
⚠️ Son kullanılanlardan FARKLI fontlar seç:
- Roboto, Playfair Display (v1'de kullanıldı) - KULLANMA
- Cormorant Garamond, Inter (v4'te kullanıldı) - KULLANMA
- Plus Jakarta Sans (v5'te kullanıldı) - KULLANMA
- Space Grotesk (madencilik'te kullanıldı) - KULLANMA

RENK SİSTEMİ: CSS custom properties ile. Sektöre göre farklı paletler:
- Mavi tonları sadece kurumsal/finans için
- Yeşil sadece çevre/tarım/sürdürülebilirlik için
- Altın/bronz lüks/prestij için
- Turuncu/kırmızı enerji/dinamizm için

İKON SİSTEMİ: FontAwesome Pro (fa-thin, fa-light, fa-regular, fa-solid, fa-duotone).

---

## ⚙️ TEKNİK GEREKSİNİMLER

- Responsive tasarım (mobil öncelikli)
- Dark/Light mode toggle
- Mobil menü (hamburger)
- Header: Mega menu veya dropdown
- ⚠️ Dropdown'lar parent link altında ortalı: left: 50%; transform: translateX(-50%);
- Hover efektleri: subtle, abartısız. Kartlar zıplamasın, scale ile yaklaşmasın.
- AOS veya benzeri scroll animasyonları
- Lazy loading görseller

📋 PROMPT MODAL (ZORUNLU): Sayfanın en altına küçük "Prompt" butonu ekle.
Tıklayınca modal açılsın, içinde bu siteyi oluşturmak için kullanılan prompt gösterilsin.

Tüm çıktı tek dosya index.html olarak verilecek.

---

## 🏭 SEKTÖR & TARZ

sektör: [KULLANICI GİRİŞİ]
tarz: [KULLANICI GİRİŞİ]

---

## ✅ SON KONTROL

Tasarımı tamamlamadan önce kontrol et:
☐ Hero layout öncekilerden farklı mı?
☐ About section farklı yaklaşım mı?
☐ Hizmetler/şirketler farklı görünüm mü?
☐ Font kombinasyonu yeni mi?
☐ Renk paleti sektöre uygun ve farklı mı?
☐ Section sıralaması standart değil mi?