From bb5c04601953ed752076437d62222fdeba903d8e Mon Sep 17 00:00:00 2001
From: yash-pouranik <yashpouranik124@gmail.com>
Date: Fri, 18 Sep 2026 02:40:51 +0530
Subject: [PATCH 1/4] feat(landing): expand marketing site, add SEO metadata,
 trust badges, comparisons, and blog

---
 .gitignore                                    |  Bin 206 -> 265 bytes
 AGENTS.md                                     |    8 +-
 apps/landing/astro.config.mjs                 |    9 +-
 apps/landing/package.json                     |    1 +
 apps/landing/public/badges/mintlify.svg       |    1 +
 apps/landing/public/badges/mongodb.svg        |    1 +
 apps/landing/public/robots.txt                |    3 +-
 apps/landing/public/sitemap.xml               |    9 -
 apps/landing/src/components/BlogCard.astro    |  150 ++
 .../src/components/ChangelogTimeline.astro    |  347 +++
 .../src/components/ComparisonTable.astro      |  233 ++
 apps/landing/src/components/Footer.astro      |   32 +-
 apps/landing/src/components/Navbar.astro      |  394 ++-
 apps/landing/src/components/PageHero.astro    |  107 +
 apps/landing/src/content.config.ts            |   17 +
 ...ng-started-with-urbackend-in-5-minutes.mdx |  109 +
 .../mongodb-baas-vs-traditional-backend.mdx   |   74 +
 .../content/blog/why-we-built-urbackend.mdx   |   60 +
 apps/landing/src/layouts/Base.astro           |   33 +-
 apps/landing/src/layouts/ContentPage.astro    |  355 +++
 apps/landing/src/pages/blog/[...slug].astro   |   27 +
 apps/landing/src/pages/blog/index.astro       |  228 ++
 apps/landing/src/pages/changelog.astro        |  261 ++
 apps/landing/src/pages/compare/firebase.astro |  267 ++
 apps/landing/src/pages/compare/index.astro    |  165 ++
 apps/landing/src/pages/compare/supabase.astro |  245 ++
 apps/landing/src/pages/developers.astro       |  445 ++++
 apps/landing/src/pages/features.astro         |  542 ++++
 apps/landing/src/pages/index.astro            |  185 +-
 apps/landing/src/pages/mongodb.astro          |  337 +++
 apps/landing/src/pages/pricing.astro          |   98 +-
 apps/landing/src/pages/use-cases.astro        |  409 +++
 apps/web-client/.env.example                  |    5 +
 apps/web-client/Dockerfile                    |   48 +
 apps/web-client/components.json               |   20 +
 apps/web-client/next-env.d.ts                 |    5 +
 apps/web-client/next.config.mjs               |    7 +
 apps/web-client/package.json                  |   37 +
 apps/web-client/postcss.config.mjs            |    9 +
 apps/web-client/public/robots.txt             |    2 +
 apps/web-client/src/app/globals.css           |   60 +
 apps/web-client/src/app/layout.tsx            |   70 +
 apps/web-client/src/app/page.tsx              |  136 +
 apps/web-client/src/app/users/page.tsx        |  272 ++
 apps/web-client/src/components/ui/badge.tsx   |   36 +
 apps/web-client/src/components/ui/button.tsx  |   56 +
 apps/web-client/src/components/ui/card.tsx    |   86 +
 apps/web-client/src/components/ui/dialog.tsx  |  133 +
 apps/web-client/src/components/ui/input.tsx   |   25 +
 apps/web-client/src/components/ui/table.tsx   |  117 +
 apps/web-client/src/lib/utils.ts              |    6 +
 apps/web-client/src/tests/button.test.tsx     |   32 +
 apps/web-client/src/tests/card.test.tsx       |   36 +
 apps/web-client/src/tests/setup.ts            |    1 +
 apps/web-client/tailwind.config.ts            |   77 +
 apps/web-client/tsconfig.json                 |   26 +
 apps/web-client/vitest.config.ts              |   17 +
 .../src/components/Layout/Footer.jsx          |    8 +-
 docker-compose.yml                            |   18 +
 mintlify/docs/docs.json                       |   23 +-
 package-lock.json                             | 2291 ++++++++++++++++-
 package.json                                  |    7 +-
 62 files changed, 8641 insertions(+), 177 deletions(-)
 create mode 100644 apps/landing/public/badges/mintlify.svg
 create mode 100644 apps/landing/public/badges/mongodb.svg
 delete mode 100644 apps/landing/public/sitemap.xml
 create mode 100644 apps/landing/src/components/BlogCard.astro
 create mode 100644 apps/landing/src/components/ChangelogTimeline.astro
 create mode 100644 apps/landing/src/components/ComparisonTable.astro
 create mode 100644 apps/landing/src/components/PageHero.astro
 create mode 100644 apps/landing/src/content.config.ts
 create mode 100644 apps/landing/src/content/blog/getting-started-with-urbackend-in-5-minutes.mdx
 create mode 100644 apps/landing/src/content/blog/mongodb-baas-vs-traditional-backend.mdx
 create mode 100644 apps/landing/src/content/blog/why-we-built-urbackend.mdx
 create mode 100644 apps/landing/src/layouts/ContentPage.astro
 create mode 100644 apps/landing/src/pages/blog/[...slug].astro
 create mode 100644 apps/landing/src/pages/blog/index.astro
 create mode 100644 apps/landing/src/pages/changelog.astro
 create mode 100644 apps/landing/src/pages/compare/firebase.astro
 create mode 100644 apps/landing/src/pages/compare/index.astro
 create mode 100644 apps/landing/src/pages/compare/supabase.astro
 create mode 100644 apps/landing/src/pages/developers.astro
 create mode 100644 apps/landing/src/pages/features.astro
 create mode 100644 apps/landing/src/pages/mongodb.astro
 create mode 100644 apps/landing/src/pages/use-cases.astro
 create mode 100644 apps/web-client/.env.example
 create mode 100644 apps/web-client/Dockerfile
 create mode 100644 apps/web-client/components.json
 create mode 100644 apps/web-client/next-env.d.ts
 create mode 100644 apps/web-client/next.config.mjs
 create mode 100644 apps/web-client/package.json
 create mode 100644 apps/web-client/postcss.config.mjs
 create mode 100644 apps/web-client/public/robots.txt
 create mode 100644 apps/web-client/src/app/globals.css
 create mode 100644 apps/web-client/src/app/layout.tsx
 create mode 100644 apps/web-client/src/app/page.tsx
 create mode 100644 apps/web-client/src/app/users/page.tsx
 create mode 100644 apps/web-client/src/components/ui/badge.tsx
 create mode 100644 apps/web-client/src/components/ui/button.tsx
 create mode 100644 apps/web-client/src/components/ui/card.tsx
 create mode 100644 apps/web-client/src/components/ui/dialog.tsx
 create mode 100644 apps/web-client/src/components/ui/input.tsx
 create mode 100644 apps/web-client/src/components/ui/table.tsx
 create mode 100644 apps/web-client/src/lib/utils.ts
 create mode 100644 apps/web-client/src/tests/button.test.tsx
 create mode 100644 apps/web-client/src/tests/card.test.tsx
 create mode 100644 apps/web-client/src/tests/setup.ts
 create mode 100644 apps/web-client/tailwind.config.ts
 create mode 100644 apps/web-client/tsconfig.json
 create mode 100644 apps/web-client/vitest.config.ts

