BTL Nusupan
BTL Nusupan adalah transformasi digital untuk penyedia jasa instalasi listrik lokal di Magelang. Website ini dirancang bukan hanya sebagai brosur digital, tetapi sebagai alat konversi yang efektif dengan pendekatan mobile-first. Fokus utamanya adalah kecepatan akses, kemudahan kontak via WhatsApp, dan membangun kepercayaan pelanggan melalui tampilan yang profesional dan transparan.
Fitur Unggulan
1. Cinematic Dark Mode
Mengimplementasikan sistem tema yang persisten menggunakan next-themes dengan transisi ikon animasi yang halus menggunakan Framer Motion. Memberikan pengalaman visual yang nyaman di mata pengguna, baik saat kondisi terang maupun gelap, dengan palet warna yang kontras namun tidak menyilaukan.
2. SEO & Technical Excellence
Dibangun dengan Next.js App Router, website ini dioptimalkan untuk mesin pencari (Google) sejak baris kode pertama. Dilengkapi dengan:
- Dynamic Open Graph Image: Gambar preview link WhatsApp/Twitter yang di-generate otomatis menggunakan kode (
next/og). - Auto Sitemap & Robots: Terintegrasi otomatis untuk indexing Google yang cepat.
- Metadata API: Judul dan deskripsi yang dinamis dan unik di setiap halaman.
3. Interaktivitas Pengguna
User experience diperkaya dengan berbagai komponen interaktif dari Shadcn UI:
- Galeri Lightbox: Pengguna bisa melihat detail foto pekerjaan dengan mode zoom/popup.
- Testimonial Autoplay: Slider ulasan pelanggan yang berjalan otomatis.
- Sticky CTA: Tombol WhatsApp yang selalu siap sedia mengikuti scroll pengguna (Sticky Floating Button).
Tech Stack: Cutting-Edge
Proyek ini menjadi demonstrasi penggunaan teknologi web terkini (Bleeding Edge):
- Next.js 14 (App Router): Memanfaatkan Server Components untuk performa rendering awal yang kilat.
- Tailwind CSS v4: Menggunakan engine terbaru Tailwind yang lebih cepat dengan konfigurasi CSS native variable.
- Shadcn UI: Menggunakan komponen headless yang aksesibel dan mudah dikustomisasi penuh.
- TypeScript: Menjamin kode yang type-safe dan meminimalisir bug saat pengembangan skala besar.