Golf

Dear mas Alwi,

Mohon bantuannya untuk implementasi halaman utama sebelum login (CRM Home) untuk aplikasi Golf Training Management berdasarkan desain yang telah dilampirkan. Halaman ini merupakan dashboard awal bagi user untuk mencari pelatihan golf, pelatih, serta melakukan booking.

Fitur yang Harus Diimplementasikan:
1. Header Section
• Logo GolfScape di kanan atas.
• Icon notifikasi di sebelah kanan.
• Search bar dengan placeholder: Search for lessons, coaches, or tips.
• Icon filter di sebelah kanan search bar.

2. Banner Promo
• Gambar promosi.
• Teks promosi:
"Summer Special: Get 20% Off Your Next Session! Book now and level up your swing."

3. Kategori Navigasi (Menu Category)
• Menu navigasi kategori ditampilkan sebagai ikon dengan label:
• My Schedule (ikon kalender)
• Course (ikon bendera golf)
• Booking (ikon dokumen)
• Profile (ikon user)

4. Recommended Training Section
• Label section: Recommended Training
• Tombol See All di kanan atas section.
• List berupa card training dengan detail:
- Foto/avatar pelatih
- Nama pelatih: Bima Santosa
- Judul sesi: Swing Analysis
- Jam sesi: 13:00 - 15:00
- Lokasi sesi: Damai Indah Golf - BSD Course
- Tanggal: 24 December 2025
- Harga: Rp 300.000 / session
- Tombol aksi: BOOK NOW

Desain halaman ini harus mobile responsive untuk memastikan tampilan optimal di berbagai ukuran layar. Setiap elemen training yang ditampilkan menggunakan card harus dibuat sebagai komponen reusable agar memudahkan pengembangan dan pemeliharaan di masa depan. Fungsi search dan filter pada tahap ini belum perlu dibuat interaktif; cukup ditampilkan secara visual sebagai placeholder sesuai desain. Untuk kebutuhan pengujian dan pengembangan awal, data dapat disiapkan dalam bentuk dummy atau menggunakan JSON statis.
Halaman ini dianggap selesai apabila desain yang diimplementasikan sesuai dengan mockup yang telah disediakan. Tombol "See All" harus dapat digunakan dan mengarah ke halaman list training. Komponen card training harus dapat menerima data secara dinamis, dan tombol "BOOK NOW" pada masing-masing card harus mengarah ke halaman booking yang sesuai.

Referensi table untuk setiap card training akan menampilkan informasi sebagai berikut:

1. Nama Coach (contoh: Bima Santosa)
• diambil dari tabel PMDSRV0007 dengan field CoachName

2. Service / Jenis Pelatihan (contoh: Swing Analysis)
• diambil dari tabel PMDSRV0006 (field ServiceID)
• kemudian dibandingkan (compare) ke tabel PMDSRV0001 untuk mendapatkan deskripsi dengan field ServiceName

3. Waktu Pelatihan (contoh: 13:00 – 15:00)
• diambil dari tabel PMDSRV0006 dengan field StartTime dan EndTime

4. Lokasi Pelatihan (contoh: Damai Indah Golf – BSD Course)
• diambil dari tabel PMDSRV0006 dengan field Location

5. Tanggal Pelatihan (contoh: 24 December 2025)
• diambil dari tabel PMDSRV0006 dengan field TrainingDate

6. Harga per Sesi (contoh: Rp 300.000 / session)
• diambil dari tabel PMDSRV0006 dengan field Price

alamat = https://demo-golfcourse.minovais.com/
database = 103.153.60.89
nama database = MinovaES_DEMO_GolfCourse