diff --git a/.gitignore b/.gitignore
index 167348b263bd71773a8a310576379bdecc6d12e3..a3d9afaa5c9e669aa0bd986839af4324647d23f1 100644
GIT binary patch
literal 265
zcmXX=F^<D94BPdJ0PU2){zM;8ptlu;;o7<+IL9(1C5V4tJH3U3NP%Rgh;F60B@_$q
zZAsBWTtqFHj7KLg%4A_QDyP5XUjl=9Kf#P9QShnxi6$_&hkGb7LZBVlPuLO^*V1X@
zcMB@XXR}7I=5Jvlu*cVj%W$tcQwHZs4L;21T<<OQ87RJByq0Q0@*>bQMNxNtS=iee
j3nyHLpVmg~xegN8YnWk0o-n$?(tA7Up&-QiueS38uY*~%

literal 206
zcmXYr!3x755JWvM_z#8ll*8sH`T>O;OA(_>5^7vg6YAf0llC(6SZ0=q?8&U`w?L)W
zFm6lm;z)7-DRvmx*`VQoNsjly43#r!aJ*Bt6CH(0YdU?)BMYQpBd%UUkMAWj3w-_=
z4cE(~)tRFPV^VY0&18&}I!x{9*uMmCsi6zD6nUOnrBclql-Mro#18dpQAJhNE3H6%
E0U4A#>Hq)$

diff --git a/AGENTS.md b/AGENTS.md
index 0d0268cf8..392e1ecc1 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -22,10 +22,10 @@ Workspace scripts are defined in [package.json](/package.json).
 
 ## Production Deployment Endpoints & Domains
 
-- **Frontend Landing**: `https://urbackend.bitbros.in`
-- **Dashboard App**: `https://app.urbackend.bitbros.in`
-- **Dashboard API (Internal/Admin)**: `https://api.urbackend.bitbros.in`
-- **Public API (SDK & User Auth)**: `https://api.ub.bitbros.in`
+- **Frontend Landing**: `https://urbackend.in/`
+- **Dashboard App**: `https://app.urbackend.in/`
+- **Dashboard API (Internal/Admin)**: `https://platform-api.urbackend.in/`
+- **Public API (SDK & User Auth)**: `https://api.urbackend.in/`
 
 ## Important project rules
 
diff --git a/apps/landing/astro.config.mjs b/apps/landing/astro.config.mjs
index 2154b1493..8b3e84236 100644
--- a/apps/landing/astro.config.mjs
+++ b/apps/landing/astro.config.mjs
@@ -1,17 +1,22 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
 
+import mdx from '@astrojs/mdx';
 import react from '@astrojs/react';
 import sitemap from '@astrojs/sitemap';
 import vercel from '@astrojs/vercel';
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://urbackend.bitbros.in',
+  site: 'https://urbackend.in',
+  redirects: {
+    '/sitemap.xml': '/sitemap-index.xml',
+  },
   integrations: [
     react(),
+    mdx(),
     sitemap({
-      filter: (page) => page === 'https://urbackend.bitbros.in/',
+      filter: (page) => !page.includes('/404'),
     }),
   ],
   adapter: vercel()
diff --git a/apps/landing/package.json b/apps/landing/package.json
index d2acb0382..823c42bf7 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -12,6 +12,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/mdx": "^4.x",
     "@astrojs/react": "^4.x",
     "@astrojs/sitemap": "^3.x",
     "@astrojs/vercel": "^9.0.0",
diff --git a/apps/landing/public/badges/mintlify.svg b/apps/landing/public/badges/mintlify.svg
new file mode 100644
index 000000000..514234094
--- /dev/null
+++ b/apps/landing/public/badges/mintlify.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#18E299" xmlns="http://www.w3.org/2000/svg"><title>Mintlify</title><path d="M15.158.002a8.807 8.807 0 0 0-6.249 2.59l-.062.063h-.003L2.655 8.844a.605.605 0 0 0-.062.058 8.838 8.838 0 0 0-.83 11.55l6.251-6.249.065-.063a8.778 8.778 0 0 1-1.758-5.385 8.784 8.784 0 0 1 .283-2.151 8.993 8.993 0 0 1 2.151-.286 8.802 8.802 0 0 1 5.386 1.76 8.81 8.81 0 0 1 3.032 4.11 8.879 8.879 0 0 1 .225 5.21 8.784 8.784 0 0 0-.341.082 8.846 8.846 0 0 1-4.868-.303 8.679 8.679 0 0 1-2.323-1.25l-.064.065L3.55 22.24a8.85 8.85 0 0 0 11.548-.83l.06-.062 6.19-6.187a8.801 8.801 0 0 1-.367.337c.125-.11.247-.224.366-.341l.063-.058A8.817 8.817 0 0 0 24 8.844V.002ZM8.38 3.17a8.73 8.73 0 0 1 0 0Zm-.325.413Zm-.328.475Zm-.31.518Zm-.235.455Zm-.283.66zm-.156.447Zm14.147 9.44zm-.43.343zm-1.005.65zm-.533.274zm-.475.207z"/></svg>
\ No newline at end of file
diff --git a/apps/landing/public/badges/mongodb.svg b/apps/landing/public/badges/mongodb.svg
new file mode 100644
index 000000000..6a5554e5a
--- /dev/null
+++ b/apps/landing/public/badges/mongodb.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#00ED64" xmlns="http://www.w3.org/2000/svg"><title>MongoDB</title><path d="M17.193 9.555c-1.264-5.58-4.252-7.414-4.573-8.115-.28-.394-.53-.954-.735-1.44-.036.495-.055.685-.523 1.184-.723.566-4.438 3.682-4.74 10.02-.282 5.912 4.27 9.435 4.888 9.884l.07.05A73.49 73.49 0 0111.91 24h.481c.114-1.032.284-2.056.51-3.07.417-.296.604-.463.85-.693a11.342 11.342 0 003.639-8.464c.01-.814-.103-1.662-.197-2.218zm-5.336 8.195s0-8.291.275-8.29c.213 0 .49 10.695.49 10.695-.381-.045-.765-1.76-.765-2.405z"/></svg>
\ No newline at end of file
diff --git a/apps/landing/public/robots.txt b/apps/landing/public/robots.txt
index 3b9797192..acfe8b564 100644
--- a/apps/landing/public/robots.txt
+++ b/apps/landing/public/robots.txt
@@ -1,4 +1,5 @@
 User-agent: *
 Allow: /
 
-Sitemap: https://urbackend.bitbros.in/sitemap.xml
+Sitemap: https://urbackend.in/sitemap-index.xml
+Sitemap: https://urbackend.in/sitemap-0.xml
diff --git a/apps/landing/public/sitemap.xml b/apps/landing/public/sitemap.xml
deleted file mode 100644
index 4af579212..000000000
--- a/apps/landing/public/sitemap.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url>
-    <loc>https://urbackend.bitbros.in/</loc>
-    <lastmod>2026-09-17</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>1.0</priority>
-  </url>
-</urlset>
diff --git a/apps/landing/src/components/BlogCard.astro b/apps/landing/src/components/BlogCard.astro
new file mode 100644
index 000000000..ef5433bdb
--- /dev/null
+++ b/apps/landing/src/components/BlogCard.astro
@@ -0,0 +1,150 @@
+---
+import { ArrowRight, Calendar, User } from 'lucide-react';
+
+interface Props {
+  slug: string;
+  title: string;
+  description: string;
+  date: Date | string;
+  author: string;
+  category: string;
+  tags?: string[];
+}
+
+const { slug, title, description, date, author, category, tags = [] } = Astro.props;
+
+const formattedDate = new Date(date).toLocaleDateString('en-US', {
+  year: 'numeric',
+  month: 'short',
+  day: 'numeric'
+});
+---
+
+<article class="blog-card">
+  <a href={`/blog/${slug}`} class="blog-card-link" aria-label={title}>
+    <div class="blog-card-header">
+      <span class="category-pill">{category}</span>
+      <span class="blog-date">
+        <Calendar size={13} />
+        {formattedDate}
+      </span>
+    </div>
+
+    <h2 class="blog-card-title">{title}</h2>
+    <p class="blog-card-desc">{description}</p>
+
+    <div class="blog-card-footer">
+      <div class="blog-author">
+        <User size={14} />
+        <span>{author}</span>
+      </div>
+      <span class="read-more">
+        Read article <ArrowRight size={14} />
+      </span>
+    </div>
+  </a>
+</article>
+
+<style>
+  .blog-card {
+    background: #080808;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .blog-card:hover {
+    border-color: rgba(0, 245, 212, 0.3);
+    transform: translateY(-4px);
+    box-shadow: 0 12px 30px -10px rgba(0, 245, 212, 0.1);
+  }
+
+  .blog-card-link {
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    text-decoration: none;
+    color: inherit;
+  }
+
+  .blog-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1.25rem;
+  }
+
+  .category-pill {
+    font-size: 0.72rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.2rem 0.6rem;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+  }
+
+  .blog-date {
+    display: flex;
+    align-items: center;
+    gap: 0.35rem;
+    font-size: 0.8rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .blog-card-title {
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: #fff;
+    line-height: 1.3;
+    margin: 0 0 0.85rem;
+    letter-spacing: -0.015em;
+  }
+
+  .blog-card:hover .blog-card-title {
+    color: #00f5d4;
+  }
+
+  .blog-card-desc {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0 0 2rem;
+    flex-grow: 1;
+  }
+
+  .blog-card-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 1.25rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+  }
+
+  .blog-author {
+    display: flex;
+    align-items: center;
+    gap: 0.45rem;
+    font-size: 0.85rem;
+    color: #71717a;
+  }
+
+  .read-more {
+    display: flex;
+    align-items: center;
+    gap: 0.35rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #00f5d4;
+    transition: gap 0.2s ease;
+  }
+
+  .blog-card:hover .read-more {
+    gap: 0.55rem;
+  }
+</style>
diff --git a/apps/landing/src/components/ChangelogTimeline.astro b/apps/landing/src/components/ChangelogTimeline.astro
new file mode 100644
index 000000000..8a945b90e
--- /dev/null
+++ b/apps/landing/src/components/ChangelogTimeline.astro
@@ -0,0 +1,347 @@
+---
+import { Tag, Sparkles, Wrench, Bug, ExternalLink } from 'lucide-react';
+
+export interface ReleaseEntry {
+  title: string;
+  date: string;
+  version?: string;
+  summary?: string;
+  features?: string[];
+  improvements?: string[];
+  fixes?: string[];
+  link?: string;
+}
+
+interface Props {
+  releases: ReleaseEntry[];
+}
+
+const { releases } = Astro.props;
+---
+
+<div class="changelog-timeline">
+  <div class="timeline-line"></div>
+
+  {releases.map((release) => (
+    <article class="timeline-item">
+      <div class="timeline-node">
+        <div class="timeline-dot"></div>
+      </div>
+
+      <div class="timeline-content">
+        <header class="timeline-header">
+          <div class="timeline-meta">
+            <span class="timeline-date">{release.date}</span>
+            {release.version && (
+              <span class="timeline-badge">
+                <Tag size={12} />
+                {release.version}
+              </span>
+            )}
+          </div>
+          <h2 class="timeline-title">{release.title}</h2>
+          {release.summary && <p class="timeline-summary">{release.summary}</p>}
+        </header>
+
+        <div class="timeline-body">
+          {release.features && release.features.length > 0 && (
+            <div class="change-group">
+              <h3 class="group-label feature-label">
+                <Sparkles size={14} /> New Features
+              </h3>
+              <ul class="change-list">
+                {release.features.map((item) => (
+                  <li>
+                    <span class="bullet-dot bullet-cyan"></span>
+                    <span class="change-text" set:html={item} />
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
+          {release.improvements && release.improvements.length > 0 && (
+            <div class="change-group">
+              <h3 class="group-label improvement-label">
+                <Wrench size={14} /> Improvements
+              </h3>
+              <ul class="change-list">
+                {release.improvements.map((item) => (
+                  <li>
+                    <span class="bullet-dot bullet-yellow"></span>
+                    <span class="change-text" set:html={item} />
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
+          {release.fixes && release.fixes.length > 0 && (
+            <div class="change-group">
+              <h3 class="group-label fix-label">
+                <Bug size={14} /> Bug Fixes
+              </h3>
+              <ul class="change-list">
+                {release.fixes.map((item) => (
+                  <li>
+                    <span class="bullet-dot bullet-red"></span>
+                    <span class="change-text" set:html={item} />
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </div>
+
+        {release.link && (
+          <footer class="timeline-footer">
+            <a href={release.link} target="_blank" rel="noopener noreferrer" class="timeline-link">
+              <span>View full release in documentation</span>
+              <ExternalLink size={13} />
+            </a>
+          </footer>
+        )}
+      </div>
+    </article>
+  ))}
+</div>
+
+<style>
+  .changelog-timeline {
+    position: relative;
+    max-width: 860px;
+    margin: 0 auto;
+    padding: 2rem 1.5rem 6rem;
+  }
+
+  .timeline-line {
+    position: absolute;
+    top: 2rem;
+    bottom: 4rem;
+    left: 2rem;
+    width: 2px;
+    background: linear-gradient(180deg, rgba(0, 245, 212, 0.4) 0%, rgba(255, 255, 255, 0.05) 90%);
+  }
+
+  .timeline-item {
+    position: relative;
+    display: flex;
+    gap: 2.5rem;
+    margin-bottom: 4rem;
+  }
+
+  .timeline-node {
+    position: relative;
+    flex-shrink: 0;
+    width: 24px;
+    display: flex;
+    justify-content: center;
+    padding-top: 0.35rem;
+    z-index: 2;
+  }
+
+  .timeline-dot {
+    width: 14px;
+    height: 14px;
+    background: #030303;
+    border: 2px solid #00f5d4;
+    border-radius: 50%;
+    box-shadow: 0 0 10px rgba(0, 245, 212, 0.6);
+  }
+
+  .timeline-content {
+    flex: 1;
+    background: #080808;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2rem;
+    position: relative;
+    transition: border-color 0.2s ease;
+  }
+
+  .timeline-content:hover {
+    border-color: rgba(0, 245, 212, 0.25);
+  }
+
+  .timeline-meta {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .timeline-date {
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .timeline-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+    font-size: 0.75rem;
+    padding: 0.15rem 0.5rem;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .timeline-title {
+    font-size: 1.6rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0.25rem 0 0.5rem;
+    letter-spacing: -0.02em;
+  }
+
+  .timeline-summary {
+    color: #a1a1aa;
+    font-size: 0.95rem;
+    margin: 0 0 1.5rem;
+    line-height: 1.5;
+  }
+
+  .timeline-body {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .group-label {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    font-size: 0.8rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    margin: 0 0 0.75rem;
+  }
+
+  .feature-label {
+    color: #00f5d4;
+  }
+
+  .improvement-label {
+    color: #facc15;
+  }
+
+  .fix-label {
+    color: #f87171;
+  }
+
+  .change-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.85rem;
+  }
+
+  .change-list li {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    font-size: 0.92rem;
+    line-height: 1.6;
+  }
+
+  .bullet-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-top: 0.55rem;
+    flex-shrink: 0;
+  }
+
+  .bullet-cyan {
+    background: #00f5d4;
+    box-shadow: 0 0 6px rgba(0, 245, 212, 0.5);
+  }
+
+  .bullet-yellow {
+    background: #facc15;
+  }
+
+  .bullet-red {
+    background: #f87171;
+  }
+
+  /* Formatted markdown text styling inside change items */
+  .change-text {
+    flex: 1;
+    color: #d4d4d8;
+  }
+
+  .change-text :global(strong) {
+    color: #fff;
+    font-weight: 600;
+  }
+
+  .change-text :global(code) {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.85em;
+    background: #141414;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 0.15em 0.4em;
+    border-radius: 4px;
+    color: #00f5d4;
+  }
+
+  .change-text :global(a) {
+    color: #00f5d4;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .change-text :global(a:hover) {
+    color: #00ffd8;
+  }
+
+  .timeline-footer {
+    margin-top: 2rem;
+    padding-top: 1.25rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+  }
+
+  .timeline-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.85rem;
+    color: #00f5d4;
+    text-decoration: none;
+    transition: opacity 0.2s ease;
+  }
+
+  .timeline-link:hover {
+    opacity: 0.8;
+    text-decoration: underline;
+  }
+
+  @media (max-width: 640px) {
+    .changelog-timeline {
+      padding-left: 1rem;
+      padding-right: 1rem;
+    }
+
+    .timeline-line {
+      left: 1rem;
+    }
+
+    .timeline-item {
+      gap: 1.25rem;
+    }
+
+    .timeline-content {
+      padding: 1.25rem;
+    }
+
+    .timeline-title {
+      font-size: 1.3rem;
+    }
+  }
+</style>
diff --git a/apps/landing/src/components/ComparisonTable.astro b/apps/landing/src/components/ComparisonTable.astro
new file mode 100644
index 000000000..ea63471e2
--- /dev/null
+++ b/apps/landing/src/components/ComparisonTable.astro
@@ -0,0 +1,233 @@
+---
+import { Check, X, Minus } from 'lucide-react';
+
+interface ComparisonRow {
+  category: string;
+  feature: string;
+  urbackend: string | boolean;
+  competitor: string | boolean;
+  note?: string;
+}
+
+interface Props {
+  competitor: string;
+  rows: ComparisonRow[];
+}
+
+const { competitor, rows } = Astro.props;
+
+// Group rows by category
+const categories = Array.from(new Set(rows.map((r) => r.category)));
+---
+
+<div class="comparison-table-wrapper">
+  <div class="comparison-table-scroll">
+    <table class="comparison-table">
+      <thead>
+        <tr>
+          <th class="feature-col">Feature</th>
+          <th class="urbackend-col">
+            <div class="header-brand">
+              <span class="brand-highlight">urBackend</span>
+              <span class="badge-tag">MongoDB Native</span>
+            </div>
+          </th>
+          <th class="competitor-col">
+            <div class="header-brand">
+              <span>{competitor}</span>
+            </div>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        {categories.map((cat) => (
+          <>
+            <tr class="category-header-row">
+              <td colspan="3">{cat}</td>
+            </tr>
+            {rows.filter((r) => r.category === cat).map((row) => (
+              <tr class="data-row">
+                <td class="feature-cell">
+                  <div class="feature-name">{row.feature}</div>
+                  {row.note && <div class="feature-note">{row.note}</div>}
+                </td>
+                <td class="urbackend-cell">
+                  {typeof row.urbackend === 'boolean' ? (
+                    row.urbackend ? (
+                      <span class="icon-check"><Check size={18} /></span>
+                    ) : (
+                      <span class="icon-x"><X size={18} /></span>
+                    )
+                  ) : (
+                    <span class="val-text val-highlight">{row.urbackend}</span>
+                  )}
+                </td>
+                <td class="competitor-cell">
+                  {typeof row.competitor === 'boolean' ? (
+                    row.competitor ? (
+                      <span class="icon-check-muted"><Check size={18} /></span>
+                    ) : (
+                      <span class="icon-x"><X size={18} /></span>
+                    )
+                  ) : (
+                    <span class="val-text">{row.competitor}</span>
+                  )}
+                </td>
+              </tr>
+            ))}
+          </>
+        ))}
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<style>
+  .comparison-table-wrapper {
+    max-width: 1000px;
+    margin: 2rem auto;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    background: #060606;
+    overflow: hidden;
+  }
+
+  .comparison-table-scroll {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .comparison-table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+    font-size: 0.95rem;
+  }
+
+  th {
+    padding: 1.25rem 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background: #0a0a0a;
+  }
+
+  .feature-col {
+    width: 44%;
+    color: #a1a1aa;
+    font-weight: 500;
+  }
+
+  .urbackend-col {
+    width: 28%;
+    background: rgba(0, 245, 212, 0.03);
+    border-left: 1px solid rgba(0, 245, 212, 0.15);
+    border-right: 1px solid rgba(0, 245, 212, 0.15);
+  }
+
+  .competitor-col {
+    width: 28%;
+    color: #fff;
+  }
+
+  .header-brand {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: #fff;
+  }
+
+  .brand-highlight {
+    color: #00f5d4;
+  }
+
+  .badge-tag {
+    font-size: 0.65rem;
+    padding: 0.15rem 0.45rem;
+    background: rgba(0, 245, 212, 0.1);
+    border: 1px solid rgba(0, 245, 212, 0.25);
+    color: #00f5d4;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .category-header-row td {
+    padding: 1rem 1.5rem 0.5rem;
+    background: rgba(255, 255, 255, 0.02);
+    font-size: 0.75rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: #00f5d4;
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
+  }
+
+  .data-row td {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  }
+
+  .data-row:hover {
+    background: rgba(255, 255, 255, 0.015);
+  }
+
+  .feature-cell {
+    color: #fff;
+  }
+
+  .feature-name {
+    font-weight: 500;
+  }
+
+  .feature-note {
+    font-size: 0.8rem;
+    color: #71717a;
+    margin-top: 0.2rem;
+  }
+
+  .urbackend-cell {
+    background: rgba(0, 245, 212, 0.02);
+    border-left: 1px solid rgba(0, 245, 212, 0.15);
+    border-right: 1px solid rgba(0, 245, 212, 0.15);
+  }
+
+  .competitor-cell {
+    color: #a1a1aa;
+  }
+
+  .icon-check {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #00f5d4;
+  }
+
+  .icon-check-muted {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #71717a;
+  }
+
+  .icon-x {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #ef4444;
+    opacity: 0.7;
+  }
+
+  .val-text {
+    font-size: 0.9rem;
+    font-weight: 500;
+  }
+
+  .val-highlight {
+    color: #00f5d4;
+  }
+
+  @media (max-width: 640px) {
+    th, .data-row td {
+      padding: 0.75rem 1rem;
+    }
+  }
+</style>
diff --git a/apps/landing/src/components/Footer.astro b/apps/landing/src/components/Footer.astro
index d1669e31d..236474571 100644
--- a/apps/landing/src/components/Footer.astro
+++ b/apps/landing/src/components/Footer.astro
@@ -1,6 +1,6 @@
 ---
 import { Github, ArrowRight } from 'lucide-react';
-const ADMIN_EMAIL = 'yashpouranik@gmail.com'; // Hardcoding since this is static site
+const ADMIN_EMAIL = 'yash@urbackend.in'; // Official contact email
 ---
 
 <footer class="modern-footer">
@@ -38,27 +38,41 @@ const ADMIN_EMAIL = 'yashpouranik@gmail.com'; // Hardcoding since this is static
 
                 <div class="footer-col">
                     <h4>Product</h4>
-                    <a href="/#features">Features</a>
-                    <a href="/#use-cases">Use Cases</a>
-                    <a href="/#how-it-works">How it Works</a>
-                    <a href="https://docs.ub.bitbros.in">Documentation</a>
+                    <a href="/features">Features</a>
+                    <a href="/pricing">Pricing</a>
+                    <a href="/changelog">Changelog</a>
+                </div>
+
+                <div class="footer-col">
+                    <h4>Solutions</h4>
+                    <a href="/use-cases">Use Cases</a>
+                    <a href="/mongodb">For MongoDB</a>
+                    <a href="/compare/firebase">vs Firebase</a>
+                    <a href="/compare/supabase">vs Supabase</a>
+                </div>
+
+                <div class="footer-col">
+                    <h4>Developers</h4>
+                    <a href="https://docs.urbackend.in">Documentation</a>
+                    <a href="/blog">Blog</a>
+                    <a href="https://github.com/geturbackend/urBackend" target="_blank" rel="noreferrer">GitHub</a>
+                    <a href="https://www.npmjs.com/package/@urbackend/cli" target="_blank" rel="noreferrer">CLI</a>
                 </div>
 
                 <div class="footer-col">
                     <h4>Connect</h4>
                     <a href="https://discord.gg/CXJjvJkNWn" target="_blank" rel="noreferrer">Discord</a>
-                    <a href="https://github.com/yash-pouranik/urBackend" target="_blank" rel="noreferrer">Github</a>
-                    <a href={`mailto:${ADMIN_EMAIL}`}>Email</a>
+                    <a href={`https://mail.google.com/mail/?view=cm&fs=1&to=${ADMIN_EMAIL}`} target="_blank" rel="noopener noreferrer">Email</a>
                 </div>
             </div>
         </div>
 
         <div class="footer-middle">
             <div class="social-links">
-                <a href="https://github.com/yash-pouranik/urBackend" target="_blank" class="social-icon"><Github size={20} /></a>
+                <a href="https://github.com/geturbackend/urBackend" target="_blank" class="social-icon"><Github size={20} /></a>
             </div>
             <div class="legal-links">
-                <span>&copy; 2026 urBackend Inc.</span>
+                <span>&copy; 2026 urBackend. All rights reserved.</span>
             </div>
         </div>
 
diff --git a/apps/landing/src/components/Navbar.astro b/apps/landing/src/components/Navbar.astro
index 094376866..1f7b9becf 100644
--- a/apps/landing/src/components/Navbar.astro
+++ b/apps/landing/src/components/Navbar.astro
@@ -1,104 +1,344 @@
 ---
-import { Zap, Box, Check, Terminal, Menu, X, ArrowRight } from 'lucide-react';
-
-const NAV_ITEMS = [
-  { label: 'Features', href: '/#client-services', icon: Zap },
-  { label: 'Use Cases', href: '/#use-cases', icon: Box },
-  { label: 'Pricing', href: '/pricing', icon: Check },
-  { label: 'Docs', href: 'https://docs.ub.bitbros.in', icon: Terminal, external: true }
-];
+import { Zap, DollarSign, FileText, Layers, Database, GitCompare, Code, BookOpen, Pen, ChevronDown, ArrowRight, Menu, X } from 'lucide-react';
 ---
 
-<nav class="nav-glass" id="main-nav">
+<nav class="nav-glass" id="navbar">
   <div class="nav-container">
     <div class="nav-logo">
-      <a href="/" style="display: flex; align-items: center; gap: 0.75rem; text-decoration: none;">
-        <img src="/LOGO_SQ.png" alt="urBackend" style="height: 32px; width: auto;" />
+      <a href="/" class="nav-logo-link">
+        <img src="/LOGO_SQ.png" alt="urBackend Logo" />
         <span class="nav-logo-text">urBackend</span>
       </a>
     </div>
 
     <div class="nav-links">
-      {NAV_ITEMS.map((item) => {
-        const IconComponent = item.icon;
-        return item.external ? (
-          <a href={item.href} class="nav-link" target="_blank" rel="noopener noreferrer">
-            <IconComponent size={14} />
-            <span>{item.label}</span>
+      <div class="nav-group">
+        <button class="nav-group-trigger">
+          Product <ChevronDown className="chevron" />
+        </button>
+        <div class="nav-dropdown">
+          <a href="/features" class="nav-dropdown-link">
+            <Zap /> Features
           </a>
-        ) : (
-          <a href={item.href} class="nav-link">
-            <IconComponent size={14} />
-            <span>{item.label}</span>
+          <a href="/pricing" class="nav-dropdown-link">
+            <DollarSign /> Pricing
           </a>
-        );
-      })}
+          <a href="/changelog" class="nav-dropdown-link">
+            <FileText /> Changelog
+          </a>
+        </div>
+      </div>
+
+      <div class="nav-group">
+        <button class="nav-group-trigger">
+          Solutions <ChevronDown className="chevron" />
+        </button>
+        <div class="nav-dropdown">
+          <a href="/use-cases" class="nav-dropdown-link">
+            <Layers /> Use Cases
+          </a>
+          <a href="/mongodb" class="nav-dropdown-link">
+            <Database /> MongoDB
+          </a>
+          <a href="/compare/firebase" class="nav-dropdown-link">
+            <GitCompare /> vs Firebase
+          </a>
+          <a href="/compare/supabase" class="nav-dropdown-link">
+            <GitCompare /> vs Supabase
+          </a>
+        </div>
+      </div>
+
+      <div class="nav-group">
+        <button class="nav-group-trigger">
+          Developers <ChevronDown className="chevron" />
+        </button>
+        <div class="nav-dropdown">
+          <a href="/developers" class="nav-dropdown-link">
+            <Code /> Developers
+          </a>
+          <a href="https://docs.urbackend.in" class="nav-dropdown-link" target="_blank" rel="noopener noreferrer">
+            <BookOpen /> Docs
+          </a>
+          <a href="/blog" class="nav-dropdown-link">
+            <Pen /> Blog
+          </a>
+        </div>
+      </div>
     </div>
 
     <div class="nav-actions">
-      <a href="https://app.urbackend.bitbros.in/login" class="nav-btn-ghost">Log in</a>
-      <a href="https://app.urbackend.bitbros.in/signup" class="nav-btn-primary">
-        <span>Get Started</span>
-        <ArrowRight size={16} />
+      <a href="https://app.urbackend.in/login" class="nav-btn-ghost">Login</a>
+      <a href="https://app.urbackend.in/signup" class="nav-btn-primary">
+        Get Started <ArrowRight size={16} />
       </a>
-      <button class="mobile-menu-btn" id="mobile-menu-toggle" aria-label="Toggle menu">
-        <Menu id="menu-icon-open" />
-        <X id="menu-icon-close" style={{ display: 'none' }} />
-      </button>
     </div>
+
+    <button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Toggle menu">
+      <Menu id="menu-icon" />
+      <X id="close-icon" class="hidden" style={{ display: 'none' }} />
+    </button>
   </div>
 </nav>
 
-<div id="pricing-mobile-menu" class="mobile-menu-overlay">
-  <a href="/#client-services" class="mobile-menu-link">Features</a>
-  <a href="/#use-cases" class="mobile-menu-link">Use Cases</a>
-  <a href="/pricing" class="mobile-menu-link">Pricing</a>
-  <a href="https://docs.ub.bitbros.in" target="_blank" rel="noopener noreferrer" class="mobile-menu-link">Docs</a>
-  <div class="mobile-menu-divider"></div>
-  <a href="https://app.urbackend.bitbros.in/login" class="mobile-menu-sub-link">Log in</a>
-  <a href="https://app.urbackend.bitbros.in/signup" class="btn btn-primary mobile-menu-action">Start for Free</a>
+<div class="mobile-menu-overlay" id="mobile-menu">
+  <div class="mobile-menu-content">
+    <div class="mobile-menu-group-title">Product</div>
+    <a href="/features" class="nav-dropdown-link mobile-link">
+      <Zap /> Features
+    </a>
+    <a href="/pricing" class="nav-dropdown-link mobile-link">
+      <DollarSign /> Pricing
+    </a>
+    <a href="/changelog" class="nav-dropdown-link mobile-link">
+      <FileText /> Changelog
+    </a>
+
+    <div class="mobile-menu-group-title">Solutions</div>
+    <a href="/use-cases" class="nav-dropdown-link mobile-link">
+      <Layers /> Use Cases
+    </a>
+    <a href="/mongodb" class="nav-dropdown-link mobile-link">
+      <Database /> MongoDB
+    </a>
+    <a href="/compare/firebase" class="nav-dropdown-link mobile-link">
+      <GitCompare /> vs Firebase
+    </a>
+    <a href="/compare/supabase" class="nav-dropdown-link mobile-link">
+      <GitCompare /> vs Supabase
+    </a>
+
+    <div class="mobile-menu-group-title">Developers</div>
+    <a href="/developers" class="nav-dropdown-link mobile-link">
+      <Code /> Developers
+    </a>
+    <a href="https://docs.urbackend.in" class="nav-dropdown-link mobile-link" target="_blank" rel="noopener noreferrer">
+      <BookOpen /> Docs
+    </a>
+    <a href="/blog" class="nav-dropdown-link mobile-link">
+      <Pen /> Blog
+    </a>
+
+    <div class="mobile-actions" style="margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem;">
+      <a href="https://app.urbackend.in/login" class="nav-btn-ghost" style="justify-content: center; padding: 0.8rem;">Login</a>
+      <a href="https://app.urbackend.in/signup" class="nav-btn-primary" style="justify-content: center; padding: 0.8rem;">
+        Get Started <ArrowRight size={16} />
+      </a>
+    </div>
+  </div>
 </div>
 
+<style>
+.nav-logo {
+  display: flex;
+  align-items: center;
+  line-height: 1;
+}
+
+.nav-logo-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.75rem;
+  text-decoration: none;
+  line-height: 1;
+}
+
+.nav-logo-link img {
+  height: 32px;
+  width: auto;
+  display: block;
+}
+
+.nav-logo-text {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+}
+
+.nav-group {
+  position: relative;
+}
+
+.nav-group-trigger {
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.5rem 1rem;
+  color: #9e9ba5;
+  font-size: 0.88rem;
+  font-weight: 500;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  background: none;
+  text-decoration: none;
+}
+
+.nav-group-trigger:hover {
+  color: #00f5d4;
+}
+
+.nav-group-trigger .chevron {
+  width: 12px;
+  height: 12px;
+  transition: transform 0.2s ease;
+}
+
+.nav-group:hover .nav-group-trigger .chevron {
+  transform: rotate(180deg);
+}
+
+.nav-dropdown {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  left: 50%;
+  transform: translateX(-50%);
+  min-width: 200px;
+  background: rgba(10, 8, 15, 0.92);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateX(-50%) translateY(8px);
+  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 245, 212, 0.03);
+  z-index: 200;
+}
+
+.nav-group:hover .nav-dropdown {
+  opacity: 1;
+  visibility: visible;
+  transform: translateX(-50%) translateY(0);
+}
+
+.nav-dropdown-link {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.6rem 0.8rem;
+  color: #9e9ba5;
+  text-decoration: none;
+  font-size: 0.85rem;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.nav-dropdown-link:hover {
+  color: #00f5d4;
+  background: rgba(0, 245, 212, 0.06);
+}
+
+.nav-dropdown-link svg {
+  width: 15px;
+  height: 15px;
+  opacity: 0.6;
+}
+
+.nav-dropdown-link:hover svg {
+  opacity: 1;
+  color: #00f5d4;
+}
+
+/* Mobile group headings */
+.mobile-menu-group-title {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: #555;
+  font-weight: 700;
+  margin-top: 1.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mobile-menu-group-title:first-child {
+  margin-top: 0;
+}
+
+.mobile-menu-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  background: rgba(3, 3, 3, 0.98);
+  backdrop-filter: blur(10px);
+  z-index: 99;
+  display: none;
+  flex-direction: column;
+  padding-top: 5rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  overflow-y: auto;
+}
+
+.mobile-menu-overlay.active {
+  display: flex;
+}
+
+.mobile-menu-content {
+  max-width: 400px;
+  margin: 0 auto;
+  width: 100%;
+  padding-bottom: 3rem;
+}
+
+.mobile-link {
+  font-size: 1.1rem;
+  padding: 0.8rem 0;
+}
+
+.mobile-link svg {
+  width: 18px;
+  height: 18px;
+}
+</style>
+
 <script>
-  const nav = document.getElementById('main-nav');
-  const toggleBtn = document.getElementById('mobile-menu-toggle');
-  const mobileMenu = document.getElementById('pricing-mobile-menu');
-  const iconOpen = document.getElementById('menu-icon-open');
-  const iconClose = document.getElementById('menu-icon-close');
-  const mobileLinks = mobileMenu?.querySelectorAll('a');
-
-  // Scroll effect
-  window.addEventListener('scroll', () => {
-    if (window.scrollY > 20) {
-      nav?.classList.add('nav-scrolled');
-    } else {
-      nav?.classList.remove('nav-scrolled');
-    }
-  });
+  document.addEventListener('DOMContentLoaded', () => {
+    const navbar = document.getElementById('navbar');
+    const mobileMenuBtn = document.getElementById('mobile-menu-btn');
+    const mobileMenu = document.getElementById('mobile-menu');
+    const menuIcon = document.getElementById('menu-icon');
+    const closeIcon = document.getElementById('close-icon');
+
+    // Scroll effect
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 20) {
+        navbar?.classList.add('nav-scrolled');
+      } else {
+        navbar?.classList.remove('nav-scrolled');
+      }
+      
+      // Hide nav when scrolling down, show when scrolling up
+      if (window.scrollY > lastScrollY && window.scrollY > 100) {
+        navbar?.classList.add('nav-hidden');
+      } else {
+        navbar?.classList.remove('nav-hidden');
+      }
+      lastScrollY = window.scrollY;
+    });
+
+    let lastScrollY = window.scrollY;
 
-  // Mobile menu toggle
-  let isMenuOpen = false;
-  
-  function toggleMenu() {
-    isMenuOpen = !isMenuOpen;
-    if (isMenuOpen) {
-      mobileMenu?.classList.add('open');
-      if (iconOpen) iconOpen.style.display = 'none';
-      if (iconClose) iconClose.style.display = 'block';
-      document.body.style.overflow = 'hidden';
-    } else {
-      mobileMenu?.classList.remove('open');
-      if (iconOpen) iconOpen.style.display = 'block';
-      if (iconClose) iconClose.style.display = 'none';
-      document.body.style.overflow = '';
-    }
-  }
-
-  toggleBtn?.addEventListener('click', toggleMenu);
-  
-  mobileLinks?.forEach(link => {
-    link.addEventListener('click', () => {
-      if (isMenuOpen) toggleMenu();
+    // Mobile menu toggle
+    mobileMenuBtn?.addEventListener('click', () => {
+      mobileMenu?.classList.toggle('active');
+      const isActive = mobileMenu?.classList.contains('active');
+      
+      if (isActive) {
+        document.body.style.overflow = 'hidden'; // Prevent scrolling
+        menuIcon.style.display = 'none';
+        closeIcon.style.display = 'block';
+      } else {
+        document.body.style.overflow = '';
+        menuIcon.style.display = 'block';
+        closeIcon.style.display = 'none';
+      }
     });
   });
 </script>
diff --git a/apps/landing/src/components/PageHero.astro b/apps/landing/src/components/PageHero.astro
new file mode 100644
index 000000000..cc3a6a64c
--- /dev/null
+++ b/apps/landing/src/components/PageHero.astro
@@ -0,0 +1,107 @@
+---
+import { ArrowRight } from 'lucide-react';
+
+interface Props {
+  badge: string;
+  title: string;
+  highlightTitle?: string;
+  description: string;
+  primaryCta?: {
+    label: string;
+    href: string;
+  };
+  secondaryCta?: {
+    label: string;
+    href: string;
+  };
+}
+
+const { badge, title, highlightTitle, description, primaryCta, secondaryCta } = Astro.props;
+---
+
+<section class="page-hero">
+  <div class="page-hero-glow"></div>
+  <div class="page-hero-container">
+    <div class="status-pill" style="display: inline-flex; margin-bottom: 1.5rem;">
+      <span class="section-badge" style="margin-bottom: 0;">{badge}</span>
+    </div>
+    
+    <h1 class="page-hero-title">
+      {title} {highlightTitle && <span class="text-gradient-primary">{highlightTitle}</span>}
+    </h1>
+    
+    <p class="page-hero-desc">
+      {description}
+    </p>
+
+    {(primaryCta || secondaryCta) && (
+      <div class="page-hero-ctas">
+        {primaryCta && (
+          <a href={primaryCta.href} class="btn-hero-primary">
+            <span>{primaryCta.label}</span>
+            <ArrowRight size={16} />
+          </a>
+        )}
+        {secondaryCta && (
+          <a href={secondaryCta.href} class="btn-hero-secondary">
+            <span>{secondaryCta.label}</span>
+          </a>
+        )}
+      </div>
+    )}
+  </div>
+</section>
+
+<style>
+  .page-hero {
+    position: relative;
+    padding: calc(var(--nav-height, 70px) + 4rem) 1.5rem 4rem;
+    text-align: center;
+    overflow: hidden;
+    background: radial-gradient(circle at 50% 10%, rgba(0, 245, 212, 0.05) 0%, transparent 60%);
+  }
+
+  .page-hero-glow {
+    position: absolute;
+    top: -20%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 600px;
+    height: 600px;
+    background: radial-gradient(circle, rgba(0, 245, 212, 0.08) 0%, transparent 70%);
+    filter: blur(120px);
+    pointer-events: none;
+  }
+
+  .page-hero-container {
+    max-width: 900px;
+    margin: 0 auto;
+    position: relative;
+    z-index: 1;
+  }
+
+  .page-hero-title {
+    font-size: clamp(2.5rem, 5vw, 4rem);
+    font-weight: 800;
+    line-height: 1.1;
+    letter-spacing: -0.04em;
+    margin: 0 0 1.5rem;
+    color: #fff;
+  }
+
+  .page-hero-desc {
+    font-size: clamp(1.05rem, 2vw, 1.25rem);
+    color: #a1a1aa;
+    line-height: 1.6;
+    max-width: 680px;
+    margin: 0 auto 2.5rem;
+  }
+
+  .page-hero-ctas {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+</style>
diff --git a/apps/landing/src/content.config.ts b/apps/landing/src/content.config.ts
new file mode 100644
index 000000000..8e0e6e47f
--- /dev/null
+++ b/apps/landing/src/content.config.ts
@@ -0,0 +1,17 @@
+import { defineCollection, z } from 'astro:content';
+import { glob } from 'astro/loaders';
+
+const blog = defineCollection({
+  loader: glob({ pattern: '**/*.mdx', base: './src/content/blog' }),
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    date: z.coerce.date(),
+    author: z.string().default('urBackend Team'),
+    category: z.enum(['Announcements', 'Tutorials', 'Engineering', 'Community']),
+    tags: z.array(z.string()).default([]),
+    draft: z.boolean().default(false),
+  }),
+});
+
+export const collections = { blog };
diff --git a/apps/landing/src/content/blog/getting-started-with-urbackend-in-5-minutes.mdx b/apps/landing/src/content/blog/getting-started-with-urbackend-in-5-minutes.mdx
new file mode 100644
index 000000000..e68d2892a
--- /dev/null
+++ b/apps/landing/src/content/blog/getting-started-with-urbackend-in-5-minutes.mdx
@@ -0,0 +1,109 @@
+---
+title: "Getting Started with urBackend in 5 Minutes: Complete Tutorial"
+description: "A fast, hands-on walkthrough showing how to initialize a project, configure MongoDB collections, and query data from a React frontend with authentication."
+date: 2026-09-05
+author: "urBackend Team"
+category: "Tutorials"
+tags: ["mongodb tutorial", "react mongodb", "baas quickstart", "typescript sdk", "urbackend tutorial", "mern tutorial", "rest api tutorial"]
+draft: false
+---
+
+In this tutorial, we will take you from zero to a fully functional, authenticated frontend application powered by urBackend and MongoDB in under five minutes.
+
+## Step 1: Create a Free Project
+
+First, sign up at [app.urbackend.in](https://app.urbackend.in) and click **Create Project**.
+
+You will receive two keys in your project settings:
+- **Publishable Key (`pk_live_...`)**: Safe to expose in frontend bundles, mobile apps, and public repositories.
+- **Secret Key (`sk_live_...`)**: High-privilege administrative key for server-side scripts.
+
+## Step 2: Define a Collection
+
+Navigate to **Database ➔ Create Collection**. You can either:
+
+1. **Use the Visual Builder**: Add fields such as `title (String, Required)`, `price (Number)`, and `inStock (Boolean)`.
+2. **Use the AI Collection Creator**: Describe your schema (for example, *"An inventory catalog with product name, price, SKU, and tags"*), and let the AI build the schema for you.
+
+Set the Row-Level Security mode to **`public-read`** so any user can browse items, but only authenticated users can make changes.
+
+## Step 3: Install the SDK
+
+In your React or Next.js project, install `@urbackend/react` and `@urbackend/sdk`:
+
+```bash
+npm install @urbackend/react @urbackend/sdk
+```
+
+## Step 4: Wrap Your App with UrProvider
+
+In your application root (e.g. `main.tsx` or `App.tsx`):
+
+```tsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { UrProvider } from '@urbackend/react';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <UrProvider apiKey="pk_live_your_publishable_key">
+      <App />
+    </UrProvider>
+  </React.StrictMode>
+);
+```
+
+## Step 5: Query Data & Authenticate
+
+Now use the built-in React hooks to query your MongoDB documents and handle authentication:
+
+```tsx
+import { useDb, useUser, UrAuth } from '@urbackend/react';
+import { useEffect, useState } from 'react';
+
+export default function ProductList() {
+  const { user, logout } = useUser();
+  const db = useDb();
+  const [products, setProducts] = useState<any[]>([]);
+
+  useEffect(() => {
+    async function loadData() {
+      // Query collection with sorting & limits
+      const items = await db.getAll('products', {
+        sort: 'createdAt:desc',
+        limit: 10
+      });
+      setProducts(items);
+    }
+    loadData();
+  }, [db]);
+
+  if (!user) {
+    return <UrAuth providers={['github', 'google']} />;
+  }
+
+  return (
+    <div>
+      <h1>Welcome back, {user.name}</h1>
+      <button onClick={logout}>Sign Out</button>
+
+      <h2>Product Catalog</h2>
+      <ul>
+        {products.map((p) => (
+          <li key={p._id}>{p.title} — ${p.price}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+## That's It!
+
+You now have a production-ready application with:
+- Full authentication (Email/Password + GitHub/Google OAuth)
+- Direct MongoDB reads protected by Row-Level Security
+- Zero custom backend code or server maintenance
+
+To learn more about advanced features like presigned file uploads, transactional emails, and CLI schema sync, check out our [full documentation](https://docs.urbackend.in).
diff --git a/apps/landing/src/content/blog/mongodb-baas-vs-traditional-backend.mdx b/apps/landing/src/content/blog/mongodb-baas-vs-traditional-backend.mdx
new file mode 100644
index 000000000..b25cb52ab
--- /dev/null
+++ b/apps/landing/src/content/blog/mongodb-baas-vs-traditional-backend.mdx
@@ -0,0 +1,74 @@
+---
+title: "MongoDB BaaS vs Traditional Backend: Why Teams Are Switching"
+description: "A deep dive comparing the maintenance burden, infrastructure overhead, and security risks of hand-crafted Express backends versus modern MongoDB BaaS architecture."
+date: 2026-08-28
+author: "urBackend Team"
+category: "Engineering"
+tags: ["mongodb baas", "express js backend", "mern stack", "backend development", "fullstack architecture", "node js backend", "serverless mongodb"]
+draft: false
+---
+
+Every engineering team that decides to build a greenfield application faces a fundamental architectural question: **Should we write our own backend from scratch, or should we use a Backend-as-a-Service?**
+
+Traditionally, if you picked MongoDB, you didn't have much of a choice. You would spin up a Node.js/Express or Python/FastAPI service, configure Mongoose or PyMongo, set up JWT authentication, write input validation middleware, wire up AWS S3 presigned upload handlers, and build error formatting logic from scratch.
+
+Let's break down what that boilerplate really costs and why teams are moving to a modern MongoDB BaaS like urBackend.
+
+## The True Cost of "Hand-Crafted" Backends
+
+A standard production backend requires hundreds of lines of non-differentiating code before your first feature is ready:
+
+1. **Authentication Boilerplate**: Hashing passwords with bcrypt, setting up JWT sign/verify, handling token expiration, and configuring Redis for refresh token rotation.
+2. **Schema & Input Validation**: Writing Zod or Joi validation schemas, sanitizing payload keys, and returning clean HTTP 400 error codes.
+3. **Storage & Presigned URLs**: Setting up AWS SDK clients, generating presigned S3 upload URLs, and validating mime-types.
+4. **Access Control & Permissions**: Hand-coding ownership checks (`if (doc.userId !== req.user.id) return res.status(403)`) across every route handler.
+
+When you add CI/CD pipelines, Dockerfiles, and server monitoring, a team can easily burn 3 to 4 weeks of engineering capacity just laying foundation.
+
+## How urBackend Changes the Equation
+
+With urBackend, you connect your MongoDB cluster, define your collections visually (or via natural language AI prompts), and immediately get typed client libraries that handle auth, data access, and storage.
+
+Here is a side-by-side look:
+
+### Traditional Express Route
+```javascript
+// routes/posts.js
+router.post('/posts', authenticateJWT, validateBody(PostSchema), async (req, res) => {
+  try {
+    const post = new Post({
+      ...req.body,
+      authorId: req.user.id,
+      createdAt: new Date()
+    });
+    await post.save();
+    return res.status(201).json({ success: true, data: post });
+  } catch (err) {
+    return res.status(500).json({ error: 'Database write failed' });
+  }
+});
+```
+
+### With urBackend SDK
+```javascript
+// Direct from client with Row-Level Security
+const newPost = await client.db.insert('posts', {
+  title: 'Hello World',
+  content: 'Zero boilerplate backend code.'
+}, client.auth.getToken());
+```
+
+The gateway handles JWT verification, enforces the collection's JSON Schema, attaches user ownership, and records audit logs automatically.
+
+## When Should You Still Write a Custom Backend?
+
+A BaaS isn't a silver bullet for every scenario. You might still want a custom microservice when:
+
+- You have heavy background compute jobs (e.g., video transcode pipelines, machine learning training).
+- You require deep legacy enterprise integration with proprietary binary RPC protocols.
+
+However, even in those cases, modern architectures often use urBackend for core application state, user auth, and file storage, while offloading specialized tasks to isolated microservices.
+
+## Conclusion
+
+By eliminating the repetitive plumbing of backend development, engineering teams can focus 100% of their energy on crafting great user experiences. Check out our [Quickstart Guide](https://docs.urbackend.in/quickstart) to see how quickly you can launch your next MongoDB project.
diff --git a/apps/landing/src/content/blog/why-we-built-urbackend.mdx b/apps/landing/src/content/blog/why-we-built-urbackend.mdx
new file mode 100644
index 000000000..e9146a3af
--- /dev/null
+++ b/apps/landing/src/content/blog/why-we-built-urbackend.mdx
@@ -0,0 +1,60 @@
+---
+title: "Why We Built urBackend: The Missing BaaS for MongoDB"
+description: "Frontend developers have loved Backend-as-a-Service tools for years, but SQL-based platforms force rigid schemas and painful migrations. Here is why we built a MongoDB-native platform with zero vendor lock-in."
+date: 2026-08-15
+author: "Yash Pouranik"
+category: "Announcements"
+tags: ["mongodb baas", "backend as a service", "firebase alternative", "supabase alternative", "open-source baas", "mongodb", "document database", "backend architecture"]
+draft: false
+---
+
+For the past decade, the Backend-as-a-Service (BaaS) landscape has undergone a massive resurgence. Platforms like Firebase, Supabase, and PocketBase proved that developers don't want to spend three weeks writing repetitive CRUD controllers, user sign-up handlers, and auth token rotation.
+
+Yet, despite this explosion of tooling, one massive ecosystem was left behind: **MongoDB**.
+
+If you were a frontend or mobile engineer who preferred document databases — who wanted the flexibility of JSON, nested arrays, and rapid iteration without schema lock — you were effectively forced into one of two painful choices:
+
+1. **Use Firebase/Firestore**, where your data is locked into Google's proprietary ecosystem with unpredictable read/write billing and no easy export.
+2. **Use a PostgreSQL BaaS**, where every slight schema modification requires drafting SQL migration files, altering tables, and dealing with complex relational join tables for nested components.
+
+We built **urBackend** to fix this.
+
+## The Document Model is Natural for Frontends
+
+When building modern web and mobile apps with React, Vue, or Flutter, your state is inherently hierarchical. A blog post has nested tags, an author profile, and an array of comments. An e-commerce product has variant dimensions, color swatches, and customer ratings.
+
+In a relational database, modeling this requires four separate tables joined with foreign keys. In MongoDB, it is simply a document:
+
+```json
+{
+  "_id": "prod_987",
+  "title": "Ergonomic Mechanical Keyboard",
+  "price": 149.99,
+  "specs": {
+    "switches": "Gateron Brown",
+    "hotSwappable": true
+  },
+  "tags": ["peripherals", "wireless"]
+}
+```
+
+By pairing this natural document structure with an automated BaaS gateway, frontend developers get the best of both worlds: rapid iteration and structured integrity.
+
+## Our Core Principles
+
+When designing urBackend, we committed to three non-negotiable architectural principles:
+
+### 1. Bring Your Own Database (Zero Vendor Lock-In)
+We believe your data should always belong to you. urBackend can connect directly to your existing MongoDB Atlas cluster or self-hosted database. If you ever decide to stop using urBackend, you simply disconnect — your MongoDB database and data remain completely intact. No complex migration pipelines, no proprietary export formats.
+
+### 2. Built-in Row-Level Security (RLS)
+Exposing direct database access to frontend clients requires airtight security. urBackend intercepts every request at the gateway, validating JSON Web Tokens and enforcing document ownership before a single query reaches your database.
+
+### 3. Transparent & Predictable Infrastructure
+No surprise bills based on internal database reads or background indexing spikes. We believe in clear limits, open-source core code, and transparent pricing.
+
+## What's Next
+
+urBackend is currently in active Public Beta. We've released official SDKs for TypeScript, React, and Python, launched our terminal CLI, and introduced an AI Collection Creator that turns natural language into validated schemas.
+
+We're just getting started. Join our [Discord community](https://discord.gg/CXJjvJkNWn) and let's build the future of MongoDB backends together.
diff --git a/apps/landing/src/layouts/Base.astro b/apps/landing/src/layouts/Base.astro
index 1550f2dc8..e946bff15 100644
--- a/apps/landing/src/layouts/Base.astro
+++ b/apps/landing/src/layouts/Base.astro
@@ -2,12 +2,29 @@
 interface Props {
   title: string;
   description: string;
+  keywords?: string;
   canonicalUrl?: string;
   ogImage?: string;
+  structuredData?: Record<string, any>;
+  noindex?: boolean;
 }
-const { title, description, canonicalUrl, ogImage } = Astro.props;
+const { title, description, keywords, canonicalUrl, ogImage, structuredData, noindex } = Astro.props;
 import '../styles/landing.css';
 import Analytics from '@vercel/analytics/astro';
+
+const defaultKeywords = "MongoDB BaaS, Backend as a Service, MongoDB backend, Firebase alternative for MongoDB, Supabase MongoDB, serverless MongoDB API, MongoDB Atlas BaaS, Instant REST API, MERN stack backend";
+const metaKeywords = keywords || defaultKeywords;
+
+const defaultStructuredData = {
+  "@context": "https://schema.org",
+  "@type": "SoftwareApplication",
+  "name": "urBackend",
+  "applicationCategory": "DeveloperApplication",
+  "description": description,
+  "url": "https://urbackend.in",
+  "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
+};
+const jsonLd = structuredData || defaultStructuredData;
 ---
 <!DOCTYPE html>
 <html lang="en">
@@ -21,11 +38,15 @@ import Analytics from '@vercel/analytics/astro';
   <link rel="apple-touch-icon" href="/LOGO_SQ.png" />
   <title>{title}</title>
   <meta name="description" content={description} />
+  <meta name="keywords" content={metaKeywords} />
+  <meta name="author" content="urBackend" />
+  {noindex && <meta name="robots" content="noindex, nofollow" />}
   
   <!-- Open Graph -->
   <meta property="og:title" content={title} />
   <meta property="og:description" content={description} />
   <meta property="og:type" content="website" />
+  <meta property="og:url" content={canonicalUrl || Astro.url.href} />
   <meta property="og:image" content={ogImage || '/og-image.png'} />
   <meta property="og:site_name" content="urBackend" />
   
@@ -39,15 +60,7 @@ import Analytics from '@vercel/analytics/astro';
   {canonicalUrl && <link rel="canonical" href={canonicalUrl} />}
   
   <!-- Structured Data (JSON-LD) -->
-  <script type="application/ld+json" set:html={JSON.stringify({
-      "@context": "https://schema.org",
-      "@type": "SoftwareApplication",
-      "name": "urBackend",
-      "applicationCategory": "DeveloperApplication",
-      "description": description,
-      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
-    })}>
-  </script>
+  <script type="application/ld+json" set:html={JSON.stringify(jsonLd)}></script>
   
   <!-- Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/apps/landing/src/layouts/ContentPage.astro b/apps/landing/src/layouts/ContentPage.astro
new file mode 100644
index 000000000..061279e50
--- /dev/null
+++ b/apps/landing/src/layouts/ContentPage.astro
@@ -0,0 +1,355 @@
+---
+import BaseLayout from './Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import { ArrowLeft, Calendar, User, Tag } from 'lucide-react';
+
+interface Props {
+  title: string;
+  description: string;
+  date?: Date | string;
+  author?: string;
+  category?: string;
+  tags?: string[];
+  canonicalUrl?: string;
+  ogImage?: string;
+}
+
+const {
+  title,
+  description,
+  date,
+  author = 'urBackend Team',
+  category,
+  tags = [],
+  canonicalUrl,
+  ogImage,
+} = Astro.props;
+
+const formattedDate = date
+  ? new Date(date).toLocaleDateString('en-US', {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+    })
+  : null;
+
+const blogStructuredData = date
+  ? {
+      '@context': 'https://schema.org',
+      '@type': 'BlogPosting',
+      headline: title,
+      description,
+      author: {
+        '@type': 'Organization',
+        name: author,
+      },
+      datePublished: new Date(date).toISOString(),
+    }
+  : undefined;
+---
+
+<BaseLayout
+  title={`${title} | urBackend Blog`}
+  description={description}
+  keywords={tags.length ? tags.join(', ') : undefined}
+  canonicalUrl={canonicalUrl}
+  ogImage={ogImage}
+  structuredData={blogStructuredData}
+>
+  <Navbar />
+
+  <main class="content-page-main">
+    <div class="content-page-container">
+      <div class="content-nav-back">
+        <a href="/blog" class="back-link">
+          <ArrowLeft size={16} />
+          <span>Back to all articles</span>
+        </a>
+      </div>
+
+      <header class="content-header">
+        {category && <span class="content-category">{category}</span>}
+        <h1 class="content-title">{title}</h1>
+        <p class="content-lead">{description}</p>
+
+        <div class="content-meta">
+          <div class="meta-item">
+            <User size={15} />
+            <span>{author}</span>
+          </div>
+          {formattedDate && (
+            <div class="meta-item">
+              <Calendar size={15} />
+              <span>{formattedDate}</span>
+            </div>
+          )}
+        </div>
+      </header>
+
+      <article class="content-body prose-dark">
+        <slot />
+      </article>
+
+      {tags.length > 0 && (
+        <div class="content-tags">
+          <Tag size={14} />
+          <div class="tags-list">
+            {tags.map((tag) => (
+              <span class="tag-pill">{tag}</span>
+            ))}
+          </div>
+        </div>
+      )}
+
+      <div class="content-cta-card">
+        <div class="cta-inner">
+          <h3>Build with urBackend today</h3>
+          <p>Instant REST APIs, Auth, and Storage for your MongoDB. Free developer tier.</p>
+          <a href="https://app.urbackend.in/signup" class="btn-hero-primary">
+            Get Started Free
+          </a>
+        </div>
+      </div>
+    </div>
+  </main>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .content-page-main {
+    min-height: 100vh;
+    padding: calc(var(--nav-height, 70px) + 3rem) 1.5rem 6rem;
+    background: #030303;
+    color: #fcfcfc;
+  }
+
+  .content-page-container {
+    max-width: 820px;
+    margin: 0 auto;
+  }
+
+  .content-nav-back {
+    margin-bottom: 2rem;
+  }
+
+  .back-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.88rem;
+    color: #a1a1aa;
+    text-decoration: none;
+    transition: color 0.2s ease;
+  }
+
+  .back-link:hover {
+    color: #00f5d4;
+  }
+
+  .content-header {
+    margin-bottom: 3.5rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .content-category {
+    display: inline-block;
+    font-size: 0.75rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.25rem 0.75rem;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+    margin-bottom: 1.25rem;
+  }
+
+  .content-title {
+    font-size: clamp(2.2rem, 4vw, 3.2rem);
+    font-weight: 800;
+    line-height: 1.15;
+    letter-spacing: -0.03em;
+    margin: 0 0 1.25rem;
+    color: #fff;
+  }
+
+  .content-lead {
+    font-size: 1.2rem;
+    line-height: 1.6;
+    color: #a1a1aa;
+    margin: 0 0 2rem;
+  }
+
+  .content-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+    font-size: 0.9rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .meta-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  /* Prose Styling */
+  .prose-dark {
+    font-size: 1.05rem;
+    line-height: 1.8;
+    color: #d4d4d8;
+  }
+
+  .prose-dark :global(h2) {
+    font-size: 1.8rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 3rem 0 1rem;
+    letter-spacing: -0.02em;
+  }
+
+  .prose-dark :global(h3) {
+    font-size: 1.4rem;
+    font-weight: 600;
+    color: #fff;
+    margin: 2rem 0 0.75rem;
+  }
+
+  .prose-dark :global(p) {
+    margin: 0 0 1.5rem;
+  }
+
+  .prose-dark :global(ul),
+  .prose-dark :global(ol) {
+    margin: 0 0 1.5rem;
+    padding-left: 1.5rem;
+  }
+
+  .prose-dark :global(li) {
+    margin-bottom: 0.5rem;
+  }
+
+  .prose-dark :global(code) {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.9em;
+    background: #141414;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 0.2em 0.4em;
+    border-radius: 4px;
+    color: #00f5d4;
+  }
+
+  .prose-dark :global(pre) {
+    background: #0a0a0a !important;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 1.25rem;
+    overflow-x: auto;
+    margin: 2rem 0;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.9rem;
+    line-height: 1.6;
+  }
+
+  .prose-dark :global(pre code) {
+    background: transparent;
+    border: none;
+    padding: 0;
+    color: #fff;
+  }
+
+  .prose-dark :global(blockquote) {
+    border-left: 3px solid #00f5d4;
+    padding-left: 1.25rem;
+    margin: 2rem 0;
+    font-style: italic;
+    color: #a1a1aa;
+  }
+
+  .prose-dark :global(strong) {
+    color: #fff;
+    font-weight: 600;
+  }
+
+  .prose-dark :global(a) {
+    color: #00f5d4;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  .prose-dark :global(hr) {
+    border: none;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    margin: 3rem 0;
+  }
+
+  .content-tags {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin: 3rem 0;
+    padding: 1.5rem 0;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    color: #71717a;
+  }
+
+  .tags-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  .tag-pill {
+    font-size: 0.78rem;
+    padding: 0.2rem 0.6rem;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    color: #a1a1aa;
+  }
+
+  .content-cta-card {
+    margin-top: 4rem;
+    background: #080808;
+    border: 1px solid rgba(0, 245, 212, 0.25);
+    padding: 2.5rem;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .content-cta-card::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 400px;
+    height: 400px;
+    background: radial-gradient(circle, rgba(0, 245, 212, 0.08) 0%, transparent 70%);
+    filter: blur(80px);
+    pointer-events: none;
+  }
+
+  .cta-inner {
+    position: relative;
+    z-index: 1;
+  }
+
+  .cta-inner h3 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.5rem;
+  }
+
+  .cta-inner p {
+    color: #a1a1aa;
+    margin: 0 0 1.75rem;
+    font-size: 1rem;
+  }
+</style>
diff --git a/apps/landing/src/pages/blog/[...slug].astro b/apps/landing/src/pages/blog/[...slug].astro
new file mode 100644
index 000000000..44b709371
--- /dev/null
+++ b/apps/landing/src/pages/blog/[...slug].astro
@@ -0,0 +1,27 @@
+---
+import { getCollection, render } from 'astro:content';
+import ContentPage from '../../layouts/ContentPage.astro';
+
+export async function getStaticPaths() {
+  const posts = await getCollection('blog');
+  return posts.map((post) => ({
+    params: { slug: post.id },
+    props: { post },
+  }));
+}
+
+const { post } = Astro.props;
+const { Content } = await render(post);
+---
+
+<ContentPage
+  title={post.data.title}
+  description={post.data.description}
+  date={post.data.date}
+  author={post.data.author}
+  category={post.data.category}
+  tags={post.data.tags}
+  canonicalUrl={`https://urbackend.in/blog/${post.id}`}
+>
+  <Content />
+</ContentPage>
diff --git a/apps/landing/src/pages/blog/index.astro b/apps/landing/src/pages/blog/index.astro
new file mode 100644
index 000000000..f82d3dc9b
--- /dev/null
+++ b/apps/landing/src/pages/blog/index.astro
@@ -0,0 +1,228 @@
+---
+import { getCollection } from 'astro:content';
+import BaseLayout from '../../layouts/Base.astro';
+import Navbar from '../../components/Navbar.astro';
+import Footer from '../../components/Footer.astro';
+import PageHero from '../../components/PageHero.astro';
+import BlogCard from '../../components/BlogCard.astro';
+import { Sparkles, ArrowRight } from 'lucide-react';
+
+const allPosts = await getCollection('blog', ({ data }) => !data.draft);
+allPosts.sort((a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime());
+
+const featuredPost = allPosts[0];
+const remainingPosts = allPosts.slice(1);
+---
+
+<BaseLayout
+  title="urBackend Blog - MongoDB Tutorials, Architecture & Backend Engineering"
+  description="Deep-dive articles, tutorials, and architecture lessons from the urBackend engineering team. Learn best practices for MongoDB BaaS, Row-Level Security, fullstack apps, and SDKs."
+  keywords="MongoDB blog, Backend as a Service tutorials, MongoDB architecture, fullstack engineering, MERN stack guide, BaaS tutorials, urBackend engineering"
+  canonicalUrl="https://urbackend.in/blog"
+>
+  <Navbar />
+
+  <PageHero
+    badge="ENGINEERING & INSIGHTS"
+    title="The urBackend"
+    highlightTitle="Blog"
+    description="Architecture breakdowns, MongoDB tutorials, release updates, and engineering lessons from building a MongoDB-native Backend as a Service."
+  />
+
+  <section class="blog-listing-section">
+    <div class="blog-container">
+      {featuredPost && (
+        <div class="featured-post-wrapper">
+          <div class="featured-tag">
+            <Sparkles size={14} />
+            <span>Featured Article</span>
+          </div>
+
+          <a href={`/blog/${featuredPost.id}`} class="featured-post-card">
+            <div class="featured-content">
+              <span class="category-pill">{featuredPost.data.category}</span>
+              <h2>{featuredPost.data.title}</h2>
+              <p>{featuredPost.data.description}</p>
+              
+              <div class="featured-footer">
+                <span class="featured-date">
+                  {new Date(featuredPost.data.date).toLocaleDateString('en-US', {
+                    year: 'numeric',
+                    month: 'short',
+                    day: 'numeric'
+                  })}
+                </span>
+                <span class="read-btn">
+                  Read article <ArrowRight size={16} />
+                </span>
+              </div>
+            </div>
+          </a>
+        </div>
+      )}
+
+      <div class="posts-grid-header">
+        <h2 class="grid-title">All Articles</h2>
+        <span class="post-count">{allPosts.length} posts published</span>
+      </div>
+
+      <div class="posts-grid">
+        {allPosts.map((post) => (
+          <BlogCard
+            slug={post.id}
+            title={post.data.title}
+            description={post.data.description}
+            date={post.data.date}
+            author={post.data.author}
+            category={post.data.category}
+            tags={post.data.tags}
+          />
+        ))}
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .blog-listing-section {
+    padding: 1rem 1.5rem 8rem;
+    background: #030303;
+  }
+
+  .blog-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  /* Featured Card */
+  .featured-post-wrapper {
+    margin-bottom: 5rem;
+  }
+
+  .featured-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: #00f5d4;
+    margin-bottom: 1rem;
+  }
+
+  .featured-post-card {
+    display: block;
+    background: radial-gradient(circle at 80% 20%, rgba(0, 245, 212, 0.06) 0%, #080808 60%);
+    border: 1px solid rgba(0, 245, 212, 0.25);
+    padding: 3.5rem;
+    text-decoration: none;
+    color: inherit;
+    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    position: relative;
+    overflow: hidden;
+  }
+
+  .featured-post-card:hover {
+    transform: translateY(-4px);
+    border-color: #00f5d4;
+    box-shadow: 0 16px 40px -10px rgba(0, 245, 212, 0.15);
+  }
+
+  .featured-content {
+    max-width: 800px;
+  }
+
+  .category-pill {
+    display: inline-block;
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.2rem 0.6rem;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+    margin-bottom: 1.25rem;
+  }
+
+  .featured-content h2 {
+    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
+    font-weight: 800;
+    color: #fff;
+    line-height: 1.2;
+    letter-spacing: -0.025em;
+    margin: 0 0 1.25rem;
+  }
+
+  .featured-post-card:hover h2 {
+    color: #00f5d4;
+  }
+
+  .featured-content p {
+    font-size: 1.15rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0 0 2.5rem;
+  }
+
+  .featured-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 1.5rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .featured-date {
+    font-size: 0.85rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .read-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: #00f5d4;
+  }
+
+  /* Posts Grid */
+  .posts-grid-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 2rem;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .grid-title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .post-count {
+    font-size: 0.85rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .posts-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 2rem;
+  }
+
+  @media (max-width: 640px) {
+    .featured-post-card {
+      padding: 2rem;
+    }
+  }
+</style>
diff --git a/apps/landing/src/pages/changelog.astro b/apps/landing/src/pages/changelog.astro
new file mode 100644
index 000000000..e7cae5649
--- /dev/null
+++ b/apps/landing/src/pages/changelog.astro
@@ -0,0 +1,261 @@
+---
+import fs from 'node:fs';
+import path from 'node:path';
+import BaseLayout from '../layouts/Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import PageHero from '../components/PageHero.astro';
+import ChangelogTimeline, { type ReleaseEntry } from '../components/ChangelogTimeline.astro';
+import { ArrowRight, Github, ExternalLink } from 'lucide-react';
+
+function formatMarkdown(raw: string): string {
+  // 1. Clean up GitHub PR / author trailing references like:
+  // (by [@yash-pouranik](https://...) in [#403](...))
+  // (by @user in #123)
+  // ([#403](...))
+  // or lingering "in )"
+  let text = raw
+    .replace(/\s*\((?:by\s+[^)]+)?\s*(?:in\s+[^)]+)?\)/gi, '')
+    .replace(/\s*\(\s*by\s+[^)]*\)/gi, '')
+    .replace(/\s*\(\s*in\s+[^)]*\)/gi, '')
+    .replace(/\s*in\s*\)\s*$/gi, '')
+    .trim();
+
+  // 2. Format bold: **text** -> <strong>text</strong>
+  text = text.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+
+  // 3. Format inline code: `code` -> <code>code</code>
+  text = text.replace(/`([^`]+)`/g, '<code>$1</code>');
+
+  // 4. Format links: [label](url) -> <a href="..." target="_blank" rel="noopener noreferrer">label</a>
+  text = text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_, label, url) => {
+    let fullUrl = url;
+    if (url.startsWith('/')) {
+      fullUrl = `https://docs.urbackend.in${url}`;
+    }
+    return `<a href="${fullUrl}" target="_blank" rel="noopener noreferrer">${label}</a>`;
+  });
+
+  return text;
+}
+
+// Locate mintlify/docs/changelog directory
+const possiblePaths = [
+  path.resolve(process.cwd(), '../../mintlify/docs/changelog'),
+  path.resolve(process.cwd(), 'mintlify/docs/changelog'),
+  path.resolve(process.cwd(), '../mintlify/docs/changelog'),
+];
+
+let changelogDir: string | null = null;
+for (const p of possiblePaths) {
+  if (fs.existsSync(p)) {
+    changelogDir = p;
+    break;
+  }
+}
+
+// Fallback structured data formatted through formatMarkdown
+const fallbackReleases: ReleaseEntry[] = [
+  {
+    title: 'September 2026 Update',
+    date: '2026-09-14',
+    version: 'v0.17.0',
+    summary: 'Transactional mail enhancements, replyTo routing, and stricter payload guards.',
+    features: [
+      formatMarkdown('**`replyTo` on transactional mail** — `POST /mail/send` and `POST /mail/send/batch` now accept an optional `replyTo` field routing replies to dedicated inboxes.'),
+    ],
+    fixes: [
+      formatMarkdown('**Empty mail bodies rejected early** — Requests without content fail validation with a `400` before hitting the mail queue.'),
+    ],
+    link: 'https://docs.urbackend.in/changelog/september-2026'
+  },
+  {
+    title: 'August 2026 Release: AI Creator & Studio',
+    date: '2026-08-31',
+    version: 'v0.16.0',
+    summary: 'Permanent document deletion, granular presigned uploads, and conversational AI collection generator.',
+    features: [
+      formatMarkdown('**Permanently delete documents** — The Database page trash view now has a permanent delete button next to restore to reclaim quota immediately.'),
+      formatMarkdown('**Granular presigned upload methods in the SDK** — `@urbackend/sdk` `0.4.8` exposes `storage.requestUploadUrl()` and `storage.confirmUpload()`.'),
+      formatMarkdown('**AI Collection Creator** — Describe your application in natural language to generate normalized MongoDB collections with ERD visualization.'),
+      formatMarkdown('**BYOK for Groq AI models** — Bring your own API key for high-throughput inference with Llama 3.3, Qwen 2.5, and DeepSeek.'),
+      formatMarkdown('**Data fetch limit raised to 1000** — The `limit` query parameter on data reads now accepts up to `1000` documents per request.')
+    ],
+    improvements: [
+      formatMarkdown('**No 10 MB cap for BYO storage** — Uploads to external S3/R2 storage are no longer bound to the 10 MB platform limit.'),
+      formatMarkdown('**Accurate BSON usage tracking** — Document size measurements ensure database quota tracking reflects true storage footprint.'),
+      formatMarkdown('**Publishable key masked by default** — The dashboard masks your `pk_live` key until explicitly revealed.')
+    ],
+    fixes: [
+      formatMarkdown('**SDK works without Blob** — `@urbackend/sdk` guards `Blob instanceof` checks in Node.js/serverless runtimes.'),
+      formatMarkdown('**Soft-deleted documents excluded** — Populated references no longer return trashed documents unless requested.')
+    ],
+    link: 'https://docs.urbackend.in/changelog/august-2026'
+  }
+];
+
+let releases: ReleaseEntry[] = fallbackReleases;
+
+if (changelogDir) {
+  try {
+    const files = fs.readdirSync(changelogDir)
+      .filter((f) => f.endsWith('.mdx'))
+      .sort((a, b) => {
+        const monthOrder = ['september', 'august', 'july', 'june', 'may', 'april'];
+        const aMonth = a.split('-')[0].toLowerCase();
+        const bMonth = b.split('-')[0].toLowerCase();
+        return monthOrder.indexOf(aMonth) - monthOrder.indexOf(bMonth);
+      });
+
+    const parsedReleases: ReleaseEntry[] = [];
+
+    for (const file of files) {
+      const content = fs.readFileSync(path.join(changelogDir, file), 'utf-8');
+      const monthSlug = file.replace('.mdx', '');
+      
+      const titleMatch = content.match(/title:\s*(.+)/);
+      const title = titleMatch ? `${titleMatch[1].trim()} Update` : `${file} Update`;
+
+      const dateMatch = content.match(/<Update\s+label="([^"]+)"/);
+      const date = dateMatch ? dateMatch[1] : '2026';
+
+      const extractSectionBullets = (headerRegex: RegExp): string[] => {
+        const match = content.match(headerRegex);
+        if (!match) return [];
+        const sectionText = match[1];
+        const lines = sectionText.split('\n');
+        const bullets: string[] = [];
+        let current = '';
+
+        for (const line of lines) {
+          const trimmed = line.trim();
+          if (trimmed.startsWith('- ') || trimmed.startsWith('* ')) {
+            if (current) bullets.push(formatMarkdown(current));
+            current = trimmed.substring(2).trim();
+          } else if (current && trimmed && !trimmed.startsWith('##') && !trimmed.startsWith('<')) {
+            current += ' ' + trimmed;
+          }
+        }
+        if (current) bullets.push(formatMarkdown(current));
+        return bullets;
+      };
+
+      const features = extractSectionBullets(/## (?:New features|🚀 New Features)([\s\S]*?)(?=## |<\/Update>|$)/i);
+      const improvements = extractSectionBullets(/## (?:Improvements|🛠 Improvements)([\s\S]*?)(?=## |<\/Update>|$)/i);
+      const fixes = extractSectionBullets(/## (?:Bug fixes|🐛 Bug Fixes)([\s\S]*?)(?=## |<\/Update>|$)/i);
+
+      if (features.length > 0 || improvements.length > 0 || fixes.length > 0) {
+        parsedReleases.push({
+          title,
+          date,
+          version: monthSlug.startsWith('september') ? 'v0.17.0' : monthSlug.startsWith('august') ? 'v0.16.0' : monthSlug.startsWith('july') ? 'v0.15.0' : 'v0.14.0',
+          summary: `Official release updates for ${titleMatch ? titleMatch[1].trim() : monthSlug}.`,
+          features: features.slice(0, 5),
+          improvements: improvements.slice(0, 4),
+          fixes: fixes.slice(0, 4),
+          link: `https://docs.urbackend.in/changelog/${monthSlug}`
+        });
+      }
+    }
+
+    if (parsedReleases.length > 0) {
+      releases = parsedReleases;
+    }
+  } catch (err) {
+    // Graceful fallback to formatted fallbackReleases
+  }
+}
+---
+
+<BaseLayout
+  title="urBackend Changelog - Release Notes, SDK Updates & Feature Announcements"
+  description="Stay up to date with urBackend releases: newly added MongoDB BaaS features, SDK updates (@urbackend/sdk, React, Python, CLI), performance upgrades, and bug fixes."
+  keywords="urBackend changelog, urBackend release notes, MongoDB BaaS updates, @urbackend/sdk releases, product updates, developer changelog"
+  canonicalUrl="https://urbackend.in/changelog"
+>
+  <Navbar />
+
+  <PageHero
+    badge="PRODUCT EVOLUTION"
+    title="What's new in"
+    highlightTitle="urBackend"
+    description="Track weekly releases, engine improvements, and new capabilities shipped across our dashboard, public API, and client SDKs."
+  />
+
+  <section class="changelog-main-section">
+    <ChangelogTimeline releases={releases} />
+  </section>
+
+  <!-- Community Section -->
+  <section class="community-banner-section">
+    <div class="community-card">
+      <span class="section-badge" style="margin-bottom: 1.25rem;">COMMUNITY & RELEASES</span>
+      <h2>Shape what ships next</h2>
+      <p>All registered developers receive product releases and architecture updates directly. Follow our GitHub releases or chat directly with the team on Discord.</p>
+      
+      <div class="community-actions">
+        <a href="https://github.com/geturbackend/urBackend" target="_blank" rel="noopener noreferrer" class="cta-btn-primary">
+          <Github size={18} />
+          <span>Star on GitHub</span>
+        </a>
+        <a href="https://discord.gg/CXJjvJkNWn" target="_blank" rel="noopener noreferrer" class="cta-btn-secondary">
+          <span>Join Developer Discord</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .changelog-main-section {
+    background: #030303;
+    padding-bottom: 2rem;
+  }
+
+  .community-banner-section {
+    padding: 2rem 1.5rem 8rem;
+    background: #030303;
+  }
+
+  .community-card {
+    max-width: 760px;
+    margin: 0 auto;
+    background: radial-gradient(circle at 50% 0%, rgba(0, 245, 212, 0.05) 0%, #070707 70%);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    padding: 3.5rem 2rem;
+    text-align: center;
+  }
+
+  .community-card h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.75rem;
+    letter-spacing: -0.02em;
+  }
+
+  .community-card p {
+    font-size: 1.05rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0 0 2rem;
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .community-actions {
+    display: flex;
+    justify-content: center;
+    gap: 1.25rem;
+    flex-wrap: wrap;
+  }
+
+  @media (max-width: 600px) {
+    .community-actions {
+      flex-direction: column;
+    }
+  }
+</style>
diff --git a/apps/landing/src/pages/compare/firebase.astro b/apps/landing/src/pages/compare/firebase.astro
new file mode 100644
index 000000000..8db703f7a
--- /dev/null
+++ b/apps/landing/src/pages/compare/firebase.astro
@@ -0,0 +1,267 @@
+---
+import BaseLayout from '../../layouts/Base.astro';
+import Navbar from '../../components/Navbar.astro';
+import Footer from '../../components/Footer.astro';
+import PageHero from '../../components/PageHero.astro';
+import ComparisonTable from '../../components/ComparisonTable.astro';
+import { ArrowRight, Check, X, Shield, Database, Unlock, Sparkles } from 'lucide-react';
+
+const COMPARISON_ROWS = [
+  {
+    category: 'DATABASE & DATA MODEL',
+    feature: 'Primary Database Engine',
+    urbackend: 'MongoDB (BSON / JSON)',
+    competitor: 'Cloud Firestore / Realtime DB',
+    note: 'urBackend is built natively on MongoDB; Firebase uses proprietary Google document engines.'
+  },
+  {
+    category: 'DATABASE & DATA MODEL',
+    feature: 'Bring Your Own Database (BYOD)',
+    urbackend: true,
+    competitor: false,
+    note: 'Connect any MongoDB Atlas or self-hosted cluster with full root access.'
+  },
+  {
+    category: 'DATABASE & DATA MODEL',
+    feature: 'Standard Database Tooling',
+    urbackend: true,
+    competitor: false,
+    note: 'Use MongoDB Compass, mongosh, Studio 3T, and native MongoDB drivers anytime.'
+  },
+  {
+    category: 'DATABASE & DATA MODEL',
+    feature: 'Complex Filtering & Aggregation',
+    urbackend: 'Full MongoDB Aggregations',
+    competitor: 'Firestore Query Subsets',
+    note: 'Firestore restricts inequality filters across multiple fields without composite indexes.'
+  },
+  {
+    category: 'AUTHENTICATION & SECURITY',
+    feature: 'User Authentication',
+    urbackend: true,
+    competitor: true,
+    note: 'Both offer email/password, social OAuth (GitHub, Google), and session token management.'
+  },
+  {
+    category: 'AUTHENTICATION & SECURITY',
+    feature: 'Client-Side Access Security',
+    urbackend: 'Row-Level Security (RLS)',
+    competitor: 'Firestore Security Rules',
+    note: 'urBackend uses declarative token ownership; Firebase uses security rules DSL.'
+  },
+  {
+    category: 'STORAGE & MEDIA',
+    feature: 'File & Media Storage',
+    urbackend: true,
+    competitor: true,
+    note: 'Both provide authenticated file uploads with direct-to-cloud delivery.'
+  },
+  {
+    category: 'STORAGE & MEDIA',
+    feature: 'Bring Your Own Storage (S3 / R2)',
+    urbackend: true,
+    competitor: false,
+    note: 'urBackend lets you link AWS S3, Cloudflare R2, or Supabase Storage without platform markups.'
+  },
+  {
+    category: 'REALTIME & COMMUNICATION',
+    feature: 'Realtime Data Updates',
+    urbackend: true,
+    competitor: true,
+    note: 'urBackend provides WebSocket mutation broadcasting; Firebase provides onSnapshot listeners.'
+  },
+  {
+    category: 'REALTIME & COMMUNICATION',
+    feature: 'Built-in Transactional Email',
+    urbackend: true,
+    competitor: 'Extensions Required',
+    note: 'urBackend includes pre-configured email queues and templates out of the box.'
+  },
+  {
+    category: 'AI & DEVELOPER TOOLING',
+    feature: 'AI Schema & Collection Generation',
+    urbackend: 'Native Conversational Builder',
+    competitor: 'Firebase Genkit / Vertex AI',
+    note: 'Both support modern AI workflows; urBackend specializes in natural-language MongoDB schemas.'
+  },
+  {
+    category: 'INFRASTRUCTURE & FREEDOM',
+    feature: 'Open Source Core',
+    urbackend: true,
+    competitor: false,
+    note: 'urBackend core is open source (MIT); Firebase is a proprietary Google Cloud service.'
+  },
+  {
+    category: 'INFRASTRUCTURE & FREEDOM',
+    feature: 'Mobile App Observability',
+    urbackend: 'Standard Logs & Metrics',
+    competitor: 'Crashlytics & Performance',
+    note: 'Firebase provides deeper mobile-specific diagnostics (Crashlytics, Remote Config, App Check).'
+  }
+];
+---
+
+<BaseLayout
+  title="urBackend vs Firebase - Native MongoDB BaaS Alternative to Firestore"
+  description="Compare urBackend and Firebase side-by-side. Discover why developers choose urBackend for native MongoDB document models, Mongoose support, S3 storage, and no proprietary vendor lock-in."
+  keywords="urBackend vs Firebase, Firebase alternative, MongoDB vs Firestore, open source Firebase alternative, Firebase MongoDB, Firebase alternative for web, Firebase pricing comparison"
+  canonicalUrl="https://urbackend.in/compare/firebase"
+>
+  <Navbar />
+
+  <PageHero
+    badge="PLATFORM COMPARISON"
+    title="urBackend vs"
+    highlightTitle="Google Firebase"
+    description="Evaluating Firebase for your application? See a balanced, technical comparison of where urBackend shines for MongoDB developers and where Firebase excels for mobile ecosystems."
+    primaryCta={{ label: "Try urBackend Free", href: "https://app.urbackend.in/signup" }}
+    secondaryCta={{ label: "View Features", href: "/features" }}
+  />
+
+  <!-- Comparison Matrix -->
+  <section class="compare-table-section">
+    <div class="compare-container">
+      <div class="section-header-centered">
+        <span class="section-badge">OBJECTIVE BREAKDOWN</span>
+        <h2 class="section-title">Side-by-Side Capability Matrix</h2>
+        <p class="section-desc">An accurate, feature-by-feature evaluation of urBackend and Google Firebase.</p>
+      </div>
+
+      <ComparisonTable competitor="Google Firebase" rows={COMPARISON_ROWS} />
+    </div>
+  </section>
+
+  <!-- Deep Dive Comparison Points -->
+  <section class="deep-dive-section">
+    <div class="deep-dive-container">
+      <div class="takeaways-grid">
+        <div class="takeaway-card">
+          <div class="takeaway-icon">
+            <Database size={24} color="#00f5d4" />
+          </div>
+          <h3>Where urBackend Excels</h3>
+          <ul class="takeaway-list">
+            <li><strong>You want standard MongoDB:</strong> Full access to MongoDB's rich query operators, aggregation pipelines, and BSON document flexibility without proprietary query restrictions.</li>
+            <li><strong>Data ownership (BYOD):</strong> Connect your own MongoDB Atlas cluster or self-hosted server. You retain root database credentials and can query with MongoDB Compass or mongosh at any time.</li>
+            <li><strong>Multi-cloud storage (BYOS):</strong> Avoid Google Cloud Storage lock-in by connecting your own AWS S3 or Cloudflare R2 bucket with zero per-file size caps.</li>
+            <li><strong>Open source core:</strong> urBackend is MIT-licensed. You can inspect the codebase, contribute improvements, and avoid proprietary platform dependencies.</li>
+          </ul>
+        </div>
+
+        <div class="takeaway-card">
+          <div class="takeaway-icon">
+            <Shield size={24} color="#FFBD2E" />
+          </div>
+          <h3>Where Firebase Excels</h3>
+          <ul class="takeaway-list">
+            <li><strong>Mobile app analytics & diagnostics:</strong> Firebase Crashlytics, Performance Monitoring, and Google Analytics are deeply integrated and best-in-class for iOS and Android apps.</li>
+            <li><strong>Google Cloud ecosystem:</strong> Tight integration with Google Cloud IAM, BigQuery data streaming, and Google Cloud Run.</li>
+            <li><strong>Specialized mobile services:</strong> Built-in features like Remote Config, A/B Testing, and App Check for device attestation.</li>
+            <li><strong>Massive global infrastructure:</strong> Decades of Google infrastructure scale and wide third-party provider support.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <h2 class="cta-heading">Want the power of a MongoDB BaaS?</h2>
+      <p class="cta-description">
+        Keep the flexibility of MongoDB, avoid vendor lock-in, and ship your application in record time.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Get Started Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="/compare/supabase" class="cta-btn-secondary">
+          <span>Compare with Supabase</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .compare-table-section {
+    padding: 2rem 1.5rem 6rem;
+    background: #030303;
+  }
+
+  .compare-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .section-header-centered {
+    text-align: center;
+    margin-bottom: 3.5rem;
+  }
+
+  /* Deep Dive Takeaways */
+  .deep-dive-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .deep-dive-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .takeaways-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    gap: 2.5rem;
+  }
+
+  .takeaway-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+  }
+
+  .takeaway-icon {
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .takeaway-card h3 {
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .takeaway-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .takeaway-list li {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+  }
+
+  .takeaway-list strong {
+    color: #fff;
+  }
+</style>
diff --git a/apps/landing/src/pages/compare/index.astro b/apps/landing/src/pages/compare/index.astro
new file mode 100644
index 000000000..54d03f2ec
--- /dev/null
+++ b/apps/landing/src/pages/compare/index.astro
@@ -0,0 +1,165 @@
+---
+import BaseLayout from '../../layouts/Base.astro';
+import Navbar from '../../components/Navbar.astro';
+import Footer from '../../components/Footer.astro';
+import PageHero from '../../components/PageHero.astro';
+import { ArrowRight, Database, Flame, Server } from 'lucide-react';
+---
+
+<BaseLayout
+  title="urBackend Comparisons - vs Firebase, Supabase & Modern BaaS Alternatives"
+  description="Compare urBackend against Firebase and Supabase. See why developers choose a native MongoDB BaaS for document modeling, BYOM cluster flexibility, and zero vendor lock-in."
+  keywords="Firebase alternative, Supabase alternative, MongoDB BaaS alternative, Backend as a Service comparison, Firebase vs MongoDB, Supabase vs MongoDB, best BaaS 2026"
+  canonicalUrl="https://urbackend.in/compare"
+>
+  <Navbar />
+
+  <PageHero
+    badge="PLATFORM COMPARISONS"
+    title="How urBackend compares to other"
+    highlightTitle="BaaS Solutions"
+    description="Find the right backend architecture for your stack. Compare urBackend's document-native MongoDB engine, Bring-Your-Own-Storage flexibility, and open-source foundation."
+  />
+
+  <section class="compare-hub-section">
+    <div class="compare-hub-container">
+      <div class="compare-cards-grid">
+        <div class="compare-hub-card">
+          <div class="compare-hub-icon icon-firebase">
+            <Flame size={28} />
+          </div>
+          <h2>urBackend vs Google Firebase</h2>
+          <p>
+            Looking for an open-source, MongoDB-native alternative to Firebase? See how urBackend eliminates vendor lock-in, provides transparent pricing, and lets you own your database completely.
+          </p>
+          <ul class="hub-bullet-list">
+            <li>Standard MongoDB vs Proprietary Firestore</li>
+            <li>Zero vendor lock-in with Bring Your Own Database (BYOD)</li>
+            <li>Connect AWS S3 or Cloudflare R2 storage</li>
+          </ul>
+          <a href="/compare/firebase" class="cta-btn-primary hub-cta">
+            <span>Read Firebase Comparison</span>
+            <ArrowRight size={16} />
+          </a>
+        </div>
+
+        <div class="compare-hub-card">
+          <div class="compare-hub-icon icon-supabase">
+            <Database size={28} />
+          </div>
+          <h2>urBackend vs Supabase</h2>
+          <p>
+            Choosing between a document store and a relational database? Compare urBackend's MongoDB engine with Supabase's PostgreSQL architecture to understand schema flexibility vs SQL relations.
+          </p>
+          <ul class="hub-bullet-list">
+            <li>Flexible JSON Schemas vs SQL Migrations</li>
+            <li>First-class nested sub-documents and arrays</li>
+            <li>AI-powered Collection Creator with ERD visualization</li>
+          </ul>
+          <a href="/compare/supabase" class="cta-btn-primary hub-cta">
+            <span>Read Supabase Comparison</span>
+            <ArrowRight size={16} />
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .compare-hub-section {
+    padding: 3rem 1.5rem 8rem;
+    background: #030303;
+  }
+
+  .compare-hub-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .compare-cards-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+    gap: 3rem;
+  }
+
+  .compare-hub-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 3rem;
+    display: flex;
+    flex-direction: column;
+    transition: all 0.3s ease;
+  }
+
+  .compare-hub-card:hover {
+    border-color: rgba(0, 245, 212, 0.3);
+    transform: translateY(-4px);
+    box-shadow: 0 16px 40px -10px rgba(0, 245, 212, 0.1);
+  }
+
+  .compare-hub-icon {
+    width: 52px;
+    height: 52px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 1.5rem;
+    background: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .icon-firebase {
+    color: #ff9800;
+  }
+
+  .icon-supabase {
+    color: #00f5d4;
+  }
+
+  .compare-hub-card h2 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 1rem;
+    letter-spacing: -0.02em;
+  }
+
+  .compare-hub-card p {
+    font-size: 0.98rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0 0 1.5rem;
+  }
+
+  .hub-bullet-list {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    flex-grow: 1;
+  }
+
+  .hub-bullet-list li {
+    font-size: 0.92rem;
+    color: #d4d4d8;
+    position: relative;
+    padding-left: 1.25rem;
+  }
+
+  .hub-bullet-list li::before {
+    content: '•';
+    position: absolute;
+    left: 0;
+    color: #00f5d4;
+  }
+
+  .hub-cta {
+    width: 100%;
+    justify-content: center;
+  }
+</style>
diff --git a/apps/landing/src/pages/compare/supabase.astro b/apps/landing/src/pages/compare/supabase.astro
new file mode 100644
index 000000000..e5dca17c1
--- /dev/null
+++ b/apps/landing/src/pages/compare/supabase.astro
@@ -0,0 +1,245 @@
+---
+import BaseLayout from '../../layouts/Base.astro';
+import Navbar from '../../components/Navbar.astro';
+import Footer from '../../components/Footer.astro';
+import PageHero from '../../components/PageHero.astro';
+import ComparisonTable from '../../components/ComparisonTable.astro';
+import { ArrowRight, Check, X, Shield, Database, Unlock, Code } from 'lucide-react';
+
+const COMPARISON_ROWS = [
+  {
+    category: 'DATABASE PARADIGM',
+    feature: 'Primary Database Engine',
+    urbackend: 'MongoDB (Document Store)',
+    competitor: 'PostgreSQL (Relational SQL)',
+    note: 'urBackend uses flexible documents; Supabase uses relational tables.'
+  },
+  {
+    category: 'DATABASE PARADIGM',
+    feature: 'Schema Evolution',
+    urbackend: 'Dynamic JSON Schemas',
+    competitor: 'SQL Migration Files',
+    note: 'Update fields via console or API without running ALTER TABLE migrations.'
+  },
+  {
+    category: 'DATABASE PARADIGM',
+    feature: 'Nested Objects & Arrays',
+    urbackend: 'First-Class Native BSON',
+    competitor: 'JSONB or Join Tables',
+    note: 'Directly embed sub-documents without relational mapping complexity.'
+  },
+  {
+    category: 'DATABASE PARADIGM',
+    feature: 'Bring Your Own Cloud Database',
+    urbackend: true,
+    competitor: 'Self-Host Only',
+    note: 'urBackend links directly to any MongoDB Atlas tier without transferring hosting.'
+  },
+  {
+    category: 'DEVELOPER EXPERIENCE',
+    feature: 'Client Query Syntax',
+    urbackend: 'MongoDB Operators (_gt, _in)',
+    competitor: 'PostgREST Filters (.eq, .gt)',
+    note: 'Familiar syntax for developers experienced with Mongoose and MongoDB.'
+  },
+  {
+    category: 'DEVELOPER EXPERIENCE',
+    feature: 'AI Collection Creator',
+    urbackend: true,
+    competitor: false,
+    note: 'Describe what you are building and generate normalized schemas with ERD graph.'
+  },
+  {
+    category: 'DEVELOPER EXPERIENCE',
+    feature: 'Transactional Mail Platform',
+    urbackend: 'Built-in Queue & Templates',
+    competitor: 'Third-Party Webhook',
+    note: 'Send onboarding and verification emails directly without external mail wrappers.'
+  },
+  {
+    category: 'STORAGE & ASSETS',
+    feature: 'Bring Your Own Storage (S3 / R2)',
+    urbackend: true,
+    competitor: 'Supabase Storage Only',
+    note: 'Connect your existing cloud buckets or even Supabase Storage itself.'
+  },
+  {
+    category: 'SECURITY & ACCESS CONTROL',
+    feature: 'Row-Level Security (RLS)',
+    urbackend: 'Declarative UI / JWT Mode',
+    competitor: 'PostgreSQL RLS (SQL)',
+    note: 'Configure public-read and private modes without writing complex SQL policies.'
+  },
+  {
+    category: 'INFRASTRUCTURE & OPEN SOURCE',
+    feature: 'Open Source License',
+    urbackend: 'MIT License',
+    competitor: 'Apache 2.0',
+    note: 'Both platforms are open source and support developer freedom.'
+  }
+];
+---
+
+<BaseLayout
+  title="urBackend vs Supabase - Native MongoDB vs PostgreSQL Backend-as-a-Service"
+  description="Technical comparison of urBackend vs Supabase. Compare MongoDB document flexibility and Bring Your Own MongoDB (BYOM) against PostgreSQL and Supabase SQL architectures."
+  keywords="urBackend vs Supabase, Supabase alternative, Supabase MongoDB, MongoDB vs PostgreSQL BaaS, open source BaaS, Supabase alternative for MongoDB, document database BaaS"
+  canonicalUrl="https://urbackend.in/compare/supabase"
+>
+  <Navbar />
+
+  <PageHero
+    badge="PLATFORM COMPARISON"
+    title="urBackend vs"
+    highlightTitle="Supabase"
+    description="Choosing between MongoDB and PostgreSQL for your backend? Compare urBackend's document-native flexibility with Supabase's relational architecture to pick the ideal stack for your app."
+    primaryCta={{ label: "Try urBackend Free", href: "https://app.urbackend.in/signup" }}
+    secondaryCta={{ label: "Compare with Firebase", href: "/compare/firebase" }}
+  />
+
+  <!-- Comparison Matrix -->
+  <section class="compare-table-section">
+    <div class="compare-container">
+      <div class="section-header-centered">
+        <span class="section-badge">FEATURE MATRIX</span>
+        <h2 class="section-title">Technical Breakdown</h2>
+        <p class="section-desc">Comparing document flexibility against relational constraints.</p>
+      </div>
+
+      <ComparisonTable competitor="Supabase" rows={COMPARISON_ROWS} />
+    </div>
+  </section>
+
+  <!-- Deep Dive Comparison Points -->
+  <section class="deep-dive-section">
+    <div class="deep-dive-container">
+      <div class="takeaways-grid">
+        <div class="takeaway-card">
+          <div class="takeaway-icon">
+            <Database size={24} color="#00f5d4" />
+          </div>
+          <h3>Why Choose urBackend Over Supabase</h3>
+          <ul class="takeaway-list">
+            <li><strong>You love MongoDB:</strong> If your team prefers document databases, sub-document embedding, and rapid schema iteration, urBackend is built specifically for you.</li>
+            <li><strong>Zero SQL migration friction:</strong> Evolve your application features without writing or debugging SQL migration scripts on every deployment.</li>
+            <li><strong>MongoDB Atlas integration:</strong> Keep your existing Atlas database, backup snapshots, and aggregation pipelines intact.</li>
+            <li><strong>Built-in AI Schema Builder:</strong> Conversational AI designs complete collection structures and ERD diagrams in seconds.</li>
+          </ul>
+        </div>
+
+        <div class="takeaway-card">
+          <div class="takeaway-icon">
+            <Code size={24} color="#409EFF" />
+          </div>
+          <h3>When Supabase Might Be Better</h3>
+          <ul class="takeaway-list">
+            <li><strong>Relational data model:</strong> Your data consists of rigid relational schemas requiring strict foreign key cascades and multi-table joins.</li>
+            <li><strong>SQL power users:</strong> Your team has deep PostgreSQL expertise and writes complex stored procedures and database triggers.</li>
+            <li><strong>Edge Functions:</strong> You require serverless Deno edge functions deployed alongside your database.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <h2 class="cta-heading">Love MongoDB? Build with urBackend.</h2>
+      <p class="cta-description">
+        Experience the speed of a document-native Backend as a Service today.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Get Started Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="/features" class="cta-btn-secondary">
+          <span>Explore All Features</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .compare-table-section {
+    padding: 2rem 1.5rem 6rem;
+    background: #030303;
+  }
+
+  .compare-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .section-header-centered {
+    text-align: center;
+    margin-bottom: 3.5rem;
+  }
+
+  /* Deep Dive Takeaways */
+  .deep-dive-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .deep-dive-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .takeaways-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    gap: 2.5rem;
+  }
+
+  .takeaway-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+  }
+
+  .takeaway-icon {
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .takeaway-card h3 {
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .takeaway-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .takeaway-list li {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+  }
+
+  .takeaway-list strong {
+    color: #fff;
+  }
+</style>
diff --git a/apps/landing/src/pages/developers.astro b/apps/landing/src/pages/developers.astro
new file mode 100644
index 000000000..f1005b015
--- /dev/null
+++ b/apps/landing/src/pages/developers.astro
@@ -0,0 +1,445 @@
+---
+import BaseLayout from '../layouts/Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import PageHero from '../components/PageHero.astro';
+import OrbitSection from '../components/OrbitSection.jsx';
+import { 
+  Code, Terminal, Layers, ArrowRight, Github, BookOpen, 
+  ExternalLink, Check, Copy, Sparkles, Cpu, ShieldCheck
+} from 'lucide-react';
+
+const SDKS = [
+  {
+    name: '@urbackend/sdk',
+    badge: 'TYPESCRIPT & JAVASCRIPT',
+    version: 'v0.4.8',
+    install: 'npm install @urbackend/sdk',
+    description: 'Framework-agnostic core SDK. Provides typed collections, auth session caching, RLS headers, file uploads, and mail dispatchers.',
+    code: `import urBackend from '@urbackend/sdk';
+
+const client = urBackend({ 
+  apiKey: 'pk_live_your_key' 
+});
+
+// Query database with MongoDB operators
+const posts = await client.db.getAll('posts', {
+  filter: { published: true },
+  sort: 'createdAt:desc',
+  limit: 10
+});`
+  },
+  {
+    name: '@urbackend/react',
+    badge: 'REACT & NEXT.JS',
+    version: 'v0.2.7',
+    install: 'npm install @urbackend/react @urbackend/sdk',
+    description: 'First-class React support with <UrProvider />, authentication drop-in UI (<UrAuth />), protected route guards, and custom hooks.',
+    code: `import { UrProvider, UrAuth, useUser, useDb } from '@urbackend/react';
+
+function App() {
+  return (
+    <UrProvider apiKey="pk_live_your_key">
+      <Dashboard />
+    </UrProvider>
+  );
+}
+
+function Dashboard() {
+  const { user, logout } = useUser();
+  const db = useDb();
+  // ...
+}`
+  },
+  {
+    name: 'urbackend (Python)',
+    badge: 'PYTHON & FASTAPI',
+    version: 'v0.1.1',
+    install: 'pip install urbackend',
+    description: 'Python SDK built on requests. Seamless integration for Django, Flask, FastAPI microservices, and AI pipelines.',
+    code: `from urbackend import UrBackendClient
+
+client = UrBackendClient(api_key="pk_live_your_key")
+
+# CRUD operations
+post = client.db.insert(
+    "posts",
+    {"title": "Hello from Python", "published": True},
+    token=client.auth.get_token()
+)`
+  },
+  {
+    name: '@urbackend/cli',
+    badge: 'TERMINAL TOOL',
+    version: 'v0.2.0',
+    install: 'npm install -g @urbackend/cli',
+    description: 'Manage projects from your command line. Sync collections, pull schemas, and generate strict TypeScript definition files.',
+    code: `# Login with Personal Access Token (PAT)
+ub login
+
+# Link workspace to urBackend project
+ub init
+
+# Pull remote schemas & generate urbackend.d.ts
+ub pull
+ub generate`
+  }
+];
+
+const DEV_HIGHLIGHTS = [
+  {
+    icon: Code,
+    title: 'Strict Type Generation',
+    desc: 'Run ub generate from the CLI to generate complete TypeScript definitions matching your live MongoDB collection schemas.'
+  },
+  {
+    icon: ShieldCheck,
+    title: 'Publishable vs Secret Keys',
+    desc: 'Public keys (pk_live) are safe for frontend bundles and enforced by RLS. Secret keys (sk_live) unlock full administrative access.'
+  },
+  {
+    icon: Cpu,
+    title: 'Low Latency Global Gateway',
+    desc: 'Optimized connection pooling, Redis LRU cache, and lightweight Express gateways with sub-50ms average responses.'
+  },
+  {
+    icon: Terminal,
+    title: 'Open REST Specification',
+    desc: 'Every urBackend project outputs predictable REST endpoints. If you do not want an SDK, query directly with fetch or cURL.'
+  }
+];
+---
+
+<BaseLayout
+  title="urBackend for Developers - TypeScript, React, Python SDKs & CLI for MongoDB"
+  description="Integrate MongoDB in minutes with official SDKs for TypeScript, React, and Python. Features automated TypeScript generation, CLI tooling, and full REST API documentation."
+  keywords="MongoDB SDK, TypeScript MongoDB client, React MongoDB SDK, Python MongoDB BaaS, urBackend CLI, generated types, REST API client for MongoDB, MERN stack tools"
+  canonicalUrl="https://urbackend.in/developers"
+>
+  <Navbar />
+
+  <PageHero
+    badge="DEVELOPER ECOSYSTEM"
+    title="Built by developers, for modern"
+    highlightTitle="Builders"
+    description="Ship applications in minutes, not months. Use our lightweight SDKs, generate end-to-end TypeScript definitions, and integrate directly with your favorite framework."
+    primaryCta={{ label: "Explore Documentation", href: "https://docs.urbackend.in" }}
+    secondaryCta={{ label: "View GitHub Repo", href: "https://github.com/geturbackend/urBackend" }}
+  />
+
+  <!-- SDKs Grid -->
+  <section class="sdks-section">
+    <div class="sdks-container">
+      <div class="section-header-centered">
+        <span class="section-badge">OFFICIAL PACKAGES</span>
+        <h2 class="section-title">First-Party Client Libraries</h2>
+        <p class="section-desc">Zero-dependency, strictly typed packages maintained directly by the urBackend core team.</p>
+      </div>
+
+      <div class="sdks-grid">
+        {SDKS.map((sdk) => (
+          <div class="sdk-card">
+            <div class="sdk-card-top">
+              <div class="sdk-meta">
+                <span class="sdk-badge">{sdk.badge}</span>
+                <span class="sdk-version">{sdk.version}</span>
+              </div>
+              <h3 class="sdk-title">{sdk.name}</h3>
+              <p class="sdk-desc">{sdk.description}</p>
+              
+              <div class="install-bar">
+                <code>{sdk.install}</code>
+              </div>
+            </div>
+
+            <div class="sdk-code-box">
+              <pre><code>{sdk.code}</code></pre>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  </section>
+
+  <!-- Interactive Orbit Technology Section -->
+  <OrbitSection client:visible />
+
+  <!-- DX Highlights -->
+  <section class="dx-features-section">
+    <div class="dx-container">
+      <div class="section-header-centered">
+        <span class="section-badge">DEVELOPER EXPERIENCE</span>
+        <h2 class="section-title">Engineered for Developer Joy</h2>
+        <p class="section-desc">We obsess over developer ergonomics so you spend time building features instead of managing plumbing.</p>
+      </div>
+
+      <div class="dx-grid">
+        {DEV_HIGHLIGHTS.map((item) => {
+          const Icon = item.icon;
+          return (
+            <div class="dx-card">
+              <div class="dx-icon-box">
+                <Icon size={24} />
+              </div>
+              <h3>{item.title}</h3>
+              <p>{item.desc}</p>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  </section>
+
+  <!-- Open Source & Community Banner -->
+  <section class="oss-community-section">
+    <div class="oss-community-container">
+      <div class="oss-card">
+        <div class="oss-card-content">
+          <span class="section-badge">OPEN SOURCE CORE</span>
+          <h2>Backed by the Community & NSoC 2026</h2>
+          <p>
+            urBackend is licensed under MIT. Our core engine, SDKs, and CLI are fully open-source. Join our growing community of contributors and help shape the future of MongoDB BaaS.
+          </p>
+          <div class="oss-actions">
+            <a href="https://github.com/geturbackend/urBackend" target="_blank" rel="noopener noreferrer" class="cta-btn-primary">
+              <Github size={18} />
+              <span>Star on GitHub</span>
+            </a>
+            <a href="https://discord.gg/CXJjvJkNWn" target="_blank" rel="noopener noreferrer" class="cta-btn-secondary">
+              <span>Join Discord Community</span>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <h2 class="cta-heading">Ready to write code?</h2>
+      <p class="cta-description">
+        Initialize your project in under two minutes with the urBackend CLI or dashboard console.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Get Started Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="https://docs.urbackend.in/quickstart" target="_blank" rel="noopener noreferrer" class="cta-btn-secondary">
+          <span>5-Minute Quickstart</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .sdks-section {
+    padding: 3rem 1.5rem 6rem;
+    background: #030303;
+  }
+
+  .sdks-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .section-header-centered {
+    text-align: center;
+    margin-bottom: 4rem;
+  }
+
+  .sdks-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
+    gap: 2.5rem;
+  }
+
+  .sdk-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    transition: border-color 0.3s ease;
+  }
+
+  .sdk-card:hover {
+    border-color: rgba(0, 245, 212, 0.3);
+  }
+
+  .sdk-card-top {
+    padding: 2.2rem;
+  }
+
+  .sdk-meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+  }
+
+  .sdk-badge {
+    font-size: 0.7rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.2rem 0.6rem;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+  }
+
+  .sdk-version {
+    font-size: 0.8rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .sdk-title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.75rem;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .sdk-desc {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0 0 1.5rem;
+  }
+
+  .install-bar {
+    background: #000;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 0.75rem 1rem;
+    display: flex;
+    align-items: center;
+  }
+
+  .install-bar code {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.88rem;
+    color: #00f5d4;
+  }
+
+  .sdk-code-box {
+    background: #020202;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+    flex: 1;
+    overflow-x: auto;
+  }
+
+  .sdk-code-box pre {
+    margin: 0;
+    padding: 1.5rem;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.85rem;
+    line-height: 1.6;
+    color: #e4e4e7;
+  }
+
+  /* DX Highlights */
+  .dx-features-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .dx-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .dx-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    gap: 2rem;
+  }
+
+  .dx-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.06);
+    padding: 2.2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .dx-icon-box {
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+  }
+
+  .dx-card h3 {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .dx-card p {
+    font-size: 0.92rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+
+  /* OSS Section */
+  .oss-community-section {
+    padding: 6rem 1.5rem;
+    background: #030303;
+  }
+
+  .oss-community-container {
+    max-width: 1000px;
+    margin: 0 auto;
+  }
+
+  .oss-card {
+    background: radial-gradient(circle at 50% 0%, rgba(0, 245, 212, 0.06) 0%, #060606 70%);
+    border: 1px solid rgba(0, 245, 212, 0.25);
+    padding: 4rem 2.5rem;
+    text-align: center;
+  }
+
+  .oss-card-content h2 {
+    font-size: clamp(2rem, 3.5vw, 2.8rem);
+    font-weight: 800;
+    color: #fff;
+    margin: 1rem 0 1rem;
+    letter-spacing: -0.03em;
+  }
+
+  .oss-card-content p {
+    font-size: 1.1rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    max-width: 650px;
+    margin: 0 auto 2.5rem;
+  }
+
+  .oss-actions {
+    display: flex;
+    justify-content: center;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+  }
+
+  @media (max-width: 640px) {
+    .sdks-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/apps/landing/src/pages/features.astro b/apps/landing/src/pages/features.astro
new file mode 100644
index 000000000..73f618f56
--- /dev/null
+++ b/apps/landing/src/pages/features.astro
@@ -0,0 +1,542 @@
+---
+import BaseLayout from '../layouts/Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import PageHero from '../components/PageHero.astro';
+import { 
+  Database, UserRound, HardDrive, Mail, Lock, Activity, 
+  Sparkles, Zap, Shield, ArrowRight, Check, Code, Server, 
+  Layers, RefreshCw, Key
+} from 'lucide-react';
+
+const CORE_SERVICES = [
+  {
+    id: 'database',
+    icon: Database,
+    badge: 'DATABASE ENGINE',
+    title: 'MongoDB-Native JSON Document Store',
+    description: 'Direct CRUD mutations and queries from your frontend using MongoDB-native syntax and operators. Automated schema validation guarantees integrity without restricting document flexibility.',
+    features: [
+      'Visual Schema Builder with strict JSON Schema compilation',
+      'Advanced MongoDB filtering (_gt, _gte, _lt, _lte, _ne, _in)',
+      'Document soft-deletion & trash recovery pipeline',
+      'Automated index management directly from the console',
+      'Sub-document embedding and multi-collection references',
+      'Up to 1,000 documents per query with cursor pagination'
+    ],
+    codeSnippet: `// Query documents directly with MongoDB filter operators
+const products = await client.db.getAll('products', {
+  filter: { category: 'electronics', price_lte: 500 },
+  sort: 'createdAt:desc',
+  limit: 20
+});`
+  },
+  {
+    id: 'auth',
+    icon: UserRound,
+    badge: 'IDENTITY & AUTH',
+    title: 'Pre-configured Auth with Social Providers',
+    description: 'Production-ready authentication without writing user endpoints or managing JWT secret rotation. Works seamlessly with React hooks and client-side storage.',
+    features: [
+      'Email & password authentication with bcrypt hashing',
+      'Social OAuth (GitHub & Google) with zero frontend complexity',
+      'Rotating refresh token sessions stored in Redis',
+      'Cross-origin cookie & local storage dual-support',
+      'Email verification & password reset with one-time OTPs',
+      'Pre-built React UI drop-in component (<UrAuth />)'
+    ],
+    codeSnippet: `// Email login with session handling
+const { accessToken, user } = await client.auth.login({
+  email: 'developer@example.com',
+  password: 'SecurePassword123!'
+});
+
+// Or start Social OAuth flow
+const redirectUrl = await client.auth.socialStart('github');`
+  },
+  {
+    id: 'security',
+    icon: Lock,
+    badge: 'ROW-LEVEL SECURITY',
+    title: 'Granular Row-Level Access Control (RLS)',
+    description: 'Enforce document-level ownership directly at the API gateway. Allow your frontend to read and write directly to your database with zero risk of unauthorized access.',
+    features: [
+      'Public-read mode for blogs, catalogs, and public profiles',
+      'Private mode requiring authenticated tokens on every operation',
+      'Owner-write validation matching auth.id against document owner',
+      'Publishable key (pk_live) vs Secret key (sk_live) separation',
+      'Fine-grained attribute-level projection control',
+      'Zero MongoDB connection leakage to client browsers'
+    ],
+    codeSnippet: `// Inserts automatically attach user ownership
+await client.db.insert('posts', {
+  title: 'My First Post',
+  content: 'Protected by RLS out of the box.'
+}, client.auth.getToken());`
+  },
+  {
+    id: 'storage',
+    icon: HardDrive,
+    badge: 'FILE STORAGE',
+    title: 'Bring-Your-Own Storage & CDN Delivery',
+    description: 'Upload, manage, and deliver files with automatic presigned URLs. Connect your own AWS S3, Cloudflare R2, or Supabase Storage bucket without artificial upload caps.',
+    features: [
+      'Direct-to-bucket client uploads via presigned URLs',
+      'No file size caps when using Bring-Your-Own-Storage',
+      'Asset mime-type validation and file extension guards',
+      'Global CDN-ready public asset URLs',
+      'Automatic metadata tracking in your MongoDB database',
+      'Integrated deletion hooks for orphaned media'
+    ],
+    codeSnippet: `// Direct upload from browser Blob or File
+const { url, path } = await client.storage.upload(file, 'avatar.png');
+
+// Or generate presigned URL for large direct client uploads
+const { uploadUrl } = await client.storage.requestUploadUrl('video.mp4');`
+  },
+  {
+    id: 'mail',
+    icon: Mail,
+    badge: 'TRANSACTIONAL MAILER',
+    title: 'Built-in Transactional Email Dispatcher',
+    description: 'Pre-wired email dispatchers for onboarding, email verification, password recovery, and alerts. Customize HTML layouts or use global responsive templates.',
+    features: [
+      'Global responsive templates: Welcome, OTP, Reset Password, Invites',
+      'Custom HTML template builder with dynamic variable interpolation',
+      'Custom replyTo and custom sender domains support',
+      'Asynchronous queue processing powered by BullMQ & Redis',
+      'Delivery logs and audit trail in project console',
+      'BYOK mail platform support (Resend & SMTP)'
+    ],
+    codeSnippet: `// Send transactional email with dynamic variables
+await client.mail.send({
+  to: 'alice@example.com',
+  templateName: 'welcome',
+  variables: { name: 'Alice', appUrl: 'https://myapp.com' }
+});`
+  },
+  {
+    id: 'ai',
+    icon: Sparkles,
+    badge: 'AI INTELLIGENCE',
+    title: 'AI Collection Creator & Natural Language Queries',
+    description: 'Describe what your application does in natural language. Our Python AI engine generates normalized MongoDB collections, field types, and relations in seconds.',
+    features: [
+      'Natural language schema design with conversational refinement',
+      'Interactive Schema Canvas & ERD visualization',
+      'Natural Language to MongoDB Query Builder',
+      'BYOK support for Groq (Llama 3.3, Qwen 2.5, DeepSeek)',
+      'Platform shared AI pool for quick experimentation',
+      'Transit encryption for all BYOK keys and prompts'
+    ],
+    codeSnippet: `// Prompt in console:
+// "Design an e-commerce platform with products, variants, orders, and reviews"
+// Result: 4 collections with references, default values & validation schemas.`
+  }
+];
+---
+
+<BaseLayout 
+  title="urBackend Features - MongoDB REST API, Auth, S3 Storage & Row-Level Security"
+  description="Comprehensive backend features for MongoDB: Instant REST CRUD APIs, Row-Level Security (RLS), JWT & Social Auth, S3/R2 Cloud Storage, Transactional Mail, and AI Schema Generation."
+  keywords="MongoDB features, MongoDB REST API generator, Row Level Security MongoDB, MongoDB authentication, S3 file storage MongoDB, transactional email API, MongoDB schema builder, developer backend platform"
+  canonicalUrl="https://urbackend.in/features"
+>
+  <Navbar />
+
+  <PageHero 
+    badge="PLATFORM CAPABILITIES"
+    title="Everything you need to ship faster with"
+    highlightTitle="MongoDB"
+    description="Eliminate weeks of backend boilerplate. Connect your database and instantly get production-ready APIs, authentication, storage, email, and row-level security."
+    primaryCta={{ label: "Start Building Free", href: "https://app.urbackend.in/signup" }}
+    secondaryCta={{ label: "Read the Docs", href: "https://docs.urbackend.in" }}
+  />
+
+  <!-- Main Feature Breakdown -->
+  <section class="features-detail-section">
+    <div class="features-container">
+      {CORE_SERVICES.map((service, index) => {
+        const Icon = service.icon;
+        const isReversed = index % 2 === 1;
+        return (
+          <div class={`feature-row ${isReversed ? 'row-reversed' : ''}`} id={service.id}>
+            <div class="feature-info-col">
+              <div class="service-pill">
+                <Icon size={14} />
+                <span>{service.badge}</span>
+              </div>
+              <h2 class="service-title">{service.title}</h2>
+              <p class="service-desc">{service.description}</p>
+              
+              <ul class="feature-checklist">
+                {service.features.map((item) => (
+                  <li>
+                    <div class="check-icon">
+                      <Check size={14} />
+                    </div>
+                    <span>{item}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+
+            <div class="feature-code-col">
+              <div class="code-window">
+                <div class="code-window-header">
+                  <div class="window-dots">
+                    <span class="dot dot-red"></span>
+                    <span class="dot dot-yellow"></span>
+                    <span class="dot dot-green"></span>
+                  </div>
+                  <span class="window-title">SDK Example</span>
+                  <span class="window-lang">TypeScript</span>
+                </div>
+                <pre class="code-block"><code>{service.codeSnippet}</code></pre>
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  </section>
+
+  <!-- Infrastructure Highlight -->
+  <section class="infra-highlight-section">
+    <div class="infra-container">
+      <div class="infra-header">
+        <span class="section-badge">INFRASTRUCTURE FREEDOM</span>
+        <h2 class="section-title">Zero Vendor Lock-In by Design</h2>
+        <p class="section-desc">
+          Unlike proprietary platforms that trap your data in their custom database engines, urBackend sits directly on top of your standard MongoDB cluster.
+        </p>
+      </div>
+
+      <div class="infra-grid">
+        <div class="infra-card">
+          <Database size={28} color="#00f5d4" />
+          <h3>Bring Your Own MongoDB (BYOM)</h3>
+          <p>Point urBackend at your MongoDB Atlas cluster or self-hosted server. You retain full database ownership, root connection strings, and direct query access.</p>
+        </div>
+        <div class="infra-card">
+          <HardDrive size={28} color="#409EFF" />
+          <h3>Bring Your Own Storage (BYOS)</h3>
+          <p>Connect AWS S3, Cloudflare R2, or Supabase Storage. Avoid arbitrary per-file upload caps and take advantage of your existing enterprise storage agreements.</p>
+        </div>
+        <div class="infra-card">
+          <Key size={28} color="#FFBD2E" />
+          <h3>Bring Your Own Keys (BYOK)</h3>
+          <p>Provide your own Groq AI keys or Resend mail credentials. Encrypted at rest with AES-256-GCM and during transit to backend workers.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Comparison Links Callout -->
+  <section class="compare-banner-section">
+    <div class="compare-banner-container">
+      <h2>Curious how we compare with other platforms?</h2>
+      <p>See why developers choose urBackend for document-oriented MongoDB applications.</p>
+      <div class="compare-banner-links">
+        <a href="/compare/firebase" class="compare-pill-btn">
+          <span>urBackend vs Firebase</span>
+          <ArrowRight size={15} />
+        </a>
+        <a href="/compare/supabase" class="compare-pill-btn">
+          <span>urBackend vs Supabase</span>
+          <ArrowRight size={15} />
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <div class="cta-badge">
+        <Zap size={16} />
+        <span>Developer Beta</span>
+      </div>
+      <h2 class="cta-heading">Ready to supercharge your MongoDB?</h2>
+      <p class="cta-description">
+        Create a project in 60 seconds. Connect your MongoDB cluster and deploy production-ready REST endpoints immediately.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Get Started Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="https://app.urbackend.in/login" class="cta-btn-secondary">
+          <span>Sign In to Console</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .features-detail-section {
+    padding: 4rem 1.5rem 8rem;
+    background: #030303;
+  }
+
+  .features-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 7rem;
+  }
+
+  .feature-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+  }
+
+  .row-reversed {
+    direction: rtl;
+  }
+
+  .row-reversed > * {
+    direction: ltr;
+  }
+
+  .service-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.3rem 0.75rem;
+    background: rgba(0, 245, 212, 0.06);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+    margin-bottom: 1.25rem;
+  }
+
+  .service-title {
+    font-size: clamp(1.8rem, 3vw, 2.4rem);
+    font-weight: 800;
+    line-height: 1.2;
+    color: #fff;
+    margin: 0 0 1rem;
+    letter-spacing: -0.03em;
+  }
+
+  .service-desc {
+    font-size: 1.05rem;
+    line-height: 1.6;
+    color: #a1a1aa;
+    margin: 0 0 2rem;
+  }
+
+  .feature-checklist {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.85rem;
+  }
+
+  .feature-checklist li {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    color: #d4d4d8;
+    font-size: 0.95rem;
+    line-height: 1.5;
+  }
+
+  .check-icon {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 245, 212, 0.1);
+    border: 1px solid rgba(0, 245, 212, 0.3);
+    color: #00f5d4;
+    border-radius: 4px;
+    flex-shrink: 0;
+    margin-top: 2px;
+  }
+
+  /* Code Window */
+  .code-window {
+    background: #080808;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+  }
+
+  .code-window-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.75rem 1.25rem;
+    background: #0d0d0d;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .window-dots {
+    display: flex;
+    gap: 6px;
+  }
+
+  .dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+  }
+
+  .dot-red { background: #ff5f56; }
+  .dot-yellow { background: #ffbd2e; }
+  .dot-green { background: #27c93f; }
+
+  .window-title {
+    font-size: 0.75rem;
+    color: #71717a;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .window-lang {
+    font-size: 0.7rem;
+    color: #00f5d4;
+    text-transform: uppercase;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .code-block {
+    margin: 0;
+    padding: 1.5rem;
+    background: transparent;
+    color: #f4f4f5;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.88rem;
+    line-height: 1.6;
+    overflow-x: auto;
+  }
+
+  /* Infra Highlight */
+  .infra-highlight-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .infra-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .infra-header {
+    text-align: center;
+    margin-bottom: 4rem;
+  }
+
+  .infra-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 2rem;
+  }
+
+  .infra-card {
+    background: #060606;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    transition: transform 0.3s ease, border-color 0.3s ease;
+  }
+
+  .infra-card:hover {
+    transform: translateY(-4px);
+    border-color: rgba(0, 245, 212, 0.3);
+  }
+
+  .infra-card h3 {
+    font-size: 1.3rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .infra-card p {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+
+  /* Compare Banner */
+  .compare-banner-section {
+    padding: 5rem 1.5rem;
+    background: #030303;
+    text-align: center;
+  }
+
+  .compare-banner-container {
+    max-width: 700px;
+    margin: 0 auto;
+  }
+
+  .compare-banner-container h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.5rem;
+  }
+
+  .compare-banner-container p {
+    color: #a1a1aa;
+    font-size: 1.05rem;
+    margin: 0 0 2rem;
+  }
+
+  .compare-banner-links {
+    display: flex;
+    justify-content: center;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+  }
+
+  .compare-pill-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.8rem 1.5rem;
+    background: #09090b;
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    color: #fff;
+    font-weight: 600;
+    font-size: 0.95rem;
+    text-decoration: none;
+    transition: all 0.2s ease;
+  }
+
+  .compare-pill-btn:hover {
+    border-color: #00f5d4;
+    color: #00f5d4;
+    transform: translateY(-2px);
+  }
+
+  @media (max-width: 900px) {
+    .feature-row {
+      grid-template-columns: 1fr;
+      gap: 2.5rem;
+    }
+
+    .row-reversed {
+      direction: ltr;
+    }
+  }
+</style>
diff --git a/apps/landing/src/pages/index.astro b/apps/landing/src/pages/index.astro
index c5c220e19..9a341df01 100644
--- a/apps/landing/src/pages/index.astro
+++ b/apps/landing/src/pages/index.astro
@@ -55,8 +55,10 @@ const FAQ_ITEMS = [
 ---
 
 <BaseLayout 
-  title="urBackend | MongoDB-Native Backend-as-a-Service" 
-  description="Your MongoDB, Supercharged. Turn your MongoDB into a production-ready backend with REST APIs, authentication, file storage, and email — zero backend code."
+  title="urBackend | MongoDB-Native Backend-as-a-Service (BaaS) & Instant REST API" 
+  description="Turn MongoDB into a production-ready backend in minutes. Instant CRUD REST APIs, JWT authentication, social login, file storage, row-level security & background jobs — zero boilerplate code."
+  keywords="MongoDB BaaS, Backend as a Service, MongoDB backend, Firebase alternative for MongoDB, Supabase MongoDB alternative, serverless MongoDB API, MongoDB Atlas BaaS, Instant REST API, MERN stack backend, React backend, Next.js MongoDB backend"
+  canonicalUrl="https://urbackend.in/"
 >
   <div class="landing-page">
     <!-- Grid Background -->
@@ -103,11 +105,11 @@ const FAQ_ITEMS = [
           </p>
 
           <div class="hero-ctas" style="margin-bottom: 2.5rem;">
-            <a href="https://app.urbackend.bitbros.in/signup" class="btn-hero-primary">
+            <a href="https://app.urbackend.in/signup" class="btn-hero-primary">
               <span>Get Started Free</span>
               <ArrowRight size={18} strokeWidth={2.5} />
             </a>
-            <a href="https://app.urbackend.bitbros.in/login" class="btn-hero-secondary">
+            <a href="https://app.urbackend.in/login" class="btn-hero-secondary">
               <Terminal size={18} strokeWidth={2} />
               <span>Go to Console</span>
             </a>
@@ -116,6 +118,48 @@ const FAQ_ITEMS = [
       </div>
     </div>
 
+    <!-- Backed By Trust Strip -->
+    <div class="trust-strip">
+      <div class="trust-strip-container">
+        <span class="trust-label">SELECTED FOR &amp; BACKED BY</span>
+        <div class="trust-badges">
+          <a 
+            href="https://www.mongodb.com/startups" 
+            target="_blank" 
+            rel="noopener noreferrer" 
+            class="trust-badge"
+            title="MongoDB for Startups"
+          >
+            <span class="trust-icon">
+              <img src="/badges/mongodb.svg" alt="MongoDB Logo" width="18" height="18" />
+            </span>
+            <span class="trust-text">
+              <span class="trust-brand">MongoDB</span>
+              <span class="trust-sub">for Startups</span>
+            </span>
+          </a>
+
+          <div class="trust-separator"></div>
+
+          <a 
+            href="https://mintlify.com" 
+            target="_blank" 
+            rel="noopener noreferrer" 
+            class="trust-badge"
+            title="Mintlify OSS Program"
+          >
+            <span class="trust-icon">
+              <img src="/badges/mintlify.svg" alt="Mintlify Logo" width="18" height="18" />
+            </span>
+            <span class="trust-text">
+              <span class="trust-brand">Mintlify</span>
+              <span class="trust-sub">OSS Program</span>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+
     <!-- Client App Services Showcase Section -->
     <div id="client-services" class="services-showcase-section">
       <div class="section-glow" style="top: 20%; left: 50%; transform: translateX(-50%); background: radial-gradient(circle, rgba(0, 245, 212, 0.05) 0%, transparent 60%);"></div>
@@ -365,11 +409,11 @@ const FAQ_ITEMS = [
         </p>
         
         <div class="cta-buttons">
-          <a href="https://app.urbackend.bitbros.in/signup" class="cta-btn-primary">
+          <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
             <span>Get Started Free</span>
             <ArrowRight size={18} strokeWidth={2.5} />
           </a>
-          <a href="https://app.urbackend.bitbros.in/login" class="cta-btn-secondary">
+          <a href="https://app.urbackend.in/login" class="cta-btn-secondary">
             <Terminal size={18} strokeWidth={2} />
             <span>Go to Console</span>
           </a>
@@ -444,4 +488,133 @@ const FAQ_ITEMS = [
     justify-content: space-between;
     align-items: center;
   }
+
+  /* Backed By Trust Strip */
+  .trust-strip {
+    background: #040404;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+    padding: 0.9rem 1.5rem;
+    position: relative;
+    z-index: 2;
+  }
+
+  .trust-strip-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1.75rem;
+    flex-wrap: wrap;
+  }
+
+  .trust-label {
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.12em;
+    color: #71717a;
+    font-family: 'Inter', sans-serif;
+  }
+
+  .trust-badges {
+    display: flex;
+    align-items: center;
+    gap: 1.25rem;
+  }
+
+  .trust-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.6rem;
+    padding: 0.35rem 0.85rem;
+    background: rgba(255, 255, 255, 0.02);
+    border: 1px solid rgba(255, 255, 255, 0.07);
+    border-radius: 4px;
+    text-decoration: none;
+    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+  }
+
+  .trust-badge:hover {
+    border-color: rgba(255, 255, 255, 0.22);
+    background: rgba(255, 255, 255, 0.05);
+    transform: translateY(-1px);
+  }
+
+  .trust-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .trust-icon img {
+    opacity: 0.85;
+    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
+  }
+
+  .trust-badge:hover .trust-icon img {
+    opacity: 1;
+    transform: scale(1.1);
+    filter: drop-shadow(0 0 6px rgba(0, 245, 212, 0.35));
+  }
+
+  .trust-text {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 0.35rem;
+    font-family: 'Inter', sans-serif;
+  }
+
+  .trust-brand {
+    font-size: 0.88rem;
+    font-weight: 700;
+    color: #e4e4e7;
+    transition: color 0.2s ease;
+  }
+
+  .trust-badge:hover .trust-brand {
+    color: #fff;
+  }
+
+  .trust-sub {
+    font-size: 0.75rem;
+    color: #71717a;
+    font-weight: 500;
+  }
+
+  .trust-badge:hover .trust-sub {
+    color: #a1a1aa;
+  }
+
+  .trust-separator {
+    width: 1px;
+    height: 16px;
+    background: rgba(255, 255, 255, 0.1);
+  }
+
+  @media (max-width: 640px) {
+    .trust-strip-container {
+      flex-direction: column;
+      gap: 0.75rem;
+      text-align: center;
+    }
+
+    .trust-badges {
+      flex-direction: column;
+      gap: 0.6rem;
+      width: 100%;
+    }
+
+    .trust-badge {
+      justify-content: center;
+      width: 100%;
+      max-width: 260px;
+    }
+
+    .trust-separator {
+      display: none;
+    }
+  }
 </style>
+
diff --git a/apps/landing/src/pages/mongodb.astro b/apps/landing/src/pages/mongodb.astro
new file mode 100644
index 000000000..7d50060f8
--- /dev/null
+++ b/apps/landing/src/pages/mongodb.astro
@@ -0,0 +1,337 @@
+---
+import BaseLayout from '../layouts/Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import PageHero from '../components/PageHero.astro';
+import StudioReplay from '../components/StudioReplay.jsx';
+import { 
+  Database, Shield, Zap, Terminal, ArrowRight, Check, 
+  Server, Lock, Layers, RefreshCw, Cpu, Globe
+} from 'lucide-react';
+
+const MONGODB_ADVANTAGES = [
+  {
+    icon: Layers,
+    title: 'Native JSON & BSON Documents',
+    description: 'No object-relational impedance mismatch. Store objects, arrays, and nested hierarchies exactly as your frontend components consume them.'
+  },
+  {
+    icon: RefreshCw,
+    title: 'Zero Disruptive SQL Migrations',
+    description: 'Add new fields, evolve collections, and deprecate attributes dynamically without taking your production API offline for ALTER TABLE operations.'
+  },
+  {
+    icon: Zap,
+    title: 'MongoDB Query Operators Built-In',
+    description: 'Filter with native ease: _gt, _gte, _lt, _lte, _ne, _in. Fetch nested attributes directly without constructing complex multi-table SQL joins.'
+  },
+  {
+    icon: Lock,
+    title: 'Secure Client-Facing Layer',
+    description: 'Never expose your MongoDB URI, root credentials, or database port to client applications. urBackend acts as an authenticated, RLS-enforced proxy.'
+  },
+  {
+    icon: Cpu,
+    title: 'Connection Pooling & Circuit Breakers',
+    description: 'High-performance LRU connection cache protects your MongoDB Atlas cluster from connection exhaustion during traffic spikes.'
+  },
+  {
+    icon: Server,
+    title: 'Any MongoDB, Anywhere',
+    description: 'Compatible with MongoDB Atlas (Serverless, Dedicated, Shared M0/M10+), AWS DocumentDB, DigitalOcean Managed MongoDB, and self-hosted instances.'
+  }
+];
+
+const BYOM_STEPS = [
+  {
+    num: '1',
+    title: 'Whitelist Gateway IP Addresses',
+    desc: 'Add urBackend\'s outbound gateway IPs to your MongoDB Atlas Network Access IP Access List so our API nodes can establish secure TLS connections.'
+  },
+  {
+    num: '2',
+    title: 'Paste Connection String',
+    desc: 'Provide your standard mongodb+srv:// URI with a dedicated database user. urBackend automatically validates read/write permissions from both internal nodes.'
+  },
+  {
+    num: '3',
+    title: 'Select Collections & Enforce Schema',
+    desc: 'Map existing collections into urBackend. Choose RLS modes (public-read or private) and begin querying from TypeScript or React immediately.'
+  }
+];
+---
+
+<BaseLayout
+  title="MongoDB BaaS - Instant REST APIs, Auth & Storage for MongoDB Atlas"
+  description="Turn MongoDB Atlas or self-hosted MongoDB into a complete backend. Instant CRUD endpoints, schema validation, Row-Level Security, and zero database lock-in with Bring Your Own MongoDB (BYOM)."
+  keywords="MongoDB BaaS, MongoDB Atlas BaaS, MongoDB backend as a service, BYOM, Bring Your Own MongoDB, serverless MongoDB REST API, MongoDB developer platform, MongoDB Atlas backend"
+  canonicalUrl="https://urbackend.in/mongodb"
+>
+  <Navbar />
+
+  <PageHero
+    badge="THE MONGODB BAAS"
+    title="The Backend-as-a-Service built for"
+    highlightTitle="MongoDB Atlas"
+    description="Stop writing boilerplate CRUD endpoints. Connect your existing MongoDB cluster and instantly generate authenticated REST endpoints, Row-Level Security, and file storage."
+    primaryCta={{ label: "Connect Your MongoDB", href: "https://app.urbackend.in/signup" }}
+    secondaryCta={{ label: "Explore Features", href: "/features" }}
+  />
+
+  <!-- Interactive Studio Demo -->
+  <section class="studio-demo-section">
+    <div class="studio-container">
+      <div class="section-header-centered">
+        <span class="section-badge">INSTANT ENDPOINT GENERATION</span>
+        <h2 class="section-title">From MongoDB Collection to Live API</h2>
+        <p class="section-desc">Watch urBackend compile strict JSON validation schemas into secure REST endpoints in real time.</p>
+      </div>
+
+      <StudioReplay client:visible />
+    </div>
+  </section>
+
+  <!-- BYOM Pipeline Deep Dive -->
+  <section class="byom-details-section" id="byom-details">
+    <div class="byom-container">
+      <div class="byom-intro">
+        <span class="section-badge">BRING YOUR OWN DATABASE</span>
+        <h2 class="section-title">Your Data Stays on Your Infrastructure</h2>
+        <p class="section-desc">
+          Vendor lock-in is the biggest risk in modern cloud platforms. With urBackend, you retain 100% data ownership. We never hold your primary database hostage.
+        </p>
+      </div>
+
+      <div class="byom-steps-grid">
+        {BYOM_STEPS.map((step) => (
+          <div class="byom-step-card">
+            <div class="byom-step-number">{step.num}</div>
+            <h3>{step.title}</h3>
+            <p>{step.desc}</p>
+          </div>
+        ))}
+      </div>
+
+      <div class="byom-callout-box">
+        <div class="callout-icon">
+          <Shield size={24} color="#00f5d4" />
+        </div>
+        <div class="callout-text">
+          <h4>Dual-Server Handshake Validation</h4>
+          <p>
+            When connecting an external MongoDB database, urBackend runs verification handshakes from both our Dashboard API and Public API gateways. Both egress IP addresses are clearly displayed in your project settings for easy Atlas allowlisting.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Advantages Grid -->
+  <section class="advantages-section">
+    <div class="advantages-container">
+      <div class="section-header-centered">
+        <span class="section-badge">WHY MONGODB?</span>
+        <h2 class="section-title">Designed Specifically for Document Flexibility</h2>
+        <p class="section-desc">Traditional BaaS platforms are built on SQL. Here is why frontend developers prefer the document paradigm with urBackend.</p>
+      </div>
+
+      <div class="advantages-grid">
+        {MONGODB_ADVANTAGES.map((adv) => {
+          const Icon = adv.icon;
+          return (
+            <div class="adv-card">
+              <div class="adv-icon">
+                <Icon size={24} />
+              </div>
+              <h3>{adv.title}</h3>
+              <p>{adv.description}</p>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <h2 class="cta-heading">Ready to connect your MongoDB?</h2>
+      <p class="cta-description">
+        Keep your existing cluster, retain full database access, and ship applications 10x faster.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Get Started Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="https://docs.urbackend.in/guides/database" target="_blank" rel="noopener noreferrer" class="cta-btn-secondary">
+          <span>Read MongoDB Guide</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .studio-demo-section {
+    padding: 2rem 1.5rem 6rem;
+    background: #030303;
+  }
+
+  .studio-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .section-header-centered {
+    text-align: center;
+    margin-bottom: 3.5rem;
+  }
+
+  /* BYOM Details */
+  .byom-details-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .byom-container {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+
+  .byom-intro {
+    text-align: center;
+    margin-bottom: 4rem;
+  }
+
+  .byom-steps-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 2rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .byom-step-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2.2rem;
+    position: relative;
+    transition: border-color 0.2s ease;
+  }
+
+  .byom-step-card:hover {
+    border-color: rgba(0, 245, 212, 0.3);
+  }
+
+  .byom-step-number {
+    width: 36px;
+    height: 36px;
+    background: rgba(0, 245, 212, 0.1);
+    border: 1px solid rgba(0, 245, 212, 0.3);
+    color: #00f5d4;
+    font-size: 1.1rem;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 1.5rem;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .byom-step-card h3 {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.75rem;
+  }
+
+  .byom-step-card p {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+
+  .byom-callout-box {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+    background: rgba(0, 245, 212, 0.03);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    padding: 2rem;
+  }
+
+  .callout-icon {
+    flex-shrink: 0;
+    margin-top: 2px;
+  }
+
+  .callout-text h4 {
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.5rem;
+  }
+
+  .callout-text p {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+
+  /* Advantages */
+  .advantages-section {
+    padding: 6rem 1.5rem;
+    background: #030303;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .advantages-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .advantages-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 2rem;
+  }
+
+  .adv-card {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.06);
+    padding: 2.2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .adv-icon {
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 245, 212, 0.08);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+  }
+
+  .adv-card h3 {
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .adv-card p {
+    font-size: 0.92rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+</style>
diff --git a/apps/landing/src/pages/pricing.astro b/apps/landing/src/pages/pricing.astro
index b43335f39..acf079fc5 100644
--- a/apps/landing/src/pages/pricing.astro
+++ b/apps/landing/src/pages/pricing.astro
@@ -2,7 +2,7 @@
 import BaseLayout from '../layouts/Base.astro';
 import Navbar from '../components/Navbar.astro';
 import Footer from '../components/Footer.astro';
-import { Check } from 'lucide-react';
+import { Check, ChevronDown, HelpCircle, ArrowRight } from 'lucide-react';
 
 const FREE_FEATURES = [
   '1 Project',
@@ -30,18 +30,41 @@ const PRO_FEATURES = [
   'AI integrations (OpenAI, Groq)',
   'Priority support',
 ];
+
+const PRICING_FAQS = [
+  {
+    q: 'What happens when I exceed free tier limits?',
+    a: 'API requests are gracefully rate-limited with HTTP 429 rather than resulting in unexpected charges. You will never receive a surprise bill.'
+  },
+  {
+    q: 'Can I bring my own MongoDB Atlas cluster on the Free tier?',
+    a: 'The Free tier includes urBackend managed database storage. Bring Your Own MongoDB (BYOM) is available on the Pro tier during beta.'
+  },
+  {
+    q: 'How does the free 1-month Pro trial work?',
+    a: 'Click "Get 1 month Pro for free" to unlock Pro features on your account with zero credit card required.'
+  },
+  {
+    q: 'Do you offer team collaboration?',
+    a: 'Yes. Pro plans support inviting team members with granular project access controls and role-based permissions.'
+  }
+];
 ---
 
 <BaseLayout 
-  title="urBackend | Pricing" 
-  description="Simple pricing for every stage. Start for free."
+  title="urBackend Pricing - Free Developer Tier & Predictable Scale for MongoDB" 
+  description="Affordable, transparent MongoDB BaaS pricing. Get started free with 5 projects, 500MB storage, and 50K monthly API requests. Upgrade to Pro for BYOM and dedicated scale."
+  keywords="MongoDB pricing, Backend as a Service pricing, free MongoDB backend, BaaS cost comparison, Firebase alternative pricing, Supabase pricing alternative, serverless backend pricing"
+  canonicalUrl="https://urbackend.in/pricing"
 >
   <div class="pricing-page">
     <Navbar />
 
     <main class="pricing-main">
       <div class="pricing-hero">
+        <span class="section-badge" style="display: inline-block; margin-bottom: 1rem;">PLANS & LIMITS</span>
         <h1>Simple pricing for every stage</h1>
+        <p>No unexpected bills. Start building on the free tier, scale as your application grows.</p>
       </div>
 
       <div class="pricing-grid">
@@ -61,7 +84,7 @@ const PRO_FEATURES = [
               </li>
             ))}
           </ul>
-          <a href="https://app.urbackend.bitbros.in/signup" class="pricing-button">
+          <a href="https://app.urbackend.in/signup" class="pricing-button">
             Start for Free
           </a>
         </section>
@@ -82,13 +105,78 @@ const PRO_FEATURES = [
               </li>
             ))}
           </ul>
-          <a href="https://app.urbackend.bitbros.in/request-pro" class="pricing-button pricing-button-green">
+          <a href="https://app.urbackend.in/request-pro" class="pricing-button pricing-button-green">
             Get 1 month Pro for free
           </a>
         </section>
       </div>
+
+      <!-- Pricing FAQ Section -->
+      <section class="pricing-faq-section">
+        <div class="faq-heading-box">
+          <HelpCircle size={24} color="#00f5d4" />
+          <h2>Frequently Asked Questions</h2>
+        </div>
+        <div class="pricing-faq-grid">
+          {PRICING_FAQS.map((faq) => (
+            <div class="p-faq-card">
+              <h3>{faq.q}</h3>
+              <p>{faq.a}</p>
+            </div>
+          ))}
+        </div>
+      </section>
     </main>
 
     <Footer />
   </div>
 </BaseLayout>
+
+<style>
+  .pricing-faq-section {
+    margin-top: 6rem;
+    padding-top: 4rem;
+    border-top: 1px solid #1f1f1f;
+  }
+
+  .faq-heading-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+    margin-bottom: 3rem;
+  }
+
+  .faq-heading-box h2 {
+    font-size: 1.8rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+  }
+
+  .pricing-faq-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+  }
+
+  .p-faq-card {
+    background: #080808;
+    border: 1px solid #1a1a1a;
+    padding: 2rem;
+  }
+
+  .p-faq-card h3 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: #fff;
+    margin: 0 0 0.75rem;
+  }
+
+  .p-faq-card p {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+</style>
diff --git a/apps/landing/src/pages/use-cases.astro b/apps/landing/src/pages/use-cases.astro
new file mode 100644
index 000000000..7aa0b5a95
--- /dev/null
+++ b/apps/landing/src/pages/use-cases.astro
@@ -0,0 +1,409 @@
+---
+import BaseLayout from '../layouts/Base.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+import PageHero from '../components/PageHero.astro';
+import { 
+  Layers, Smartphone, ShoppingCart, Sparkles, Sliders, 
+  ArrowRight, Check, ShieldCheck, Zap, Database, Globe
+} from 'lucide-react';
+
+const USE_CASES = [
+  {
+    id: 'saas',
+    icon: Layers,
+    badge: 'MULTI-TENANT SAAS',
+    title: 'B2B & B2C SaaS Platforms',
+    description: 'Launch complete SaaS backends with user authentication, team collaboration, document ownership policies, and billing webhooks without maintaining server infrastructure.',
+    highlights: [
+      'Built-in Row-Level Security (RLS) ensures users and tenants only access their own documents',
+      'Transactional email dispatchers for invite links, onboarding, and workspace notifications',
+      'Config change audit logging and webhook triggers for payment events (Stripe, Lemon Squeezy)',
+      'Rotating refresh tokens with Redis persistence for seamless multi-device sessions'
+    ],
+    architecture: 'React / Next.js Client ➔ urBackend Gateway (RLS + Auth) ➔ MongoDB Atlas (Tenant Collections)'
+  },
+  {
+    id: 'mobile',
+    icon: Smartphone,
+    badge: 'MOBILE APPLICATIONS',
+    title: 'Flutter & React Native Backends',
+    description: 'Provide high-speed JSON APIs for mobile applications. Upload photos and media through presigned cloud storage URLs with zero backend server lag.',
+    highlights: [
+      'Clean REST endpoints with minimal payload overhead for bandwidth-constrained cellular networks',
+      'Direct-to-bucket S3/R2 presigned file uploads for user avatars, images, and audio',
+      'Official Dart and React Native client integrations with token caching',
+      'Strict schema validation ensures malformed mobile client payloads are caught immediately'
+    ],
+    architecture: 'Flutter / React Native ➔ Bearer Token Auth ➔ Direct S3 Storage & MongoDB Document Store'
+  },
+  {
+    id: 'ecommerce',
+    icon: ShoppingCart,
+    badge: 'CONTENT & COMMERCE',
+    title: 'Catalogs, Marketplaces & Headless CMS',
+    description: 'Take advantage of MongoDB\'s flexible document model to handle deeply nested product variants, attributes, reviews, and dynamic pricing schemas without rigid SQL migrations.',
+    highlights: [
+      'Nested JSON documents represent variations, specifications, and SKU matrices naturally',
+      'Public-read collections deliver high-throughput cached responses for catalog browsing',
+      'Automated index management directly from the console ensures rapid sub-second search',
+      'Realtime WebSocket mutation broadcasting keeps client inventory badges synchronized'
+    ],
+    architecture: 'Headless Frontend (Astro / Next.js) ➔ Public-Read Gateway ➔ Indexed MongoDB Collections'
+  },
+  {
+    id: 'ai',
+    icon: Sparkles,
+    badge: 'AI-POWERED PLATFORMS',
+    title: 'Generative AI & Agent Workspaces',
+    description: 'Pair your LLM pipelines with a MongoDB backend that adapts instantly. Use natural language to generate schemas and persist conversational sessions with zero friction.',
+    highlights: [
+      'Python SDK enables seamless integration with LangChain, LlamaIndex, and FastAPI agents',
+      'BYOK Groq integration provides high-throughput inference for natural language schema generation',
+      'Store dynamic conversational memory, prompt templates, and vector metadata in flexible documents',
+      'Transit encryption safeguards all proprietary developer keys and model payloads'
+    ],
+    architecture: 'FastAPI / Python Agents ➔ urBackend Python SDK ➔ Encrypted BYOK Engine ➔ MongoDB'
+  },
+  {
+    id: 'internal-tools',
+    icon: Sliders,
+    badge: 'ENTERPRISE & INTERNAL TOOLS',
+    title: 'Internal Dashboards & Admin Portals',
+    description: 'Empower operations and support teams with instant backends. Generate CRUD APIs for legacy MongoDB databases in minutes without altering existing schemas.',
+    highlights: [
+      'Connect existing production MongoDB instances with Bring-Your-Own-Database (BYOD)',
+      'Async background worker exports databases to CSV/JSON without timing out',
+      'Visual Collection Builder lets non-engineers structure operational data securely',
+      'Personal Access Tokens (PATs) enable automated CI/CD and cron jobs'
+    ],
+    architecture: 'Internal Tool (Retool / Vite) ➔ Secret Key (sk_live) ➔ Existing Enterprise MongoDB'
+  }
+];
+---
+
+<BaseLayout
+  title="urBackend Use Cases - SaaS, Mobile Apps, AI Workflows & Internal Tools"
+  description="Explore real-world use cases for urBackend: Multi-tenant SaaS with Row-Level Security, React Native/Flutter mobile backends, AI-powered applications, and enterprise internal tools on MongoDB."
+  keywords="MongoDB SaaS backend, mobile app backend MongoDB, Flutter MongoDB backend, React Native backend, AI backend BaaS, internal tool backend, serverless backend use cases"
+  canonicalUrl="https://urbackend.in/use-cases"
+>
+  <Navbar />
+
+  <PageHero
+    badge="PROVEN ARCHITECTURES"
+    title="Build and scale any modern application on"
+    highlightTitle="MongoDB"
+    description="From early-stage prototypes to high-throughput SaaS platforms and cross-platform mobile apps, urBackend delivers the speed and flexibility your stack demands."
+    primaryCta={{ label: "Start Building Free", href: "https://app.urbackend.in/signup" }}
+    secondaryCta={{ label: "Read the Docs", href: "https://docs.urbackend.in" }}
+  />
+
+  <!-- Detailed Use Cases List -->
+  <section class="use-cases-list-section">
+    <div class="use-cases-container">
+      {USE_CASES.map((uc, index) => {
+        const Icon = uc.icon;
+        return (
+          <div class="use-case-block" id={uc.id}>
+            <div class="use-case-top">
+              <div class="use-case-badge-row">
+                <div class="uc-badge">
+                  <Icon size={14} />
+                  <span>{uc.badge}</span>
+                </div>
+              </div>
+              <h2 class="uc-title">{uc.title}</h2>
+              <p class="uc-desc">{uc.description}</p>
+            </div>
+
+            <div class="use-case-details">
+              <div class="uc-highlights">
+                <h3>Key Capabilities</h3>
+                <ul>
+                  {uc.highlights.map((h) => (
+                    <li>
+                      <div class="check-box">
+                        <Check size={14} />
+                      </div>
+                      <span>{h}</span>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+
+              <div class="uc-arch-box">
+                <h3>Architecture Flow</h3>
+                <div class="arch-diagram">
+                  <code>{uc.architecture}</code>
+                </div>
+                <div class="arch-meta">
+                  <Zap size={14} color="#00f5d4" />
+                  <span>Configurable in under 5 minutes from the console.</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  </section>
+
+  <!-- How It Works Summary -->
+  <section class="steps-summary-section">
+    <div class="steps-container">
+      <div class="section-header-centered">
+        <span class="section-badge">WORKFLOW</span>
+        <h2 class="section-title">Three Steps to Production</h2>
+        <p class="section-desc">Go from an empty folder or existing database to production endpoints in minutes.</p>
+      </div>
+
+      <div class="steps-grid">
+        <div class="step-card">
+          <div class="step-num">01</div>
+          <h3>Connect Database</h3>
+          <p>Link your MongoDB Atlas or self-hosted cluster using a standard connection string, or start with our managed cloud database.</p>
+        </div>
+        <div class="step-card">
+          <div class="step-num">02</div>
+          <h3>Model Collections</h3>
+          <p>Define your collection schemas with the Visual Builder or AI Collection Creator. Set field types, validation rules, and RLS modes.</p>
+        </div>
+        <div class="step-card">
+          <div class="step-num">03</div>
+          <h3>Query from Client</h3>
+          <p>Install the SDK for TypeScript, React, or Python and begin querying data, uploading files, and authenticating users immediately.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Bottom CTA -->
+  <section class="cta-section">
+    <div class="cta-container">
+      <h2 class="cta-heading">Have an application in mind?</h2>
+      <p class="cta-description">
+        Ship your backend in record time with urBackend. No credit card required.
+      </p>
+      <div class="cta-buttons">
+        <a href="https://app.urbackend.in/signup" class="cta-btn-primary">
+          <span>Start Building Free</span>
+          <ArrowRight size={18} />
+        </a>
+        <a href="/features" class="cta-btn-secondary">
+          <span>Explore All Features</span>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <Footer />
+</BaseLayout>
+
+<style>
+  .use-cases-list-section {
+    padding: 3rem 1.5rem 6rem;
+    background: #030303;
+  }
+
+  .use-cases-container {
+    max-width: 1100px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 4rem;
+  }
+
+  .use-case-block {
+    background: #070707;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 3rem;
+    transition: border-color 0.3s ease;
+  }
+
+  .use-case-block:hover {
+    border-color: rgba(0, 245, 212, 0.3);
+  }
+
+  .use-case-top {
+    margin-bottom: 2.5rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  }
+
+  .uc-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.25rem 0.75rem;
+    background: rgba(0, 245, 212, 0.06);
+    border: 1px solid rgba(0, 245, 212, 0.2);
+    color: #00f5d4;
+    margin-bottom: 1rem;
+  }
+
+  .uc-title {
+    font-size: clamp(1.8rem, 3vw, 2.4rem);
+    font-weight: 800;
+    color: #fff;
+    margin: 0 0 1rem;
+    letter-spacing: -0.02em;
+  }
+
+  .uc-desc {
+    font-size: 1.1rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+    max-width: 800px;
+  }
+
+  .use-case-details {
+    display: grid;
+    grid-template-columns: 1.2fr 1fr;
+    gap: 3rem;
+  }
+
+  .uc-highlights h3,
+  .uc-arch-box h3 {
+    font-size: 1rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: #fff;
+    margin: 0 0 1.25rem;
+  }
+
+  .uc-highlights ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.85rem;
+  }
+
+  .uc-highlights li {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    font-size: 0.95rem;
+    color: #d4d4d8;
+    line-height: 1.5;
+  }
+
+  .check-box {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 245, 212, 0.1);
+    border: 1px solid rgba(0, 245, 212, 0.3);
+    color: #00f5d4;
+    border-radius: 4px;
+    flex-shrink: 0;
+    margin-top: 2px;
+  }
+
+  .uc-arch-box {
+    background: #040404;
+    border: 1px solid rgba(255, 255, 255, 0.06);
+    padding: 1.75rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .arch-diagram {
+    background: #000;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 1.25rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .arch-diagram code {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.82rem;
+    color: #00f5d4;
+    line-height: 1.6;
+    display: block;
+    word-break: break-word;
+  }
+
+  .arch-meta {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.82rem;
+    color: #71717a;
+  }
+
+  /* Steps Summary */
+  .steps-summary-section {
+    padding: 6rem 1.5rem;
+    background: #000;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .steps-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .section-header-centered {
+    text-align: center;
+    margin-bottom: 4rem;
+  }
+
+  .steps-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+  }
+
+  .step-card {
+    background: #060606;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 2.5rem;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .step-num {
+    font-size: 2.5rem;
+    font-weight: 800;
+    color: rgba(0, 245, 212, 0.2);
+    font-family: 'JetBrains Mono', monospace;
+    margin-bottom: 1rem;
+  }
+
+  .step-card h3 {
+    font-size: 1.3rem;
+    font-weight: 700;
+    color: #fff;
+    margin: 0 0 0.75rem;
+  }
+
+  .step-card p {
+    font-size: 0.95rem;
+    color: #a1a1aa;
+    line-height: 1.6;
+    margin: 0;
+  }
+
+  @media (max-width: 900px) {
+    .use-case-details {
+      grid-template-columns: 1fr;
+      gap: 2rem;
+    }
+
+    .use-case-block {
+      padding: 2rem;
+    }
+  }
+</style>
diff --git a/apps/web-client/.env.example b/apps/web-client/.env.example
new file mode 100644
index 000000000..2f0930aaa
--- /dev/null
+++ b/apps/web-client/.env.example
@@ -0,0 +1,5 @@
+# Web Client Environment Variables
+NEXT_PUBLIC_API_URL=http://localhost:1235
+NEXT_PUBLIC_DASHBOARD_API_URL=http://localhost:1234
+PORT=3000
+NODE_ENV=production
diff --git a/apps/web-client/Dockerfile b/apps/web-client/Dockerfile
new file mode 100644
index 000000000..a3dd07c6e
--- /dev/null
+++ b/apps/web-client/Dockerfile
@@ -0,0 +1,48 @@
+# Stage 1: Build
+FROM node:22-alpine AS builder
+
+WORKDIR /app
+
+# Copy root package files
+COPY package.json package-lock.json ./
+
+# Copy workspace package.jsons for layer caching
+COPY packages/common/package.json ./packages/common/
+COPY apps/dashboard-api/package.json ./apps/dashboard-api/
+COPY apps/public-api/package.json ./apps/public-api/
+COPY apps/web-dashboard/package.json ./apps/web-dashboard/
+COPY apps/landing/package.json ./apps/landing/
+COPY apps/consumer/package.json ./apps/consumer/
+COPY apps/web-client/package.json ./apps/web-client/
+
+# Install dependencies
+RUN npm ci
+
+# Copy source code for common package and web-client
+COPY packages/common ./packages/common
+COPY apps/web-client ./apps/web-client
+
+WORKDIR /app/apps/web-client
+
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV NODE_ENV=production
+
+RUN npm run build
+
+# Stage 2: Runner
+FROM node:22-alpine AS runner
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+# Copy build artifacts from standalone output
+COPY --from=builder /app/apps/web-client/.next/standalone ./
+COPY --from=builder /app/apps/web-client/.next/static ./apps/web-client/.next/static
+COPY --from=builder /app/apps/web-client/public ./apps/web-client/public
+
+EXPOSE 3000
+
+CMD ["node", "apps/web-client/server.js"]
diff --git a/apps/web-client/components.json b/apps/web-client/components.json
new file mode 100644
index 000000000..c7c10b8e7
--- /dev/null
+++ b/apps/web-client/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}
diff --git a/apps/web-client/next-env.d.ts b/apps/web-client/next-env.d.ts
new file mode 100644
index 000000000..40c3d6809
--- /dev/null
+++ b/apps/web-client/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/apps/web-client/next.config.mjs b/apps/web-client/next.config.mjs
new file mode 100644
index 000000000..4de717a7f
--- /dev/null
+++ b/apps/web-client/next.config.mjs
@@ -0,0 +1,7 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'standalone',
+  reactStrictMode: true,
+};
+
+export default nextConfig;
diff --git a/apps/web-client/package.json b/apps/web-client/package.json
new file mode 100644
index 000000000..9f8a85e55
--- /dev/null
+++ b/apps/web-client/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "web-client",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev -p 3000",
+    "build": "next build",
+    "start": "next start -p 3000",
+    "lint": "next lint",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-slot": "^1.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.474.0",
+    "next": "14.2.23",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwind-merge": "^2.6.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^20.17.14",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "jsdom": "^25.0.1",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.3",
+    "vitest": "^2.1.8"
+  }
+}
diff --git a/apps/web-client/postcss.config.mjs b/apps/web-client/postcss.config.mjs
new file mode 100644
index 000000000..2ef30fcf4
--- /dev/null
+++ b/apps/web-client/postcss.config.mjs
@@ -0,0 +1,9 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;
diff --git a/apps/web-client/public/robots.txt b/apps/web-client/public/robots.txt
new file mode 100644
index 000000000..45f9049f0
--- /dev/null
+++ b/apps/web-client/public/robots.txt
@@ -0,0 +1,2 @@
+# User-agent: *
+# Allow: /
diff --git a/apps/web-client/src/app/globals.css b/apps/web-client/src/app/globals.css
new file mode 100644
index 000000000..df9a1b95e
--- /dev/null
+++ b/apps/web-client/src/app/globals.css
@@ -0,0 +1,60 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}
diff --git a/apps/web-client/src/app/layout.tsx b/apps/web-client/src/app/layout.tsx
new file mode 100644
index 000000000..e1dbf12e8
--- /dev/null
+++ b/apps/web-client/src/app/layout.tsx
@@ -0,0 +1,70 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import Link from "next/link";
+import { LayoutDashboard, Users, Terminal, Sparkles } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Hackathon Chassis | Web Client",
+  description: "Production-grade Next.js 14 + shadcn/ui Hackathon Client",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        <div className="min-h-screen flex flex-col bg-background text-foreground">
+          <header className="sticky top-0 z-40 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+            <div className="container flex h-14 max-w-screen-2xl items-center justify-between px-4 sm:px-8">
+              <div className="flex items-center space-x-6">
+                <Link href="/" className="flex items-center space-x-2 font-bold tracking-tight">
+                  <Sparkles className="h-5 w-5 text-primary" />
+                  <span>Hackathon Chassis</span>
+                  <Badge variant="secondary" className="text-[10px] ml-1">v1.0</Badge>
+                </Link>
+                <nav className="flex items-center space-x-4 text-sm font-medium">
+                  <Link
+                    href="/"
+                    className="flex items-center gap-1.5 text-muted-foreground transition-colors hover:text-foreground"
+                  >
+                    <LayoutDashboard className="h-4 w-4" />
+                    <span>Overview</span>
+                  </Link>
+                  <Link
+                    href="/users"
+                    className="flex items-center gap-1.5 text-muted-foreground transition-colors hover:text-foreground"
+                  >
+                    <Users className="h-4 w-4" />
+                    <span>Users</span>
+                  </Link>
+                </nav>
+              </div>
+              <div className="flex items-center space-x-3 text-xs text-muted-foreground">
+                <div className="flex items-center gap-1.5">
+                  <span className="relative flex h-2 w-2">
+                    <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+                    <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
+                  </span>
+                  <span className="hidden sm:inline">Stack Live</span>
+                </div>
+              </div>
+            </div>
+          </header>
+          <main className="flex-1 container max-w-screen-2xl py-6 px-4 sm:px-8">
+            {children}
+          </main>
+          <footer className="border-t py-4 text-center text-xs text-muted-foreground">
+            Hackathon Boilerplate &bull; Next.js 14 App Router &bull; shadcn/ui &bull; Tailwind CSS
+          </footer>
+        </div>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/web-client/src/app/page.tsx b/apps/web-client/src/app/page.tsx
new file mode 100644
index 000000000..141a1508a
--- /dev/null
+++ b/apps/web-client/src/app/page.tsx
@@ -0,0 +1,136 @@
+import Link from "next/link";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  CardFooter,
+} from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import {
+  Server,
+  Layers,
+  Sparkles,
+  ArrowRight,
+  Database,
+  ShieldCheck,
+  Zap,
+} from "lucide-react";
+
+export default function HomePage() {
+  return (
+    <div className="space-y-8 animate-in fade-in-50 duration-300">
+      <div className="flex flex-col gap-2">
+        <div className="flex items-center gap-2">
+          <Badge variant="outline" className="px-2.5 py-0.5 text-xs font-mono">
+            apps/web-client
+          </Badge>
+          <Badge variant="secondary" className="px-2.5 py-0.5 text-xs">
+            Next.js 14 App Router
+          </Badge>
+        </div>
+        <h1 className="text-3xl font-bold tracking-tight sm:text-4xl">
+          Hackathon Chassis Dashboard
+        </h1>
+        <p className="text-muted-foreground max-w-2xl text-base">
+          Production-grade frontend boilerplate pre-wired with shadcn/ui neutral theme,
+          TypeScript strict mode, and full microservice architecture integration.
+        </p>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-3">
+        <Card className="hover:border-foreground/20 transition-all">
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">UI Toolkit</CardTitle>
+            <Layers className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">shadcn/ui</div>
+            <p className="text-xs text-muted-foreground mt-1">
+              Button, Card, Input, Dialog, Table, Badge configured.
+            </p>
+          </CardContent>
+          <CardFooter className="pt-0">
+            <Button variant="outline" size="sm" asChild className="w-full">
+              <Link href="/users" className="flex items-center justify-center gap-1">
+                Explore UI & Data <ArrowRight className="h-3.5 w-3.5" />
+              </Link>
+            </Button>
+          </CardFooter>
+        </Card>
+
+        <Card className="hover:border-foreground/20 transition-all">
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Backend Integration</CardTitle>
+            <Server className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">Live Microservices</div>
+            <p className="text-xs text-muted-foreground mt-1">
+              Connected with Identity, Data, and Docker Compose network.
+            </p>
+          </CardContent>
+          <CardFooter className="pt-0">
+            <Badge variant="secondary" className="w-full justify-center py-1 font-mono text-[11px]">
+              Port :3000 &bull; Network: Shared
+            </Badge>
+          </CardFooter>
+        </Card>
+
+        <Card className="hover:border-foreground/20 transition-all">
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Quality & Tests</CardTitle>
+            <ShieldCheck className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">Vitest + RTL</div>
+            <p className="text-xs text-muted-foreground mt-1">
+              Pre-configured unit and component testing suites.
+            </p>
+          </CardContent>
+          <CardFooter className="pt-0">
+            <Badge variant="outline" className="w-full justify-center py-1 font-mono text-[11px] text-emerald-600 dark:text-emerald-400">
+              ✓ Ready for Hackathon Build
+            </Badge>
+          </CardFooter>
+        </Card>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-xl flex items-center gap-2">
+            <Zap className="h-5 w-5 text-amber-500" />
+            Quick Start & Feature Plugging
+          </CardTitle>
+          <CardDescription>
+            How to build out your hackathon solution in this chassis.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4 text-sm">
+          <div className="grid gap-3 md:grid-cols-2">
+            <div className="p-4 rounded-md border bg-muted/40 space-y-2">
+              <span className="font-semibold text-foreground flex items-center gap-1.5">
+                <span className="flex h-5 w-5 items-center justify-center rounded-full bg-primary text-[10px] text-primary-foreground font-bold">1</span>
+                Add UI Views
+              </span>
+              <p className="text-xs text-muted-foreground">
+                Create new routes in <code className="font-mono bg-background px-1 py-0.5 rounded border">src/app/&lt;feature&gt;/page.tsx</code> using the pre-installed shadcn components.
+              </p>
+            </div>
+            <div className="p-4 rounded-md border bg-muted/40 space-y-2">
+              <span className="font-semibold text-foreground flex items-center gap-1.5">
+                <span className="flex h-5 w-5 items-center justify-center rounded-full bg-primary text-[10px] text-primary-foreground font-bold">2</span>
+                Connect Backend Endpoints
+              </span>
+              <p className="text-xs text-muted-foreground">
+                Use native <code className="font-mono bg-background px-1 py-0.5 rounded border">fetch()</code> in Server Components or Client Hooks to interact with services.
+              </p>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/apps/web-client/src/app/users/page.tsx b/apps/web-client/src/app/users/page.tsx
new file mode 100644
index 000000000..bbc933094
--- /dev/null
+++ b/apps/web-client/src/app/users/page.tsx
@@ -0,0 +1,272 @@
+"use client";
+
+import React, { useState } from "react";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Badge } from "@/components/ui/badge";
+import { UserPlus, Search, Trash2, Mail, UserCheck } from "lucide-react";
+
+interface UserItem {
+  id: string;
+  name: string;
+  email: string;
+  role: string;
+  status: "active" | "invited";
+  createdAt: string;
+}
+
+const INITIAL_USERS: UserItem[] = [
+  {
+    id: "usr_01",
+    name: "Alex Rivera",
+    email: "alex.rivera@example.com",
+    role: "Lead Engineer",
+    status: "active",
+    createdAt: "2026-09-01",
+  },
+  {
+    id: "usr_02",
+    name: "Samira Khan",
+    email: "samira.k@example.com",
+    role: "Product Architect",
+    status: "active",
+    createdAt: "2026-09-02",
+  },
+  {
+    id: "usr_03",
+    name: "Devon Chen",
+    email: "devon.chen@example.com",
+    role: "Full Stack Dev",
+    status: "invited",
+    createdAt: "2026-09-03",
+  },
+];
+
+export default function UsersPage() {
+  const [users, setUsers] = useState<UserItem[]>(INITIAL_USERS);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [newName, setNewName] = useState("");
+  const [newEmail, setNewEmail] = useState("");
+  const [newRole, setNewRole] = useState("");
+
+  const filteredUsers = users.filter(
+    (u) =>
+      u.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      u.email.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      u.role.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+
+  const handleAddUser = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!newName.trim() || !newEmail.trim()) return;
+
+    const newUser: UserItem = {
+      id: `usr_${Date.now()}`,
+      name: newName.trim(),
+      email: newEmail.trim(),
+      role: newRole.trim() || "Developer",
+      status: "active",
+      createdAt: new Date().toISOString().split("T")[0],
+    };
+
+    setUsers([newUser, ...users]);
+    setNewName("");
+    setNewEmail("");
+    setNewRole("");
+    setIsDialogOpen(false);
+  };
+
+  const handleDeleteUser = (id: string) => {
+    setUsers(users.filter((u) => u.id !== id));
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">Team & Users</h1>
+          <p className="text-sm text-muted-foreground">
+            Manage application users and verify UI components with live state.
+          </p>
+        </div>
+
+        <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+          <DialogTrigger asChild>
+            <Button className="gap-2">
+              <UserPlus className="h-4 w-4" />
+              <span>Add User</span>
+            </Button>
+          </DialogTrigger>
+          <DialogContent>
+            <form onSubmit={handleAddUser}>
+              <DialogHeader>
+                <DialogTitle>Add New User</DialogTitle>
+                <DialogDescription>
+                  Enter user details to test form inputs, dialog state, and table updates.
+                </DialogDescription>
+              </DialogHeader>
+              <div className="space-y-4 py-4">
+                <div className="space-y-2">
+                  <label className="text-xs font-semibold text-muted-foreground">Full Name</label>
+                  <Input
+                    placeholder="e.g. Jordan Miller"
+                    value={newName}
+                    onChange={(e) => setNewName(e.target.value)}
+                    required
+                  />
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-semibold text-muted-foreground">Email Address</label>
+                  <Input
+                    type="email"
+                    placeholder="e.g. jordan@example.com"
+                    value={newEmail}
+                    onChange={(e) => setNewEmail(e.target.value)}
+                    required
+                  />
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-semibold text-muted-foreground">Role</label>
+                  <Input
+                    placeholder="e.g. Frontend Engineer"
+                    value={newRole}
+                    onChange={(e) => setNewRole(e.target.value)}
+                  />
+                </div>
+              </div>
+              <DialogFooter>
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => setIsDialogOpen(false)}
+                >
+                  Cancel
+                </Button>
+                <Button type="submit">Create User</Button>
+              </DialogFooter>
+            </form>
+          </DialogContent>
+        </Dialog>
+      </div>
+
+      <Card>
+        <CardHeader className="pb-3">
+          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
+            <div>
+              <CardTitle className="text-lg font-medium">User Directory</CardTitle>
+              <CardDescription>
+                Live list demonstrating shadcn &lt;Card&gt;, &lt;Table&gt;, and &lt;Badge&gt; styling.
+              </CardDescription>
+            </div>
+            <div className="relative w-full sm:w-64">
+              <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+              <Input
+                placeholder="Search users..."
+                className="pl-8 h-9 text-sm"
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+              />
+            </div>
+          </div>
+        </CardHeader>
+        <CardContent>
+          <div className="rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>User</TableHead>
+                  <TableHead>Role</TableHead>
+                  <TableHead>Status</TableHead>
+                  <TableHead>Joined</TableHead>
+                  <TableHead className="text-right">Actions</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filteredUsers.length === 0 ? (
+                  <TableRow>
+                    <TableCell colSpan={5} className="h-24 text-center text-muted-foreground">
+                      No users found.
+                    </TableCell>
+                  </TableRow>
+                ) : (
+                  filteredUsers.map((user) => (
+                    <TableRow key={user.id}>
+                      <TableCell>
+                        <div className="flex items-center gap-2.5">
+                          <div className="flex h-8 w-8 items-center justify-center rounded-full bg-muted font-medium text-xs">
+                            {user.name.slice(0, 2).toUpperCase()}
+                          </div>
+                          <div>
+                            <div className="font-medium text-sm">{user.name}</div>
+                            <div className="text-xs text-muted-foreground flex items-center gap-1">
+                              <Mail className="h-3 w-3" />
+                              {user.email}
+                            </div>
+                          </div>
+                        </div>
+                      </TableCell>
+                      <TableCell className="text-sm font-medium">{user.role}</TableCell>
+                      <TableCell>
+                        <Badge
+                          variant={user.status === "active" ? "default" : "secondary"}
+                          className="text-[11px] capitalize"
+                        >
+                          {user.status === "active" ? (
+                            <span className="flex items-center gap-1">
+                              <UserCheck className="h-3 w-3" /> Active
+                            </span>
+                          ) : (
+                            "Invited"
+                          )}
+                        </Badge>
+                      </TableCell>
+                      <TableCell className="text-sm text-muted-foreground font-mono">
+                        {user.createdAt}
+                      </TableCell>
+                      <TableCell className="text-right">
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-8 w-8 text-muted-foreground hover:text-destructive"
+                          onClick={() => handleDeleteUser(user.id)}
+                          aria-label="Delete user"
+                        >
+                          <Trash2 className="h-4 w-4" />
+                        </Button>
+                      </TableCell>
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/apps/web-client/src/components/ui/badge.tsx b/apps/web-client/src/components/ui/badge.tsx
new file mode 100644
index 000000000..9ec9a1a04
--- /dev/null
+++ b/apps/web-client/src/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/apps/web-client/src/components/ui/button.tsx b/apps/web-client/src/components/ui/button.tsx
new file mode 100644
index 000000000..a3fd3dcf5
--- /dev/null
+++ b/apps/web-client/src/components/ui/button.tsx
@@ -0,0 +1,56 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = (asChild ? Slot : "button") as any;
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
diff --git a/apps/web-client/src/components/ui/card.tsx b/apps/web-client/src/components/ui/card.tsx
new file mode 100644
index 000000000..8db8c4e4d
--- /dev/null
+++ b/apps/web-client/src/components/ui/card.tsx
@@ -0,0 +1,86 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+));
+Card.displayName = "Card";
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+));
+CardHeader.displayName = "CardHeader";
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+));
+CardTitle.displayName = "CardTitle";
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+CardDescription.displayName = "CardDescription";
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+));
+CardContent.displayName = "CardContent";
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+));
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};
diff --git a/apps/web-client/src/components/ui/dialog.tsx b/apps/web-client/src/components/ui/dialog.tsx
new file mode 100644
index 000000000..222ea1ad1
--- /dev/null
+++ b/apps/web-client/src/components/ui/dialog.tsx
@@ -0,0 +1,133 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Dialog: React.FC<DialogPrimitive.DialogProps> = DialogPrimitive.Root as any;
+
+const DialogTrigger: React.FC<DialogPrimitive.DialogTriggerProps> = DialogPrimitive.Trigger as any;
+
+const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps> = DialogPrimitive.Portal as any;
+
+const DialogClose: React.FC<DialogPrimitive.DialogCloseProps> = DialogPrimitive.Close as any;
+
+const DialogOverlay = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, ...props }, ref) => {
+  const OverlayPrimitive = DialogPrimitive.Overlay as any;
+  return (
+    <OverlayPrimitive
+      ref={ref}
+      className={cn(
+        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )}
+      {...props}
+    />
+  );
+});
+DialogOverlay.displayName = "DialogOverlay";
+
+const DialogContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, children, ...props }, ref) => {
+  const ContentPrimitive = DialogPrimitive.Content as any;
+  const ClosePrimitive = DialogPrimitive.Close as any;
+  return (
+    <DialogPortal>
+      <DialogOverlay />
+      <ContentPrimitive
+        ref={ref}
+        className={cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <ClosePrimitive className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+          <X className="h-4 w-4" />
+          <span className="sr-only">Close</span>
+        </ClosePrimitive>
+      </ContentPrimitive>
+    </DialogPortal>
+  );
+});
+DialogContent.displayName = "DialogContent";
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<"div">) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+);
+DialogHeader.displayName = "DialogHeader";
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<"div">) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+);
+DialogFooter.displayName = "DialogFooter";
+
+const DialogTitle = React.forwardRef<
+  HTMLHeadingElement,
+  React.ComponentPropsWithoutRef<"h2">
+>(({ className, ...props }, ref) => {
+  const TitlePrimitive = DialogPrimitive.Title as any;
+  return (
+    <TitlePrimitive
+      ref={ref}
+      className={cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      )}
+      {...props}
+    />
+  );
+});
+DialogTitle.displayName = "DialogTitle";
+
+const DialogDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.ComponentPropsWithoutRef<"p">
+>(({ className, ...props }, ref) => {
+  const DescriptionPrimitive = DialogPrimitive.Description as any;
+  return (
+    <DescriptionPrimitive
+      ref={ref}
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  );
+});
+DialogDescription.displayName = "DialogDescription";
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+};
diff --git a/apps/web-client/src/components/ui/input.tsx b/apps/web-client/src/components/ui/input.tsx
new file mode 100644
index 000000000..0842a566b
--- /dev/null
+++ b/apps/web-client/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
diff --git a/apps/web-client/src/components/ui/table.tsx b/apps/web-client/src/components/ui/table.tsx
new file mode 100644
index 000000000..bb0650aa9
--- /dev/null
+++ b/apps/web-client/src/components/ui/table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/apps/web-client/src/lib/utils.ts b/apps/web-client/src/lib/utils.ts
new file mode 100644
index 000000000..365058ceb
--- /dev/null
+++ b/apps/web-client/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/apps/web-client/src/tests/button.test.tsx b/apps/web-client/src/tests/button.test.tsx
new file mode 100644
index 000000000..dbaa1650c
--- /dev/null
+++ b/apps/web-client/src/tests/button.test.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { Button } from '@/components/ui/button';
+
+describe('Button Component', () => {
+  it('renders button with correct text', () => {
+    render(<Button>Click me</Button>);
+    expect(screen.getByRole('button', { name: /click me/i })).toBeInTheDocument();
+  });
+
+  it('handles onClick event when clicked', () => {
+    const handleClick = vi.fn();
+    render(<Button onClick={handleClick}>Submit</Button>);
+    
+    fireEvent.click(screen.getByRole('button', { name: /submit/i }));
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+
+  it('applies variant classes correctly', () => {
+    const { container } = render(<Button variant="destructive">Delete</Button>);
+    const button = container.querySelector('button');
+    expect(button).toBeInTheDocument();
+    expect(button?.className).toContain('bg-destructive');
+  });
+
+  it('is disabled when disabled prop is provided', () => {
+    render(<Button disabled>Disabled Button</Button>);
+    const button = screen.getByRole('button', { name: /disabled button/i });
+    expect(button).toBeDisabled();
+  });
+});
diff --git a/apps/web-client/src/tests/card.test.tsx b/apps/web-client/src/tests/card.test.tsx
new file mode 100644
index 000000000..fb7750b32
--- /dev/null
+++ b/apps/web-client/src/tests/card.test.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+} from '@/components/ui/card';
+
+describe('Card Component', () => {
+  it('renders card with all nested sections', () => {
+    render(
+      <Card data-testid="test-card">
+        <CardHeader>
+          <CardTitle>Hackathon Project</CardTitle>
+          <CardDescription>A test project description</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p>Card body content here</p>
+        </CardContent>
+        <CardFooter>
+          <button>Action</button>
+        </CardFooter>
+      </Card>
+    );
+
+    expect(screen.getByTestId('test-card')).toBeInTheDocument();
+    expect(screen.getByText('Hackathon Project')).toBeInTheDocument();
+    expect(screen.getByText('A test project description')).toBeInTheDocument();
+    expect(screen.getByText('Card body content here')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /action/i })).toBeInTheDocument();
+  });
+});
diff --git a/apps/web-client/src/tests/setup.ts b/apps/web-client/src/tests/setup.ts
new file mode 100644
index 000000000..7b0828bfa
--- /dev/null
+++ b/apps/web-client/src/tests/setup.ts
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
diff --git a/apps/web-client/tailwind.config.ts b/apps/web-client/tailwind.config.ts
new file mode 100644
index 000000000..c87922a4d
--- /dev/null
+++ b/apps/web-client/tailwind.config.ts
@@ -0,0 +1,77 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: ["class"],
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;
diff --git a/apps/web-client/tsconfig.json b/apps/web-client/tsconfig.json
new file mode 100644
index 000000000..7b2858930
--- /dev/null
+++ b/apps/web-client/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/apps/web-client/vitest.config.ts b/apps/web-client/vitest.config.ts
new file mode 100644
index 000000000..d546181b9
--- /dev/null
+++ b/apps/web-client/vitest.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./src/tests/setup.ts'],
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});
diff --git a/apps/web-dashboard/src/components/Layout/Footer.jsx b/apps/web-dashboard/src/components/Layout/Footer.jsx
index 5a20c5fc4..290f0a87c 100644
--- a/apps/web-dashboard/src/components/Layout/Footer.jsx
+++ b/apps/web-dashboard/src/components/Layout/Footer.jsx
@@ -51,18 +51,18 @@ export default function Footer() {
                         <div className="footer-col">
                             <h4>Connect</h4>
                             <a href="https://discord.gg/CXJjvJkNWn" target="_blank" rel="noreferrer">Discord</a>
-                            <a href="https://github.com/yash-pouranik/urBackend" target="_blank" rel="noreferrer">Github</a>
-                            <a href={`mailto:${ADMIN_EMAIL}`}>Email</a>
+                            <a href="https://github.com/geturbackend/urBackend" target="_blank" rel="noreferrer">Github</a>
+                            <a href={`https://mail.google.com/mail/?view=cm&fs=1&to=${ADMIN_EMAIL || 'yash@urbackend.in'}`} target="_blank" rel="noopener noreferrer">Email</a>
                         </div>
                     </div>
                 </div>
 
                 <div className="footer-middle">
                     <div className="social-links">
-                        <a href="https://github.com/yash-pouranik/urBackend" target="_blank" className="social-icon"><Github size={20} /></a>
+                        <a href="https://github.com/geturbackend/urBackend" target="_blank" rel="noreferrer" className="social-icon"><Github size={20} /></a>
                     </div>
                     <div className="legal-links">
-                        <span>&copy; 2026 urBackend Inc.</span>
+                        <span>&copy; 2026 urBackend. All rights reserved.</span>
                     </div>
                 </div>
 
diff --git a/docker-compose.yml b/docker-compose.yml
index ce26f0305..6ebd7c86b 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -74,6 +74,24 @@ services:
     depends_on:
       - dashboard-api
 
+  # ── Web Client (Next.js 14 + shadcn/ui) ──────────────────────────────────────
+  web-client:
+    build:
+      context: .
+      dockerfile: ./apps/web-client/Dockerfile
+    container_name: urbackend_web_client
+    restart: unless-stopped
+    ports:
+      - '3000:3000'
+    depends_on:
+      - dashboard-api
+      - public-api
+    environment:
+      NEXT_PUBLIC_API_URL: http://localhost:1235
+      NEXT_PUBLIC_DASHBOARD_API_URL: http://localhost:1234
+      PORT: 3000
+      NODE_ENV: production
+
 volumes:
   mongo_data:
   redis_data:
diff --git a/mintlify/docs/docs.json b/mintlify/docs/docs.json
index 160257459..389d792bc 100644
--- a/mintlify/docs/docs.json
+++ b/mintlify/docs/docs.json
@@ -2,7 +2,7 @@
   "$schema": "https://mintlify.com/docs.json",
   "theme": "luma",
   "name": "urBackend",
-  "domain": "docs.ub.bitbros.in",
+  "domain": "docs.urbackend.in",
   "colors": {
     "primary": "#53e5ae",
     "light": "#347c64",
@@ -165,5 +165,26 @@
         ]
       }
     ]
+  },
+  "footer": {
+    "socials": {
+      "github": "https://github.com/geturbackend/urBackend",
+      "discord": "https://discord.gg/CXJjvJkNWn"
+    },
+    "links": [
+      {
+        "header": "Backed by",
+        "items": [
+          {
+            "label": "MongoDB for Startups",
+            "href": "https://www.mongodb.com/startups"
+          },
+          {
+            "label": "Mintlify OSS Program",
+            "href": "https://mintlify.com"
+          }
+        ]
+      }
+    ]
   }
 }
