WEBINAR PINTAR

WEBINAR PINTAR adalah template landing page webinar berbasis Laravel 13 + Inertia.js v3 + React yang dirancang untuk memaksimalkan jumlah pendaftar. Halaman dibuka dengan hero berisi judul acara, tanggal, dan countdown live yang menghitung mundur ke waktu mulai, menciptakan urgensi yang mendorong pendaftaran. Section berikutnya memperkenalkan para pembicara dengan foto dan bio singkat untuk membangun kredibilitas, dilanjutkan agenda acara per sesi, manfaat yang didapat peserta, testimoni peserta sebelumnya, FAQ, dan form registrasi yang sederhana. Semua teks demo berbahasa Indonesia, cocok untuk penyelenggara webinar, komunitas, kampus, maupun perusahaan yang rutin mengadakan event online. Design system shadcn-style membuat halaman terlihat profesional dan tepercaya.

Fitur utama WEBINAR PINTAR meliputi countdown live yang diperbarui tiap detik, section pembicara dengan kartu profil yang rapi, agenda acara dalam format timeline yang mudah dibaca, serta form registrasi dengan validasi yang bisa disambungkan ke backend. Setelah countdown mencapai nol, tampilan bisa diganti menjadi tombol gabung live. Halaman responsif penuh sehingga peserta bisa mendaftar dengan nyaman dari ponsel.

Tech stack: Laravel 13 sebagai backend, Inertia.js v3 untuk navigasi SPA tanpa API manual, React 18 untuk komponen interaktif seperti countdown dan form, Tailwind CSS v4 dengan design token oklch untuk light dan dark mode, serta komponen shadcn-style. Build memakai Vite dengan code splitting, sehingga halaman event yang dibagikan lewat WhatsApp dan media sosial tetap cepat dimuat.

Daftar halaman dan section: Landing (hero dengan countdown live, pembicara, agenda, manfaat peserta, testimoni, FAQ, form registrasi, footer), Dashboard (halaman contoh panel admin sebagai bagian dari proyek template), dan Pengaturan (halaman contoh pengaturan akun). Form registrasi bisa disambungkan ke penyimpanan database atau layanan email marketing.

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 judul acara, tanggal countdown, data pembicara, agenda, dan endpoint form registrasi dengan data event Anda, lalu halaman siap disebar.

Catatan update: diperbarui terakhir pada 8 Oktober 2026 bersamaan dengan rilis katalog 60 template. Versi ini memperbaiki akurasi countdown lintas zona waktu dan kerapian kartu pembicara di mobile. Setiap revisi template akan ditandai tanggalnya di halaman ini.