MSB Landing Page - Migration Context

File ini adalah “Save point” agar percakapan berikutnya kita bisa langsung nyambung. Hapus file ini jika landing page sudah 100% selesai.

🎯 Progress Saat Ini (Sudah Selesai)

• Source Reference: https://bisnix.com/produk/msb/ (Duplikasi halaman asli ke Astro).

• Section 1: Headline - HeroLanding.astro (Boxed style).

• Section 2: Masalah - ProblemChecklist.astro.

• Section 3: Bridging - Teks narasi di dalam Container.

• Section 4: Solution Intro - Deskripsi sistem MSB (Boxed).

• Section 5: 5 Komponen - FeatureGrid.astro (Mode 2 kolom, manual span di item “INFORMATION”).

🏗️ Arsitektur & Logika

1. Layout Strategy: Menggunakan pola Boxed (Nampan). Seluruh seksi dibungkus dalam satu <Container size="narrow"> besar di file msb.astro.
2. Component Logic (LEGO):
   • HeroLanding & ProblemChecklist: Fokus pada keterbacaan teks di tengah.
   • FeatureGrid: Mendukung columns (1-5) dan full: true untuk membuat kotak tertentu jadi lebar (Manual Span).
3. Coding Style: Menggunakan pola “Model-View”. Semua data (teks, array fitur) disimpan rapi di bagian atas (---) dan dikelompokkan per seksi untuk kemudahan edit.

🏁 Status: FINISHED

Landing page MSB telah 100% dimigrasi ke Astro dengan arsitektur komponen LEGO.

• Section 6: Materi Edukasi - EducationGrid.astro (12 Modul dari source).
• Section 8: Pricing & CTA - PricingCTA.astro & FAQ.astro (Selesai 100%).

Dibuat oleh Assistant Antigravity - 25 Maret 2026