Work

packages/webapp/src/routes/__root.tsx

@@ -1,5 +1,6 @@
 import { createRootRoute, Outlet } from "@tanstack/react-router"
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"
+import { useTranslation } from "react-i18next"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent } from "@/components/ui/card"
 
@@ -9,9 +10,17 @@ export const Route = createRootRoute({
 })
 
 function RootComponent() {
+    const { t } = useTranslation()
+
     return <>
-        <div className="container mt-6 flex flex-row items-center">
-            <Button>Git repo</Button>
+        <div className="container mt-10 mr-auto ml-auto flex flex-row items-center justify-between">
+            <div className="flex grow-1 flex-row items-center justify-center gap-2">
+                <Button asChild>
+                    <a href="https://git.valverde.cloud">{t("nav.gitRepos")}</a>
+                </Button>
+
+                <Button>Resumé</Button>
+            </div>
         </div>
 
         <div className="mx-auto w-[750px] max-w-full px-5 pt-28 pb-10 text-foreground">