From 69c281b8bdeef910ecd2520210b281fc576792af Mon Sep 17 00:00:00 2001
From: Tim Rijkse <trijkse@gmail.com>
Date: Fri, 16 Jan 2026 11:58:43 +0100
Subject: [PATCH] fix: update drawer and nav for imprints

---
 js/components/horizontal-scroll-nav.js | 15 ++++++---------
 js/components/mobile-drawer.js         |  9 +++++----
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/js/components/horizontal-scroll-nav.js b/js/components/horizontal-scroll-nav.js
index c55e17e..5331a77 100644
--- a/js/components/horizontal-scroll-nav.js
+++ b/js/components/horizontal-scroll-nav.js
@@ -7,14 +7,11 @@ class HorizontalScrollNav extends HTMLElement {
     super();
     this.attachShadow({ mode: "open" });
     this.categories = [
-      { id: "all", label: "All", active: true },
-      { id: "fiction", label: "Fiction", active: false },
-      { id: "non-fiction", label: "Non-Fiction", active: false },
-      { id: "mystery", label: "Mystery", active: false },
-      { id: "romance", label: "Romance", active: false },
-      { id: "sci-fi", label: "Sci-Fi", active: false },
-      { id: "biography", label: "Biography", active: false },
-      { id: "history", label: "History", active: false },
+      { id: "asoka", label: "Asoka", active: true },
+      { id: "synthese", label: "Synthese", active: false },
+      { id: "de-driehoek", label: "De Driehoek", active: false },
+      { id: "waerbeke", label: "Waerbeke", active: false },
+      { id: "stuivenberg", label: "Stuivenberg", active: false },
     ];
   }
 
@@ -110,7 +107,7 @@ class HorizontalScrollNav extends HTMLElement {
           background-color: #7a1843;
         }
       </style>
-      <nav class="nav-container" role="navigation" aria-label="Boekcategorieën">
+      <nav class="nav-container" role="navigation" aria-label="Imprints">
         ${this.categories
           .map(
             (cat) => `
diff --git a/js/components/mobile-drawer.js b/js/components/mobile-drawer.js
index 4fe7aa3..4146cb7 100644
--- a/js/components/mobile-drawer.js
+++ b/js/components/mobile-drawer.js
@@ -55,7 +55,7 @@ class MobileDrawer extends HTMLElement {
     this.shadowRoot.querySelector(".drawer-container").classList.add("open");
     this.setAttribute("aria-hidden", "false");
     document.body.style.overflow = "hidden";
-    
+
     // Focus trap - focus first focusable element
     setTimeout(() => {
       const closeBtn = this.shadowRoot.querySelector(".close-button");
@@ -350,9 +350,10 @@ class MobileDrawer extends HTMLElement {
               <h2 class="nav-section-title">Imprints</h2>
               <ul class="nav-list">
                 <li><a href="#">Asoka</a></li>
-                <li><a href="#">Bodhi</a></li>
-                <li><a href="#">Dharma</a></li>
-                <li><a href="#">Sangha</a></li>
+                <li><a href="#">Synthese</a></li>
+                <li><a href="#">De Driehoek</a></li>
+                <li><a href="#">Waerbeke</a></li>
+                <li><a href="#">Stuivenberg</a></li>
               </ul>
             </div>