diff --git a/Client/reasn-client/apps/web/app/page.tsx b/Client/reasn-client/apps/web/app/page.tsx
index 92b3d946..9b54f761 100644
--- a/Client/reasn-client/apps/web/app/page.tsx
+++ b/Client/reasn-client/apps/web/app/page.tsx
@@ -1,13 +1,12 @@
 import React from 'react';
-import styles from "../styles/index.module.css";
-import Nav from "../components/navbar";
-import Footer from '../components/footer';
+import { Navbar } from "../components/Navbar";
+import { Footer } from '../components/Footer';
 
 export default function Web() {
   return (
     <>
-    <Nav/>
-    <Footer/>
+      <Navbar/>
+      <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
index e5c51f37..2fed07f3 100644
--- a/Client/reasn-client/apps/web/components/footer.tsx
+++ b/Client/reasn-client/apps/web/components/footer.tsx
@@ -1,28 +1,26 @@
 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
+export const Footer = () => {
+  return (
+    <footer className="text-center py-16 bg-black bg-bottom fixed bottom-0 rounded-t-2xl w-full">
+      <div className="flex items-center justify-between w-4/5 mx-auto">
+        <div className="flex-grow h-1 rounded-3xl mx-2 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-2 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-1">the Reasn.</div>
+      <div className="flex justify-between -mt-8 w-3/4 mx-auto">
+        <div className="flex justify-between text-white w-1/6">
+          <a href="#" className="hover:text-[#ccc]">link</a>
+          <a href="#" className="hover:text-[#ccc]">link</a>
+          <a href="#" className="hover:text-[#ccc]">link</a>
+        </div>
+        <div className="flex justify-between text-white w-1/6">
+          <a href="#" className="hover:text-[#ccc]">link</a>
+          <a href="#" className="hover:text-[#ccc]">link</a>
+          <a href="#" className="hover:text-[#ccc]">link</a>
+        </div>
+      </div>
+    </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
index b4b2b5bb..74dd604d 100644
--- a/Client/reasn-client/apps/web/components/navbar.tsx
+++ b/Client/reasn-client/apps/web/components/navbar.tsx
@@ -1,24 +1,21 @@
 import React from "react";
 
-const Nav = () => {
-return(
-
+export const Navbar = () => {
+  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 className="flex w-4/5 justify-between mx-auto">
         <div>
-          <a href="#" className="font-bold text-2xl">Reasn.</a>
+          <a href="#" className="font-bold text-2xl hover:text-[#ccc]">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">
+          <a href="#" className="hover:text-[#ccc]">logowanie</a>
+          <a href="#" className="px-6 py-1.5 border-2 border-white rounded-2xl hover:bg-white hover:text-black">
             rejestracja
           </a>
         </div>
       </div>
     </nav>
-
-)
-}
-export default Nav
\ No newline at end of file
+  )
+}
\ No newline at end of file