diff --git a/front/src/components/ClickableLink.tsx b/front/src/components/ClickableLink.tsx
new file mode 100644
index 0000000..9334e71
--- /dev/null
+++ b/front/src/components/ClickableLink.tsx
@@ -0,0 +1,5 @@
+export default function ClickableLink(){
+    <div>
+        prout
+    </div>
+}
\ No newline at end of file
diff --git a/front/src/components/LogoButton.tsx b/front/src/components/LogoButton.tsx
new file mode 100644
index 0000000..b4da75b
--- /dev/null
+++ b/front/src/components/LogoButton.tsx
@@ -0,0 +1,11 @@
+function Logo({logo}){
+    return (
+        <img src={logo} />
+    )
+ }
+
+export default function LogoButton ({url, logo}) {
+    return (
+    <a href={url}><Logo logo={logo}/></a>
+    )
+}
\ No newline at end of file
diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
new file mode 100644
index 0000000..2980646
--- /dev/null
+++ b/front/src/components/NavBar.tsx
@@ -0,0 +1,7 @@
+import LogoButton from '../components/LogoButton.tsx'
+
+export default function NavBar(){
+    return (<div>
+        <LogoButton url="https://archlinux.org" logo ="https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+    </div>);
+}
\ No newline at end of file
diff --git a/front/src/main.tsx b/front/src/main.tsx
index bef5202..ed573f9 100644
--- a/front/src/main.tsx
+++ b/front/src/main.tsx
@@ -1,10 +1,11 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
-import App from './App.tsx'
+// import App from './App.tsx'
+import MainPage from './pages/MainPage'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <MainPage />
   </StrictMode>,
 )
diff --git a/front/src/pages/MainPage.tsx b/front/src/pages/MainPage.tsx
index 248feb2..2a76825 100644
--- a/front/src/pages/MainPage.tsx
+++ b/front/src/pages/MainPage.tsx
@@ -1,10 +1,9 @@
-
-
+import NavBar from '../components/NavBar.tsx'
 
 export default function MainPage() {
     return (
         <div>
-            <h1>Main Page</h1>
+            <NavBar />
         </div>
     )
 }
\ No newline at end of file