Added: info

themes/godocs-1/assets/js/script.js

@@ -53,4 +53,54 @@ async function copyCode(block, button) {
   setTimeout(() => {
     button.innerText = "copy";
   }, 700);
-}
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+  const form = document.getElementById('cta-lead-form');
+  const emailInput = document.getElementById('cta-email');
+  const messageEl = document.getElementById('cta-message');
+  const submitBtn = document.getElementById('cta-submit');
+
+  if (!form) {
+    console.warn("Form not found");
+    return;
+  }
+
+  form.addEventListener('submit', function (e) {
+    e.preventDefault();
+
+    const email = emailInput.value.trim();
+    messageEl.textContent = '';
+
+    if (!email) {
+      messageEl.textContent = 'Vul alstublieft uw e-mailadres in.';
+      return;
+    }
+
+    submitBtn.disabled = true;
+    submitBtn.textContent = 'Versturen…';
+
+    fetch('https://crm.start-it.nl/api/v1/LeadCapture/f802fa2121e89066c15f1d31cf74fad0', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ emailAddress: email })
+    })
+    .then(function (res) {
+      if (!res.ok) throw new Error("Niet-ok: " + res.status);
+
+      // Succes!
+      emailInput.value = '';
+      messageEl.textContent = 'U ontvangt een bericht zodra de website live is.';
+    })
+    .catch(function (err) {
+      console.error(err);
+      messageEl.textContent = 'Er ging iets mis bij het versturen. Probeer het later opnieuw.';
+    })
+    .finally(function () {
+      submitBtn.disabled = false;
+      submitBtn.textContent = 'Verzonden';
+    });
+  });
+});

themes/godocs-1/assets/scss/_common.scss

@@ -216,10 +216,10 @@ a:hover {
 
   display: inline-block;
   padding: 0.45rem 0.6rem;
-  background: #207495;
+  background: #4C9E81;
   color: #fff;
   border-radius: 4px;
-  font-size: 0.75rem;
+  font-size: 0.8rem;
   line-height: 1.4;
   text-align: left;
   font-weight: normal;

themes/godocs-1/assets/scss/templates/_main.scss

@@ -413,7 +413,7 @@
   }
 
   &>img {
-    border-radius: 5px;
+    border-radius: 12px;
   }
 
   * {
@@ -554,6 +554,14 @@
   background-color: #fff;
 }
 
+.content img {
+  border-radius: 12px;
+  box-shadow: 0px 4px 12px #ccc;
+  border: 1px solid #fff;
+  object-fit: cover;
+  max-height: 250px;
+  width: 100%;
+}
 [data-tab-item] {
   padding-top: 10px;
 }
@@ -566,4 +574,43 @@ blockquote,
 code {
   color:$color-primary;
   font-weight: 500;
+}
+
+// feedback
+.feedback {
+  padding-top: 50px;
+  margin-top: 50px;
+  border-top: 1px solid $border-color;
+
+  &-btn {
+    display: inline-block;
+    height: 45px;
+    width: 45px;
+    line-height: 45px;
+    text-align: center;
+    font-size: 25px;
+    border-radius: 6px;
+    border: 0;
+
+    &.positive {
+      color: $white;
+      background-color: $color-primary;
+      margin-right: 10px;
+
+      &.collapsed {
+        color: $color-primary;
+        background-color: #00bec427;
+      }
+    }
+
+    &.negative {
+      color: $white;
+      background-color: #f9756e;
+
+      &.collapsed {
+        color: #f9756e;
+        background-color: #f9756e2a;
+      }
+    }
+  }
 }