🌙 Luna Cocktail & More — QR Menü

Luna Cocktail and More için tasarlanmış premium dijital QR menü uygulaması.

✨ Özellikler

• 🎨 Premium Dark Theme — Altın aksanlı, lüks bar atmosferi
• 📱 Tam Responsive — Mobil öncelikli tasarım, QR kod ile erişime optimize
• 🧭 Sticky Kategori Navigasyonu — Yatay kaydırmalı, aktif kategori takibi
• ⭐ Animasyonlu Hero — Yıldız efektli, logo entegrasyonlu açılış ekranı
• 🍸 Akıllı Fiyat Gösterimi — Tek/Dbl, Kadeh/Şişe formatlarını otomatik algılar
• 🏷️ Tat Profili Etiketleri — Kokteyllerin tat profilini görsel etiketlerle sunar
• 🔝 Yukarı Dön Butonu — Uzun menüde kolay navigasyon
• 📊 JSON Tabanlı Menü — menu/menu.json dosyasını düzenleyerek menüyü güncelleyin

🛠️ Teknolojiler

• Next.js 16 — React framework
• TypeScript — Tip güvenli geliştirme
• Tailwind CSS 4 — Utility-first CSS
• Google Fonts — Playfair Display, Inter, Outfit

🚀 Kurulum

# Bağımlılıkları yükle
npm install

# Geliştirme sunucusunu başlat
npm run dev

# Production build
npm run build
npm start

📂 Proje Yapısı

lunaqrmenu/
├── app/
│   ├── globals.css      # Tüm stiller
│   ├── layout.tsx       # Root layout & meta
│   └── page.tsx         # Ana menü sayfası
├── menu/
│   └── menu.json        # Menü verileri
├── public/
│   ├── logo.jpg         # Yuvarlak logo
│   ├── logo.png         # Menü kapak görseli
│   └── logo1.png        # Hero logosu
└── package.json

📝 Menü Güncelleme

menu/menu.json dosyasını düzenleyerek menüyü güncelleyebilirsiniz. Desteklenen fiyat formatları:

// Basit fiyat
"price": "590 tl"

// Tek/Dbl fiyat
"price": { "single": "370 tl", "double": "560 tl" }

// Kadeh/Şişe fiyat
"price": { "glass": "240 tl", "bottle": "1200 tl" }

📱 QR Kod

Sitenizi yayınladıktan sonra URL'den QR kod oluşturarak masalara yerleştirebilirsiniz.

---

Luna Cocktail & More ☽ Follow us @lunacocktaill