diff --git a/Client/reasn-client/apps/web/app/Nav.tsx b/Client/reasn-client/apps/web/app/Nav.tsx
deleted file mode 100644
index 6081899a..00000000
--- a/Client/reasn-client/apps/web/app/Nav.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import styles from './Nav.module.css';
-
-
-type Link = {
-    label: string
-    href: string
-};
-
-const Nav = () => {
-return(
-<body>
-  <header>
-    <nav
-      className="
-        flex flex-wrap
-        items-center
-        justify-between
-        w-full
-        h-20
-        text-lg text-white
-        bg-black
-        rounded-b-2xl
-      "
-    >
-    <div>
-        <a className="block text-white font-bold text-3xl mx-60">Reasn.</a>
-    </div>
-
-    <div className="flex space-x-4 items-center mx-60"> 
-      <a className="block text-white mr-8">logowanie</a>   
-      <a className="px-8 py-1.5 text-white border-2 border-white rounded-full">rejestracja</a> 
-    </div>
-    </nav>
-  </header>
-</body>
-)
-}
-export default Nav
\ No newline at end of file
diff --git a/Client/reasn-client/apps/web/app/page.tsx b/Client/reasn-client/apps/web/app/page.tsx
index 5c0f81db..92b3d946 100644
--- a/Client/reasn-client/apps/web/app/page.tsx
+++ b/Client/reasn-client/apps/web/app/page.tsx
@@ -1,12 +1,13 @@
 import React from 'react';
 import styles from "../styles/index.module.css";
-import Nav from './Nav';
+import Nav from "../components/navbar";
+import Footer from '../components/footer';
 
 export default function Web() {
   return (
     <>
     <Nav/>
-    <h1></h1>
+    <Footer/>
     </>
   )
 }
\ No newline at end of file
diff --git a/Client/reasn-client/apps/web/components/footer.tsx b/Client/reasn-client/apps/web/components/footer.tsx
new file mode 100644
index 00000000..e5c51f37
--- /dev/null
+++ b/Client/reasn-client/apps/web/components/footer.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+const Footer = () => {
+return(
+<footer className="text-center py-20 bg-black bg-bottom absolute inset-x-0 bottom-0 rounded-t-2xl">
+  <div className="flex items-center justify-between w-full px-80"> 
+    <div className="flex-grow h-1 rounded-3xl mx-1 mt-1 bg-gradient-to-r from-red-400 via-purple-500 to-indigo-600">
+    </div>
+    <span className="text-3xl font-bold text-white">we are</span>
+    <div className="flex-grow h-1 rounded-3xl mx-1 mt-1 bg-gradient-to-r from-indigo-600 via-purple-500 to-red-400"></div>
+  </div>
+  <div className="text-3xl font-bold text-white -mt-2">the Reasn.</div>
+  <div className="flex justify-between mx-96 -mt-10">
+    <div className="flex gap-16 text-gray-400">
+      <a href="#">link</a>
+      <a href="#">link</a>
+      <a href="#">link</a>
+    </div>
+    <div className="flex gap-16 text-gray-400">
+      <a href="#">link</a>
+      <a href="#">link</a>
+      <a href="#">link</a>
+    </div>
+  </div>
+</footer>
+)
+}
+export default Footer
\ No newline at end of file
diff --git a/Client/reasn-client/apps/web/components/navbar.tsx b/Client/reasn-client/apps/web/components/navbar.tsx
new file mode 100644
index 00000000..b4b2b5bb
--- /dev/null
+++ b/Client/reasn-client/apps/web/components/navbar.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+const Nav = () => {
+return(
+
+    <nav
+      className="flex flex-wrap items-center justify-between w-full h-16 text-base text-white bg-black rounded-b-2xl"
+    >
+      <div className="flex w-3/4 justify-between ml-56 ">
+        <div>
+          <a href="#" className="font-bold text-2xl">Reasn.</a>
+        </div>
+        <div className="flex items-center gap-8">
+          <a href="#">logowanie</a>
+          <a href="#" className="px-6 py-1.5 border-2 border-white rounded-2xl">
+            rejestracja
+          </a>
+        </div>
+      </div>
+    </nav>
+
+)
+}
+export default Nav
\ No newline at end of file
