# Moy Beach Menu

Moy Beach için modern, şık ve animasyonlu dijital menü uygulaması. 

## 🚀 Teknolojiler
- **Next.js 15** (App Router)
- **React 19**
- **Tailwind CSS v4**
- **Framer Motion** (Yumuşak geçişler ve modal animasyonları)
- **TypeScript**

## 📦 Özellikler
- **Kategori Navigasyonu:** Kullanıcı kaydırdıkça hangi kategoride olduğunu takip eden `IntersectionObserver` destekli navigasyon.
- **Dinamik Modal Görünümü:** Ürünlere tıklandığında detaylı bilgi gösteren, şık ve tepkisel modal tasarımı.
- **Özelleştirilmiş Tasarım Tokenleri:** `app/globals.css` içerisinde renk paletleri ve yazı tipleri (Cormorant, Plus Jakarta Sans) kolayca yönetilebilir.
- **Docker Desteği:** `Dockerfile` ile optimize edilmiş `standalone` output desteğiyle kolayca konteynerize edilebilir.

## 🛠️ Kurulum ve Çalıştırma

Lokal geliştirme ortamında çalıştırmak için:

```bash
# Bağımlılıkları yükleyin
npm install

# Geliştirme sunucusunu başlatın
npm run dev
```

Tarayıcınızda [http://localhost:3000](http://localhost:3000) adresine giderek uygulamayı görüntüleyebilirsiniz.

## 🐳 Docker ile Çalıştırma

```bash
# İmajı oluşturun
docker build -t moy-qr .

# Konteyneri başlatın
docker run -p 3000:3000 moy-qr
```

## 📝 Menü İçeriğini Güncelleme
Menü kategorileri, ürünler, fiyatlar ve resimler `data/menu.ts` dosyasından okunur. Yeni ürün eklemek veya düzenlemek için bu dosyayı güncelleyebilirsiniz.