SVARA

SVARA adalah template landing page peluncuran satu produk gadget berbasis Laravel 13 + Inertia.js v3 + React, dirancang untuk momen launch yang dramatis. Halaman dibuka dengan hero sinematik berukuran penuh yang langsung menonjolkan produk, dilanjutkan pemilih warna atau finish yang memperbarui tampilan produk secara real-time, strip metrik spesifikasi yang menyorot angka kunci seperti baterai dan performa, galeri sudut pandang, bagian pre-order dengan countdown menuju tanggal rilis, serta FAQ dan footer. Semua teks demo berbahasa Indonesia, cocok untuk brand gadget lokal, distributor, maupun toko yang ingin halaman launch terasa seperti brand global. Design system shadcn-style menjaga setiap section tetap rapi dan premium.

Fitur utama SVARA meliputi hero sinematik dengan headline besar dan CTA ganda, finish dan color selector interaktif yang mengganti visual produk tanpa reload, spec metrics strip yang menampilkan angka spesifikasi dengan gaya tegas, modul pre-order lengkap dengan countdown live, serta layout yang dioptimalkan untuk konversi. Animasi scroll yang halus membuat pengalaman menjelajah halaman terasa seperti menonton video peluncuran produk.

Tech stack: Laravel 13 sebagai backend, Inertia.js v3 untuk navigasi SPA tanpa API manual, React 18 untuk komponen interaktif seperti color selector dan countdown, Tailwind CSS v4 dengan design token oklch untuk light dan dark mode, serta komponen shadcn-style. Build memakai Vite dengan code splitting, sehingga halaman yang kaya visual tetap cepat dimuat dan skor Core Web Vitals terjaga.

Daftar halaman dan section: Landing (hero sinematik, color dan finish selector, spec metrics strip, galeri produk, section pre-order dengan countdown, FAQ, footer), Dashboard (halaman contoh panel admin sebagai bagian dari proyek template), dan Pengaturan (halaman contoh pengaturan akun). Section pre-order bisa disambungkan ke form atau checkout sesuai kebutuhan kampanye.

Cara install: download file ZIP dari halaman ini, ekstrak ke dalam proyek Laravel 13 yang sudah punya Inertia.js v3 dan React, jalankan npm install lalu npm run dev untuk development atau npm run build untuk production. Atur TEMPLATE_FLAVOR di .env bila memakai mode multi-template. Ganti gambar produk, pilihan warna, spesifikasi, dan tanggal countdown dengan data produk Anda, lalu halaman siap dipakai untuk kampanye launch.

Catatan update: diperbarui terakhir pada 8 Oktober 2026 bersamaan dengan rilis katalog 60 template. Versi ini memperbaiki sinkronisasi color selector di mobile dan mengoptimalkan ukuran gambar hero. Setiap revisi template akan ditandai tanggalnya di halaman ini.