# 🌊 Kite Beach Akyaka — Web Sitesi Yenileme Promptu

## 📋 Mevcut Site Analizi

### Site Hakkında
- **URL:** https://www.kitebeachakyaka.com.tr/
- **İşletme Türü:** Butik otel + kitesurf merkezi, Akyaka / Muğla
- **Platform:** WordPress tabanlı

### Mevcut Site Yapısı
- Tek sayfalık (one-page) basit bir web sitesi
- **Navigasyon:** Sadece 1 menü öğesi var → "KURUMSAL" (dış siteye bağlantı: moygroup.com.tr)
- **İçerik Bölümleri:**
  1. Üst kısım: Logo + tek menü öğesi
  2. Hero area: "KITE BEACH / WELCOME TO" metin + fotoğraf galerisi (siyah-beyaz görseller)
  3. "KITE BEACH AKYAKA OTEL" başlığı + tanıtım metni
  4. Oda/iç mekan fotoğrafları (renkli — oda ve banyo)
  5. "Rezervasyon Yap" CTA butonu (telefona yönlendiriyor: tel:05330816181)
  6. YouTube video embed
  7. Google Maps harita
  8. Footer: Sadece © 2026 Kite Beach Akyaka.
- **Sabit Elementler:** Sol alt köşede "Hemen Ara" floating butonu

---

## 🔴 Tespit Edilen Sorunlar ve Eksiklikler

### Yapısal Sorunlar
- Navigasyon menüsü neredeyse boş — sadece 1 harici link var, hiç iç sayfa yok
- "KURUMSAL" linki kendi sitesine değil, grup şirketi sitesine yönlendiriyor
- Tek sayfa düzeni, SEO açısından son derece zayıf
- Sayfa başlığı (hero) karanlık/eksik görünüyor — tam görsel hero slider yok

### İçerik Eksiklikleri
- Oda kategorileri ve detayları yok (oda tipleri, kapasite, fiyat)
- Aktiviteler sayfası yok (Kitesurf dersleri, kamp seçenekleri, yoga vb.)
- Restoran/yemek bilgisi yok
- Hakkımızda / hikaye sayfası yok
- İletişim formu yok — sadece telefon numarası var
- Blog / haberler bölümü yok
- Sosyal medya linkleri footer'da yer almıyor
- Dil seçeneği yok (EN / TR)

### Tasarım Sorunları
- Siyah-beyaz fotoğraf kullanımı tutarsız: üst bölüm siyah-beyaz, oda fotoğrafları renkli
- Renk paleti tanımsız — beyaz/siyah dışında marka rengi kullanılmıyor
- Tipografi tek düze, hiyerarşi eksik
- Fazla boş alan (beyaz boşluk) bölümler arası geçişlerde kullanıcıyı şaşırtıyor
- Mobil uyumluluk kontrol edilmeli
- "Rezervasyon Yap" butonu yalnızca telefona yönlendiriyor — online rezervasyon yok

### UX/CX Sorunları
- Online rezervasyon sistemi entegrasyonu yok
- Fiyat bilgisi hiç yok
- Misafir yorumları / testimonial bölümü yok
- SSS (sık sorulan sorular) yok
- Ulaşım bilgisi yetersiz (harita var ama yol tarifi/transfer yok)

---

## ✅ Güçlü Yönler (Korunacaklar)
- Logo tasarımı özgün ve ilgi çekici (döngüsel kite teması)
- "Hemen Ara" floating butonu kullanışlı
- Google Maps entegrasyonu mevcut
- YouTube video alanı var
- Tanıtım metni duygusal ve akıcı yazılmış

---

## 🎯 YENİLEME PROMPTU

> Aşağıdaki prompt, bir web tasarımcısı, geliştirici veya yapay zeka aracına (Cursor, Lovable, v0, Framer, vb.) verilebilir.

---

### PROMPT

**Kite Beach Akyaka** için tamamen yeniden tasarlanmış, modern, dönüşüm odaklı ve SEO uyumlu bir web sitesi oluştur.

---

#### 🏨 İşletme Profili
- **İsim:** Kite Beach Akyaka
- **Tür:** Butik otel + kitesurf & outdoor aktivite merkezi
- **Konum:** Akyaka, Muğla, Türkiye (nehir-deniz kesişim noktası)
- **Hedef Kitle:** Macera seven yetişkinler, kitesurf meraklıları, doğa tatili arayanlar, yoga & wellness tutkunları
- **Dil:** Türkçe (birincil) + İngilizce (ikincil — dil değiştirme butonu)
- **Ton:** Minimal, doğaya saygılı, enerjik ama sakin, premium butik

