🎨 Tasarım Özeti
Stil Özellikleri
| Ana Stil | Modern |
| Renk Teması | Mor (Purple) |
| Layout | Boxed |
| Köşeler | Yumuşak (rounded-2xl) |
| Gölgeler | Hafif (shadow-lg) |
| Animasyonlar | GSAP + ScrollTrigger |
Kullanılan Bileşenler
- Header: Klasik + Mega Menü
- Hero: Slider (3 slide, fade efekti)
- Hizmetler: 6 kart grid
- Hakkımızda: Metin + görsel yan yana
- Galeri: 6 görselli masonry grid
- SSS: Accordion (5 soru)
- Blog: 3 kart grid
- İletişim: Form + harita
- Footer: 4 sütunlu
🎨 Renk Paleti
Ana Renkler - Mor (Purple)
50
#faf5ff
200
#e9d5ff
500
#a855f7
600
#9333ea
700
#7e22ce
900
#581c87
Toprak Tonları (Aksan)
50
#faf8f5
400
#c9a97e
700
#8a633e
🔤 Tipografi
Başlık Fontu
Cormorant Garamond
Serif, zarif, at binicilik estetiğine uygun
Gövde Fontu
Montserrat
Sans-serif, modern, okunabilir
Google Fonts Import
🖼️ Leonardo AI Görsel Promptları
Hero Slider Görselleri
hero-1.webp (1920x1080)
hero-2.webp (1920x1080)
hero-3.webp (1920x1080)
Hakkımızda Görselleri
about.webp (800x600)
about-2.webp (800x600)
Hizmet Kartları
service-1.webp - Binicilik Dersleri (600x400)
service-2.webp - At Pansiyonu (600x400)
service-3.webp - Çocuk Eğitimi (600x400)
service-4.webp - At Bakımı (600x400)
service-5.webp - Yarışma Hazırlığı (600x400)
service-6.webp - Hippoterapi (600x400)
Galeri Görselleri
gallery-1.webp (800x600)
gallery-2.webp (800x600)
gallery-3.webp (800x600)
gallery-4.webp (800x600)
gallery-5.webp (800x600)
gallery-6.webp (800x600)
Blog Görselleri
blog-1.webp (800x500)
blog-2.webp (800x500)
blog-3.webp (800x500)
Social Media
og-image.jpg (1200x630)