Bisa ditambahkan di beberapa tempat yang paling natural:
1. Hero Section — Background Video Ganti slideshow foto dengan video loop (tanpa suara) sebagai background cinematic. Cocok untuk footage drone gedung atau time-lapse konstruksi. Format ideal: MP4, durasi 15–30 detik, di-loop.
2. Section Tersendiri — "Proses Pengerjaan" / Behind the Scene Taruh satu video utama (YouTube embed atau file MP4) di antara section Layanan dan Portofolio. Bisa berupa company profile video atau rekaman proses pembangunan dari awal sampai selesai.
3. Portofolio Gallery — Video Card Di dalam galeri foto, bisa diselingi satu atau dua card berisi thumbnail video. Klik thumbnail langsung putar video modal/lightbox. Cocok untuk footage timelapse per proyek.
4. Section "Proses Kami" / Cara Kerja Jika ingin menjelaskan alur kerja (survey → desain → konstruksi → serah terima), bisa disisipkan video pendek per tahap atau satu video walkthrough.
Rekomendasi urutan prioritas berdasarkan dampak visual:
- Hero background video — dampak paling besar, kesan pertama
- Section proses/company profile — membangun kepercayaan klien
- Card video di galeri — memperkaya portofolio
Format yang didukung web: MP4 (H.264) untuk self-hosted, atau YouTube/Vimeo embed untuk menghemat bandwidth. Tinggal kabari kalau siap diimplementasi.
berikan saya screen shot nya saja sebagai contoh untuk ketiga ini
2. Section Tersendiri — "Proses Pengerjaan" / Behind the Scene
Taruh satu video utama (YouTube embed atau file MP4) di antara section Layanan dan Portofolio. Bisa berupa company profile video atau rekaman proses pembangunan dari awal sampai selesai.
3. Portofolio Gallery — Video Card
Di dalam galeri foto, bisa diselingi satu atau dua card berisi thumbnail video. Klik thumbnail langsung putar video modal/lightbox. Cocok untuk footage timelapse per proyek.
4. Section "Proses Kami" / Cara Kerja
Jika ingin menjelaskan alur kerja (survey → desain → konstruksi → serah terima), bisa disisipkan video pendek per tahap atau satu video walkthrough.
saya hanya ingin lihat contoh gambarnya tidak perlu merubah prototype
Good — now I have the exact positions. Let me generate 3 annotated mockup images showing where each video option would sit:
Ini ketiga contoh visualnya:
Opsi 2 — Section "Di Balik Setiap Proyek" Ditempatkan antara Layanan dan Portofolio. Satu video player besar di tengah dengan background navy gelap, judul section, dan label "Company Profile". Cocok untuk video drone atau company profile utama.
Opsi 3 — Video Card di Galeri Portofolio Di dalam grid galeri foto, satu card berisi thumbnail video dengan tombol play dan badge "TIMELAPSE" di pojok atas. Seamlessly menyatu dengan foto-foto proyek lainnya. Klik untuk putar di modal/lightbox.
Opsi 4 — Section "Cara Kerja" dengan Video per Tahap 4 step horizontal (Survey Lokasi → Desain & RAB → Proses Konstruksi → Serah Terima) — klik salah satu step, video di bawahnya berubah sesuai tahap tersebut. Paling interaktif dan edukatif untuk calon klien.
Dari ketiga opsi ini, mana yang ingin diimplementasikan? Bisa juga kombinasi lebih dari satu.