Fixes goatcounter integration and adds event to the contact button

src/components/ButtonLink.astro

@@ -1,12 +1,18 @@
 ---
 interface Props {
   href: string;
+  event?: string;
+  eventTitle?: string;
 }
 
-const { href } = Astro.props;
+const { href, event, eventTitle } = Astro.props;
 ---
 
-<a href={href} class="text-dark bg-primary rounded-md px-8 py-4 font-bold hover:bg-primary-dark">
+<a
+  href={href}
+  data-goatcounter-click={event}
+  data-goatcounter-title={eventTitle}
+  class="text-dark bg-primary rounded-md px-8 py-4 font-bold hover:bg-primary-dark"
+>
   <slot />
 </a>
-

src/components/Footer.astro

@@ -6,4 +6,8 @@ const today = new Date();
   class="py-4 text-sm text-center bg-dark text-light absolute bottom-0 w-full"
 >
   © {today.getFullYear()} Terakoda, LLC. All rights reserved.
+  <script
+    data-goatcounter="https://goatcounter.terakoda.com/count"
+    async
+    src="https://goatcounter.terakoda.com/count.js"></script>
 </footer>

src/components/Header.astro

@@ -4,10 +4,6 @@ import HeaderLogo from "../assets/HeaderLogo.png";
 ---
 
 <header>
-  <script
-    data-goatcounter="https://goatcounter.terakoda.com/count"
-    async
-    src="https://goatcounter.terakoda.com/count.js"></script>
   <nav>
     <div>
       <a href="/">

src/pages/index.astro

@@ -87,7 +87,13 @@ import HeaderLogo from "../assets/HeaderLogo.png";
             Systems help you overcome your unique software challenges with
             precision and excellence.
           </p>
-          <ButtonLink href="mailto:contact@terakoda.com">Contact Us</ButtonLink>
+          <ButtonLink
+            href="mailto:contact@terakoda.com"
+            event="contact-us"
+            eventTitle="Contact Us"
+          >
+            Contact Us
+          </ButtonLink>
         </div>
       </div>
     </main>