diff --git a/package-lock.json b/package-lock.json
index 08636d2b9..d610f3d09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -596,6 +596,7 @@
     "apps/landing": {
       "version": "0.0.1",
       "dependencies": {
+        "@astrojs/mdx": "^4.x",
         "@astrojs/react": "^4.x",
         "@astrojs/sitemap": "^3.x",
         "@astrojs/vercel": "^9.0.0",
@@ -1250,6 +1251,1045 @@
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
+    "apps/web-client": {
+      "version": "0.1.0",
+      "dependencies": {
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@radix-ui/react-slot": "^1.1.2",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.474.0",
+        "next": "14.2.23",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "tailwind-merge": "^2.6.0"
+      },
+      "devDependencies": {
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "^16.1.0",
+        "@types/node": "^20.17.14",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "@vitejs/plugin-react": "^4.3.4",
+        "autoprefixer": "^10.4.20",
+        "jsdom": "^25.0.1",
+        "postcss": "^8.4.49",
+        "tailwindcss": "^3.4.17",
+        "typescript": "^5.7.3",
+        "vitest": "^2.1.8"
+      }
+    },
+    "apps/web-client/node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.23.tgz",
+      "integrity": "sha512-WhtEntt6NcbABA8ypEoFd3uzq5iAnrl9AnZt9dXdO+PZLACE32z3a3qA5OoV20JrbJfSJ6Sd6EqGZTrlRnGxQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.23.tgz",
+      "integrity": "sha512-vwLw0HN2gVclT/ikO6EcE+LcIN+0mddJ53yG4eZd0rXkuEr/RnOaMH8wg/sYl5iz5AYYRo/l6XX7FIo6kwbw1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.23.tgz",
+      "integrity": "sha512-uuAYwD3At2fu5CH1wD7FpP87mnjAv4+DNvLaR9kiIi8DLStWSW304kF09p1EQfhcbUI1Py2vZlBO2VaVqMRtpg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.23.tgz",
+      "integrity": "sha512-Mm5KHd7nGgeJ4EETvVgFuqKOyDh+UMXHXxye6wRRFDr4FdVRI6YTxajoV2aHE8jqC14xeAMVZvLqYqS7isHL+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.23.tgz",
+      "integrity": "sha512-Ybfqlyzm4sMSEQO6lDksggAIxnvWSG2cDWnG2jgd+MLbHYn2pvFA8DQ4pT2Vjk3Cwrv+HIg7vXJ8lCiLz79qoQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.23.tgz",
+      "integrity": "sha512-OSQX94sxd1gOUz3jhhdocnKsy4/peG8zV1HVaW6DLEbEmRRtUCUQZcKxUD9atLYa3RZA+YJx+WZdOnTkDuNDNA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.23.tgz",
+      "integrity": "sha512-ezmbgZy++XpIMTcTNd0L4k7+cNI4ET5vMv/oqNfTuSXkZtSA9BURElPFyarjjGtRgZ9/zuKDHoMdZwDZIY3ehQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.23.tgz",
+      "integrity": "sha512-zfHZOGguFCqAJ7zldTKg4tJHPJyJCOFhpoJcVxKL9BSUHScVDnMdDuOU1zPPGdOzr/GWxbhYTjyiEgLEpAoFPA==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.23.tgz",
+      "integrity": "sha512-xCtq5BD553SzOgSZ7UH5LH+OATQihydObTrCTvVzOro8QiWYKdBVwcB2Mn2MLMo6DGW9yH1LSPw7jS7HhgJgjw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "apps/web-client/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "apps/web-client/node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "apps/web-client/node_modules/@testing-library/react": {
+      "version": "16.3.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.3.tgz",
+      "integrity": "sha512-Uo193NgQbPMz6lrrhtRQQFcMC6Re/ELLFbbuVL30WDlZxlpZf9/lMHTAVxPRLw1q1iu9OJmR1c2BLiENRstdBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "apps/web-client/node_modules/@types/node": {
+      "version": "20.19.43",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.43.tgz",
+      "integrity": "sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "apps/web-client/node_modules/@types/react": {
+      "version": "18.3.31",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.31.tgz",
+      "integrity": "sha512-vfEqpXTvwT91yhmwdfouStN2hSKwTvyRs8qpLfADyrq/kxDw0hZM7Wk9Ug1FELj8hIby+S/+kQCSRFF32nv2Qw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "apps/web-client/node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "apps/web-client/node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "apps/web-client/node_modules/@vitest/expect": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.9.tgz",
+      "integrity": "sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "2.1.9",
+        "@vitest/utils": "2.1.9",
+        "chai": "^5.1.2",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/@vitest/runner": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.9.tgz",
+      "integrity": "sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "2.1.9",
+        "pathe": "^1.1.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/@vitest/snapshot": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.9.tgz",
+      "integrity": "sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.1.9",
+        "magic-string": "^0.30.12",
+        "pathe": "^1.1.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/@vitest/spy": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.9.tgz",
+      "integrity": "sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/@vitest/utils": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
+      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.1.9",
+        "loupe": "^3.1.2",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "apps/web-client/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "apps/web-client/node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "apps/web-client/node_modules/chai": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "apps/web-client/node_modules/check-error": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
+      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "apps/web-client/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "apps/web-client/node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "apps/web-client/node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "apps/web-client/node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "apps/web-client/node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "apps/web-client/node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "apps/web-client/node_modules/jsdom": {
+      "version": "25.0.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-25.0.1.tgz",
+      "integrity": "sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.1.0",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.4.3",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.5",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.12",
+        "parse5": "^7.1.2",
+        "rrweb-cssom": "^0.7.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.0.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^2.11.2"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "apps/web-client/node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "apps/web-client/node_modules/lucide-react": {
+      "version": "0.474.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.474.0.tgz",
+      "integrity": "sha512-CmghgHkh0OJNmxGKWc0qfPJCYHASPMVSyGY8fj3xgk4v84ItqDg64JNKFZn5hC6E0vHi6gxnbCgwhyVB09wQtA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "apps/web-client/node_modules/next": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.23.tgz",
+      "integrity": "sha512-mjN3fE6u/tynneLiEg56XnthzuYw+kD7mCujgVqioxyPqbmiotUCGJpIZGS/VaPg3ZDT1tvWxiVyRzeqJFm/kw==",
+      "deprecated": "This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/security-update-2025-12-11 for more details.",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "14.2.23",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.23",
+        "@next/swc-darwin-x64": "14.2.23",
+        "@next/swc-linux-arm64-gnu": "14.2.23",
+        "@next/swc-linux-arm64-musl": "14.2.23",
+        "@next/swc-linux-x64-gnu": "14.2.23",
+        "@next/swc-linux-x64-musl": "14.2.23",
+        "@next/swc-win32-arm64-msvc": "14.2.23",
+        "@next/swc-win32-ia32-msvc": "14.2.23",
+        "@next/swc-win32-x64-msvc": "14.2.23"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "apps/web-client/node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "apps/web-client/node_modules/pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "apps/web-client/node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "apps/web-client/node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "apps/web-client/node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "apps/web-client/node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "apps/web-client/node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "apps/web-client/node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "apps/web-client/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "apps/web-client/node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "apps/web-client/node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "apps/web-client/node_modules/tailwind-merge": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.1.tgz",
+      "integrity": "sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "apps/web-client/node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "apps/web-client/node_modules/tinypool": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
+      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "apps/web-client/node_modules/tinyspy": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "apps/web-client/node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "apps/web-client/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "apps/web-client/node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "apps/web-client/node_modules/vite-node": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.9.tgz",
+      "integrity": "sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.3.7",
+        "es-module-lexer": "^1.5.4",
+        "pathe": "^1.1.2",
+        "vite": "^5.0.0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "apps/web-client/node_modules/vitest": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.9.tgz",
+      "integrity": "sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "2.1.9",
+        "@vitest/mocker": "2.1.9",
+        "@vitest/pretty-format": "^2.1.9",
+        "@vitest/runner": "2.1.9",
+        "@vitest/snapshot": "2.1.9",
+        "@vitest/spy": "2.1.9",
+        "@vitest/utils": "2.1.9",
+        "chai": "^5.1.2",
+        "debug": "^4.3.7",
+        "expect-type": "^1.1.0",
+        "magic-string": "^0.30.12",
+        "pathe": "^1.1.2",
+        "std-env": "^3.8.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^0.3.1",
+        "tinypool": "^1.0.1",
+        "tinyrainbow": "^1.2.0",
+        "vite": "^5.0.0",
+        "vite-node": "2.1.9",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "@vitest/browser": "2.1.9",
+        "@vitest/ui": "2.1.9",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "apps/web-client/node_modules/vitest/node_modules/@vitest/mocker": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.9.tgz",
+      "integrity": "sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "2.1.9",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.12"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
     "apps/web-dashboard": {
       "version": "0.10.1",
       "license": "AGPL-3.0-only",
@@ -1408,6 +2448,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.3.0.tgz",
+      "integrity": "sha512-U4+70Pc5ZS9osnCBCE5Jha/ciHM+Yp+CNMNC/7HvYbNRk1Ldd+f7qO65W5qfhu/TCv+/ozljlXXe9Nj8419DMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
@@ -1487,6 +2540,42 @@
         "vfile": "^6.0.3"
       }
     },
+    "node_modules/@astrojs/mdx": {
+      "version": "4.3.14",
+      "resolved": "https://registry.npmjs.org/@astrojs/mdx/-/mdx-4.3.14.tgz",
+      "integrity": "sha512-FBrqJQORVm+rkRa2TS5CjU9PBA6hkhrwLVBSS9A77gN2+iehvjq1w6yya/d0YKC7osiVorKkr3Qd9wNbl0ZkGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@astrojs/markdown-remark": "6.3.11",
+        "@mdx-js/mdx": "^3.1.1",
+        "acorn": "^8.15.0",
+        "es-module-lexer": "^1.7.0",
+        "estree-util-visit": "^2.0.0",
+        "hast-util-to-html": "^9.0.5",
+        "piccolore": "^0.1.3",
+        "rehype-raw": "^7.0.0",
+        "remark-gfm": "^4.0.1",
+        "remark-smartypants": "^3.0.2",
+        "source-map": "^0.7.6",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.3"
+      },
+      "engines": {
+        "node": "18.20.8 || ^20.3.0 || >=22.0.0"
+      },
+      "peerDependencies": {
+        "astro": "^5.0.0"
+      }
+    },
+    "node_modules/@astrojs/mdx/node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/@astrojs/prism": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.3.0.tgz",
@@ -5758,6 +6847,52 @@
         "node": ">=18"
       }
     },
