Build landing page

script.js

@@ -0,0 +1,51 @@
+const flyover = document.querySelector("[data-contact-flyover]");
+const openButtons = document.querySelectorAll("[data-open-contact]");
+const closeButtons = document.querySelectorAll("[data-close-contact]");
+const copyButtons = document.querySelectorAll("[data-copy-value]");
+
+const openFlyover = () => {
+  if (!flyover) return;
+  flyover.hidden = false;
+  document.body.classList.add("is-scroll-locked");
+};
+
+const closeFlyover = () => {
+  if (!flyover) return;
+  flyover.hidden = true;
+  document.body.classList.remove("is-scroll-locked");
+};
+
+openButtons.forEach((button) => {
+  button.addEventListener("click", openFlyover);
+});
+
+closeButtons.forEach((button) => {
+  button.addEventListener("click", closeFlyover);
+});
+
+document.addEventListener("keydown", (event) => {
+  if (event.key === "Escape" && flyover && !flyover.hidden) {
+    closeFlyover();
+  }
+});
+
+copyButtons.forEach((button) => {
+  button.addEventListener("click", async () => {
+    const value = button.dataset.copyValue;
+    if (!value) return;
+
+    try {
+      await navigator.clipboard.writeText(value);
+      const label = button.querySelector("span");
+      button.classList.add("is-copied");
+      if (label) label.textContent = "Kopiert";
+
+      window.setTimeout(() => {
+        button.classList.remove("is-copied");
+        if (label) label.textContent = "Kopieren";
+      }, 1800);
+    } catch (error) {
+      console.error("Copy failed", error);
+    }
+  });
+});