feat: redesign documentation landing page with custom theme and updated site navigation

apps/docs-dev/src/index.md

@@ -1,24 +1,56 @@
 ---
 layout: home
+
 hero:
-  name: "Frontend Monorepo Template Docs"
-  text: "Centralized Documentation Engine"
-  tagline: "Enterprise-ready Web & Desktop architecture documentation."
+  name: "Frontend Architecture"
+  text: "Enterprise Monorepo"
+  tagline: "A scalable, standardized foundation for Web & Desktop applications. Built for performance, consistency, and velocity."
   actions:
     - theme: brand
       text: Get Started
-      link: /packages/core-api/
+      link: /setup
     - theme: alt
-      text: UI Components
-      link: /packages/ui/
-    - theme: alt
-      text: View on Git
-      link: https://git.eigen.co.id/eigen/fe-monorepo-template
+      text: View Architecture
+      link: /overview
+
 features:
-  - title: Centralized Source of Truth
-    details: All documentation for apps and packages is unified here.
-  - title: Markdown Powered
-    details: Simple to maintain and read.
-  - title: Built with VitePress
-    details: Fast, responsive, and reliable documentation engine.
+  - title: 🧩 Component Library
+    details: A centralized, highly accessible UI component library built for scale.
+    link: /packages/ui/
+    linkText: Explore Components
+  - title: 🔌 Core API Engine
+    details: Robust state management and data fetching patterns across all applications.
+    link: /packages/core-api/
+    linkText: View API Engine
+  - title: 🌐 Internationalization
+    details: First-class i18n support built into the core for global reach.
+    link: /packages/core-i18n/
+    linkText: Read i18n Docs
+  - title: 🖥️ Desktop IPC
+    details: Secure and performant Inter-Process Communication architecture for desktop apps.
+    link: /apps/desktop/IPC_ARCHITECTURE
+    linkText: Explore IPC
 ---
+
+<div class="enterprise-section" >
+  <h2>Why this Monorepo Exists</h2>
+  <p>Building high-end enterprise applications requires strict consistency, shared tooling, and well-defined boundaries. This monorepo serves as the absolute source of truth for our frontend ecosystem.</p>
+  
+  <div class="enterprise-grid">
+    <div class="enterprise-card">
+      <h3>Unified Tooling</h3>
+      <p>By enforcing strict linting, formatting, and building patterns at the root, we ensure that every application in the ecosystem adheres to our high standards without duplicate configuration.</p>
+    </div>
+    
+    <div class="enterprise-card">
+      <h3>Shared Domain Logic</h3>
+      <p>The separation of UI and Core logic means our web, desktop, and potential mobile applications all share the same state management and event-driven architecture, reducing cognitive load.</p>
+    </div>
+    
+    <div class="enterprise-card">
+      <h3>Accelerated Velocity</h3>
+      <p>Stop reinventing the wheel. With a rich library of primitive components and pre-configured Vite/TypeScript environments, teams can start building product features on day one.</p>
+    </div>
+  </div>
+</div>
+