# 🌸 QUEEN Florist - Simple Deploy

## 🚀 Cara Install (30 Detik)

### 1. Copy Folder
Copy folder `queen-florist-simple` ke:
```
C:/xampp/htdocs/
```

### 2. Start XAMPP
Buka XAMPP → Start Apache

### 3. Akses Website
```
http://localhost/queen-florist-simple/
```

## 🔐 Admin Panel
```
http://localhost/queen-florist-simple/admin.html
Password: admin123
```

## 📱 Fitur Lengkap
- ✅ 10 Kategori Produk
- ✅ Order WhatsApp (+6281223968122)
- ✅ Admin Panel CRUD
- ✅ **Upload Gambar Produk** (Dialog File Browser)
- ✅ **Preview Gambar Real-time**
- ✅ **Validasi File** (JPG/PNG/WebP, Max 5MB)
- ✅ Responsive Design
- ✅ Agenda Bulanan

## 📸 **Upload Gambar Produk**
Admin panel sekarang memiliki fitur upload gambar yang mudah:
- **Klik "Pilih Gambar"** → Buka dialog file browser
- **Support format**: JPG, PNG, WebP
- **Max size**: 5MB
- **Auto preview**: Gambar muncul langsung di form
- **Auto rename**: File diberi timestamp unik
- **Stored in browser**: Gambar tersimpan di localStorage

## 📅 **Agenda Bulanan (FIXED!)**
- ✅ **Real-time sync** antara admin panel & website
- ✅ **Auto refresh** setiap 30 detik
- ✅ **Manual refresh** dengan tombol 🔄
- ✅ **Filter otomatis** berdasarkan bulan sekarang
- ✅ **Debug console** untuk troubleshooting

### Cara Update Agenda:
1. **Buka Admin Panel** → Tab "Agenda"
2. **Tambah/Edit/Hapus** agenda
3. **Data otomatis muncul** di website (real-time!)
4. **Atau klik refresh** 🔄 di website untuk force update

## 🚨 Jika Ada Error
1. Clear cache browser: `Ctrl + Shift + R`
2. Restart XAMPP
3. Coba browser lain

## 📞 Kontak
- WhatsApp: +6281223968122
- Instagram: @queenflorist

---
**✅ SELESAI! Website siap digunakan!**