Total Halaman Website yang Dibuat
Seluruh halaman website PT Chenglong Indonesia telah dibuat secara responsif, bilingual, dan siap digunakan.
11 Halaman
1. Rincian Daftar 11 Halaman Website
Berikut adalah daftar 11 halaman berkas HTML yang telah dibangun dalam proyek ini:
1
index.html
Halaman Utama (Landing Page): Hero Slider, About Us, 4-Pillars, Kategori Foton-Style, 3S Services, News, Dealer Finder, Kontak Penawaran.
2
products/index.html
Katalog Produk Komersial: Filter kategori interaktif (Truk Traktor, Kargo, Dump, Ringan, Khusus, Listrik EV).
3
products/detail/index.html
Detail Spesifikasi Kendaraan: Integrasi 4-Pillars Tab (Technical Parameters, Light Weight, More Efficient, Safer).
4
products/truk-traktor/index.html
Sub-Kategori Truk Traktor: Varian H7 4x2, H5 4x2, H7 6x4, dan HK 6x4 Armor.
5
products/truk-kargo/index.html
Sub-Kategori Truk Kargo: Varian H5 4x2, M3 4x2, L2 4x2, dan H7 6x2R Lift Axle.
6
products/truk-dump/index.html
Sub-Kategori Truk Dump: Varian H7 6x4 Heavy Dump, H5 6x4, H5 4x2, dan M3 4x2.
7
products/truk-ringan/index.html
Sub-Kategori Truk Ringan: Varian L2 Light Cargo Diesel & L2 EV Electric Transporter.
8
products/truk-khusus/index.html
Sub-Kategori Truk Khusus: Varian H7 Refrigerator (-20°C), H5 Mixer Molen, dan M3 Tanker.
9
products/truk-listrik/index.html
Sub-Kategori Truk Listrik EV: Varian H7 EV 282 kWh Battery Swap, H5 EV 423 kWh, dan H5V EV.
10
privacy-policy/index.html
Halaman Kebijakan Privasi: Kepatuhan UU Perlindungan Data Pribadi (UU PDP) Republik Indonesia.
11
flowchart/index.html
Dokumentasi Standalone Flowchart Sistem (Halaman Ini): Lebar Container 90% & Bright Glassmorphism.
2. Diagram Alur Sistem Utama (System Flowchart)
Visualisasi alur perjalanan pengguna (*user flow*) dari kunjungan awal hingga pengiriman pesanan / konsultasi armada:
flowchart TD
Start([1. Pengunjung Membuka Website]) --> Home[2. Halaman Utama / index.html]
Home --> NavChoice{3. Pilih Navigasi}
NavChoice -->|Klik Katalog| Catalog[4. Katalog Produk / products/index.html]
NavChoice -->|Hover Menu Produk| Mega[5. Mega Dropdown Interaktif]
NavChoice -->|Klik Sub-Kategori| SubCat[6. 6 Halaman Sub-Kategori / products/truk-*/]
NavChoice -->|Klik Privacy| Privacy[7. Kebijakan Privasi / privacy-policy/]
NavChoice -->|Klik WA Widget| WA[8. Direct WhatsApp Yogi +62 812-89796967]
Mega -->|Preview & Select| DetailPage[9. Detail Spesifikasi / products/detail/index.html]
Catalog -->|Filter & Select| DetailPage
SubCat -->|Select Varian| DetailPage
DetailPage -->|Tab 4-Pillars| Pillars[10. Spec Parameters / Light Weight / Efficient / Safer]
DetailPage -->|Form Penawaran| ContactForm[11. Form Inquiry / index.html#contact]
ContactForm --> Submit[12. Kirim Pesan & Feedback Toast]
Submit --> Finish([13. Selesai / Tim Sales Menghubungi])
classDef primary fill:#d70012,stroke:#ffffff,stroke-width:2px,color:#ffffff;
classDef secondary fill:#041853,stroke:#00d2ff,stroke-width:2px,color:#ffffff;
classDef accent fill:#25D366,stroke:#ffffff,stroke-width:2px,color:#ffffff;
class Home,Catalog,DetailPage primary;
class Mega,Pillars,ContactForm secondary;
class WA accent;
3. Detail Rincian Alur Kerja Fitur Interaktif
1
Sistem Alih Bahasa Bilingual
Eksekusi `setLanguage(lang)` memperbarui kamus `TRANSLATIONS[lang]` pada elemen `[data-i18n]` serta merender ulang katalog produk tanpa *reload*.
2
Mega Dropdown & Live Preview
Navigasi bertingkat yang merender 6 kategori produk, thumbnail varian truk, serta kartu preview interaktif saat kursor diarahkan (*hover*).
3
Spesifikasi 4-Pillars Dongfeng
Struktur data produk yang dikelompokkan ke dalam 4 pilar resmi: Technical Parameters, Light Weight, More Efficient, dan Safer.
4
Direct WhatsApp & Form Inquiry
Widget WhatsApp mengambang (+62 812-89796967 - Yogi Branch Manager) dan penautan otomatis varian truk pada form penawaran harga.