Luna QR Menu - ilk surum

README.md

@@ -1,36 +1,75 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# 🌙 Luna Cocktail & More — QR Menü
 
-## Getting Started
+**Luna Cocktail and More** için tasarlanmış premium dijital QR menü uygulaması.
 
-First, run the development server:
+## ✨ Ö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
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+
+# Production build
+npm run build
+npm start
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+## 📂 Proje Yapısı
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+```
+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
+```
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+## 📝 Menü Güncelleme
 
-## Learn More
+`menu/menu.json` dosyasını düzenleyerek menüyü güncelleyebilirsiniz. Desteklenen fiyat formatları:
 
-To learn more about Next.js, take a look at the following resources:
+```json
+// Basit fiyat
+"price": "590 tl"
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+// Tek/Dbl fiyat
+"price": { "single": "370 tl", "double": "560 tl" }
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+// Kadeh/Şişe fiyat
+"price": { "glass": "240 tl", "bottle": "1200 tl" }
+```
 
-## Deploy on Vercel
+## 📱 QR Kod
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+Sitenizi yayınladıktan sonra URL'den QR kod oluşturarak masalara yerleştirebilirsiniz.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+---
+
+**Luna Cocktail & More** ☽ *Follow us [@lunacocktaill](https://instagram.com/lunacocktaill)*