diff --git a/.gitmodules b/.gitmodules
index b8513b4..486389c 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,6 @@
 [submodule "apps/scraper"]
 	path = apps/scraper
 	url = https://github.com/asepharyana/asepharyana-hub-scraper.git
+[submodule "apps/hub"]
+	path = apps/hub
+	url = https://github.com/asepharyana/asepharyana-hub-hub.git
diff --git a/CLAUDE.md b/CLAUDE.md
index a6f0ca6..3908e38 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -9,6 +9,7 @@ Asepharyana Hub is a **hub monorepo** for Asep Haryana Saputra's portfolio ecosy
 ```
 asepharyana-hub/
 ├── apps/              # Git submodules — each app is its own repo
+│   ├── hub/           # Personal portfolio SPA (asepharyana-hub-hub)
 │   └── scraper/       # Rust scraper API (asepharyana-hub-scraper)
 ├── docs/              # ADRs, deployment guide, new-app guide
 ├── infra/
@@ -23,7 +24,9 @@ asepharyana-hub/
 ### Submodule Strategy
 - Each app in `apps/` is a separate Git repo imported as a submodule. Code changes happen in the submodule repo, not here.
 - Submodule pointers are updated by CI/CD (via `repository_dispatch` or manual commit).
-- Current submodule: `apps/scraper` → `asepharyana/asepharyana-hub-scraper`.
+- Current submodules:
+  - `apps/hub` → `asepharyana/asepharyana-hub-hub`
+  - `apps/scraper` → `asepharyana/asepharyana-hub-scraper`.
 
 ### Infrastructure Stack
 - **Traefik v3.6** — reverse proxy, TLS termination, middleware chain (rate-limit, headers, buffer, block-sensitive-paths)
diff --git a/apps/hub b/apps/hub
new file mode 160000
index 0000000..30bca07
--- /dev/null
+++ b/apps/hub
@@ -0,0 +1 @@
+Subproject commit 30bca07cdde3322ee0885a4e807e4aa04fc26d94