Replace icons in hero and nav.

Author: nikoshell

src/components/header/header-actions.astro

@@ -27,8 +27,8 @@ const IS_LIVE = false;
   {
     !mobile ? (
       <>
-        <Button url="/tickets">Register Now! 🎟️</Button>
-        {IS_LIVE && <Button url="/live">Live 📺</Button>}
+      <Button url="/tickets" icon="ticket">Register Now!</Button>
+        {IS_LIVE && <Button url="/live">Live</Button>}
       </>
     ) : null
   }

src/components/hero2/hero.astro

@@ -6,8 +6,8 @@ import heroImage from "./conference_photo.jpg";
 import IconWithLabel from "./icon-label.astro";
 import Button from "@ui/Button.astro";
 
-const action1 = "https://ep2025.europython.eu/tickets";
-const action2 = "https://ep2025.europython.eu/sponsorship/sponsor/";
+const action1 = "/tickets";
+const action2 = "/sponsorship/sponsor/";
 ---
 
 <div

src/components/ui/Button.astro

@@ -10,7 +10,7 @@ const {
   isExternal,
   icon,
   iconSvg = false,
-  iconRight = false
+  iconRight = true 
 } = Astro.props;
 
 const resolvedIsExternal = isExternal ?? url?.startsWith("http");
@@ -37,7 +37,7 @@ const iconClasses = "mx-2 ";
     {!iconRight && icon && <Icon name={icon} svg={iconSvg} class={iconClasses} />}
     <slot />
     {iconRight && icon && <Icon name={icon} svg={iconSvg} class={iconClasses} />}
-    {resolvedIsExternal && <span class="ml-1 text-lg leading-4">↗</span>}
+    {resolvedIsExternal && <Icon name="external-link" svg={iconSvg} class={iconClasses} />}
   </a>
 ) : (
   <button