Content Rewrite

src/lib/components/HeroSection.svelte

@@ -25,6 +25,14 @@
       connector: ''
     };
   }
+
+  function linkTarget(external?: boolean) {
+    return external ? '_blank' : undefined;
+  }
+
+  function linkRel(external?: boolean) {
+    return external ? 'noopener' : undefined;
+  }
 </script>
 
 <section id="hero">
@@ -71,8 +79,22 @@
       {/if}
 
       <div class="hero-buttons">
-        <a href={hero.primaryCta.href} class="btn btn-yellow">{hero.primaryCta.label}</a>
-        <a href={hero.secondaryCta.href} class="btn btn-outline">{hero.secondaryCta.label}</a>
+        <a
+          href={hero.primaryCta.href}
+          target={linkTarget(hero.primaryCta.external)}
+          rel={linkRel(hero.primaryCta.external)}
+          class="btn btn-yellow"
+        >
+          {hero.primaryCta.label}
+        </a>
+        <a
+          href={hero.secondaryCta.href}
+          target={linkTarget(hero.secondaryCta.external)}
+          rel={linkRel(hero.secondaryCta.external)}
+          class="btn btn-outline"
+        >
+          {hero.secondaryCta.label}
+        </a>
       </div>
     </div>