diff --git a/front/src/components/ClickableLink.tsx b/front/src/components/ClickableLink.tsx
index 9334e71..9a9bbdb 100644
--- a/front/src/components/ClickableLink.tsx
+++ b/front/src/components/ClickableLink.tsx
@@ -1,5 +1,11 @@
-export default function ClickableLink(){
-    <div>
-        prout
-    </div>
+function Link ({text}){
+    return(
+        <button className="LinkNavbar">{text}</button>
+    )
+}
+
+export default function ClickableLink({url, text}) {
+    return (<div>
+        <a href={url}><Link text={text} /></a>
+    </div>)
 }
\ No newline at end of file
diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
index 2980646..84499b8 100644
--- a/front/src/components/NavBar.tsx
+++ b/front/src/components/NavBar.tsx
@@ -1,7 +1,10 @@
 import LogoButton from '../components/LogoButton.tsx'
+import ClickableLink from './ClickableLink.tsx';
 
 export default function NavBar(){
-    return (<div>
-        <LogoButton url="https://archlinux.org" logo ="https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
-    </div>);
+    return (
+    <>
+        <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+        <ClickableLink url="https://archlinux.org" text = "Prout" />
+    </>);
 }
\ No newline at end of file