BÖLÜM 1: Ürün Gereksinim Dokümanı (PRD) 1. Proje Özeti Amaç: Salmakis bünyesindeki villaların lüks ve huzurlu doğasını yansıtan, yüksek dönüşüm oranlı (conversion) bir kiralama vitrini oluşturmak. Teknoloji Yığını: Next.js (App Router), Tailwind CSS, Framer Motion (Animasyonlar), TypeScript, Next-Intl (Çoklu Dil). Veri Yönetimi: data/villas.ts gibi dosyalarda tutulan yapılandırılmış veri objeleri. 2. Sayfa Yapısı ve Akış Home Page (Landing): Hero: "Huzuru Keşfedin" temalı tam ekran video/slider. Quick Search: Villa tipi veya kişi sayısına göre hızlı kaydırma (scroll) navigasyonu. Featured Villas: En iyi 3 villanın büyük kartlar halinde sunumu. Villas List (Filo/Koleksiyon): Tüm villaların şık bir grid (ızgara) yapısında listelenmesi. Özellik ikonları (Havuz, Oda Sayısı, Deniz Mesafesi). Villa Detail (Single Page): Gallery: Instagram stili veya tam ekran "Bento Grid" galeri. Specs: TypeScript dosyasından çekilen teknik veriler (Klima, WiFi, Mutfak ekipmanı vb.). Pricing: Sezonluk fiyat tablosu (TS objesinden dinamik okunur). Contact & Booking Request: SQL olmadığı için talepler doğrudan WhatsApp API'sine veya basit bir mailto: linkine yönlendirilir. 3. Fonksiyonel Gereksinimler Çok Dillilik (i18n): TR, EN ve belki DE dilleri için URL yapısı (örn: /en/villas/villa-flora). Hız: LCP (Görsel yüklenme hızı) < 1.5s (Next.js Image + Cloudinary). Type Safety: Villa verileri için kesin interface tanımları (ID, Name, Price, Images, Specs). BÖLÜM 2: UI Tasarım Stratejisi Mevcut sitenin "kutulu" ve boğucu yapısı yerine, "Aegean Minimalism" (Ege Minimalizmi) akımını uygulayacağız. Renkler: Kemik beyazı, kum beji, çok açık gri ve "Salmakis Mavisi" detaylar. Fontlar: Başlıklarda Cormorant Garamond (Serif - Lüks hissi), metinlerde Inter (Sans-serif - Okunabilirlik). BÖLÜM 3: UI Tasarımı İçin AI Prompt (Modern Villa) Bu prompt, AI'nın sana "Modern Villa Kiralama" konseptini çizmesi için özel hazırlandı: UI/UX Design for "Salmakis Villas" premium vacation rental website. Next-generation luxury travel aesthetic. Layout: Modern, minimalist, and airy. Use a lot of whitespace. Hero Section: High-end photography of a stone villa with a private infinity pool overlooking the Bodrum coast at "Golden Hour". Villa Cards: Large vertical cards with soft rounded corners. Each card shows the villa name in elegant serif font, followed by minimal icons for (Bedrooms, Pool, Sea View). Navigation: A transparent glassmorphism navbar with links: "Villas", "The Legend", "Contact". A sleek language switcher "EN | TR". Typography: A mix of sophisticated Serif for titles and clean Sans-serif for body text. Color Palette: Warm bone white, sand beige, and Mediterranean turquoise accents. Interactions: Subtle hover effects on villa images, minimalist "Inquire Now" button with a thin border. Style: Inspired by Airbnb Luxe and high-end boutique hotel sites. 8k resolution, photorealistic, cinematic lighting, trending on Dribbble/Behance. --ar 16:9 --v 6.0 BÖLÜM 4: Yazılımcı İçin Teknik Not (Data Structure) SQL kullanmayacağın için veriyi şu şekilde kurgulayabiliriz (villas.ts): TypeScript export interface Villa { id: string; name: string; slug: string; images: string[]; // Cloudinary URL'leri bedrooms: number; priceLow: number; priceHigh: number; amenities: string[]; } export const villas: Villa[] = [ { id: "1", name: "Villa Salmakis Private", slug: "villa-salmakis-private", images: ["cloud-url-1", "cloud-url-2"], bedrooms: 4, priceLow: 1200, priceHigh: 2500, amenities: ["Private Pool", "Sea View", "Smart Home"], }, // Diğer villalar... ];