2.0 KiB
2.0 KiB
🌙 Luna Cocktail & More — Website
Luna Cocktail & More, Muğla'da faaliyet gösteren premium bir kokteyl barı ve etkinlik mekanıdır. "Luxury Dark & Warm" konsepti etrafında tasarlanan bu Next.js projesi, mekanın "Sunset to Night" (Gün batımından geceye) ruhunu yansıtan modern, sinematik ve premium bir web deneyimi sunar.
Özellikler
- Modern ve Lüks Tasarım: Tailwind CSS v4 kullanılarak hazırlanan özel renk paleti (
#0A0A0Azemin,#C8853Ave#E85D3Avurgular). - Akıcı Animasyonlar: Framer Motion ile tasarlanan "scroll" bazlı sinematik geçişler, parallax efektleri ve fade-in animasyonları.
- Kapsamlı İçerik Yönetimi: Etkinlik takvimi, imza kokteyller menüsü ve özel konsept gecelerin (Soul Club, Latin Geceleri vb.) gösterimi.
- Dinamik Galeri: Mekan atmosferini aktaran Masonry grid yerleşimli fotoğraf galerisi.
- Responsive (Mobil Uyumluluk): Mobile-first tasarım yaklaşımı sayesinde tüm cihazlarda kusursuz görünüm.
Teknoloji Yığını (Tech Stack)
- Framework: Next.js 16 (App Router)
- Kütüphane: React 19
- Stil & Tasarım: Tailwind CSS v4
- Animasyon: Framer Motion
- İkonlar: Lucide React
Kurulum ve Çalıştırma
Projeyi yerel ortamınızda çalıştırmak için aşağıdaki adımları izleyebilirsiniz.
-
Bağımlılıkları yükleyin:
npm install -
Geliştirme sunucusunu başlatın:
npm run dev -
Tarayıcınızda http://localhost:3000 adresini açarak siteyi görüntüleyin.
Docker ile Çalıştırma (Standalone Mode)
Bu proje Next.js'in "standalone" (bağımsız) derleme modu kullanılarak optimize edilmiştir ve doğrudan Docker ile çalıştırılabilir.
# Docker imajını oluşturun
docker build -t lunaweb .
# Konteyneri başlatın
docker run -p 3000:3000 lunaweb
Geliştirici: Ayris Tech