89 lines
3.7 KiB
Markdown
89 lines
3.7 KiB
Markdown
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...
|
||
]; |