From af59549ef745c590eb4ea90e7b1c159be67f144f Mon Sep 17 00:00:00 2001
From: Tobias Feigel <info@feigel.it>
Date: Sat, 28 Jun 2025 18:37:26 +0200
Subject: [PATCH] fix: wrap hero button in conditional to prevent rendering
 when empty

---
 site/snippets/titel.php | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/site/snippets/titel.php b/site/snippets/titel.php
index 05a4ba9..4b8fa5b 100644
--- a/site/snippets/titel.php
+++ b/site/snippets/titel.php
@@ -6,8 +6,17 @@
             </div>
             <div class="w-full max-w-lg">
                 <p class="lg:pt-0 pt-6 text-xl"><?= $page->heroText() ?></p>
-                <div class="mt-6 flex flex-wrap gap-4 md:mt-8"> <a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500" target="_blank"><button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3" title="Kontakt" type="button"><?= $page->heroButton() ?></button></a>
-                </div>
+
+                <?php if ($page->heroButton()->isNotEmpty()): ?>
+                    <div class="mt-6 flex flex-wrap gap-4 md:mt-8">
+                        <a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500" target="_blank">
+                            <button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3" title="Kontakt" type="button">
+                                <?= $page->heroButton() ?>
+                            </button>
+                        </a>
+                    </div>
+                <?php endif ?>
+
             </div>
         </div>
     </div>