wip

src/components/Footer.astro

@@ -1,4 +1,6 @@
 ---
+import SkipNavLink from "./SkipNavLink.astro";
+
 // import Logo from "../assets/ci/side-gradient.svg";
 
 function getCurrentYear() {
@@ -7,6 +9,8 @@ function getCurrentYear() {
 ---
 
 <footer>
+    <SkipNavLink contentId="main-content" />
+
     {/* Footer nav */}
     <nav>
         {/* Explore */}
@@ -31,11 +35,13 @@ function getCurrentYear() {
             </ul>
 
             {/* Socials */}
-            {/*<ul class="socials">
+            {
+                /*<ul class="socials">
                 <li>icon</li>
                 <li>icon</li>
                 <li>icon</li>
-            </ul> */}
+            </ul> */
+            }
         </div>
 
         {/* Legal */}

src/components/GlobalStyles.astro

@@ -90,4 +90,9 @@
     color: var(--clr-light-400);
     text-decoration: none;
   }
+
+  a:focus {
+    border-radius: 0.25rem;
+    border: 2px solid var(--clr-ts-red-400);
+  }
 </style>

src/components/landing/ContactSection.astro

@@ -21,7 +21,7 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
         </p>
     </div>
 
-    <a class="link">
+    <a class="link" href="mailto:office@tideshiftdigital.com">
         <span class="heading-gradient">Contact us</span>
         <ArrowUpRight />
     </a>
@@ -77,6 +77,8 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
         justify-content: center;
         gap: 2rem;
         grid-column: 1 / -1;
+        width: max-content;
+        margin-inline: auto;
 
         margin-top: 12rem;