Fix dependencies: Add flag-icons, tailwind directives, and postcss config

docs/id/index.md

@@ -0,0 +1,40 @@
+---
+layout: home
+
+hero:
+  name: "MIVO"
+  text: "Manajemen Voucher Mikrotik"
+  tagline: Modern, Ringan, dan Efisien. Dibuat untuk perangkat spesifikasi rendah dengan UX premium.
+  image:
+    light: /logo-m.svg
+    dark: /logo-m-dark.svg
+    alt: Logo MIVO
+  actions:
+    - theme: brand
+      text: Mulai Sekarang
+      link: /id/guide/installation
+    - theme: alt
+      text: Docker Image
+      link: /id/guide/docker
+
+features:
+  - title: Core Ringan
+    details: Dibangun di atas framework MVC minimal (~50KB core) yang dioptimalkan untuk STB/Android.
+  - title: UI/UX Modern
+    details: Desain Glassmorphism segar menggunakan TailwindCSS dan Alpine.js.
+  - title: Docker Ready
+    details: Image resmi berbasis Alpine (~50MB) dengan Nginx dan Supervisor.
+  - title: Aman
+    details: Konfigurasi berbasis environment (.env), kredensial terenkripsi, dan sesi aman.
+---
+
+## Mengapa MIVO?
+
+MIVO adalah **Sistem Manajemen Voucher Mikrotik** generasi baru, dirancang untuk memberikan pengalaman pengguna premium bahkan pada perangkat keras spesifikasi rendah.
+
+### Sorotan Utama
+
+- <Icon name="Zap" color="warning" /> **Sangat Cepat**: Tanpa framework berat seperti Laravel. Murni performa PHP 8.0+.
+- <Icon name="Smartphone" color="info" /> **Mobile First**: Desain responsif sepenuhnya yang terasa seperti aplikasi native.
+- <Icon name="Plug" color="success" /> **API First**: REST API bawaan dengan dukungan CORS untuk integrasi pihak ketiga.
+- <Icon name="Wrench" color="primary" /> **Ramah Developer**: Arsitektur bersih, CLI tools (`php mivo`), dan mudah dikembangkan.