Template System v2

Plan v9 - Final (Tenant Analizi Dahil)

Onay Bekliyor

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.json20+Tarz kuralları
gradients.json60+Renk paletleri
fonts.json75+Font çiftleri
premium-sections.json50+Animasyonlu özel alanlar
heroes.json200+Hero layoutları
about.json150+Hakkımızda
services.json150+Hizmetler
products.json150+Ürün section'ları
product-cards.json100+Shop kartları (fiyatsız)
product-detail.json75+Ürün detay sayfaları
testimonials.json100+Müşteri yorumları (YENİ)
gallery.json100+Galeri/Portfolio (YENİ)
faq.json50+Sık sorulan sorular (YENİ)
partners.json50+Logo carousel (YENİ)
pricing.json75+Fiyat tabloları (YENİ)
video.json50+Video section (YENİ)
process.json75+Süreç/Timeline (YENİ)
contact.json150+İletişim
cta.json100+CTA banner
headers.json150+Header/Navigation
mega-menus.json50+Mega menu stilleri (DETAYLI)
footers.json150+Footer
hover-effects.json40+Hover efektleri
backgrounds.json50+Animated BG
dark-light.jsonKurallarDark/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ı

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