---

#### 🗂️ Site Yapısı (Sayfalar)

1. **Ana Sayfa (Home)**
2. **Odalar & Bungalowlar**
3. **Aktiviteler** (Kitesurf, Yoga, SUP, Bisiklet vb.)
4. **Restoran & Bar**
5. **Galeri**
6. **Hakkımızda**
7. **İletişim & Rezervasyon**

---

#### 🖥️ SAYFA SAYFA DETAYLAR

##### 1. ANA SAYFA

**Hero Section**
- Tam ekran video veya yüksek çözünürlüklü slider (mavi gökyüzü, uçan uçurtma, nehir, günbatımı)
- Üzerine: `KITE BEACH AKYAKA` büyük başlık + küçük tagline: _"Nehrin huzuru, denizin enerjisi — tek bir noktada."_
- İki CTA butonu: `[Rezervasyon Yap]` ve `[Aktiviteleri Keşfet]`
- Scroll-down animasyonu

**Hızlı Özellikler Bandı** (ikonlarla, yatay şerit)
- 🏄 Kitesurf Okulu | 🧘 Yoga Platformu | 🍽️ Nehir Manzaralı Restoran | 🛏️ Butik Odalar | 🌅 Gün Batımı Terrası

**Hakkımızda Özet**
- 2 kolonlu: sol → atmosferik fotoğraf, sağ → kısa metin + "Daha Fazlası" butonu

**Odalar Önizleme**
- 3 kart: oda tipi, fotoğraf, kısa açıklama, fiyat aralığı, "İncele" butonu

**Aktiviteler Grid**
- 4 kart (Kitesurf, Yoga, SUP, Plaj Voleybolu vb.) — hover animasyonlu

**Misafir Yorumları (Testimonials)**
- Carousel slider, Google/Booking yorumlarından alıntı, 5 yıldız gösterimi

**Instagram Duvarı**
- Son 6-9 Instagram gönderisi çekilen grid, @kitebeachakyaka bağlantısıyla

**Rezervasyon CTA Bandı**
- Koyu/gradyan arka plan üzerinde: _"Hayalindeki tatili planlamaya hazır mısın?"_
- `[Hemen Rezervasyon Yap]` belirgin turuncu/altın buton

---

##### 2. ODALAR & BUNGALOWLAR

- Her oda için: büyük fotoğraf galerisi, oda adı, m² bilgisi, max kapasite, özellikler listesi (klima, wifi, minibar, manzara vb.), gece başına fiyat
- Oda tipleri (örnek): Standart Oda / Nehir Manzaralı Oda / Deluxe Suit / Bungalow
- Odaların her birinde `[Rezervasyon Yap]` butonu
- Tarih seçici widget (check-in / check-out) veya Booking.com / Tua entegrasyonu

---

##### 3. AKTİVİTELER

- Her aktivite için ayrı kart veya accordion bölümü
- **Kitesurf:** Seviye bilgisi (başlangıç / orta / ileri), ders süresi, fiyat, IKO sertifika bilgisi
- **Yoga:** Açık hava platformu, grup/özel seanslar, haftalık program
- **SUP (Stand-Up Paddle):** Kiralama & tur seçenekleri
- **Bisiklet Kiralama:** Akyaka köy turu önerisi
- **Yelken / Tekne Turu:** Gökova körfezi gün turları
- Her aktivite kartında: fotoğraf, açıklama, süre, fiyat, `[Bilgi Al / Rezervasyon]` butonu

---

##### 4. RESTORAN & BAR

- Ege mutfağı vurgusu, taze & yerel malzeme
- Atmosfer fotoğrafları (nehir kenarı, ahşap terasa bakan açılar)
- Menü kategorileri (Kahvaltı / Öğle / Akşam / İçecekler) — PDF menü indirme veya dijital menü
- Özel günler için rezervasyon formu

---

##### 5. GALERİ

- Masonry veya grid düzeni
- Filtre butonları: Tümü | Odalar | Aktiviteler | Doğa | Sosyal Alanlar
- Lightbox açılır görsel önizleme
- Görseller **renkli** olacak (mevcut siyah-beyaz karışıklığı giderilecek)

---

##### 6. HAKKIMIZDA

- İşletme hikayesi (kuruluş, vizyon, misyon)
- Ekip tanıtımı (fotoğraflar + kısa biyografi)
- Değerlerimiz (Sürdürülebilirlik, Doğaya Saygı, Misafirperver Hizmet)
- Sertifikalar / Ödüller varsa

