Edge page update (#2143)

* edge page update Co-authored-by: Cursor <cursoragent@cursor.com> * refactoring and renaming (#2145) * rename edge-beta to edge in file names and style classes, moved some files to improve files organization * audit fix * fix paths * fixes * add a button to scroll to the form --------- Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-03 18:08:30 +02:00 · 2026-02-19 23:13:19 +01:00
parent 3d8279f0a0
commit 92ff228b79
35 changed files with 1119 additions and 506 deletions
@@ -0,0 +1,26 @@
+{{ with (.Site.GetPage "/edge/edge-demo") }}
+  <section class="edge-demo">
+    <div class="edge-demo__lights-overlay"></div>
+    <div class="container">
+      <div class="row align-items-lg-center g-5 g-lg-0">
+        <div class="col-12 col-lg-6 z-1">
+          <h2 class="edge-demo__title">
+            {{ .Params.label.title }}: {{ .Params.title }}
+          </h2>
+          <p class="edge-demo__description">{{ .Params.description }}</p>
+          {{ with .Params.description2 }}
+            <p class="edge-demo__description edge-demo__description--secondary">{{ . }}</p>
+          {{ end }}
+          <div class="edge-demo__buttons">
+            <a href="{{ .Params.cta.url }}" class="button button_contained button_lg edge-demo__button" target="{{ .Params.cta.target }}">
+              {{ .Params.cta.text }}
+            </a>
+          </div>
+        </div>
+        <div class="col-12 col-lg-6 d-flex justify-content-center z-1">
+          <img class="edge-demo__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
+        </div>
+      </div>
+    </div>
+  </section>
+{{ end }}
@@ -0,0 +1,8 @@
+{{ with (.Site.GetPage "/edge/edge-faq") }}
+  <section class="edge-faq">
+    <div class="container">
+      <h2 class="edge-faq__title">{{ .Params.title }}</h2>
+      {{ partial "accordion" . }}
+    </div>
+  </section>
+{{ end }}
@@ -0,0 +1,18 @@
+{{ with (.Site.GetPage "/edge/edge-features") }}
+  <section class="edge-features">
+    <div class="container">
+      <h2 class="edge-features__title">{{ .Params.title }}</h2>
+      <div class="edge-features__cards row g-4">
+        {{ range $index, $element := .Params.features }}
+        <div class="col-12 {{ if eq $index 0 }}col-lg-8{{ else }}col-lg-4 {{ end }}">
+         <div class="card edge-features__card">
+           <h6 class="edge-features__card-title">{{ .title }}</h6>
+           <p class="edge-features__card-description">{{ .description }}</p>
+           <img class="edge-features__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
+         </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </section>
+{{ end }}
@@ -0,0 +1,44 @@
+{{ with (.Site.GetPage "/edge/edge-form") }}
+  <section class="edge-form" id="form">
+    <div class="edge-form__overlay"></div>
+    <div class="container">
+      <h2 class="edge-form__title">{{ .Params.title }}</h2>
+      <p class="edge-form__description">{{ .Params.description }}</p>
+
+      <div class="edge-form__container">
+        <div class="edge-form__form-overlay"></div>
+        <script src="https://js-eu1.hsforms.net/forms/embed/developer/139603372.js" defer></script>
+
+        <script>
+          // shows a fallback content if HubSpot forms library is not loaded
+          // what can happen if the user has trackers blocking policy turned on
+          document.addEventListener('DOMContentLoaded', function () {
+            if (typeof hbspt === 'undefined' || !hbspt.forms) {
+              const fallbackButtonContainer = document.createElement('div');
+              fallbackButtonContainer.className = 'd-flex flex-column align-content-center px-5 py-5';
+              const fallbackText = document.createElement('p');
+              fallbackText.className = 'text-white text-center mb-4';
+              fallbackText.innerHTML = {{- .Params.form.fallback.text -}};
+              fallbackButtonContainer.appendChild(fallbackText);
+
+              // Create a fallback button only if the link is provided
+              // warning: check if content via the link is not blocked as well
+              {{ if .Params.form.fallback.link }}
+              const fallbackButton = document.createElement('a');
+              fallbackButton.href = {{- .Params.form.fallback.link -}};
+              fallbackButton.target = '_blank';
+              fallbackButton.className = 'button button_contained button_lg';
+              fallbackButton.textContent = {{- .Params.form.fallback.buttonText -}};
+              fallbackButtonContainer.appendChild(fallbackButton);
+              {{ end }}
+
+              document.getElementsByClassName("edge-form__container")[0].appendChild(fallbackButtonContainer);
+            }
+          });
+        </script>
+
+        <div class="hs-form-html" data-region="eu1" data-form-id="3adfb3a8-1c4b-4670-958f-325826039f7e" data-portal-id="139603372"></div>
+      </div>
+    </div>
+  </section>
+{{ end }}
@@ -0,0 +1,26 @@
+{{ with (.Site.GetPage "/edge/edge-hero") }}
+  <section class="edge-hero">
+    <div class="container">
+      <div class="row align-items-lg-center g-5 g-lg-0">
+        <div class="col-12 col-lg-6 z-1">
+          {{ partial "label" . }}
+          <h3 class="edge-hero__title">{{ .Params.title }}</h3>
+          <h5 class="edge-hero__subtitle">{{ .Params.subtitle }}</h5>
+          <p class="edge-hero__description">{{ .Params.description }}</p>
+          <div class="edge-hero__buttons">
+            <a href="{{ .Params.startFree.url }}" class="button button_contained button_lg">
+              {{ .Params.startFree.text }}
+            </a>
+            <a href="{{ .Params.contactUs.url }}" class="button button_outlined button_lg">
+              {{ .Params.contactUs.text }}
+            </a>
+          </div>
+        </div>
+        <div class="col-12 col-lg-6 d-flex justify-content-center z-1">
+          <img class="edge-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
+        </div>
+      </div>
+    </div>
+    <div class="edge-hero__overlay"></div>
+  </section>
+{{ end }}
@@ -0,0 +1,18 @@
+{{ with (.Site.GetPage "edge/edge-vectors") }}
+  <section class="edge-vectors">
+    <div class="container">
+      <h2 class="edge-vectors__title">{{ .Params.title }}</h2>
+      <div class="edge-vectors__cards row g-4 g-lg-0">
+        {{ range $index, $element := .Params.cards }}
+        <div class="edge-vectors__card col-12 col-lg-6">
+          <div class="edge-vectors__card-info">
+            <img class="edge-vectors__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
+            <h5 class="edge-vectors__card-title">{{ .title }}</h5>
+            <p class="edge-vectors__card-description">{{ .description }}</p>
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </section>
+{{ end }}