+    "node_modules/@mdx-js/mdx": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.1.1.tgz",
+      "integrity": "sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdx": "^2.0.0",
+        "acorn": "^8.0.0",
+        "collapse-white-space": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "estree-util-scope": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "markdown-extensions": "^2.0.0",
+        "recma-build-jsx": "^1.0.0",
+        "recma-jsx": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "rehype-recma": "^1.0.0",
+        "remark-mdx": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "source-map": "^0.7.0",
+        "unified": "^11.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@mdx-js/mdx/node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/@mongodb-js/saslprep": {
       "version": "1.4.10",
       "license": "MIT",
@@ -5794,6 +6929,12 @@
         "@emnapi/runtime": "^1.7.1"
       }
     },
+    "node_modules/@next/env": {
+      "version": "14.2.23",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.23.tgz",
+      "integrity": "sha512-CysUC9IO+2Bh0omJ3qrb47S8DtsTKbFidGm6ow4gXIG6reZybqxbkH2nhdEm1tC8SmgzDdpq3BIML0PWsmyUYA==",
+      "license": "MIT"
+    },
     "node_modules/@noble/hashes": {
       "version": "1.8.0",
       "dev": true,
@@ -5801,22 +6942,60 @@
       "engines": {
         "node": "^14.21.3 || >=16"
       },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@nodable/entities": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@nodable/entities/-/entities-2.1.1.tgz",
+      "integrity": "sha512-Pig3HxDIoMgjdEH8OCf/dkcTmLFjJRjWuq8jSnklu284/TKOPibSRERmOykiwmyXTtv61mP+44f3GMx0tLAyjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodable"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/@nodable/entities": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@nodable/entities/-/entities-2.1.1.tgz",
-      "integrity": "sha512-Pig3HxDIoMgjdEH8OCf/dkcTmLFjJRjWuq8jSnklu284/TKOPibSRERmOykiwmyXTtv61mP+44f3GMx0tLAyjg==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/nodable"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/@oslojs/encoding": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@oslojs/encoding/-/encoding-1.1.0.tgz",
@@ -7514,6 +8693,22 @@
         "node": ">=20.0.0"
       }
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@tailwindcss/node": {
       "version": "4.2.4",
       "license": "MIT",