---

##### 7. İLETİŞİM & REZERVASYON

- İletişim formu: Ad Soyad, E-posta, Telefon, Mesaj, `[Gönder]`
- Adres, telefon, e-posta bilgileri
- Google Maps embed (tam genişlik)
- Ulaşım bilgisi: Muğla/Marmaris/Bodrum'dan mesafe ve yol tarifi
- Transfer hizmeti varsa belirt
- Sosyal medya linkleri (Instagram, Facebook, YouTube, TikTok)
- WhatsApp butonu (direkt mesaj)

---

#### 🎨 TASARIM REHBERI

**Renk Paleti:**
| Renk | Hex | Kullanım |
|------|-----|----------|
| Okyanus Mavisi | `#1A6B8A` | Primary / butonlar |
| Kum Bej | `#F5EDD6` | Arka plan |
| Gün Batımı Turuncusu | `#E87040` | CTA butonları / vurgu |
| Koyu Antrasit | `#1C1C1C` | Metin |
| Beyaz | `#FFFFFF` | Kart arka planları |

**Tipografi:**
- Başlıklar: `Playfair Display` (serif, şık) veya `Cormorant Garamond`
- Gövde metni: `Inter` veya `DM Sans` (okunabilir, modern sans-serif)
- Butonlar: `Inter Semi-Bold`, büyük harf, letter-spacing: 0.05em

**Stil Notları:**
- Minimal ve havadar tasarım — çok element yok
- Büyük, nefes alan beyaz alanlar (generous whitespace)
- İnce çizgiler ve subtle animasyonlar (fade-in, parallax scroll)
- Görseller %100 renkli — siyah-beyaz yalnızca özel efekt olarak kullanılabilir
- Rounded corners: 8-12px kart köşeleri
- Gölge: yumuşak box-shadow (`0 4px 24px rgba(0,0,0,0.08)`)

---

#### 📱 Teknik Gereksinimler

- **Mobil öncelikli (mobile-first)** responsive tasarım
- **Sayfa yükleme hızı:** Core Web Vitals hedefi — LCP < 2.5s
- **SEO:** Her sayfa için meta title, description, OG tags, schema markup (Hotel, LocalBusiness)
- **SSL:** Zorunlu (HTTPS)
- **CMS:** WordPress + Elementor Pro veya Webflow
- **Rezervasyon Entegrasyonu:** Booking.com channel manager veya Tua / Protel PMS
- **Analytics:** Google Analytics 4 + Search Console
- **Cookie Banner:** KVKK uyumlu
- **WhatsApp Entegrasyonu:** Floating WhatsApp butonu (mevcut "Hemen Ara" ile beraber)
- **Dil:** TR/EN toggle (WPML veya Polylang ile)
- **Sitemap & Robots.txt** otomatik oluşturulacak

---

#### 🔗 Footer Yapısı
Logo | Tagline
Hızlı Linkler          İletişim              Sosyal Medya
Ana Sayfa              Tel: +90 533 081 6181  Instagram
Odalar                 info@kitebeachakyaka   Facebook
Aktiviteler            Akyaka, Muğla          YouTube
Restoran               [Google Maps]          TikTok
Galeri
İletişim
© 2026 Kite Beach Akyaka | KVKK | Gizlilik Politikası | Çerez Politikası

---

#### ✨ Bonus Özellikler (İsteğe Bağlı)

- [ ] Canlı sohbet (Tawk.to veya Crisp)
- [ ] "Bu haftanın hava durumu" widget (Akyaka rüzgar hızı — kitesurf için kritik)
- [ ] Erken rezervasyon / last-minute indirim bandı (header altında)
- [ ] Sadakat programı veya newsletter kaydı
- [ ] Blog: "Akyaka'da Yapılacaklar", "Kitesurf Başlangıç Rehberi" gibi SEO içerikleri
- [ ] Tur paketleri sayfası (örn: "3 Gece + Kitesurf Kursu Paketi")
- [ ] 360° sanal tur (oda ve ortak alanlar için)

---

#### 📌 Öncelik Sırası

1. **Acil:** Online rezervasyon sistemi entegrasyonu
2. **Yüksek:** Mobil uyumluluk & sayfa hızı optimizasyonu
3. **Yüksek:** Çok sayfalı yapıya geçiş (oda/aktivite sayfaları)
4. **Orta:** TR/EN dil desteği
5. **Orta:** SEO altyapısı (meta, schema, blog)
6. **Düşük:** Blog ve içerik pazarlaması