diff --git a/app/controllers/Logout.php b/app/controllers/Logout.php
index e7cd9930..46256ec6 100644
--- a/app/controllers/Logout.php
+++ b/app/controllers/Logout.php
@@ -6,6 +6,7 @@ class Logout {
     public function index(): void {
         $data['email'] = empty($_SESSION['USER']) ? '' : $_SESSION['USER']->email;
         
+        setcookie('jwt_auth_token', '', time() - 1, '/');
         session_destroy();
         redirect('home');
     }
diff --git a/app/core/App.php b/app/core/App.php
index dca02778..cb012e73 100755
--- a/app/core/App.php
+++ b/app/core/App.php
@@ -116,9 +116,17 @@ public function loadController(): void {
         //     }
         // }
         // $this->runMiddleware();
-        $user = AuthMiddleware::run_middleware($this->controller, $this->method);
+        $user = UserMiddleware::user(AuthMiddleware::run_middleware($this->controller, $this->method));
+            // make user global to all views
+
+        $_SESSION['USER'] = $user;
+        // show($user);
+        // show($_SESSION['USER']);
+
+
         // show($user);
         call_user_func_array([$controller, $this->method], $URL);
+
     }
 }
 
diff --git a/app/core/init.php b/app/core/init.php
index c07e7841..0c001cb4 100755
--- a/app/core/init.php
+++ b/app/core/init.php
@@ -22,3 +22,4 @@
 require 'Controller.php';
 require 'App.php';
 require '../app/middlewares/AuthMiddleware.php';