@@ -8103,6 +9298,12 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/mdx": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.14.tgz",
+      "integrity": "sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==",
+      "license": "MIT"
+    },
     "node_modules/@types/ms": {
       "version": "2.1.0",
       "license": "MIT"
@@ -8567,6 +9768,19 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@vitest/pretty-format": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
+      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/@vitest/runner": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.6.1.tgz",
@@ -8848,7 +10062,6 @@
     },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
@@ -9029,6 +10242,15 @@
         "node": "*"
       }
     },
+    "node_modules/astring": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/astring/-/astring-1.9.0.tgz",
+      "integrity": "sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==",
+      "license": "MIT",
+      "bin": {
+        "astring": "bin/astring"
+      }
+    },
     "node_modules/astro": {
       "version": "5.18.2",
       "resolved": "https://registry.npmjs.org/astro/-/astro-5.18.2.tgz",
@@ -9764,6 +10986,43 @@
         "autocannon": "autocannon.js"
       }
     },
+    "node_modules/autoprefixer": {
+      "version": "10.5.4",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.4.tgz",
+      "integrity": "sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.6",
+        "caniuse-lite": "^1.0.30001806",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "dev": true,
@@ -9926,7 +11185,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.25",
+      "version": "2.11.20",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.20.tgz",
+      "integrity": "sha512-H0ulySigv6icDJ1F7SjtdCD6PrhTpdYCmP0CactWy1+ekh0AFd0o1Wn5T8b+hnTmdBx19u9yhL6wvCylXMY7zw==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -9942,6 +11203,19 @@
         "bcrypt": "bin/bcrypt"
       }
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/bindings": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
@@ -10164,8 +11438,23 @@
         "node": "18 || 20 || >=22"
       }
     },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/browserslist": {
