76 lines
2.2 KiB
Markdown
76 lines
2.2 KiB
Markdown
# 🌙 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
|
||
|
||
```bash
|
||
# 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ı:
|
||
|
||
```json
|
||
// 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](https://instagram.com/lunacocktaill)*
|