🏗️ Ürün Gereksinim Dokümanı (PRD): Utku Kırkan Web Projesi 1. Ürün Özeti Utku Kırkan'ın inşaat mühendisliği ve müteahhitlik kimliğini modern, minimalist ve güven veren bir dijital kimlikle temsil eden, reklam odaklı bir Landing Page. Hedef Kitle: Arsa sahipleri, yatırımcılar, konut arayanlar ve teknik danışmanlık ihtiyacı olanlar. Temel Amaç: Güven inşa etmek ve hızlı iletişim (Lead Generation) sağlamak. 2. Teknik Stack Senin uzmanlığın ve mevcut yapına en uygun, yüksek performanslı mimari: Frontend: Next.js 15 (App Router). Styling: Tailwind CSS + Framer Motion (Akışkan animasyonlar için). Database: PostgreSQL (Coolify üzerinde self-hosted). ORM: Drizzle ORM (Hız ve Tip güvenliği için). Deployment: Coolify (Dockerized). 3. Sayfa Yapısı ve İçerik (Single Page Architecture) 3.1. Hero Section (İlk İzlenim) Görsel: Yüksek çözünürlüklü, geniş açılı bir şantiye veya bitmiş proje fotoğrafı (Overlay ile karartılmış). Metin: "Modern Mühendislik, Güçlü Yapılar: Utku Kırkan". CTA (Eylem Butonu): "Projelerimizi Keşfedin" ve "Teklif Al". 3.2. Projeler (Dynamic Gallery) Özellik: Veritabanından çekilen, kart tasarımlı proje listesi. Detay: Her proje kartında; Proje Adı, Konum (Muğla/Menteşe vb.), Durum (Tamamlandı/Devam Ediyor). Modern Dokunuş: Resimlerin üzerine gelindiğinde (hover) detayların belirmesi. 3.3. Hizmetler (Core Competencies) Statik Proje ve Tasarım. Müteahhitlik ve Anahtar Teslim İnşaat. Teknik Danışmanlık ve Denetim. 3.4. Hakkında & Güven (Social Proof) Utku Kırkan'ın kısa özgeçmişi ve "Mühendislik disipliniyle müteahhitlik" vurgusu. (Varsa) Referans logoları veya çözüm ortakları. 3.5. İletişim (Conversion Zone) Hızlı Erişim: Doğrudan WhatsApp yönlendirmesi. Basit Form: Ad-Soyad, Telefon ve Kısa Not (Coolify DB'ye kaydedilecek ve belki sana bir bildirim düşecek). Lokasyon: Google Haritalar entegrasyonu. 4. Teknik Gereksinimler & Fonksiyonel Özellikler Özellik Açıklama Hız (LCP) Next.js Image component ile optimize edilmiş görseller. Google PageSpeed puanı +90 olmalı. SEO Muğla odaklı anahtar kelimeler (Muğla müteahhit, statik proje mühendisi vb.) meta tag entegrasyonu. Responsive Mobil öncelikli tasarım. Şantiyede telefondan bakan müşteri için kusursuz deneyim. Admin Paneli /admin altında Utku'nun (veya senin) yeni proje görseli ve metni ekleyebileceği şifreli, basit bir crud ekranı. Analytics Reklam verimliliğini ölçmek için basit bir Google Analytics veya Vercel Analytics entegrasyonu. 5. Tasarım İlkeleri Tipografi: Modern ve maskülen fontlar (Örn: Bebas Neue başlıklar için, Inter gövde metinleri için). Renkler: * Primary: #111827 (Deep Charcoal) Accent: #F59E0B (Amber/Construction Gold) Background: #FFFFFF veya çok açık gri. Animasyon: Sayfa aşağı kaydırıldığında (scroll) elementlerin yumuşakça belirmesi (Reveal effect). 6. Başarı Kriterleri (KPI) Sitenin 1.5 saniyenin altında yüklenmesi. Muğla yerel aramalarında ilk sayfada görünürlük. Haftalık gelen WhatsApp/Form "lead" sayısı.