⚠ DUMMY PAGE — Konsep Mobile Dock untuk index.html | Hospital Pakar An-Nur
Temujanji

Hospital Pakar An-Nur · Bandar Baru Bangi

Kesihatan Anda,
Keutamaan Kami

Pakar bertauliah. Kemudahan lengkap. Khidmat beretika Shariah-compliant.

Buat Temujanji Cari Doktor

Perkhidmatan Utama

Mock content — untuk tunjukkan dock dalam konteks halaman sebenar

🫀
Kardiologi

Echocardiogram, Saringan Jantung, Rawatan Kardiologi.

🤱
Obstetrik & Ginekologi

Pakej bersalin, antenatal, persalinan normal & pembedahan.

🦴
Ortopedik

Pembedahan lutut, pinggul, tulang belakang & sukan.

👁️
Oftalmologi

Pembedahan katarak, LASIK, rawatan retina & glaukoma.

📐 NOTA REKA BENTUK DOCK

  • ✅ Desktop → Dock melekat di kanan tengah halaman (fixed, transform: translateY(-50%))
  • ✅ Mobile → Dock bertukar jadi bottom strip (fixed bottom) — gantikan mob-bar sedia ada
  • ✅ 5 item: Cari Doktor · Buat Temujanji · Health Screening · WhatsApp · Kecemasan
  • ✅ Hover effect: expand lebar + fill warna (desktop only)
  • ✅ Warna: Purple An-Nur (#92278f) · Hijau WA (#25d366) · Merah Kecemasan (#dd0000)
  • ⚙️ Untuk merge ke index.html: Buang .mob-bar lama, tambah .sidebar-dock + .mob-dock CSS + HTML ini