BROTHERS LEATHER — DOMAINESIA DEPLOYMENT GUIDE ============================================================ Target subdomain: https://brothersleather.kurniawangroupofficial.com A. SEBELUM UPLOAD — WAJIB EDIT KONTAK ------------------------------------------------------------ Buka: assets/js/config.js Isi data berikut: - whatsapp : gunakan angka saja, kode Indonesia diawali 62. Contoh 6281234567890 - instagram : URL lengkap Instagram - tiktok : URL lengkap TikTok - email : email bisnis - address : alamat bisnis - marketplace: URL marketplace bila ada - businessHours: jam operasional (opsional) Data yang belum ada boleh dibiarkan kosong. Website akan menampilkan “Belum diatur” dan tombol terkait tidak akan mengarah ke kontak palsu. B. CARA UPLOAD KE DOMAINESIA ------------------------------------------------------------ 1. Login ke akun Domainesia. 2. Buka layanan hosting yang digunakan. 3. Masuk ke File Manager / cPanel / DirectAdmin. 4. Pastikan subdomain brothersleather.kurniawangroupofficial.com sudah dibuat. 5. Cari DOCUMENT ROOT subdomain tersebut. Contoh lokasi bisa berbeda antar hosting. Gunakan lokasi yang ditampilkan oleh panel. 6. Upload file brothers-leather-domainesia.zip ke DOCUMENT ROOT subdomain. 7. Extract ZIP di folder tersebut. 8. PENTING: setelah extract, file index.html harus berada LANGSUNG di document root, bukan di dalam folder tambahan. 9. Aktifkan SSL/HTTPS untuk subdomain dari panel hosting. 10. Buka https://brothersleather.kurniawangroupofficial.com 11. Jika tampilan lama masih muncul, clear browser cache / hosting cache. C. STRUKTUR PENTING ------------------------------------------------------------ index.html Homepage about.html About Brothers Leather products.html Katalog produk product-detail.html Template detail produk dinamis custom.html Form custom order corporate.html Corporate & souvenir OEM.html (Tidak digunakan; halaman aktif bernama oem.html) oem.html OEM / Private Label portfolio.html Portfolio faq.html FAQ contact.html Contact 404.html Halaman error 404 .htaccess HTTPS, header dasar, cache, compression, 404 robots.txt Google crawler rules sitemap.xml Sitemap Google Search Console site.webmanifest Metadata PWA dasar assets/css/style.css Main design assets/css/responsive.css Responsive safeguards assets/js/config.js KONTAK BISNIS — edit di sini assets/js/products.js Data katalog produk assets/js/main.js Interaksi website assets/images/logo/ Logo dan favicon assets/images/products/ Visual kategori/produk sementara assets/images/portfolio/ Visual portfolio sementara D. MENGGANTI / MENAMBAH PRODUK ------------------------------------------------------------ Buka: assets/js/products.js Setiap item memiliki: slug, name, category, label, image, desc Untuk menambah produk, duplicate satu object lalu ubah datanya. Gunakan nama file image yang memang tersedia di assets/images/products/. E. MENGGANTI FOTO PORTFOLIO ------------------------------------------------------------ Saat ini portfolio memakai ilustrasi placeholder, BUKAN foto project asli. Untuk meningkatkan kredibilitas: 1. Upload foto project asli ke assets/images/portfolio/ 2. Edit portfolio.html 3. Ganti nilai src="..." pada gambar yang relevan. Rekomendasi: - Gunakan WebP/JPG terkompresi. - Landscape sekitar 1600 × 1200 px sudah cukup untuk web. - Hindari file foto terlalu besar. F. CUSTOM ORDER FORM ------------------------------------------------------------ Website ini dibuat STATIC sehingga aman untuk shared hosting biasa dan tidak butuh Node.js. Form custom/corporate/contact TIDAK mengirim data ke database. Saat submit: - Jika nomor WhatsApp sudah diisi di config.js, form membuka WhatsApp dengan ringkasan pesan. - Jika nomor belum diisi, website menampilkan/copy ringkasan agar tidak ada fitur palsu. - File referensi tidak di-upload ke server. Customer mengirim file manual via WhatsApp. Jika nanti membutuhkan database, upload otomatis, CRM, atau admin dashboard, fitur tersebut perlu backend tambahan dan sebaiknya tidak menyimpan secret/API key di frontend. G. GOOGLE SEARCH CONSOLE ------------------------------------------------------------ Setelah website online: 1. Tambahkan property subdomain/URL Prefix ke Google Search Console. 2. Verifikasi kepemilikan sesuai metode Google. 3. Submit sitemap: https://brothersleather.kurniawangroupofficial.com/sitemap.xml 4. Request indexing untuk homepage dan halaman utama. H. CHECKLIST SETELAH ONLINE ------------------------------------------------------------ [ ] Website membuka dengan HTTPS [ ] Logo tampil normal [ ] Menu desktop bekerja [ ] Hamburger menu mobile bekerja [ ] Semua halaman dapat dibuka [ ] WhatsApp sudah diisi dan tombol membuka chat yang benar [ ] Instagram/TikTok/email/alamat sudah diisi bila tersedia [ ] Product filter bekerja [ ] Product search bekerja [ ] Product detail bekerja [ ] Portfolio filter bekerja [ ] FAQ accordion bekerja [ ] Custom order form bekerja [ ] Corporate quotation form bekerja [ ] Contact form bekerja [ ] 404 page bekerja [ ] robots.txt bisa dibuka [ ] sitemap.xml bisa dibuka [ ] Google Search Console menerima sitemap [ ] Foto placeholder sudah diganti dengan foto produk/project asli jika tersedia I. CATATAN KEAMANAN ------------------------------------------------------------ Jangan pernah memasukkan password hosting, database credential, API secret, payment secret, atau token rahasia ke assets/js/config.js karena file frontend dapat dilihat publik. ============================================================ Website dibuat untuk deploy langsung sebagai static HTML/CSS/JS di shared hosting Domainesia.