-      "version": "4.28.2",
+      "version": "4.28.8",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.8.tgz",
+      "integrity": "sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==",
       "funding": [
         {
           "type": "opencollective",
@@ -10182,11 +11471,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.10.12",
-        "caniuse-lite": "^1.0.30001782",
-        "electron-to-chromium": "^1.5.328",
-        "node-releases": "^2.0.36",
-        "update-browserslist-db": "^1.2.3"
+        "baseline-browser-mapping": "^2.11.12",
+        "caniuse-lite": "^1.0.30001809",
+        "electron-to-chromium": "^1.5.402",
+        "node-releases": "^2.0.53",
+        "update-browserslist-db": "^1.3.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -10337,8 +11626,20 @@
         "node": ">=6"
       }
     },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001791",
+      "version": "1.0.30001810",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+      "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
       "funding": [
         {
           "type": "opencollective",
@@ -10634,6 +11935,12 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "dev": true,
@@ -10672,6 +11979,16 @@
         "node": ">= 0.12.0"
       }
     },
+    "node_modules/collapse-white-space": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-2.1.0.tgz",
+      "integrity": "sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/collect-v8-coverage": {
       "version": "1.0.3",
       "dev": true,
@@ -11467,6 +12784,13 @@
         "wrappy": "1"
       }
     },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/diff": {
       "version": "8.0.4",
       "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
