feat: Implement Animations for landing page

src/components/Header.astro

@@ -11,7 +11,7 @@ import SkipNavLink from "./SkipNavLink.astro";
   <Logo class="logo" />
 
   {/* Contact Link */}
-  <a class="contact" href="mailto:office@tideshiftdigital.com">
+  <a href="mailto:office@tideshiftdigital.com">
     <span class="heading-gradient">Contact us</span>
     <ArrowUpRight class="icon char" />
   </a>
@@ -42,7 +42,7 @@ import SkipNavLink from "./SkipNavLink.astro";
     grid-column: 1 / 3;
   }
 
-  .contact {
+  a {
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -78,9 +78,9 @@ import SkipNavLink from "./SkipNavLink.astro";
   const header = document.querySelector("header");
 
   if (header) {
-    const timeline = gsap.timeline();
+    const tl = gsap.timeline();
 
-    timeline.from(header.children, {
+    tl.from(header.children, {
       duration: 1,
       yPercent: -120,
       opacity: 0,