KAINARA

Brand fashion yang bagus bisa terlihat murahan kalau website-nya asal-asalan. Pembeli fashion membeli dengan mata dulu: mereka ingin melihat lookbook yang editorial, koleksi yang tertata rapi, dan detail produk yang memikat sebelum memutuskan. KAINARA adalah template landing page fashion gratis dengan estetika editorial: grid lookbook yang dramatis, navigasi belanja per kategori, dan product card dengan efek hover yang halus. Template ini cocok untuk butik, clothing line lokal, brand hijab fashion, atau thrift shop yang ingin tampil premium di dunia online. Seluruh teks berbahasa Indonesia dan layout-nya mobile-first, karena mayoritas pembeli fashion browsing dari HP. Gambar yang tampil adalah placeholder, jadi kamu tinggal menggantinya dengan foto produkmu sendiri dan landing page langsung terasa seperti brand sungguhan.

Fitur utama yang sudah tersedia: - Lookbook grid editorial dengan komposisi visual yang dramatis khas majalah fashion. - Navigasi shop by category untuk mengarahkan pengunjung ke koleksi yang mereka cari. - Product card dengan efek hover yang menampilkan info produk secara halus. - Layout mobile-first yang tetap elegan di layar HP. - Komponen kartu produk, galeri, dan tombol CTA bergaya shadcn yang konsisten.

Dibangun dengan Laravel 13 sebagai backend, Inertia.js v3 sebagai penghubung, React 18 untuk antarmuka, dan Tailwind CSS v4 untuk styling. Komponen UI-nya mengikuti gaya shadcn sehingga mudah dikustomisasi: ganti palet warna sesuai identitas brand, tambah kategori koleksi, atau susun ulang section tanpa merombak struktur. Kode React-nya terpisah per section, jadi mengedit satu bagian tidak mengganggu bagian lain.

Section yang termasuk dalam landing page: - Hero: visual utama brand dengan headline koleksi terbaru dan tombol ajakan belanja. - Lookbook: galeri editorial foto koleksi dengan komposisi yang artistik. - Shop by Category: pintu masuk cepat ke tiap kategori produk. - Koleksi: katalog produk dengan product card hover dan harga. - Testimoni: ulasan pembeli untuk membangun kepercayaan. - CTA: ajakan kuat untuk berbelanja atau mengikuti akun media sosial brand. - Footer: navigasi, kontak, dan informasi brand.

Template ini juga menyertakan halaman Dashboard dan Pengaturan sebagai contoh area admin untuk mengelola konten landing page.

Cara memakai: download file ZIP dari halaman ini, ekstrak ke folder proyekmu, lalu jalankan composer install untuk dependensi PHP dan npm install untuk dependensi JavaScript. Build aset front-end dengan npm run build, atur koneksi database di file .env, jalankan php artisan migrate, lalu php artisan serve. Landing page langsung terbuka. Ganti gambar placeholder dengan foto produkmu dan sesuaikan teksnya dengan identitas brand-mu.

Catatan update: v1.0.0 (8 Oktober 2026), rilis awal di galeri TemplatKu dengan landing page fashion lengkap dan gambar placeholder. Pembaruan berikutnya akan dicatat di sini beserta tanggal rilisnya.