+require '../app/middlewares/UserMiddleware.php';
diff --git a/app/middlewares/AuthMiddleware.php b/app/middlewares/AuthMiddleware.php
index 795dfd85..fdc2ce64 100644
--- a/app/middlewares/AuthMiddleware.php
+++ b/app/middlewares/AuthMiddleware.php
@@ -25,6 +25,7 @@ public static function run_middleware(string $controller, string $method): mixed
          $authRequired = [
             'Home' => ['index', 'method2'],
             'Controller2' => ['method3'],
+            // 'Profile' => ['index', 'edit', 'update'],
         ];
         $unauthRequired = [
             'Login' => ['index'],
@@ -40,6 +41,8 @@ public static function run_middleware(string $controller, string $method): mixed
         if (isset($unauthRequired[$currentController]) &&
             in_array($method, $unauthRequired[$currentController])) {
             Self::not_authenticated();
+        }else {
+            Self::check();
         }
         
         // return Self::$user;
diff --git a/app/middlewares/UserMiddleware.php b/app/middlewares/UserMiddleware.php
index e69de29b..6940fd97 100644
--- a/app/middlewares/UserMiddleware.php
+++ b/app/middlewares/UserMiddleware.php
@@ -0,0 +1,47 @@
+<?php
+
+class UserMiddleware {
+
+    static function user($user){
+        if (!$user || !(isset($user['role']))) {
+            return false;
+        }
+        // if ()
+
+        if ($user['role'] == 'customer') {
+            $customer = new CustomerModel;
+            $customer = $customer->first([
+                'user_id'=> $user['id']
+                ]);
+            // echo $customer;
+            $user = (object) array_merge((array) $user, (array) $customer);
+            return $user;
+        }
+        if ($user['role'] == 'guide') {
+            $guide = new GuideModel;
+            $guide = $guide->first([
+                'user_id'=> $user['id']
+            ]);
+            // show($d);
+            $user = (object) array_merge((array) $user, (array) $guide);
+            return $user;
+        }
+        if ($user['role'] == 'rental_service') {
+            $rental_service = new RentalServiceModel;
+            $rental_service = $rental_service->first([
+                'user_id'=> $user['id']
+                ]);
+            $user = (object) array_merge((array) $user, (array) $rental_service);
+            return $user;
+        }
+    }
+    
+}
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/app/models/Customer.php b/app/models/Customer.php
index 978de850..753f360a 100644
--- a/app/models/Customer.php
+++ b/app/models/Customer.php
@@ -9,6 +9,7 @@ class CustomerModel {
         'address',
         'number',
         'nic',
+        'user_id'
     ];
 
     public function registerCustomer(array $data){
diff --git a/app/views/admin/components/navbar.php b/app/views/admin/components/navbar.php
index 4d047e7e..f8d0f461 100644
--- a/app/views/admin/components/navbar.php
+++ b/app/views/admin/components/navbar.php
@@ -11,5 +11,7 @@
         <li class="nav-menu-item"><a href="#">Tips & Knowhows</a></li>
         <li class="nav-menu-item"><a href="#">Complaints</a></li>
     </ul>
-    <div class="login-button"><a href="#">Login</a></div>
+
+    <div class="login-button"><a href="<?= ROOT_DIR ?>/login">Login</a></div>
+
 </nav>
\ No newline at end of file
diff --git a/app/views/components/navbar.php b/app/views/components/navbar.php
index 582d123b..3b853f6a 100644
--- a/app/views/components/navbar.php
+++ b/app/views/components/navbar.php
@@ -11,5 +11,57 @@
         <li class="nav-menu-item"><a href="#">Tips & Knowhows</a></li>
         <li class="nav-menu-item"><a href="#">Complaints</a></li>
     </ul>
-    <div class="login-button"><a href="#">Login</a></div>
-</nav>
\ No newline at end of file
+    <?php if (isset($_SESSION['USER'])){ $user = $_SESSION['USER'];   ?>
+
+        <!-- profile avatar with dropdown -->
+
+ <div class="profile-avatar">
+        <img src="<?php echo ROOT_DIR?>/assets/images/1.png" alt="profile picture">
+        <div class="dropdown-menu" id="nav-dropdown">
+            <ul>
+                <li><a href="<?= ROOT_DIR ?>/profile">Profile</a></li>
+                <li><a href="<?= ROOT_DIR ?>/settings">Settings</a></li>
+                <li><a href="<?= ROOT_DIR ?>/logout">Logout</a></li>
+            </ul>
+        </div>
+    </div>
+
+
+    <?php }else {  ?>
+    <div class="login-button"><a href="<?= ROOT_DIR ?>/login">Login</a></div>
+
+    <?php } ?>
+</nav>
+
+<script>
+// Get the profile avatar element and the dropdown menu
+var profileAvatar = document.querySelector('.profile-avatar');
+var dropdownMenu = document.getElementById('nav-dropdown');
+
+// Toggle the dropdown menu when clicking on the profile avatar
+profileAvatar.addEventListener('click', function(event) {
+    // Prevent the default behavior of the anchor tags
+    event.preventDefault();
+
+    // Toggle the display style of the dropdown menu
+    if (dropdownMenu.style.display === 'block') {
+        dropdownMenu.style.display = 'none';
+    } else {
+        dropdownMenu.style.display = 'block';
+    }
+});
+
+// Close the dropdown menu if the user clicks outside of it
+document.addEventListener('click', function(event) {
+    if (!profileAvatar.contains(event.target) && !dropdownMenu.contains(event.target)) {
+        dropdownMenu.style.display = 'none';
+    }
+});
+
+// Prevent event propagation when clicking on dropdown links
+dropdownMenu.addEventListener('click', function(event) {
+    event.stopPropagation();
+});
+
+
+    </script>
\ No newline at end of file
diff --git a/app/views/profile.view.php b/app/views/profile.view.php
index 8074924b..1108340d 100644
--- a/app/views/profile.view.php
+++ b/app/views/profile.view.php
@@ -16,7 +16,7 @@
 
             <div class="div-1">
                 <div class="div-12">
-                    <div class="text-wrapper">Hello Jenny!</div>
+                    <!-- <div class="text-wrapper">Hello Jenny!</div> -->
                     <div class="img-1">
                         <img src="<?php echo ROOT_DIR?>/assets/images/1.png" alt="">
                     </div>
@@ -26,10 +26,10 @@
 
                     <div class="div-4">
                         <div class="div-wrapper">
-                            <div class="text-wrapper-2">Name : Jenny Fernando</div>
+                            <div class="text-wrapper-2">Name : <?php echo $user->name ?></div>
                         </div>
                         <div class="div-wrapper">
-                            <div class="text-wrapper-2">Age : 20</div>
+                            <div class="text-wrapper-2">NIC : <?php echo $user->nic ?></div>
                         </div>
                         <div class="div-wrapper">
                             <div class="text-wrapper-2">Role : Customer</div>
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index f5969bba..7ec78359 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -48,6 +48,72 @@
     color: #4C5039;
 }
 
+
+
+/* nav profile  avatar*/
+
+
+.navbar .profile-avatar {
+    position: relative;
+    display: inline-block;
+    margin-right: 20px;
+}
+
+.navbar .profile-avatar img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.navbar .dropdown-menu {
+    display: none;
+    position: absolute;
+    top: 60px;
+    right: 0;
+    background-color: #fff; /* Set the default background color */
+    color: #4c5039; /* Set the default font color */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    z-index: 2;
+}
+
+.navbar .dropdown-menu ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+/* 
+.navbar .dropdown-menu ul li {
+    padding: 10px;
+} */
+
+/* Style the links inside the dropdown menu */
+.navbar .dropdown-menu ul li a {
+    text-decoration: none;
+    color: #4c5039; /* Set default link color */
+    transition: all 0.3s ease; /* Add smooth transition effect for all properties */
+    display: block;
+    padding: 10px 20px ;
+}
+
+/* Change link color and background on hover */
+.navbar .dropdown-menu ul li a:hover {
+    color: #6b6f55; /* Set a different color on hover */
+    background-color: #f0f0f0; /* Change background color on hover */
+}
+
+/* Show dropdown menu on click */
+.navbar .profile-avatar.active .dropdown-menu {
+    display: block;
+}
+
+
+
+
+
+/* nav profile end */
+
+
 .section-button {
     background-color: #F4F4F4; 
     color: #4C5039;