working on front-page

static/builds/app.js

@@ -3283,5 +3283,52 @@ var module_default = src_default;
 // assets/js/app.js
 window.Alpine = module_default;
 module_default.start();
+document.addEventListener("DOMContentLoaded", function() {
+  const offcanvasToggle = document.querySelector(".cs-header__offcanvas-toggle");
+  const offcanvasClose = document.querySelector(".cs-header__offcanvas-close");
+  const offcanvas = document.querySelector(".cs-header__offcanvas");
+  const overlay = document.querySelector(".cs-search-overlay");
+  if (offcanvasToggle) {
+    offcanvasToggle.addEventListener("click", function() {
+      offcanvas.classList.add("active");
+      overlay.style.display = "block";
+      document.body.style.overflow = "hidden";
+    });
+  }
+  if (offcanvasClose) {
+    offcanvasClose.addEventListener("click", function() {
+      offcanvas.classList.remove("active");
+      overlay.style.display = "none";
+      document.body.style.overflow = "";
+    });
+  }
+  const searchToggle = document.querySelectorAll(".cs-header__search-toggle");
+  const searchClose = document.querySelector(".cs-search__close");
+  const search = document.querySelector(".cs-search");
+  searchToggle.forEach((toggle) => {
+    toggle.addEventListener("click", function() {
+      search.style.display = "block";
+      overlay.style.display = "block";
+      document.body.style.overflow = "hidden";
+    });
+  });
+  if (searchClose) {
+    searchClose.addEventListener("click", function() {
+      search.style.display = "none";
+      overlay.style.display = "none";
+      document.body.style.overflow = "";
+    });
+  }
+  if (overlay) {
+    overlay.addEventListener("click", function() {
+      if (offcanvas) {
+        offcanvas.classList.remove("active");
+      }
+      search.style.display = "none";
+      overlay.style.display = "none";
+      document.body.style.overflow = "";
+    });
+  }
+});
 console.log("Hello world");
 //# sourceMappingURL=/assets/app.js.map