condense a11y content link

apps/landing/src/main.tsx

@@ -14,15 +14,14 @@ function App() {
   return (
     <Suspense fallback={<p>Loading...</p>}>
       <div className="dark:bg-black dark:text-white ">
-        <a
-          tabIndex={1}
-          className="duration-200 -translate-y-16 focus:translate-y-0 fixed ml-8 mt-3 left-0 z-50"
+        <Button
           href="#content"
+          className="cursor-pointer duration-200 -translate-y-16 focus:translate-y-0 fixed ml-8 mt-3 left-0 z-50"
+          variant="gray"
         >
-          <Button className="cursor-pointer " variant="gray">
-            Skip to content
-          </Button>
-        </a>
+          Skip to content
+        </Button>
+
         <NavBar />
         <div className="container z-10 flex flex-col items-center px-4 mx-auto overflow-x-hidden sm:overflow-x-visible ">
           {useRoutes(routes)}