From 538de7748dc23b1d436785e4f576d335b94eb5ae Mon Sep 17 00:00:00 2001
From: RedYetiDev <38299977+RedYetiDev@users.noreply.github.com>
Date: Sat, 16 Nov 2024 11:57:45 -0500
Subject: [PATCH] feat: add skip-to-content button

---
 apps/site/components/withNavBar.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/apps/site/components/withNavBar.tsx b/apps/site/components/withNavBar.tsx
index 21b39f48f44d3..cd7840160c307 100644
--- a/apps/site/components/withNavBar.tsx
+++ b/apps/site/components/withNavBar.tsx
@@ -4,6 +4,7 @@ import { useLocale } from 'next-intl';
 import { useTheme } from 'next-themes';
 import type { FC } from 'react';
 
+import Button from '@/components/Common/Button';
 import NavBar from '@/components/Containers/NavBar';
 import WithBanner from '@/components/withBanner';
 import { useSiteNavigation } from '@/hooks';
@@ -23,6 +24,15 @@ const WithNavBar: FC = () => {
 
   return (
     <div>
+      <Button
+        className={
+          '!fixed left-0 m-3 -translate-y-16 p-3 !transition focus:translate-y-0'
+        }
+        href="#main-content"
+      >
+        Skip Navigation
+      </Button>
+
       <WithBanner section="index" />
 
       <NavBar
@@ -38,6 +48,7 @@ const WithNavBar: FC = () => {
           target,
         }))}
       />
+      <a id="main-content" />
     </div>
   );
 };