3.7 KiB
BÖLÜM 1: Ürün Gereksinim Dokümanı (PRD)
- 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.
- 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.
- 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... ];