feat: add hero link and smooth scrolling

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

@@ -47,14 +47,16 @@
           </f:if>
 
           <!-- Down‑arrow, half out on the right edge -->
-          <div
-            class="absolute top-2/3 -translate-y-1/2 right-[-3rem] z-20">
-            <a href="#next-section"
-               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>
-            </a>
-          </div>
+          <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>
 
         <!-- TEXT HALF -->