@@ -11631,7 +12955,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.349",
+      "version": "1.5.420",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.420.tgz",
+      "integrity": "sha512-2yD6XreGusOfNV+dUcvipJEXc3n/n7fgr7996aszTG+YY5E4mqM4tOq/3uhP129cazL9YHbVWSpc79ePotWtPA==",
       "license": "ISC"
     },
     "node_modules/emittery": {
@@ -11764,6 +13090,38 @@
       "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
       "license": "MIT"
     },
+    "node_modules/esast-util-from-estree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/esast-util-from-estree/-/esast-util-from-estree-2.0.0.tgz",
+      "integrity": "sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esast-util-from-js": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/esast-util-from-js/-/esast-util-from-js-2.0.1.tgz",
+      "integrity": "sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "acorn": "^8.0.0",
+        "esast-util-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.27.7",
       "hasInstallScript": true,
@@ -12400,6 +13758,35 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-util-attach-comments": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-attach-comments/-/estree-util-attach-comments-3.0.0.tgz",
+      "integrity": "sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-build-jsx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/estree-util-build-jsx/-/estree-util-build-jsx-3.0.1.tgz",
+      "integrity": "sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "estree-walker": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/estree-util-is-identifier-name": {
       "version": "3.0.0",
       "license": "MIT",
@@ -12408,6 +13795,58 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/estree-util-scope": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-util-scope/-/estree-util-scope-1.0.1.tgz",
+      "integrity": "sha512-B0np3dcdxqILX5e9nEi5/Fr4K7gL4oYFVPV1zRa2e9wRCbQoZZNWOZFYyoInvXUPJXBXjss+QXlWLJChDEHDkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-to-js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-to-js/-/estree-util-to-js-2.0.0.tgz",
+      "integrity": "sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "astring": "^1.8.0",
+        "source-map": "^0.7.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-to-js/node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/estree-util-visit": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-2.0.0.tgz",
+      "integrity": "sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
@@ -12494,6 +13933,16 @@
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
+    "node_modules/expect-type": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/express": {
       "version": "5.2.1",
       "license": "MIT",
@@ -12609,6 +14058,36 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "devOptional": true,
@@ -12665,6 +14144,16 @@
         "fxparser": "src/cli/cli.js"
       }
     },
