BANTU SESAMA

BANTU SESAMA adalah template landing page donasi Laravel gratis untuk yayasan, komunitas, dan penggalang dana di Indonesia. Template ini dirancang untuk mengajak pengunjung berdonasi: hero yang kuat dengan ajakan bertindak yang jelas, daftar campaign dilengkapi progress bar perolehan dana, halaman transparansi penyaluran, dan form donasi yang mudah diisi. Seluruh teks berbahasa Indonesia dengan gaya bahasa yang hangat dan mengajak, cocok untuk campaign bencana alam, bantuan pendidikan, kesehatan, maupun kegiatan sosial komunitas. Template ini juga menyertakan halaman dashboard ringkasan dan pengaturan untuk pengelola campaign, sehingga cocok dijadikan fondasi website donasi sebelum dihubungkan ke payment gateway dan database sendiri. Struktur halamannya mengikuti pola landing page donasi yang terbukti: tarik perhatian, bangun kepercayaan lewat transparansi, lalu arahkan ke form donasi.

Fitur utama BANTU SESAMA: (1) Campaign dengan progress bar, daftar program donasi lengkap dengan target dan dana terkumpul; (2) Halaman transparansi, laporan penyaluran dana yang membangun kepercayaan donatur; (3) Form donasi, formulir pengisian nominal dan data donatur yang sederhana; (4) Section FAQ, jawaban atas pertanyaan umum calon donatur; (5) Dashboard pengelola, ringkasan campaign dan donasi masuk; (6) Halaman pengaturan untuk profil organisasi dan informasi rekening.

BANTU SESAMA dibangun di atas Laravel 13 sebagai backend, Inertia.js v3 sebagai penghubung server dan klien, React 18 untuk antarmuka, Tailwind CSS v4 untuk styling, dan komponen bergaya shadcn yang konsisten di seluruh halaman. Struktur kodenya mengikuti pola proyek Laravel modern: route, controller, dan halaman React terorganisir per modul sehingga mudah dipahami developer Indonesia yang terbiasa dengan ekosistem Laravel. Tampilannya responsif penuh dan teroptimasi untuk pengunjung ponsel, karena sebagian besar donatur membuka link campaign dari media sosial, dengan mode terang dan gelap mengikuti token desain template.

Struktur halaman BANTU SESAMA: Landing, terdiri dari section hero dengan ajakan donasi, daftar campaign dengan progress bar, cara berdonasi, laporan transparansi penyaluran dana, testimoni donatur, FAQ, dan footer berisi kontak yayasan; Dashboard, ringkasan total donasi, campaign aktif, dan donatur terbaru untuk pengelola; Pengaturan, halaman profil organisasi, informasi rekening, dan preferensi tampilan.

Cara memasang BANTU SESAMA: (1) unduh file ZIP dari halaman template ini; (2) ekstrak, lalu jalankan composer install dan npm install di folder proyek; (3) salin .env.example menjadi .env dan jalankan php artisan key:generate; (4) bangun aset dengan npm run build; (5) jalankan php artisan serve, lalu buka alamat lokal di browser. Template menyertakan data demo berbahasa Indonesia sehingga setiap halaman langsung terlihat hidup sebelum Anda menghubungkannya ke database sendiri.

Catatan pembaruan: BANTU SESAMA dirilis sebagai versi 1.0 pada Oktober 2026. Setiap revisi berikutnya, seperti penambahan section atau penyempurnaan tampilan, akan dicatat dalam changelog yang menyertai paket unduhan beserta tanggal pembaruannya, sehingga Anda selalu tahu versi mana yang sedang dipakai dan apa yang berubah.