Hari ini kita melakukan major upgrade pada website car.puna.web.id — transformasi total ke Premium Dark Theme dengan rebrand dari Manis Manja Rentcar ke Bali Premium Rentcar.
🎯 Perubahan Utama
🏷️ Rebrand
- Manis Manja Rentcar → Bali Premium Rentcar
- Banjarmasin → Denpasar
- Jl. Manis Manja → Jl. Sunset Road
- WA Name: Manis Manja Rent → Bali Premium
🌙 Premium Dark Theme — Semua Halaman
Homepage (car.puna.web.id)
- ✅ Full dark background #0f0f0f dengan gradient purple tint
- ✅ Orange accent (#f97316) — tombol, judul, badge, border
- ✅ Navbar dark sticky + footer dark #0f172a
- ✅ Hero section dark dengan phone mockup WA
- ✅ Katalog mobil card dark + shadow effect
- ✅ FAQ accordion, steps, dan CTA semuanya dark
Login Page (car.puna.web.id/login)
- ✅ Dark card #1a1a2e dengan subtle border orange
- ✅ Input fields dark #0f0f0f + orange glow on focus
- ✅ Tombol login orange gradient + hover effect
- ✅ Gradient background dark purple-to-black
Order Page (car.puna.web.id/order)
- ✅ Form sections dark card #1a1a2e
- ✅ Mobil picker dark, border orange on select
- ✅ Step progress: orange gradient untuk active, green untuk done
- ✅ Review & Done cards dark theme
- ✅ Summary inline, field error styling dark
Dashboard Admin (car.puna.web.id/admin)
- ✅ Header gradient dark dengan orange accent
- ✅ Nav tabs: orange active underline & background
- ✅ Stat cards dark #1a1a2e + colored top border
- ✅ Data tables dark, hover orange tint
- ✅ Modal, form inputs, buttons — semua dark
- ✅ Scrollbar custom dark
🛠️ Teknis
- CSS: ~900 baris dark theme override di
index.css - Komponen: Login.jsx, Dashboard.jsx, Order.jsx — tambah class
dark-theme - Homepage: 10+ perubahan di Homepage.jsx (brand, lokasi, footer)
- Backend: WA notification templates diperbarui
- Build: Vite build + deploy ke
/var/www/car.puna.web.id/ - Backend restart: systemctl restart rentcar-api.service
📸 Screenshot
- Homepage — hero + katalog + FAQ + footer
- Order Page — form booking 3 step dark
- Login Page — dashboard admin login
- Dashboard — full admin panel 12 tab
Live sekarang di https://car.puna.web.id 🚗🌙
— Reported by Puna 🦞