+    "node_modules/fastq": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.3.tgz",
+      "integrity": "sha512-XKv5nnLs6nLF71NgiKJLIZFLkPyIEuOselLG7ujZnGrRfQK8HpvY+WqKhAJUAdLomwVHErVS4LfxFlPq0/FTAw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
     "node_modules/fb-watchman": {
       "version": "2.0.2",
       "dev": true,
@@ -12705,6 +14194,19 @@
       "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
       "license": "MIT"
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/finalhandler": {
       "version": "2.1.1",
       "license": "MIT",
@@ -12896,6 +14398,20 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
     "node_modules/framer-motion": {
       "version": "12.38.0",
       "license": "MIT",
@@ -13321,9 +14837,37 @@
         "mdast-util-to-hast": "^13.0.0",
         "parse5": "^7.0.0",
         "unist-util-position": "^5.0.0",
-        "unist-util-visit": "^5.0.0",
-        "vfile": "^6.0.0",
-        "web-namespaces": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-estree": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/hast-util-to-estree/-/hast-util-to-estree-3.1.3.tgz",
+      "integrity": "sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-attach-comments": "^3.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
         "zwitch": "^2.0.0"
       },
       "funding": {
@@ -13882,6 +15426,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-boolean-object": {
       "version": "1.2.2",
       "dev": true,
@@ -13908,6 +15465,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-date-object": {
       "version": "1.1.0",
       "dev": true,
@@ -14017,6 +15590,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/is-number-object": {
       "version": "1.1.1",
       "dev": true,
@@ -15513,6 +17096,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/markdown-extensions": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-2.0.0.tgz",
+      "integrity": "sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/markdown-table": {
       "version": "3.0.4",
       "license": "MIT",
@@ -15688,6 +17283,23 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdast-util-mdx": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-3.0.0.tgz",
+      "integrity": "sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mdast-util-mdx-expression": {
       "version": "2.0.1",
       "license": "MIT",
@@ -15835,6 +17447,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/methods": {
       "version": "1.1.2",
       "dev": true,
@@ -16015,6 +17637,108 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/micromark-extension-mdx-expression": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-3.0.1.tgz",
+      "integrity": "sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-mdx-expression": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-mdx-jsx": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.2.tgz",
+      "integrity": "sha512-e5+q1DjMh62LZAJOnDraSSbDMvGJ8x3cbjygy2qFEi7HCeUT4BDKCvMozPozcD6WmOt6sVvYDNBKhFSz3kjOVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "micromark-factory-mdx-expression": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdx-md": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-2.0.0.tgz",
+      "integrity": "sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdxjs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-3.0.0.tgz",
+      "integrity": "sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.0.0",
+        "acorn-jsx": "^5.0.0",
+        "micromark-extension-mdx-expression": "^3.0.0",
+        "micromark-extension-mdx-jsx": "^3.0.0",
+        "micromark-extension-mdx-md": "^2.0.0",
+        "micromark-extension-mdxjs-esm": "^3.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdxjs-esm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-3.0.0.tgz",
+      "integrity": "sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/micromark-factory-destination": {
       "version": "2.0.1",
       "funding": [
@@ -16054,6 +17778,33 @@
         "micromark-util-types": "^2.0.0"
       }
     },
+    "node_modules/micromark-factory-mdx-expression": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.3.tgz",
+      "integrity": "sha512-kQnEtA3vzucU2BkrIa8/VaSAsP+EJ3CKOvhMuJgOEGg9KDC6OAY6nSnNDVRiVNRqj7Y4SlSzcStaH/5jge8JdQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      }
+    },
     "node_modules/micromark-factory-space": {
       "version": "2.0.1",
       "funding": [
@@ -16235,6 +17986,31 @@
       ],
       "license": "MIT"
     },
+    "node_modules/micromark-util-events-to-acorn": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-util-events-to-acorn/-/micromark-util-events-to-acorn-2.0.3.tgz",
+      "integrity": "sha512-jmsiEIiZ1n7X1Rr5k8wVExBQCg5jy4UXVADItHmNk1zkwEVhBuIUKRu3fqv+hs4nxLISi2DQGlqIOGiFxgbfHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      }
+    },
     "node_modules/micromark-util-html-tag-name": {
       "version": "2.0.1",
       "funding": [
@@ -16350,6 +18126,33 @@
       ],
       "license": "MIT"
     },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/mime": {
       "version": "2.6.0",
       "dev": true,
@@ -16828,8 +18631,13 @@
       "license": "MIT"
     },
     "node_modules/node-releases": {
-      "version": "2.0.38",
-      "license": "MIT"
+      "version": "2.0.54",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.54.tgz",
+      "integrity": "sha512-YHs7BmmcsdAI5Ozuf8JZo6PT0mv2GIWC9vMfvUC3dp65M8hn7Ux8CPL+2oBI7juNuj9d0ndhTcznq2ODBps9cQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/nopt": {
       "version": "8.1.0",
@@ -16888,6 +18696,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "license": "MIT",
@@ -17242,6 +19060,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "license": "BlueOak-1.0.0",
@@ -17387,29 +19212,72 @@
         "pathe": "^2.0.1"
       }
     },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.1.0",
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postal-mime": {
+      "version": "2.7.4",
+      "license": "MIT-0"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.13",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
       }
     },
-    "node_modules/postal-mime": {
-      "version": "2.7.4",
-      "license": "MIT-0"
-    },
-    "node_modules/postcss": {
-      "version": "8.5.13",
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
           "url": "https://opencollective.com/postcss/"
         },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
         {
           "type": "github",
           "url": "https://github.com/sponsors/ai"
@@ -17417,12 +19285,13 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
+        "camelcase-css": "^2.0.1"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
       }
     },
     "node_modules/postcss-load-config": {
@@ -17466,6 +19335,53 @@
         }
       }
     },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz",
+      "integrity": "sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/postprocessing": {
       "version": "6.39.1",
       "resolved": "https://registry.npmjs.org/postprocessing/-/postprocessing-6.39.1.tgz",
@@ -17670,6 +19586,27 @@
       "version": "2.2.0",
       "license": "MIT"
     },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/radix3": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
@@ -17959,6 +19896,13 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/read-cache": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.2.tgz",
+      "integrity": "sha512-/peqiBB/n07gQGLsWaHho3WfvUyRscw0gYTsEFMhrIe/nWLkYaf5SbKYjGYqtRV3aPwykJgF2VEMo1ac4bnsGA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/readable-stream": {
       "version": "3.6.2",
       "license": "MIT",
@@ -17992,6 +19936,73 @@
         "decimal.js-light": "^2.4.1"
       }
     },
+    "node_modules/recma-build-jsx": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-build-jsx/-/recma-build-jsx-1.0.0.tgz",
+      "integrity": "sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-build-jsx": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-jsx": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/recma-jsx/-/recma-jsx-1.0.1.tgz",
+      "integrity": "sha512-huSIy7VU2Z5OLv6oFLosQGGDqPqdO1iq6bWNAdhzMxSJP7RAso4fCZ1cKu8j9YHCZf3TPrq4dw3okhrylgcd7w==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn-jsx": "^5.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "recma-parse": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/recma-parse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-parse/-/recma-parse-1.0.0.tgz",
+      "integrity": "sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "esast-util-from-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-stringify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-stringify/-/recma-stringify-1.0.0.tgz",
+      "integrity": "sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/redent": {
       "version": "3.0.0",
       "dev": true,
@@ -18117,6 +20128,21 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/rehype-recma": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-recma/-/rehype-recma-1.0.0.tgz",
+      "integrity": "sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "hast-util-to-estree": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/rehype-stringify": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/rehype-stringify/-/rehype-stringify-10.0.1.tgz",
@@ -18155,6 +20181,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/remark-mdx": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.1.1.tgz",
+      "integrity": "sha512-Pjj2IYlUY3+D8x00UJsIOg5BEvfMyeI+2uLPn9VO9Wg4MEtN/VTIq2NEJQfde9PnX15KgtHyl9S0BcTnWrIuWg==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-mdx": "^3.0.0",
+        "micromark-extension-mdxjs": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/remark-parse": {
       "version": "11.0.0",
       "license": "MIT",
@@ -18243,6 +20283,28 @@
         }
       }
     },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/resolve-cwd": {
       "version": "3.0.0",
       "dev": true,
@@ -18367,6 +20429,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "dev": true,
@@ -18464,6 +20537,30 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
     "node_modules/rxjs": {
       "version": "7.8.2",
       "dev": true,
@@ -19223,6 +21320,29 @@
         "inline-style-parser": "0.2.7"
       }
     },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/subarg": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/subarg/-/subarg-1.0.0.tgz",
@@ -19308,6 +21428,19 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/svgo": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.2.tgz",
@@ -19564,6 +21697,16 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/tinyspy": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.1.tgz",
@@ -19574,11 +21717,44 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
+      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
+      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
     "node_modules/toidentifier": {
       "version": "1.0.0",
       "license": "MIT",
@@ -19936,6 +22112,19 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/unist-util-position-from-estree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position-from-estree/-/unist-util-position-from-estree-2.0.0.tgz",
+      "integrity": "sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/unist-util-remove-position": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
@@ -20181,7 +22370,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.2.3",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.2.tgz",
+      "integrity": "sha512-UQ+MSxlhRm1bzjhU+DcuXfjFO1FzNtqhK5+9Yvlp90ItDLk5vT932A0rFu619nf7RVS+Y/VeaUW1jaRDqZ8VJw==",
       "funding": [
         {
           "type": "opencollective",
@@ -20932,6 +23123,10 @@
         "makeerror": "1.0.12"
       }
     },
+    "node_modules/web-client": {
+      "resolved": "apps/web-client",
+      "link": true
+    },
     "node_modules/web-dashboard": {
       "resolved": "apps/web-dashboard",
       "link": true
@@ -22139,7 +24334,7 @@
     },
     "sdks/urbackend-sdk": {
       "name": "@urbackend/sdk",
-      "version": "0.4.7",
+      "version": "0.4.8",
       "license": "MIT",
       "devDependencies": {
         "@eslint/js": "^10.0.1",
diff --git a/package.json b/package.json
index b9111bf91..cc0a84561 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "scripts": {
     "dev": "concurrently -c \"cyan,magenta,yellow,green\" -n \"DASHBOARD,PUBLIC,WEB,CONSUMER\" \"npm run dev --workspace=dashboard-api\" \"npm run dev --workspace=public-api\" \"npm run dev --workspace=web-dashboard\" \"npm run dev --workspace=consumer\"",
     "build": "npm run build --workspaces --if-present",
+    "test:web-client": "npm run test --workspace=web-client",
     "loadtest:public": "node scripts/loadtest-public-api.js",
     "loadtest:dashboard": "node scripts/loadtest-dashboard-api.js",
     "prepare": "husky || node -e \"\""
@@ -32,6 +33,10 @@
     "path": "0.12.7"
   },
   "overrides": {
-    "rollup": "npm:@rollup/wasm-node"
+    "rollup": "npm:@rollup/wasm-node",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5"
   }
 }

From ea12d9ae510f7b185924260899cc93edb3b5a4ca Mon Sep 17 00:00:00 2001
From: "coderabbitai[bot]"
 <136622811+coderabbitai[bot]@users.noreply.github.com>
Date: Fri, 18 Sep 2026 15:43:00 +0000
Subject: [PATCH 2/4] test: align API tests with soft-delete filtering and
 upload size errors

---
 .../project.controller.softDelete.test.js         |  3 ++-
 .../src/__tests__/data.controller.read.test.js    | 15 ++++++++++++---
 .../src/__tests__/storage.controller.test.js      |  2 +-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/apps/dashboard-api/src/__tests__/project.controller.softDelete.test.js b/apps/dashboard-api/src/__tests__/project.controller.softDelete.test.js
index 43e55f81c..788dd9758 100644
--- a/apps/dashboard-api/src/__tests__/project.controller.softDelete.test.js
+++ b/apps/dashboard-api/src/__tests__/project.controller.softDelete.test.js
@@ -34,7 +34,8 @@ const mongoose = require('mongoose');
 function makeReq() {
     return {
         params: { projectId: 'proj_1', collectionName: 'posts', id: '507f1f77bcf86cd799439011' },
-        user: { _id: 'user_1' }
+        user: { _id: 'user_1' },
+        query: {}
     };
 }
 
diff --git a/apps/public-api/src/__tests__/data.controller.read.test.js b/apps/public-api/src/__tests__/data.controller.read.test.js
index 22a7e3c31..3552023b1 100644
--- a/apps/public-api/src/__tests__/data.controller.read.test.js
+++ b/apps/public-api/src/__tests__/data.controller.read.test.js
@@ -180,7 +180,10 @@ describe('data.controller read RLS filters', () => {
         const res = makeRes();
         await getSingleDoc(req, res, next);
 
-        expect(mockPopulate).toHaveBeenCalledWith('author');
+        expect(mockPopulate).toHaveBeenCalledWith({
+            path: 'author',
+            match: { isDeleted: { $ne: true } }
+        });
         expect(res.json).toHaveBeenCalled();
     });
 
@@ -189,8 +192,14 @@ describe('data.controller read RLS filters', () => {
         const res = makeRes();
         await getSingleDoc(req, res, next);
 
-        expect(mockPopulate).toHaveBeenCalledWith('author');
-        expect(mockPopulate).toHaveBeenCalledWith('category');
+        expect(mockPopulate).toHaveBeenCalledWith({
+            path: 'author',
+            match: { isDeleted: { $ne: true } }
+        });
+        expect(mockPopulate).toHaveBeenCalledWith({
+            path: 'category',
+            match: { isDeleted: { $ne: true } }
+        });
         expect(res.json).toHaveBeenCalled();
         expect(next).not.toHaveBeenCalled();
     });
diff --git a/apps/public-api/src/__tests__/storage.controller.test.js b/apps/public-api/src/__tests__/storage.controller.test.js
index 34f755cfb..e586959a4 100644
--- a/apps/public-api/src/__tests__/storage.controller.test.js
+++ b/apps/public-api/src/__tests__/storage.controller.test.js
@@ -116,7 +116,7 @@ describe('storage.controller', () => {
 
             expect(next).toHaveBeenCalledWith(expect.any(AppError));
             expect(next.mock.calls[0][0].statusCode).toBe(413);
-            expect(next.mock.calls[0][0].message).toBe('File size exceeds limit.');
+            expect(next.mock.calls[0][0].message).toBe('File size exceeds limit of 10MB.');
         });
 
         test('returns 403 when internal storage quota is exceeded', async () => {

From c342601021c46d3be369aea946ae1f42486aec97 Mon Sep 17 00:00:00 2001
From: yash-pouranik <yashpouranik124@gmail.com>
Date: Fri, 18 Sep 2026 23:35:35 +0530
Subject: [PATCH 3/4] fix: address review feedback on landing pages, a11y,
 dates, and web-client container

---
 apps/landing/src/components/BlogCard.astro    |  3 ++-
 apps/landing/src/components/Navbar.astro      |  6 ++++--
 apps/landing/src/layouts/ContentPage.astro    |  1 +
 apps/landing/src/pages/blog/[...slug].astro   |  2 +-
 apps/landing/src/pages/blog/index.astro       |  4 ++--
 apps/landing/src/pages/changelog.astro        | 21 +++++++++++++------
 apps/landing/src/pages/compare/index.astro    |  2 +-
 apps/landing/src/pages/compare/supabase.astro |  2 +-
 apps/landing/src/pages/developers.astro       |  2 +-
 apps/landing/src/pages/features.astro         |  2 +-
 apps/landing/src/pages/mongodb.astro          |  2 +-
 apps/landing/src/pages/pricing.astro          |  2 +-
 apps/web-client/Dockerfile                    | 10 +++++----
 apps/web-client/package.json                  |  2 +-
 apps/web-client/src/app/users/page.tsx        |  9 +++++---
 15 files changed, 44 insertions(+), 26 deletions(-)

diff --git a/apps/landing/src/components/BlogCard.astro b/apps/landing/src/components/BlogCard.astro
index ef5433bdb..4c7a9091a 100644
--- a/apps/landing/src/components/BlogCard.astro
+++ b/apps/landing/src/components/BlogCard.astro
@@ -16,7 +16,8 @@ const { slug, title, description, date, author, category, tags = [] } = Astro.pr
 const formattedDate = new Date(date).toLocaleDateString('en-US', {
   year: 'numeric',
   month: 'short',
-  day: 'numeric'
+  day: 'numeric',
+  timeZone: 'UTC',
 });
 ---
 
diff --git a/apps/landing/src/components/Navbar.astro b/apps/landing/src/components/Navbar.astro
index 1f7b9becf..6da139b36 100644
--- a/apps/landing/src/components/Navbar.astro
+++ b/apps/landing/src/components/Navbar.astro
@@ -184,7 +184,8 @@ import { Zap, DollarSign, FileText, Layers, Database, GitCompare, Code, BookOpen
   transition: transform 0.2s ease;
 }
 
-.nav-group:hover .nav-group-trigger .chevron {
+.nav-group:hover .nav-group-trigger .chevron,
+.nav-group:focus-within .nav-group-trigger .chevron {
   transform: rotate(180deg);
 }
 
@@ -210,7 +211,8 @@ import { Zap, DollarSign, FileText, Layers, Database, GitCompare, Code, BookOpen
   z-index: 200;
 }
 
-.nav-group:hover .nav-dropdown {
+.nav-group:hover .nav-dropdown,
+.nav-group:focus-within .nav-dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateX(-50%) translateY(0);
diff --git a/apps/landing/src/layouts/ContentPage.astro b/apps/landing/src/layouts/ContentPage.astro
index 061279e50..6eed65bc8 100644
--- a/apps/landing/src/layouts/ContentPage.astro
+++ b/apps/landing/src/layouts/ContentPage.astro
@@ -31,6 +31,7 @@ const formattedDate = date
       year: 'numeric',
       month: 'long',
       day: 'numeric',
+      timeZone: 'UTC',
     })
   : null;
 
diff --git a/apps/landing/src/pages/blog/[...slug].astro b/apps/landing/src/pages/blog/[...slug].astro
index 44b709371..4b535fd6d 100644
--- a/apps/landing/src/pages/blog/[...slug].astro
+++ b/apps/landing/src/pages/blog/[...slug].astro
@@ -3,7 +3,7 @@ import { getCollection, render } from 'astro:content';
 import ContentPage from '../../layouts/ContentPage.astro';
 
 export async function getStaticPaths() {
-  const posts = await getCollection('blog');
+  const posts = await getCollection('blog', ({ data }) => !data.draft);
   return posts.map((post) => ({
     params: { slug: post.id },
     props: { post },
diff --git a/apps/landing/src/pages/blog/index.astro b/apps/landing/src/pages/blog/index.astro
index f82d3dc9b..54afc260e 100644
--- a/apps/landing/src/pages/blog/index.astro
+++ b/apps/landing/src/pages/blog/index.astro
@@ -67,7 +67,7 @@ const remainingPosts = allPosts.slice(1);
       </div>
 
       <div class="posts-grid">
-        {allPosts.map((post) => (
+        {remainingPosts.map((post) => (
           <BlogCard
             slug={post.id}
             title={post.data.title}
@@ -216,7 +216,7 @@ const remainingPosts = allPosts.slice(1);
 
   .posts-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
     gap: 2rem;
   }
 
diff --git a/apps/landing/src/pages/changelog.astro b/apps/landing/src/pages/changelog.astro
index e7cae5649..3b0e88ebd 100644
--- a/apps/landing/src/pages/changelog.astro
+++ b/apps/landing/src/pages/changelog.astro
@@ -98,14 +98,23 @@ let releases: ReleaseEntry[] = fallbackReleases;
 
 if (changelogDir) {
   try {
+    const parseFileDate = (fileName: string): number => {
+      const clean = fileName.replace('.mdx', '').trim();
+      const parts = clean.split('-');
+      if (parts.length >= 2) {
+        const month = parts[0];
+        const year = parts[parts.length - 1];
+        const timestamp = Date.parse(`${month} 1, ${year}`);
+        if (!isNaN(timestamp)) {
+          return timestamp;
+        }
+      }
+      return 0;
+    };
+
     const files = fs.readdirSync(changelogDir)
       .filter((f) => f.endsWith('.mdx'))
-      .sort((a, b) => {
-        const monthOrder = ['september', 'august', 'july', 'june', 'may', 'april'];
-        const aMonth = a.split('-')[0].toLowerCase();
-        const bMonth = b.split('-')[0].toLowerCase();
-        return monthOrder.indexOf(aMonth) - monthOrder.indexOf(bMonth);
-      });
+      .sort((a, b) => parseFileDate(b) - parseFileDate(a));
 
     const parsedReleases: ReleaseEntry[] = [];
 
diff --git a/apps/landing/src/pages/compare/index.astro b/apps/landing/src/pages/compare/index.astro
index 54d03f2ec..914ce246b 100644
--- a/apps/landing/src/pages/compare/index.astro
+++ b/apps/landing/src/pages/compare/index.astro
@@ -81,7 +81,7 @@ import { ArrowRight, Database, Flame, Server } from 'lucide-react';
 
   .compare-cards-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
     gap: 3rem;
   }
 
diff --git a/apps/landing/src/pages/compare/supabase.astro b/apps/landing/src/pages/compare/supabase.astro
index e5dca17c1..26aa24f6d 100644
--- a/apps/landing/src/pages/compare/supabase.astro
+++ b/apps/landing/src/pages/compare/supabase.astro
@@ -194,7 +194,7 @@ const COMPARISON_ROWS = [
 
   .takeaways-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
     gap: 2.5rem;
   }
 
diff --git a/apps/landing/src/pages/developers.astro b/apps/landing/src/pages/developers.astro
index f1005b015..d05eb33f5 100644
--- a/apps/landing/src/pages/developers.astro
+++ b/apps/landing/src/pages/developers.astro
@@ -133,7 +133,7 @@ const DEV_HIGHLIGHTS = [
       <div class="section-header-centered">
         <span class="section-badge">OFFICIAL PACKAGES</span>
         <h2 class="section-title">First-Party Client Libraries</h2>
-        <p class="section-desc">Zero-dependency, strictly typed packages maintained directly by the urBackend core team.</p>
+        <p class="section-desc">Official client libraries and developer tooling maintained directly by the urBackend core team.</p>
       </div>
 
       <div class="sdks-grid">
diff --git a/apps/landing/src/pages/features.astro b/apps/landing/src/pages/features.astro
index 73f618f56..097c53b23 100644
--- a/apps/landing/src/pages/features.astro
+++ b/apps/landing/src/pages/features.astro
@@ -444,7 +444,7 @@ await client.mail.send({
 
   .infra-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
     gap: 2rem;
   }
 
diff --git a/apps/landing/src/pages/mongodb.astro b/apps/landing/src/pages/mongodb.astro
index 7d50060f8..8fac4d551 100644
--- a/apps/landing/src/pages/mongodb.astro
+++ b/apps/landing/src/pages/mongodb.astro
@@ -297,7 +297,7 @@ const BYOM_STEPS = [
 
   .advantages-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
     gap: 2rem;
   }
 
diff --git a/apps/landing/src/pages/pricing.astro b/apps/landing/src/pages/pricing.astro
index acf079fc5..05ab5babd 100644
--- a/apps/landing/src/pages/pricing.astro
+++ b/apps/landing/src/pages/pricing.astro
@@ -53,7 +53,7 @@ const PRICING_FAQS = [
 
 <BaseLayout 
   title="urBackend Pricing - Free Developer Tier & Predictable Scale for MongoDB" 
-  description="Affordable, transparent MongoDB BaaS pricing. Get started free with 5 projects, 500MB storage, and 50K monthly API requests. Upgrade to Pro for BYOM and dedicated scale."
+  description="Affordable, transparent MongoDB BaaS pricing. Get started free with 1 project, 10MB storage, and 2,000 daily API requests. Upgrade to Pro for BYOM and dedicated scale."
   keywords="MongoDB pricing, Backend as a Service pricing, free MongoDB backend, BaaS cost comparison, Firebase alternative pricing, Supabase pricing alternative, serverless backend pricing"
   canonicalUrl="https://urbackend.in/pricing"
 >
diff --git a/apps/web-client/Dockerfile b/apps/web-client/Dockerfile
index a3dd07c6e..5717943e8 100644
--- a/apps/web-client/Dockerfile
+++ b/apps/web-client/Dockerfile
@@ -39,10 +39,12 @@ ENV PORT=3000
 ENV HOSTNAME="0.0.0.0"
 
 # Copy build artifacts from standalone output
-COPY --from=builder /app/apps/web-client/.next/standalone ./
-COPY --from=builder /app/apps/web-client/.next/static ./apps/web-client/.next/static
-COPY --from=builder /app/apps/web-client/public ./apps/web-client/public
+COPY --from=builder --chown=node:node /app/apps/web-client/.next/standalone ./
+COPY --from=builder --chown=node:node /app/apps/web-client/.next/static ./apps/web-client/.next/static
+COPY --from=builder --chown=node:node /app/apps/web-client/public ./apps/web-client/public
+
+USER node
 
 EXPOSE 3000
 
-CMD ["node", "apps/web-client/server.js"]
+CMD ["node", "server.js"]
diff --git a/apps/web-client/package.json b/apps/web-client/package.json
index 9f8a85e55..dc5292be4 100644
--- a/apps/web-client/package.json
+++ b/apps/web-client/package.json
@@ -15,7 +15,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.474.0",
-    "next": "14.2.23",
+    "next": "^14.2.35",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwind-merge": "^2.6.0"
diff --git a/apps/web-client/src/app/users/page.tsx b/apps/web-client/src/app/users/page.tsx
index bbc933094..ed21c24e7 100644
--- a/apps/web-client/src/app/users/page.tsx
+++ b/apps/web-client/src/app/users/page.tsx
@@ -132,8 +132,9 @@ export default function UsersPage() {
               </DialogHeader>
               <div className="space-y-4 py-4">
                 <div className="space-y-2">
-                  <label className="text-xs font-semibold text-muted-foreground">Full Name</label>
+                  <label htmlFor="user-full-name" className="text-xs font-semibold text-muted-foreground">Full Name</label>
                   <Input
+                    id="user-full-name"
                     placeholder="e.g. Jordan Miller"
                     value={newName}
                     onChange={(e) => setNewName(e.target.value)}
@@ -141,8 +142,9 @@ export default function UsersPage() {
                   />
                 </div>
                 <div className="space-y-2">
-                  <label className="text-xs font-semibold text-muted-foreground">Email Address</label>
+                  <label htmlFor="user-email" className="text-xs font-semibold text-muted-foreground">Email Address</label>
                   <Input
+                    id="user-email"
                     type="email"
                     placeholder="e.g. jordan@example.com"
                     value={newEmail}
@@ -151,8 +153,9 @@ export default function UsersPage() {
                   />
                 </div>
                 <div className="space-y-2">
-                  <label className="text-xs font-semibold text-muted-foreground">Role</label>
+                  <label htmlFor="user-role" className="text-xs font-semibold text-muted-foreground">Role</label>
                   <Input
+                    id="user-role"
                     placeholder="e.g. Frontend Engineer"
                     value={newRole}
                     onChange={(e) => setNewRole(e.target.value)}

From 1e50bbfa40929373345912efba91485a13c32c9e Mon Sep 17 00:00:00 2001
From: yash-pouranik <yashpouranik124@gmail.com>
Date: Sat, 19 Sep 2026 00:23:22 +0530
Subject: [PATCH 4/4] chore(web-client): upgrade next to ^15.5.16 and sync
 package-lock.json

---
 apps/web-client/package.json |   2 +-
 package-lock.json            | 290 ++++++++++++++++++++++++++++++++++-
 2 files changed, 290 insertions(+), 2 deletions(-)

diff --git a/apps/web-client/package.json b/apps/web-client/package.json
index dc5292be4..ab2e06ba0 100644
--- a/apps/web-client/package.json
+++ b/apps/web-client/package.json
@@ -15,7 +15,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.474.0",
-    "next": "^14.2.35",
+    "next": "^15.5.16",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwind-merge": "^2.6.0"
diff --git a/package-lock.json b/package-lock.json
index d610f3d09..f80d8d897 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1259,7 +1259,7 @@
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "lucide-react": "^0.474.0",
-        "next": "14.2.23",
+        "next": "^15.5.16",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "tailwind-merge": "^2.6.0"
@@ -5834,6 +5834,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -5856,6 +5857,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -5878,6 +5880,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5894,6 +5897,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5910,6 +5914,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5926,6 +5931,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5942,6 +5948,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5958,6 +5965,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5974,6 +5982,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -5990,6 +5999,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -6006,6 +6016,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -6022,6 +6033,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
@@ -6038,6 +6050,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6060,6 +6073,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6082,6 +6096,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6104,6 +6119,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6126,6 +6142,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6148,6 +6165,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6170,6 +6188,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6192,6 +6211,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6211,6 +6231,7 @@
       ],
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "@emnapi/runtime": "^1.7.0"
       },
@@ -6233,6 +6254,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6252,6 +6274,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6271,6 +6294,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
       },
@@ -6935,6 +6959,142 @@
       "integrity": "sha512-CysUC9IO+2Bh0omJ3qrb47S8DtsTKbFidGm6ow4gXIG6reZybqxbkH2nhdEm1tC8SmgzDdpq3BIML0PWsmyUYA==",
       "license": "MIT"
     },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.25.tgz",
+      "integrity": "sha512-w+RR0v/QuApnWEjRGm1z6gcObKwGMb5YPA7V3bzBEVSBpMFUXprer0tS27UxjUcEnqbhL7Zuzohej79B6rYmBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.25.tgz",
+      "integrity": "sha512-QiGGBUSakt8S1H4Lt9Ehsh6Ja87axiBnQQgysOObvCbI7iUfJnRGntF1P64S4/ijuHFnSB8KLsEddkY3nN26uw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.25.tgz",
+      "integrity": "sha512-ehLos/66zo0d/mJCU5u96a/VDcr01aaUrX0o/i16UdInxz8qPTCDSxGtjk/Lps1sIr1RJFdiX3hxc0fxJo+cPA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.25.tgz",
+      "integrity": "sha512-ZVMrqLiJ7DiChgmbkQwFtdhAnUkSH/4p7tB29QY+giATb0Q/XGHNRSKAb/B8XGDHRUaA67NepOW5W8u3ZRJBAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.25.tgz",
+      "integrity": "sha512-UOewtDGkTMJTiODrEdeLZ50yGb59xCZSriNpXkfPMxRRgwDkGc7i8mLWqV5076wEdb+Ca/XN7MhJyM3CupyNyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.25.tgz",
+      "integrity": "sha512-UBHwA8AhkCZgtRfU1aJpunuAJe/6gZv6jDESQe4p5MjTb5V0YEeJBWCdNqx15Vj3x+5jmauRfeMJSjfQj9HGFQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.25.tgz",
+      "integrity": "sha512-QcFcPRr16djk5IqK5+e8O80eZfgWzIvVBXfitIq0tQ/uc+eyfdoZ0NmKc0cnbIJyfVwREapKuG97YcxWA9gcpA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.25.tgz",
+      "integrity": "sha512-zREeykps3ndWr9egJgvJKqVkkDuaw6Zrrg23cYBos0ygydFkAWYU4+PaPVwXzP1eAYQJe53ShSK45iDM529BOg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@noble/hashes": {
       "version": "1.8.0",
       "dev": true,
@@ -18530,6 +18690,134 @@
         "node": ">= 10"
       }
     },
+    "node_modules/next": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.25.tgz",
+      "integrity": "sha512-OMWNulIIqKM2ykvC2qMjIt0IoavB4UB2SCs4iXJ6z6847FvyH8jBmBWcvrF5iuhTu8Przh20Fo/aoszIdqx4PA==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@next/env": "15.5.25",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.25",
+        "@next/swc-darwin-x64": "15.5.25",
+        "@next/swc-linux-arm64-gnu": "15.5.25",
+        "@next/swc-linux-arm64-musl": "15.5.25",
+        "@next/swc-linux-x64-gnu": "15.5.25",
+        "@next/swc-linux-x64-musl": "15.5.25",
+        "@next/swc-win32-arm64-msvc": "15.5.25",
+        "@next/swc-win32-x64-msvc": "15.5.25",
+        "sharp": "^0.34.3 || ^0.35.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/@next/env": {
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.25.tgz",
+      "integrity": "sha512-42h1lLr07vl4gawALP1hsgRZjHB1xYa58JfUfHwr0f7jG/zhPakh5GHkADHXOC9ZxUvlQFOPIrp7s6qX4DezPQ==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/next/node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/next/node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/nlcst-to-string": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-4.0.0.tgz",