Desaku – Template Desa Wisata

Desaku adalah template website desa wisata dengan atraksi alam, tiket masuk, paket wisata, galeri, dan UMKM lokal. Berbeda dari tema desa administratif lain di katalog yang fokus pada layanan surat-menyurat pemerintah desa, Desaku berfokus penuh pada wisata dan ekonomi kreatif desa — identitas visual fresh spring green dengan komposisi kartu foto-atas/caption-bawah dan showcase selang-seling, bukan sekadar recolor template lain.

Halaman

Fitur

• Bootstrap 5.3.3 (via CDN), tanpa build step
• Navbar standar (fixed-top, collapse di mobile) + top utility bar kontak
• Identitas visual khas: fresh spring/lime green #84CC16, tipografi Space Grotesk (display) + Manrope (body)
• Kartu atraksi foto-atas + caption-bawah dengan price tag
• Halaman detail wisata dengan sidebar tiket & form reservasi kunjungan
• Kartu paket wisata horizontal (bukan vertikal) dengan rating, durasi, harga
• Section showcase selang-seling untuk cerita/alasan kunjungan
• Halaman UMKM dengan tombol pesan langsung via WhatsApp
• Galeri foto dengan lightbox navigasi prev/next + keyboard
• Validasi form real-time + toast notifikasi sukses
• CSS Custom Properties (mudah ganti warna/branding)
• Fully responsive – mobile first
• No jQuery

Warna

--green:      #84CC16  /* Fresh lime — warna utama */
--green-deep: #65A30D  /* Hover state */
--gold:       #F2A90D  /* Aksen sekunder — rating, badge */

Untuk ganti warna tema, edit variabel di bagian :root pada assets/css/style.css.

Dependensi (CDN)

Bootstrap        5.3.3
Bootstrap Icons  1.11.3
AOS              2.3.4
Google Fonts     Space Grotesk (heading), Manrope (body)

Semua dependensi dimuat via CDN — tidak perlu instalasi npm.

Struktur Folder

desaku/
├── index.html
├── wisata.html
├── wisata-detail.html
├── paket.html
├── galeri.html
├── umkm.html
├── tentang.html
├── kontak.html
└── assets/
    ├── css/
    │   └── style.css
    ├── js/
    │   └── main.js
    └── images/
        └── screenshot.png

Cara Penggunaan

1. Download folder desaku/
2. Buka index.html di browser
3. Edit nama desa, alamat, dan kontak di seluruh file HTML
4. Ganti warna di :root CSS untuk branding desa sendiri
5. Sesuaikan daftar atraksi wisata, paket, dan produk UMKM sesuai kebutuhan
6. Hubungkan form reservasi tiket dan kontak ke backend/API sendiri

Target pengguna: Pengelola desa wisata, Pokdarwis (Kelompok Sadar Wisata), BUMDes, dan developer yang ingin membangun aplikasi manajemen tiket/wisata desa dengan identitas visual berbeda dari template desa administratif pasaran.