From da4e73b81d9b226b8f6f56fb7dfe8984b8ee7e08 Mon Sep 17 00:00:00 2001
From: cevheri <cevheribozoglan@gmail.com>
Date: Sat, 27 Jun 2026 23:52:10 +0300
Subject: [PATCH 1/2] feat: add Docker Hub link; move privacy/404 to IDE shell

Add a Docker Hub link (https://hub.docker.com/r/libredb/libredb-studio)
to the StatusBar quick-links, next to GitHub and LinkedIn, so it is
visible site-wide on every IDE-style page.

Rebuild the privacy-policy and 404 pages on StudioShell instead of the
legacy Header/Footer chrome. The top-left logo now provides home
navigation, and content scrolls inside the IDE result pane. This removes
the duplicated footer (two footers previously rendered) and eliminates
deprecated, divergent link lists.

Delete the now-unused Header.astro and Footer.astro components.

Verified: astro check (0 errors), knip (clean), build (15 pages),
Playwright (single StatusBar footer, logo -> home, no legacy footer).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/Footer.astro           | 298 ------------------
 src/components/Header.astro           |  65 ----
 src/components/studio/StatusBar.astro |   6 +
 src/pages/404.astro                   |  85 ++---
 src/pages/privacy-policy.astro        | 434 +++++++++++++-------------
 5 files changed, 263 insertions(+), 625 deletions(-)
 delete mode 100644 src/components/Footer.astro
 delete mode 100644 src/components/Header.astro

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>

From 964cd699dde7a47ac7a9d39fe1590e9e91b39608 Mon Sep 17 00:00:00 2001
From: cevheri <cevheribozoglan@gmail.com>
Date: Sun, 28 Jun 2026 00:07:34 +0300
Subject: [PATCH 2/2] chore: bump version to 0.5.4

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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",