feat: remove header_link, adjust hero scroll to next, fix some html errors

packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html

@@ -8,7 +8,7 @@
       <div class="md:flex md:items-center">
 
         <!-- IMAGE HALF -->
-        <div class="order-2 md:order-1 md:w-1/2 relative">
+        <div class="order-2 py-16 md:order-1 md:w-1/2 relative">
           <f:if condition="{data.image}">
             <f:then>
               <picture class="block w-full object-cover">
@@ -47,25 +47,23 @@
           </f:if>
 
           <!-- Down‑arrow, half out on the right edge -->
-          <f:if condition="{data.header_link}">
-              <div
-                class="absolute top-2/3 -translate-y-1/2 right-[-3rem] z-20">
-                <f:link.typolink parameter="{data.header_link}"
-                   class="w-24 h-24 text-5xl bg-primary border-8 border-white text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
-                  <span class="sr-only">Scroll down</span>
-                  <i class="ci ci-arrow-down"></i>
-                </f:link.typolink>
-              </div>
-          </f:if>
+          <div
+            class="absolute -translate-y-1/2 right-1/2 translate-x-1/2 md:top-2/3 md:-translate-y-1/2 md:right-[-3rem] md:translate-x-0 z-20">
+            <a href="#"
+               class="hero-down-link w-24 h-24 text-5xl bg-primary border-8 border-white text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
+              <span class="sr-only">Scroll down</span>
+              <i class="ci ci-arrow-down"></i>
+            </a>
+          </div>
         </div>
 
         <!-- TEXT HALF -->
-        <div class="order-1 md:order-2 md:w-1/2 flex flex-col justify-center md:pl-24">
+        <div id="hero-text" class="order-1 md:order-2 md:w-1/2 flex flex-col justify-center md:pl-24">
 
           <!-- Desktop: line + intro -->
-          <div class="hidden md:flex items-center space-x-3">
+          <div class="flex items-center space-x-3">
             <span class="block h-px w-10 bg-gray-600"></span>
-            <span class="text-sm uppercase tracking-wide text-gray-600">
+            <span class="text-sm uppercase tracking-wide font-bold">
               {data.subheader}
             </span>
           </div>
@@ -97,4 +95,5 @@
       </div>
     </div>
   </section>
+  <f:asset.script identifier="scroll-to-next" src="{cb:assetPath()}/scroll-to-next.js" nonce="{f:security.nonce()}"/>
 </f:section>