diff --git a/package.json b/package.json
index cede17e..f29fae2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "libredb-studio-website",
   "type": "module",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "scripts": {
     "dev": "astro dev",
     "build": "node scripts/sync-docker-compose.mjs && astro build",
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
deleted file mode 100644
index afa1c2a..0000000
--- a/src/components/Footer.astro
+++ /dev/null
@@ -1,298 +0,0 @@
----
-const currentYear = new Date().getFullYear();
-
-const sections = [
-  {
-    id: 'product',
-    title: 'Product',
-    links: [
-      { label: 'Features', href: '/features' },
-      { label: 'Providers', href: '/providers' },
-      { label: 'Database (pre-alpha)', href: '/database' },
-      { label: 'Platform (beta)', href: '/platform' },
-      { label: 'Tech Stack', href: '/tech-stack' },
-      { label: 'Deploy', href: '/deploy' },
-      { label: 'Live Demo', href: 'https://app.libredb.org', external: true },
-    ],
-  },
-  {
-    id: 'resources',
-    title: 'Resources',
-    links: [
-      {
-        label: 'Documentation',
-        href: 'https://github.com/libredb/libredb-studio#readme',
-        external: true,
-      },
-      { label: 'Docker Compose Example', href: '/docker-compose-example' },
-      {
-        label: 'API Reference',
-        href: 'https://github.com/libredb/libredb-studio/blob/main/docs/API_DOCS.md',
-        external: true,
-      },
-      {
-        label: 'Architecture',
-        href: 'https://github.com/libredb/libredb-studio/blob/main/docs/ARCHITECTURE.md',
-        external: true,
-      },
-      {
-        label: 'Releases',
-        href: 'https://github.com/libredb/libredb-studio/releases',
-        external: true,
-      },
-    ],
-  },
-  {
-    id: 'community',
-    title: 'Community',
-    links: [
-      { label: 'GitHub', href: 'https://github.com/libredb/libredb-studio', external: true },
-      { label: 'Issues', href: 'https://github.com/libredb/libredb-studio/issues', external: true },
-      {
-        label: 'Discussions',
-        href: 'https://github.com/libredb/libredb-studio/discussions',
-        external: true,
-      },
-      {
-        label: 'Contributing',
-        href: 'https://github.com/libredb/libredb-studio#contributing',
-        external: true,
-      },
-      { label: 'Sponsor ♥', href: 'https://github.com/sponsors/libredb', external: true },
-    ],
-  },
-  {
-    id: 'legal',
-    title: 'Legal',
-    links: [{ label: 'Privacy Policy', href: '/privacy-policy' }],
-  },
-];
----
-
-<footer class="border-t border-edge bg-canvas pb-20 md:pb-0">
-  <div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 md:py-12 lg:px-8">
-    <!-- Brand Section -->
-    <div class="mb-8 md:mb-0 md:grid md:grid-cols-2 md:gap-8 lg:grid-cols-6">
-      <div class="mb-6 md:mb-0 lg:col-span-2">
-        <a href="/" class="mb-4 flex items-center gap-3">
-          <img src="/logo.svg" alt="LibreDB Studio" class="h-8 w-8 md:h-10 md:w-10" />
-          <span class="text-lg font-bold text-bright md:text-xl">LibreDB Studio</span>
-        </a>
-        <p class="mb-4 max-w-md text-sm text-muted md:mb-6">
-          The Modern, AI-Powered Open-Source SQL IDE for Cloud-Native Teams.
-        </p>
-        <div class="flex items-center gap-4">
-          <a
-            href="https://github.com/libredb/libredb-studio"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="inline-flex items-center gap-2 text-dim transition-colors hover:text-fg"
-            aria-label="GitHub"
-          >
-            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
-              <path
-                d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-              ></path>
-            </svg>
-            <span class="text-sm">GitHub</span>
-          </a>
-          <a
-            href="https://www.linkedin.com/company/libredb"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="inline-flex items-center gap-2 text-dim transition-colors hover:text-fg"
-            aria-label="LinkedIn"
-          >
-            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
-              <path
-                d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
-              ></path>
-            </svg>
-            <span class="text-sm">LinkedIn</span>
-          </a>
-        </div>
-      </div>
-
-      <!-- Desktop Links (hidden on mobile) -->
-      <div class="hidden md:block">
-        <h4 class="mb-4 text-xs font-semibold tracking-wider text-faint uppercase">Product</h4>
-        <ul class="space-y-3">
-          {
-            sections[0].links.map((link) => (
-              <li>
-                <a
-                  href={link.href}
-                  class="text-sm text-dim transition-colors hover:text-fg"
-                  target={link.external ? '_blank' : undefined}
-                  rel={link.external ? 'noopener noreferrer' : undefined}
-                >
-                  {link.label}
-                </a>
-              </li>
-            ))
-          }
-        </ul>
-      </div>
-
-      <div class="hidden md:block">
-        <h4 class="mb-4 text-xs font-semibold tracking-wider text-faint uppercase">Resources</h4>
-        <ul class="space-y-3">
-          {
-            sections[1].links.map((link) => (
-              <li>
-                <a
-                  href={link.href}
-                  class="text-sm text-dim transition-colors hover:text-fg"
-                  target={link.external ? '_blank' : undefined}
-                  rel={link.external ? 'noopener noreferrer' : undefined}
-                >
-                  {link.label}
-                </a>
-              </li>
-            ))
-          }
-        </ul>
-      </div>
-
-      <div class="hidden md:block">
-        <h4 class="mb-4 text-xs font-semibold tracking-wider text-faint uppercase">Community</h4>
-        <ul class="space-y-3">
-          {
-            sections[2].links.map((link) => (
-              <li>
-                <a
-                  href={link.href}
-                  class="text-sm text-dim transition-colors hover:text-fg"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  {link.label}
-                </a>
-              </li>
-            ))
-          }
-        </ul>
-      </div>
-
-      <div class="hidden md:block">
-        <h4 class="mb-4 text-xs font-semibold tracking-wider text-faint uppercase">Legal</h4>
-        <ul class="space-y-3">
-          {
-            sections[3].links.map((link) => (
-              <li>
-                <a href={link.href} class="text-sm text-dim transition-colors hover:text-fg">
-                  {link.label}
-                </a>
-              </li>
-            ))
-          }
-        </ul>
-      </div>
-    </div>
-
-    <!-- Mobile Accordion (visible only on mobile) -->
-    <div class="space-y-2 border-t border-edge pt-6 md:hidden">
-      {
-        sections.map((section) => (
-          <div class="accordion-item overflow-hidden border border-edge">
-            <button
-              type="button"
-              class="accordion-trigger flex w-full items-center justify-between bg-panel px-4 py-3 text-left transition-colors hover:bg-raised"
-              data-accordion={section.id}
-              aria-expanded="false"
-            >
-              <span class="text-xs font-semibold tracking-wider text-faint uppercase">{section.title}</span>
-              <svg
-                class="accordion-icon h-4 w-4 text-dim transition-transform duration-200"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-              </svg>
-            </button>
-            <div class="accordion-content hidden" data-content={section.id}>
-              <ul class="space-y-3 bg-panel px-4 py-3">
-                {section.links.map((link) => (
-                  <li>
-                    <a
-                      href={link.href}
-                      class="flex items-center gap-2 text-sm text-dim transition-colors hover:text-fg"
-                      target={link.external ? '_blank' : undefined}
-                      rel={link.external ? 'noopener noreferrer' : undefined}
-                    >
-                      {link.label}
-                      {link.external && (
-                        <svg class="h-3 w-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                            d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-                          />
-                        </svg>
-                      )}
-                    </a>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          </div>
-        ))
-      }
-    </div>
-
-    <!-- Bottom Bar -->
-    <div
-      class="mt-8 flex flex-col items-center justify-between gap-3 border-t border-edge pt-6 md:mt-12 md:flex-row md:gap-4 md:pt-8"
-    >
-      <p class="text-center text-xs text-faint md:text-left md:text-sm">
-        &copy; {currentYear} LibreDB Studio. MIT License.
-      </p>
-      <div class="flex items-center gap-2 text-xs text-faint md:text-sm">
-        <span>Built with</span>
-        <svg class="h-3.5 w-3.5 text-bad md:h-4 md:w-4" fill="currentColor" viewBox="0 0 24 24">
-          <path
-            d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
-          ></path>
-        </svg>
-        <span>for the Community</span>
-      </div>
-    </div>
-  </div>
-</footer>
-
-<script data-astro-rerun>
-  // Accordion functionality
-  document.querySelectorAll('.accordion-trigger').forEach((trigger) => {
-    trigger.addEventListener('click', () => {
-      const id = trigger.getAttribute('data-accordion');
-      const content = document.querySelector(`[data-content="${id}"]`);
-      const icon = trigger.querySelector('.accordion-icon');
-      const isExpanded = trigger.getAttribute('aria-expanded') === 'true';
-
-      // Close all other accordions
-      document.querySelectorAll('.accordion-trigger').forEach((t) => {
-        if (t !== trigger) {
-          t.setAttribute('aria-expanded', 'false');
-          const otherId = t.getAttribute('data-accordion');
-          const otherContent = document.querySelector(`[data-content="${otherId}"]`);
-          const otherIcon = t.querySelector('.accordion-icon');
-          otherContent?.classList.add('hidden');
-          otherIcon?.classList.remove('rotate-180');
-        }
-      });
-
-      // Toggle current accordion
-      trigger.setAttribute('aria-expanded', (!isExpanded).toString());
-      content?.classList.toggle('hidden');
-      icon?.classList.toggle('rotate-180');
-    });
-  });
-</script>
-
-<style>
-  .accordion-icon.rotate-180 {
-    transform: rotate(180deg);
-  }
-</style>
diff --git a/src/components/Header.astro b/src/components/Header.astro
deleted file mode 100644
index 3484d31..0000000
--- a/src/components/Header.astro
+++ /dev/null
@@ -1,65 +0,0 @@
----
-
----
-
-<header class="fixed top-0 right-0 left-0 z-50 border-b border-edge bg-canvas/90 backdrop-blur-xl">
-  <nav aria-label="Main navigation" class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-    <div class="flex h-14 items-center justify-between md:h-16">
-      <!-- Logo -->
-      <a href="/" class="group flex items-center gap-2 md:gap-3">
-        <img
-          src="/logo.svg"
-          alt="LibreDB Studio"
-          class="h-8 w-8 transition-transform group-hover:scale-110 md:h-10 md:w-10"
-        />
-        <span class="text-lg font-bold text-bright md:text-xl">LibreDB Studio</span>
-      </a>
-
-      <!-- Desktop Navigation -->
-      <div class="hidden items-center gap-8 md:flex">
-        <a href="/features" class="text-sm font-medium text-muted transition-colors hover:text-fg">Features</a>
-        <a href="/providers" class="text-sm font-medium text-muted transition-colors hover:text-fg">Providers</a>
-        <a href="/database" class="text-sm font-medium text-muted transition-colors hover:text-fg"
-          >Database <span class="text-warn" aria-hidden="true">🧪</span><span class="sr-only"> (pre-alpha)</span></a
-        >
-        <a href="/deploy" class="text-sm font-medium text-muted transition-colors hover:text-fg">Deploy</a>
-        <a href="/platform" class="text-sm font-medium text-muted transition-colors hover:text-fg">Platform</a>
-      </div>
-
-      <!-- CTA Buttons -->
-      <div class="flex items-center gap-2 md:gap-4">
-        <a
-          href="https://app.libredb.org"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="hidden items-center gap-2 px-3 py-2 text-sm font-medium text-muted transition-colors hover:text-fg sm:inline-flex md:px-4"
-        >
-          <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
-            ></path>
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-            ></path>
-          </svg>
-          <span class="hidden lg:inline">Live Demo</span>
-        </a>
-        <a
-          href="https://github.com/libredb/libredb-studio"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2 text-sm font-medium text-white transition-colors hover:bg-primary-bright md:px-4"
-        >
-          <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
-            <path
-              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-            ></path>
-          </svg>
-          <span class="hidden sm:inline">GitHub</span>
-        </a>
-      </div>
-    </div>
-  </nav>
-</header>
diff --git a/src/components/studio/StatusBar.astro b/src/components/studio/StatusBar.astro
index 7bce340..9d1eb58 100644
--- a/src/components/studio/StatusBar.astro
+++ b/src/components/studio/StatusBar.astro
@@ -32,6 +32,12 @@ const meta = sectionById[active] ?? sectionById['home'];
         rel="noopener noreferrer"
         class="cursor-pointer hover:text-fg">LinkedIn</a
       >
+      <a
+        href="https://hub.docker.com/r/libredb/libredb-studio"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="cursor-pointer hover:text-fg">Docker</a
+      >
       <a
         href="https://github.com/sponsors/libredb"
         target="_blank"
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 4eff34f..9e0e74b 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,51 +1,54 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
+import StudioShell from '../components/studio/StudioShell.astro';
 ---
 
 <Layout
   title="Page Not Found - LibreDB Studio"
   description="The page you're looking for doesn't exist. Return to LibreDB Studio homepage."
 >
-  <Header />
-  <main class="flex min-h-[70vh] items-center justify-center pt-24 pb-16">
-    <div class="px-4 text-center">
-      <p class="mb-4 text-7xl font-extrabold text-primary sm:text-9xl">404</p>
-      <h1 class="mb-4 text-2xl font-bold text-bright sm:text-3xl">Page Not Found</h1>
-      <p class="mx-auto mb-8 max-w-md text-lg text-dim">The page you're looking for doesn't exist or has been moved.</p>
-      <div class="flex flex-col items-center justify-center gap-4 sm:flex-row">
-        <a
-          href="/"
-          class="inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 font-medium text-white transition-colors hover:bg-primary-bright"
-        >
-          <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-            ></path>
-          </svg>
-          Back to Home
-        </a>
-        <a
-          href="https://app.libredb.org"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="inline-flex items-center gap-2 rounded-md border border-edge-strong px-6 py-3 font-medium text-fg transition-colors hover:bg-raised"
-        >
-          Try Live Demo
-          <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
-          </svg>
-        </a>
+  <StudioShell active="404" standalone>
+    <section class="studio-section is-active" aria-label="Page not found">
+      <div class="studio-results">
+        <div class="flex min-h-full items-center justify-center px-4 py-16 text-center">
+          <p class="mb-4 text-7xl font-extrabold text-primary sm:text-9xl">404</p>
+          <h1 class="mb-4 text-2xl font-bold text-bright sm:text-3xl">Page Not Found</h1>
+          <p class="mx-auto mb-8 max-w-md text-lg text-dim">
+            The page you're looking for doesn't exist or has been moved.
+          </p>
+          <div class="flex flex-col items-center justify-center gap-4 sm:flex-row">
+            <a
+              href="/"
+              class="inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 font-medium text-white transition-colors hover:bg-primary-bright"
+            >
+              <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+                ></path>
+              </svg>
+              Back to Home
+            </a>
+            <a
+              href="https://app.libredb.org"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="inline-flex items-center gap-2 rounded-md border border-edge-strong px-6 py-3 font-medium text-fg transition-colors hover:bg-raised"
+            >
+              Try Live Demo
+              <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
       </div>
-    </div>
-  </main>
-  <Footer />
+    </section>
+  </StudioShell>
 </Layout>
diff --git a/src/pages/privacy-policy.astro b/src/pages/privacy-policy.astro
index c20acb2..72dd1d1 100644
--- a/src/pages/privacy-policy.astro
+++ b/src/pages/privacy-policy.astro
@@ -1,242 +1,234 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
+import StudioShell from '../components/studio/StudioShell.astro';
 ---
 
 <Layout
   title="Privacy Policy - LibreDB Studio"
   description="Privacy Policy for LibreDB Studio. Learn how we handle cookies, analytics data, and your privacy rights under GDPR."
 >
-  <Header />
-  <main class="pt-24 pb-16">
-    <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
-      <h1 class="mb-2 text-3xl font-bold text-bright sm:text-4xl">Privacy Policy</h1>
-      <p class="mb-12 text-sm text-muted">Last updated: March 1, 2026</p>
+  <StudioShell active="privacy" standalone>
+    <section class="studio-section is-active" aria-label="Privacy policy">
+      <div class="studio-results">
+        <div class="mx-auto max-w-4xl px-4 pt-6 pb-16 sm:px-6 lg:px-8 lg:pt-8">
+          <h1 class="mb-2 text-3xl font-bold text-bright sm:text-4xl">Privacy Policy</h1>
+          <p class="mb-12 text-sm text-muted">Last updated: March 1, 2026</p>
 
-      <!-- Introduction -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Introduction</h2>
-        <p class="leading-relaxed text-fg">
-          LibreDB Studio ("we", "our", or "us") respects your privacy. This Privacy Policy explains how we collect, use,
-          and protect information when you visit our website at
-          <a href="https://libredb.org" class="text-primary underline underline-offset-2 hover:text-primary-bright"
-            >libredb.org</a
-          >. LibreDB Studio is an open-source project and this website serves as its landing page.
-        </p>
-      </section>
+          <!-- Introduction -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Introduction</h2>
+            <p class="leading-relaxed text-fg">
+              LibreDB Studio ("we", "our", or "us") respects your privacy. This Privacy Policy explains how we collect,
+              use, and protect information when you visit our website at
+              <a href="https://libredb.org" class="text-primary underline underline-offset-2 hover:text-primary-bright"
+                >libredb.org</a
+              >. LibreDB Studio is an open-source project and this website serves as its landing page.
+            </p>
+          </section>
 
-      <!-- Information We Collect -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Information We Collect</h2>
-        <p class="mb-4 leading-relaxed text-fg">
-          We do not require you to create an account or provide personal information to use this website. The only data
-          we collect is through analytics cookies, and only if you give your consent.
-        </p>
-        <p class="leading-relaxed text-fg">When you consent to analytics, the following services may collect data:</p>
-        <h3 class="mt-4 mb-2 text-lg font-medium text-bright">Google Analytics</h3>
-        <p class="leading-relaxed text-fg">Google Analytics may collect:</p>
-        <ul class="mt-3 list-inside list-disc space-y-2 text-fg">
-          <li>Pages visited and time spent on each page</li>
-          <li>Referring website or source</li>
-          <li>Browser type and operating system</li>
-          <li>Approximate geographic location (country/city level)</li>
-          <li>Device type (desktop, mobile, tablet)</li>
-        </ul>
+          <!-- Information We Collect -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Information We Collect</h2>
+            <p class="mb-4 leading-relaxed text-fg">
+              We do not require you to create an account or provide personal information to use this website. The only
+              data we collect is through analytics cookies, and only if you give your consent.
+            </p>
+            <p class="leading-relaxed text-fg">
+              When you consent to analytics, the following services may collect data:
+            </p>
+            <h3 class="mt-4 mb-2 text-lg font-medium text-bright">Google Analytics</h3>
+            <p class="leading-relaxed text-fg">Google Analytics may collect:</p>
+            <ul class="mt-3 list-inside list-disc space-y-2 text-fg">
+              <li>Pages visited and time spent on each page</li>
+              <li>Referring website or source</li>
+              <li>Browser type and operating system</li>
+              <li>Approximate geographic location (country/city level)</li>
+              <li>Device type (desktop, mobile, tablet)</li>
+            </ul>
 
-        <h3 class="mt-6 mb-2 text-lg font-medium text-bright">Meta (Facebook) Pixel</h3>
-        <p class="leading-relaxed text-fg">When you accept cookies, Meta Pixel may collect:</p>
-        <ul class="mt-3 list-inside list-disc space-y-2 text-fg">
-          <li>Pages visited (PageView events)</li>
-          <li>Browser and device information</li>
-          <li>Approximate geographic location</li>
-          <li>Referring URL</li>
-        </ul>
-        <p class="mt-3 leading-relaxed text-fg">
-          This data is processed by Meta under their
-          <a
-            href="https://www.facebook.com/privacy/policy/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="text-primary underline underline-offset-2 hover:text-primary-bright">Privacy Policy</a
-          >. Meta Pixel is only loaded after you explicitly accept cookies.
-        </p>
-      </section>
+            <h3 class="mt-6 mb-2 text-lg font-medium text-bright">Meta (Facebook) Pixel</h3>
+            <p class="leading-relaxed text-fg">When you accept cookies, Meta Pixel may collect:</p>
+            <ul class="mt-3 list-inside list-disc space-y-2 text-fg">
+              <li>Pages visited (PageView events)</li>
+              <li>Browser and device information</li>
+              <li>Approximate geographic location</li>
+              <li>Referring URL</li>
+            </ul>
+            <p class="mt-3 leading-relaxed text-fg">
+              This data is processed by Meta under their
+              <a
+                href="https://www.facebook.com/privacy/policy/"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="text-primary underline underline-offset-2 hover:text-primary-bright">Privacy Policy</a
+              >. Meta Pixel is only loaded after you explicitly accept cookies.
+            </p>
+          </section>
 
-      <!-- Cookies -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Cookies</h2>
-        <p class="mb-4 leading-relaxed text-fg">
-          Cookies are small text files stored on your device. Below is a summary of the cookies used on this site:
-        </p>
-        <div class="overflow-x-auto border border-edge">
-          <table class="w-full text-left text-sm">
-            <thead class="bg-panel text-xs tracking-wider text-fg uppercase">
-              <tr>
-                <th class="px-4 py-3">Cookie</th>
-                <th class="px-4 py-3">Provider</th>
-                <th class="px-4 py-3">Purpose</th>
-                <th class="px-4 py-3">Duration</th>
-              </tr>
-            </thead>
-            <tbody class="divide-y divide-edge">
-              <tr class="bg-panel">
-                <td class="px-4 py-3 font-mono text-xs text-fg">_ga</td>
-                <td class="px-4 py-3 text-muted">Google Analytics</td>
-                <td class="px-4 py-3 text-muted">Distinguishes unique visitors</td>
-                <td class="px-4 py-3 text-muted">2 years</td>
-              </tr>
-              <tr class="bg-canvas">
-                <td class="px-4 py-3 font-mono text-xs text-fg">_ga_*</td>
-                <td class="px-4 py-3 text-muted">Google Analytics</td>
-                <td class="px-4 py-3 text-muted">Maintains session state</td>
-                <td class="px-4 py-3 text-muted">2 years</td>
-              </tr>
-              <tr class="bg-panel">
-                <td class="px-4 py-3 font-mono text-xs text-fg">_fbp</td>
-                <td class="px-4 py-3 text-muted">Meta (Facebook) Pixel</td>
-                <td class="px-4 py-3 text-muted">Stores and tracks visits across websites</td>
-                <td class="px-4 py-3 text-muted">3 months</td>
-              </tr>
-              <tr class="bg-canvas">
-                <td class="px-4 py-3 font-mono text-xs text-fg">fr</td>
-                <td class="px-4 py-3 text-muted">Meta (Facebook) Pixel</td>
-                <td class="px-4 py-3 text-muted">Enables ad delivery and measurement</td>
-                <td class="px-4 py-3 text-muted">3 months</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <p class="mt-3 text-sm text-muted">
-          We also store your cookie consent preference in <code
-            class="rounded bg-raised px-1.5 py-0.5 text-xs text-primary">localStorage</code
-          >
-          (key: <code class="rounded bg-raised px-1.5 py-0.5 text-xs text-primary">libredb-cookie-consent</code>). This
-          is not a cookie and is not sent to any server.
-        </p>
-      </section>
-
-      <!-- Your Choices -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Your Choices</h2>
-        <p class="mb-4 leading-relaxed text-fg">
-          When you first visit our site, a cookie consent banner will appear. You can choose to:
-        </p>
-        <ul class="list-inside list-disc space-y-2 text-fg">
-          <li>
-            <strong class="text-bright">Accept</strong> &mdash; analytics cookies will be set and Google Analytics will load.
-          </li>
-          <li>
-            <strong class="text-bright">Decline</strong> &mdash; no analytics cookies will be set and Google Analytics will
-            not load.
-          </li>
-        </ul>
-        <p class="mt-4 leading-relaxed text-fg">
-          You can change your preference at any time by clearing your browser's local storage for this site and
-          reloading the page.
-        </p>
-      </section>
+          <!-- Cookies -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Cookies</h2>
+            <p class="mb-4 leading-relaxed text-fg">
+              Cookies are small text files stored on your device. Below is a summary of the cookies used on this site:
+            </p>
+            <div class="overflow-x-auto border border-edge">
+              <table class="w-full text-left text-sm">
+                <thead class="bg-panel text-xs tracking-wider text-fg uppercase">
+                  <tr>
+                    <th class="px-4 py-3">Cookie</th>
+                    <th class="px-4 py-3">Provider</th>
+                    <th class="px-4 py-3">Purpose</th>
+                    <th class="px-4 py-3">Duration</th>
+                  </tr>
+                </thead>
+                <tbody class="divide-y divide-edge">
+                  <tr class="bg-panel">
+                    <td class="px-4 py-3 font-mono text-xs text-fg">_ga</td>
+                    <td class="px-4 py-3 text-muted">Google Analytics</td>
+                    <td class="px-4 py-3 text-muted">Distinguishes unique visitors</td>
+                    <td class="px-4 py-3 text-muted">2 years</td>
+                  </tr>
+                  <tr class="bg-canvas">
+                    <td class="px-4 py-3 font-mono text-xs text-fg">_ga_*</td>
+                    <td class="px-4 py-3 text-muted">Google Analytics</td>
+                    <td class="px-4 py-3 text-muted">Maintains session state</td>
+                    <td class="px-4 py-3 text-muted">2 years</td>
+                  </tr>
+                  <tr class="bg-panel">
+                    <td class="px-4 py-3 font-mono text-xs text-fg">_fbp</td>
+                    <td class="px-4 py-3 text-muted">Meta (Facebook) Pixel</td>
+                    <td class="px-4 py-3 text-muted">Stores and tracks visits across websites</td>
+                    <td class="px-4 py-3 text-muted">3 months</td>
+                  </tr>
+                  <tr class="bg-canvas">
+                    <td class="px-4 py-3 font-mono text-xs text-fg">fr</td>
+                    <td class="px-4 py-3 text-muted">Meta (Facebook) Pixel</td>
+                    <td class="px-4 py-3 text-muted">Enables ad delivery and measurement</td>
+                    <td class="px-4 py-3 text-muted">3 months</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            <p class="mt-3 text-sm text-muted">
+              We also store your cookie consent preference in <code
+                class="rounded bg-raised px-1.5 py-0.5 text-xs text-primary">localStorage</code
+              >
+              (key: <code class="rounded bg-raised px-1.5 py-0.5 text-xs text-primary">libredb-cookie-consent</code>).
+              This is not a cookie and is not sent to any server.
+            </p>
+          </section>
 
-      <!-- Data Sharing -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Data Sharing</h2>
-        <p class="leading-relaxed text-fg">
-          If you accept analytics cookies, anonymized usage data is processed by Google Analytics under Google's <a
-            href="https://policies.google.com/privacy"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="text-primary underline underline-offset-2 hover:text-primary-bright">Privacy Policy</a
-          >. We do not sell, rent, or share your personal data with any other third parties.
-        </p>
-      </section>
+          <!-- Your Choices -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Your Choices</h2>
+            <p class="mb-4 leading-relaxed text-fg">
+              When you first visit our site, a cookie consent banner will appear. You can choose to:
+            </p>
+            <ul class="list-inside list-disc space-y-2 text-fg">
+              <li>
+                <strong class="text-bright">Accept</strong> &mdash; analytics cookies will be set and Google Analytics will
+                load.
+              </li>
+              <li>
+                <strong class="text-bright">Decline</strong> &mdash; no analytics cookies will be set and Google Analytics
+                will not load.
+              </li>
+            </ul>
+            <p class="mt-4 leading-relaxed text-fg">
+              You can change your preference at any time by clearing your browser's local storage for this site and
+              reloading the page.
+            </p>
+          </section>
 
-      <!-- Data Retention -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Data Retention</h2>
-        <p class="leading-relaxed text-fg">
-          Google Analytics data is retained for 14 months, after which it is automatically deleted. Your consent
-          preference stored in local storage persists until you clear it manually.
-        </p>
-      </section>
+          <!-- Data Sharing -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Data Sharing</h2>
+            <p class="leading-relaxed text-fg">
+              If you accept analytics cookies, anonymized usage data is processed by Google Analytics under Google's <a
+                href="https://policies.google.com/privacy"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="text-primary underline underline-offset-2 hover:text-primary-bright">Privacy Policy</a
+              >. We do not sell, rent, or share your personal data with any other third parties.
+            </p>
+          </section>
 
-      <!-- GDPR Rights -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Your Rights Under GDPR</h2>
-        <p class="mb-4 leading-relaxed text-fg">
-          If you are located in the European Economic Area (EEA), you have the following rights:
-        </p>
-        <ul class="list-inside list-disc space-y-2 text-fg">
-          <li>
-            <strong class="text-bright">Right to access</strong> &mdash; request a copy of the data we hold about you.
-          </li>
-          <li>
-            <strong class="text-bright">Right to rectification</strong> &mdash; request correction of inaccurate data.
-          </li>
-          <li>
-            <strong class="text-bright">Right to erasure</strong> &mdash; request deletion of your data.
-          </li>
-          <li>
-            <strong class="text-bright">Right to restrict processing</strong> &mdash; request that we limit how we use your
-            data.
-          </li>
-          <li>
-            <strong class="text-bright">Right to data portability</strong> &mdash; request your data in a machine-readable
-            format.
-          </li>
-          <li>
-            <strong class="text-bright">Right to object</strong> &mdash; object to our processing of your data.
-          </li>
-          <li>
-            <strong class="text-bright">Right to withdraw consent</strong> &mdash; withdraw your consent at any time by clearing
-            local storage.
-          </li>
-        </ul>
-      </section>
+          <!-- Data Retention -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Data Retention</h2>
+            <p class="leading-relaxed text-fg">
+              Google Analytics data is retained for 14 months, after which it is automatically deleted. Your consent
+              preference stored in local storage persists until you clear it manually.
+            </p>
+          </section>
 
-      <!-- Children's Privacy -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Children's Privacy</h2>
-        <p class="leading-relaxed text-fg">
-          This website is not directed at children under 16. We do not knowingly collect personal data from children.
-        </p>
-      </section>
+          <!-- GDPR Rights -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Your Rights Under GDPR</h2>
+            <p class="mb-4 leading-relaxed text-fg">
+              If you are located in the European Economic Area (EEA), you have the following rights:
+            </p>
+            <ul class="list-inside list-disc space-y-2 text-fg">
+              <li>
+                <strong class="text-bright">Right to access</strong> &mdash; request a copy of the data we hold about you.
+              </li>
+              <li>
+                <strong class="text-bright">Right to rectification</strong> &mdash; request correction of inaccurate data.
+              </li>
+              <li>
+                <strong class="text-bright">Right to erasure</strong> &mdash; request deletion of your data.
+              </li>
+              <li>
+                <strong class="text-bright">Right to restrict processing</strong> &mdash; request that we limit how we use
+                your data.
+              </li>
+              <li>
+                <strong class="text-bright">Right to data portability</strong> &mdash; request your data in a machine-readable
+                format.
+              </li>
+              <li>
+                <strong class="text-bright">Right to object</strong> &mdash; object to our processing of your data.
+              </li>
+              <li>
+                <strong class="text-bright">Right to withdraw consent</strong> &mdash; withdraw your consent at any time by
+                clearing local storage.
+              </li>
+            </ul>
+          </section>
 
-      <!-- Changes to This Policy -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Changes to This Policy</h2>
-        <p class="leading-relaxed text-fg">
-          We may update this Privacy Policy from time to time. Changes will be posted on this page with an updated "Last
-          updated" date. We encourage you to review this page periodically.
-        </p>
-      </section>
+          <!-- Children's Privacy -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Children's Privacy</h2>
+            <p class="leading-relaxed text-fg">
+              This website is not directed at children under 16. We do not knowingly collect personal data from
+              children.
+            </p>
+          </section>
 
-      <!-- Contact -->
-      <section class="mb-10">
-        <h2 class="mb-4 text-xl font-semibold text-bright">Contact</h2>
-        <p class="leading-relaxed text-fg">
-          If you have questions about this Privacy Policy, please open an issue on our
-          <a
-            href="https://github.com/libredb/libredb-studio/issues"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="text-primary underline underline-offset-2 hover:text-primary-bright">GitHub repository</a
-          >.
-        </p>
-      </section>
+          <!-- Changes to This Policy -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Changes to This Policy</h2>
+            <p class="leading-relaxed text-fg">
+              We may update this Privacy Policy from time to time. Changes will be posted on this page with an updated
+              "Last updated" date. We encourage you to review this page periodically.
+            </p>
+          </section>
 
-      <!-- Back to Home -->
-      <div class="border-t border-edge pt-6">
-        <a
-          href="/"
-          class="inline-flex items-center gap-2 text-sm text-primary transition-colors hover:text-primary-bright"
-        >
-          <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
-          </svg>
-          Back to Home
-        </a>
+          <!-- Contact -->
+          <section class="mb-10">
+            <h2 class="mb-4 text-xl font-semibold text-bright">Contact</h2>
+            <p class="leading-relaxed text-fg">
+              If you have questions about this Privacy Policy, please open an issue on our
+              <a
+                href="https://github.com/libredb/libredb-studio/issues"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="text-primary underline underline-offset-2 hover:text-primary-bright">GitHub repository</a
+              >.
+            </p>
+          </section>
+        </div>
       </div>
-    </div>
-  </main>
-  <Footer />
+    </section>
+  </StudioShell>
 </Layout>