Karsa

Karsa adalah template landing page SaaS gratis berbasis Laravel 13 + Inertia.js v3 + React yang dirancang untuk menjual produk software dengan percaya diri. Layoutnya mengikuti pola landing page SaaS modern: hero yang jelas dengan CTA ganda, deretan logo pelanggan dalam bentuk cloud, bento grid fitur yang memamerkan keunggulan produk, mockup dashboard yang memberi gambaran nyata, bagian harga dengan toggle bulanan dan tahunan, penghitung statistik sosial proof, dan FAQ penutup. Semua teks demo sudah berbahasa Indonesia, jadi cocok untuk startup lokal, agensi, maupun freelancer yang menjual layanan digital. Design system shadcn-style yang sama dengan seluruh katalog membuat halaman terasa premium tanpa perlu desainer.

Fitur utama Karsa meliputi bento grid fitur dengan kartu berukuran variatif yang menarik perhatian, pricing toggle bulanan dan tahunan yang memperbarui harga secara instan, mockup dashboard beresolusi tinggi untuk memvisualkan produk, logo cloud untuk kredibilitas, serta stat counter animasi yang menghitung naik saat section terlihat di layar. Halaman responsif penuh, dari hero sinematik di desktop sampai susunan kartu vertikal yang rapi di ponsel.

Tech stack: Laravel 13 sebagai backend, Inertia.js v3 untuk navigasi SPA tanpa API manual, React 18 untuk komponen interaktif seperti toggle harga dan counter, Tailwind CSS v4 dengan design token oklch untuk light dan dark mode, serta komponen shadcn-style. Build memakai Vite dengan code splitting, sehingga halaman landing yang menghadap publik tetap ringan dan cepat dimuat, penting untuk konversi pengunjung.

Daftar halaman dan section: Landing (hero, logo cloud, bento grid fitur, mockup dashboard, stat counter, paket harga dengan toggle, FAQ, CTA penutup, footer), Dashboard (halaman contoh panel admin sebagai bagian dari proyek template), dan Pengaturan (halaman contoh pengaturan akun). Section-section landing bisa dipakai ulang per blok untuk proyek lain, tinggal duplikasi komponennya.

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 teks, harga, dan gambar mockup dengan aset produk Anda sendiri, lalu halaman siap tayang.

Catatan update: diperbarui terakhir pada 8 Oktober 2026 bersamaan dengan rilis katalog 60 template. Versi ini memperbaiki perilaku stat counter di perangkat mobile dan menyempurnakan spacing bento grid. Setiap revisi template akan ditandai tanggalnya di halaman ini.