Aurelia Henna Art

Filosofi & Visi

Aurelia Henna Art diciptakan dengan satu visi yang jelas: menghadirkan representasi digital yang sama elegan, rapi, dan prestisiusnya dengan karya seni henna itu sendiri. Kami menyadari bahwa seorang Seniman Henna (Henna Artist) profesional membutuhkan lebih dari sekadar portofolio di media sosial; mereka membutuhkan sebuah showroom digital eksklusif yang memancarkan kemewahan dan membangun kepercayaan sejak detik pertama pengunjung melihatnya. Landing page ini dirancang secara khusus untuk mengkonversi setiap pengunjung menjadi klien potensial melalui pengalaman visual yang memanjakan mata dan alur booking tanpa hambatan.

Kelebihan Utama (Unique Advantages)

• Ultra-Premium Aesthetics: Mengusung tata letak High-End dengan efek glassmorphism (kaca blur), perpaduan gradasi warna hangat krem (beige), merah marun (maroon) otentik, dan aksen garis emas. Setiap komponen UI didesain untuk merepresentasikan industri wedding dan kecantikan tingkat atas.
• Seamless Micro-Interactions: Website ini terasa hidup. Setiap elemen bereaksi terhadap pengunjung dengan kelembutan—mulai dari kemunculan konten perlahan saat di-scroll (Scroll Reveal), efek hover yang artistik pada galeri gambar, hingga transisi menu mobile yang mulus.
• Centralized Data Management (No-Database CMS): Tidak perlu repot membangun database yang berat. Seluruh konten teks, paket, daftar harga, galeri, hingga detail kontak dikendalikan sepenuhnya melalui sebuah objek JSON statis yang sangat terstruktur rapi di dalam file script.js.
• Lightning Fast Performance: Berkat arsitektur berbasis Vite, performa website ini berada di level maksimum. Waktu loading terjadi dalam hitungan milidetik, tanpa hambatan skrip pihak ketiga, sangat disukai oleh mesin pencari (SEO), dan siap di-deploy instan di Vercel atau Netlify.

Penjelasan Manajemen Konten (Panel Developer/Admin)

Sebagai pengganti panel dashboard konvensional, proyek ini menawarkan struktur kode yang sangat developer-friendly layaknya sebuah Panel Admin CMS. Semua pengaturan terpusat pada objek translations di dalam sistem:

• Data Hero & Navigasi: Mengubah slogan utama, visi-misi, dan teks tombol semudah mengubah satu baris teks.
• Manajemen Paket Layanan: Array khusus disiapkan untuk menambah, mengedit, atau menghapus jenis layanan henna lengkap dengan deskripsi dan temanya.
• Katalog Galeri & Testimoni: Mengganti atau menyisipkan foto hasil karya dan komentar klien cukup dengan memodifikasi indeks array yang langsung dirender otomatis oleh DOM secara dinamis.
• Konfigurasi Global: Nomor WhatsApp, URL Instagram, dan teks Copyright footer berada di satu blok kode untuk perubahan cepat.

Penjelasan Menu Pengguna (Pelanggan)

Pengunjung akan diarahkan pada perjalanan pengguna (User Journey) yang dirancang khusus untuk meningkatkan konversi (booking):

• Beranda & Tentang (Hero & About): Menyambut calon pengantin dengan pesona visual karya terbaik dan narasi filosofi "Mengapa Memilih Kami".
• Layanan & Paket (Services): Menyajikan pilihan transparan terkait jenis henna (Bridal, Engagement, Event) agar klien dapat menyesuaikan dengan anggaran dan kebutuhan mereka.
• Galeri Interaktif: Tampilan dinding pameran (masonry-style grid) yang mengundang interaksi; gambar akan memberi respon zoom yang sangat elegan saat disentuh.
• Pemesanan Cerdas (Booking & Contact): Terintegrasi penuh dengan WhatsApp API. Pengunjung bisa menekan satu tombol melayang (Floating Action Button) atau mengisi panduan pesanan yang akan di-generate menjadi pesan rapi langsung ke WhatsApp bisnis Artist.
• Peta Lokasi: Menampilkan pratinjau lokasi studio berbasis Google Maps interaktif yang ditanam tanpa merusak desain layout.

Cara Penggunaan Fitur Utama (Bagi Pembeli Source Code)

1. Personalisasi Data: Buka file script.js, temukan blok objek bahasa. Ganti seluruh teks, harga, dan layanan dengan data klien Anda. Sistem JavaScript akan langsung me-render perubahannya di seluruh halaman.
2. Mengganti Aset Visual: Cukup masukkan logo baru atau foto karya henna Anda ke dalam folder public/assets/. Pastikan nama file disesuaikan, atau edit URL di bagian konfigurasi HTML/JS.
3. Tautkan Nomor WhatsApp: Ganti properti nomor telepon pada objek kontak. Seluruh tombol pemesanan dan ikon floating WA akan otomatis mengarah ke nomor baru tersebut.
4. Satu Perintah Deploy: Jalankan perintah npm run build menggunakan Vite untuk menghasilkan file produksi berukuran sangat kecil, atau unggah langsung repositorinya ke layanan Cloud Hosting.