first commit

docs/prd.md

@@ -0,0 +1,63 @@
+PRD 2.0: Aydoğan Nakliyat Vinç - Modern & Lead Odaklı Web Projesi
+1. Proje Özeti (Güncellendi)
+Müşteri: Aydoğan Nakliyat Vinç (Dalaman)
+
+Temel Hedef: Doğrudan İş Getirmek (Leads). Sitenin temel amacı, kullanıcının "Teklif Al" veya "Ara" butonuna basmasını sağlamaktır.
+
+Görsel Vizyon: Geleneksel vinç firmalarından sıyrılan; modern, hareketli (animasyonlu), güven veren ve operasyonel gücü hissettiren birinci sınıf bir web sitesi.
+
+2. Tasarım ve Kullanıcı Deneyimi (UI/UX) - [Yeni Odak]
+Bu kısım müşterinin "modernlik" isteğini karşılayacak.
+
+A. Animasyon ve Hareket Stratejisi
+Smooth Scrolling: Sayfa kaydırması pürüzsüz ve akışkan olmalı.
+
+Scroll-Triggered Animations: Kullanıcı sayfada aşağı indikçe vinç resimleri, teknik özellikler veya referans sayıları animasyonlu bir şekilde ekrana gelmeli. (Örn: Vinç kolu yukarı kalkıyor gibi bir efekt).
+
+Parallax Efektleri: Arka plan görselleri (şantiye manzaraları) ve ön plan içerikleri farklı hızlarda hareket ederek derinlik hissi vermeli.
+
+Lottie Animations: "Hızlı Servis" gibi ikonlar statik değil, hafif hareketli Lottie animasyonları olabilir.
+
+Geçiş Efektleri: Sayfalar arası geçişler veya galeri görsellerine tıklama anları yumuşak olmalı.
+
+B. Görsel Dil (Visual Identity)
+Renk Paleti: Sektörün standardı olan Güç/Enerji (Sarı/Turuncu) + Profesyonellik (Koyu Gri/Siyah) + Güven (Beyaz).
+
+Tipografi: Modern, güçlü, sans-serif fontlar. (Örn: Inter, Poiret One, Oswald veya Montserrat).
+
+3. Lead Generation (Müşteri Kazanımı) Odaklı Özellikler
+Sitenin her santimetrekaresi iş getirmek için tasarlanmalı.
+
+Sticky "Hemen Teklif Al" Header: Sayfa ne kadar aşağı kaysa da, üstte "05XX XXX XX XX" telefonu ve "Hızlı Teklif Al" butonu sabit kalacak.
+
+Floating WhatsApp Business: Sağ altta. "Operatörle Konuşun" veya "Fotoğraf Gönder, Teklif Al" metniyle. (Müşteri şantiyedeki sorunun fotoğrafını atabilir).
+
+Hizmet Odaklı Kısa Formlar: Sadece "Bize Yazın" formu değil. "Vinç Kiralama" sayfasının sonunda "Kaç Tonluk Vinç Lazım?" diye başlayan 2 soruluk bir form olmalı.
+
+Acil Durum Vurgusu: Gece çalışan veya kaza yapanlar için "7/24 Acil Müdahale" ibaresi her yerde göze çarpmalı.
+
+4. Teknik Gereksinimler & Performans
+"Animasyonlu ve Modern" demek "Yavaş" demek olmamalı. SEO için hız çok önemli.
+
+Altyapı: Mükemmel performans ve SEO için Next.js (React) veya Nuxt.js (Vue.js). Bu frameworkler animasyon kütüphaneleriyle (GSAP, Framer Motion) harika çalışır.
+
+Görsel Optimizasyon: Tüm görseller WebP/AVIF formatında ve lazy-load (kaydırdıkça yüklenme) özelliğiyle gelmeli.
+
+SEO Temeli (Özet):
+
+Muğla ilçeleri odaklı (Dalaman, Ortaca, Fethiye, Göcek) URL yapısı.
+
+Hızlı yükleme süreleri (PageSpeed Score > 90).
+
+Kusursuz Mobil UI (Telefonda "tıklanamayacak kadar küçük buton" olmayacak).
+
+5. İçerik Haritası (Taslak)
+Ana Sayfa (Hero: Hareketli Vinç Videosu/Görseli + Hızlı Teklif Al Butonu)
+
+Hizmetlerimiz (Niş Alt Sayfalar: Tekne Taşıma, Çelik Montaj, Konteyner vb.)
+
+Filomuz (Animasyonlu Kartlarla Araçlar)
+
+Galeri/Referanslar (Zorlu Operasyonların Videoları)
+
+İletişim (Harita, Adres, Tıkla Ara)