Template System v2 - Plan v9 (Final)

KRİTİK VURGULAR

MEGA MENU ZORUNLU

Her tasarımda mega menu olacak. İnsanları şımartıyor, profesyonellik hissi veriyor. Dropdown'lar zengin içerikli, görsel destekli olmalı.

DARK/LIGHT KUSURSUZ

Dark mode kusursuz çalışmalı. Hiçbir element açık/koyu karışık olmamalı. FOUC yok, geçişler smooth, localStorage persist.

Kesinleşen Kararlar

Genel

VIP hizmet, token önemli değil
AI tüm seçenekleri görür
Tasarım sayısı: 1-2-3
Premium Section zorunlu

Girdiler

Sektör = text input
Ek bilgi = textarea (1000+)
Tarz = kart seçimi
AI brief'e göre karar verir

Zorunlu

Mega Menu
Dark/Light mode
Design consistency
FontAwesome Pro 7

Mega Menu Detayları

Full-Width Stiller

• Grid with images
• Featured + links
• Icon grid
• Tabbed navigation
• Card showcase

Sidebar Stiller

• Slide from left
• Accordion sidebar
• Icon sidebar
• Multi-level
• Dashboard style

Overlay Stiller

• Full-screen overlay
• Centered modal
• Split overlay
• Animated reveal
• Search-focused

Mega menu linkler ortalanmış olmalı (position absolute, left 50%, translateX -50%)

Dark/Light Mode Kuralları (Kusursuz)

🌙 Dark Mode Renkleri

Background:

slate-900, slate-950

Text:

white, slate-100

Secondary:

slate-400

Border:

slate-700, slate-800

Card BG:

slate-800, slate-900

☀️ Light Mode Renkleri

Background:

white, gray-50

Text:

gray-900, slate-900

Secondary:

gray-600

Border:

gray-200, slate-200

Card BG:

white, gray-50

FOUC Önleme: <head> içinde inline script ile tema kontrolü

State Yönetimi: Alpine.js x-data + localStorage persist

Toggle Butonu: Header'da görünür, smooth transition

❌ YASAK: Dark modda açık BG, light modda koyu BG karışımı

Tenant Analizi - Eksik Section'lar

Mevcut tenant sitelerinde olmayan ama olması gereken section'lar:

Testimonials

Müşteri yorumları - HİÇBİRİNDE YOK

Team

Ekip tanıtımı - TR'de kullanılmıyor, EKLENMİYOR

Gallery/Portfolio

Görsel galeri - HİÇBİRİNDE YOK

FAQ

Sık sorulan sorular - HİÇBİRİNDE YOK

Partners/Clients

Logo carousel - HİÇBİRİNDE YOK

Pricing

Fiyat tablosu - HİÇBİRİNDE YOK

Awards/Certs

Ödüller/sertifikalar - HİÇBİRİNDE YOK

Newsletter

Bülten kayıt - TR'de kullanılmıyor, EKLENMİYOR

Video Section

Video tanıtım - HİÇBİRİNDE YOK

Map Section

Harita bölümü - Contact içinde olabilir

Process/Timeline

Süreç adımları - Sadece 1 temada

Features Grid

Özellik kutuları - Services ile karışıyor

JSON Dosyaları (Güncellenmiş)

Dosya	Adet	Açıklama
styles.json	20+	Tarz kuralları
gradients.json	60+	Renk paletleri
fonts.json	75+	Font çiftleri
premium-sections.json	50+	Animasyonlu özel alanlar
heroes.json	200+	Hero layoutları
about.json	150+	Hakkımızda
services.json	150+	Hizmetler
products.json	150+	Ürün section'ları
product-cards.json	100+	Shop kartları (fiyatsız)
product-detail.json	75+	Ürün detay sayfaları
testimonials.json	100+	Müşteri yorumları (YENİ)
gallery.json	100+	Galeri/Portfolio (YENİ)
faq.json	50+	Sık sorulan sorular (YENİ)
partners.json	50+	Logo carousel (YENİ)
pricing.json	75+	Fiyat tabloları (YENİ)
video.json	50+	Video section (YENİ)
process.json	75+	Süreç/Timeline (YENİ)
contact.json	150+	İletişim
cta.json	100+	CTA banner
headers.json	150+	Header/Navigation
mega-menus.json	50+	Mega menu stilleri (DETAYLI)
footers.json	150+	Footer
hover-effects.json	40+	Hover efektleri
backgrounds.json	50+	Animated BG
dark-light.json	Kurallar	Dark/Light mode (DETAYLI)
TOPLAM	2400+	seçenek (24 JSON)

Dosya Yapısı

public/design/data/
├── // Temel
├── styles.json
├── gradients.json
├── fonts.json
├── dark-light.json
│
├── // Premium (Animasyonlu)
├── premium-sections.json
├── mega-menus.json
│
├── // Layoutlar
├── heroes.json
├── headers.json
├── footers.json
│
├── // İçerik Section'ları
├── about.json
├── services.json
├── products.json
├── product-cards.json
├── product-detail.json
├── testimonials.json
├── gallery.json
├── faq.json
├── partners.json
├── pricing.json
├── video.json
├── process.json
├── contact.json
├── cta.json
│
├── // Efektler
├── hover-effects.json
└── backgrounds.json

UI Görünümü

TARZ SEÇİMİ

Mevcut /design/sectors/ kartları

Sektör

Firma Adı

Firma İçeriği / Ek Bilgiler

Kaç tasarım üretilsin?

Yapılacaklar (24 JSON + 1 UI)

Toplam 2400+ seçenek oluşturulacak

1. styles.json

2. gradients.json

3. fonts.json

4. dark-light.json

5. premium-sections.json

6. mega-menus.json

7. heroes.json

8. headers.json

9. footers.json

10. about.json

11. services.json

12. products.json

13. product-cards.json

14. product-detail.json

15. testimonials.json

16. gallery.json

17. faq.json

18. partners.json

19. pricing.json

20. video.json

21. process.json

22. contact.json

23. cta.json

24. hover-effects.json

25. backgrounds.json

26. /design/sectors/index.html güncelle