diff --git a/index.css b/index.css
index 3fe10b07..26c15ca6 100644
--- a/index.css
+++ b/index.css
@@ -114,12 +114,3 @@
     --chart-5: 340 75% 55%
   }
 }
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
diff --git a/src/components/Admin-Dashboard/AdminDashboard.jsx b/src/components/Admin-Dashboard/AdminDashboard.jsx
index 66e729dd..756439b4 100644
--- a/src/components/Admin-Dashboard/AdminDashboard.jsx
+++ b/src/components/Admin-Dashboard/AdminDashboard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import './AdminDashboard.css';
 
 const AdminDashboard = () => {
@@ -19,6 +19,7 @@ const AdminDashboard = () => {
           <h2>Admin Panel</h2>
         </div>
         <ul className="sidebar-menu">
+          <li><Link to="/">Home</Link></li>
           <li>Dashboard Overview</li>
           <li>Manage Users</li>
           <li>Property Listings</li>
diff --git a/src/components/Header-section/Navbar.jsx b/src/components/Header-section/Navbar.jsx
index de171f25..9cdee6a1 100644
--- a/src/components/Header-section/Navbar.jsx
+++ b/src/components/Header-section/Navbar.jsx
@@ -4,10 +4,10 @@ import { Link, useLocation } from "react-router-dom";
 import logo from "../../assets/Images/logo.png";
 import { useState, useEffect } from "react";
 import GoogleTranslate from "./GoogleTranslate";
-import gsap from 'gsap'
+import gsap from "gsap";
 import ProgressBar from "./ProgressBar";
-const tl=gsap.timeline()
-import '../Header-section/Navbar.css'
+const tl = gsap.timeline();
+import "../Header-section/Navbar.css";
 
 const Navbar = () => {
   const [darkMode, setDarkMode] = useState(false); // Track theme state
@@ -15,8 +15,8 @@ const Navbar = () => {
   const [doBlure, setDoBlure] = useState(false);
   const [navLinkbgColor, setNavlinkbgColor] = useState(true);
   const [activeSection, setActiveSection] = useState("home"); // Track active section
-
-  const sectionIds = ["home", "Service", "AboutUs", "ContactUs","FAQ"]; // Section IDs
+  const [checkToken, setCheckToken] = useState(false);
+  const sectionIds = ["home", "Service", "AboutUs", "ContactUs", "FAQ"]; // Section IDs
 
   // Toggle Dark Mode
   const toggleDarkMode = () => {
@@ -25,26 +25,31 @@ const Navbar = () => {
   };
 
   useEffect(() => {
-    const tl = gsap.timeline();  // Initialize the timeline
-  
+    const tl = gsap.timeline(); // Initialize the timeline
+
     const ctx = gsap.context(() => {
-      tl.fromTo('.navbar',
+      tl.fromTo(
+        ".navbar",
         { y: -100, opacity: 0 },
         { y: 0, opacity: 1, duration: 1, ease: "power2.inOut", stagger: 0.3 }
       );
-      tl.fromTo('.navbar2',
+      tl.fromTo(
+        ".navbar2",
         { y: -100, opacity: 0 },
         { y: 0, opacity: 1, duration: 0.5, ease: "power2.inOut", stagger: 0.3 }
       );
-      tl.fromTo('.navbar3',
+      tl.fromTo(
+        ".navbar3",
         { y: -100, opacity: 0 },
         { y: 0, opacity: 1, duration: 0.5, ease: "power2.inOut", stagger: 0.3 }
       );
     });
-  
+    var getToken = localStorage.getItem("userToken");
+    if (getToken != null || getToken != undefined) {
+      setCheckToken(true);
+    }
     return () => ctx.revert();
   }, []);
-  
 
   // Intersection Observer to Highlight Links on Scroll and Update URL
   useEffect(() => {
@@ -65,7 +70,8 @@ const Navbar = () => {
     );
 
     sections.forEach((section) => section && observer.observe(section));
-    return () => sections.forEach((section) => section && observer.unobserve(section));
+    return () =>
+      sections.forEach((section) => section && observer.unobserve(section));
   }, []);
 
   useEffect(() => {
@@ -91,14 +97,17 @@ const Navbar = () => {
 
   if (showMenu) {
     const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+    const scrollLeft =
+      window.pageXOffset || document.documentElement.scrollLeft;
     window.onscroll = () => window.scrollTo(scrollLeft, scrollTop);
 
     return (
-
       <div className="md:hidden bg-[#1ABC9C] fixed w-full z-20 top-0 left-0 h-full flex justify-center items-center">
-        <ProgressBar/>
-        <button onClick={() => setShowMenu("")} className="absolute top-0 left-0 m-[1.5rem]">
+        <ProgressBar />
+        <button
+          onClick={() => setShowMenu("")}
+          className="absolute top-0 left-0 m-[1.5rem]"
+        >
           <FiX className="m-2 text-textWhite text-lg" />
         </button>
         {/* Other elements */}
@@ -107,55 +116,105 @@ const Navbar = () => {
   } else {
     window.onscroll = () => {};
   }
-
+  const handleLogout = () => {
+    // Clear session data (e.g., token from localStorage)
+    localStorage.removeItem("userToken");
+    setCheckToken(false)
+    // Redirect to login page
+    navigate("/");
+  };
   return (
-    <nav className={`fixed w-full z-20 top-0 left-0 ${darkMode ? "bg-gray-900 text-white" : "bg-white text-black"} transition-colors duration-500`}>
-      <ProgressBar/>
+    <nav
+      className={`fixed w-full z-20 top-0 left-0 ${darkMode ? "bg-gray-900 text-white" : "bg-white text-black"} transition-colors duration-500`}
+    >
+      <ProgressBar />
+
+      <div
+        className={
+          doBlure
+            ? `absolute w-full h-full -z-20 bg-beige `
+            : `absolute w-full h-full -z-20 bg-beige `
+        }
+      ></div>
 
-      <div className={doBlure ? `absolute w-full h-full -z-20 bg-gray-light opacity-0` : `absolute w-full h-full -z-20 bg-gray-light opacity-80`}></div>
-      
       <div className="max-w-screen-xl flex items-center justify-between mx-auto p-2 text-sm">
-        
         {/* Logo on the Left */}
         <div className="flex flex-row items-center">
           <a href="#home" aria-current="page">
-            <img className="self-start w-36 navbar my-auto" src={logo} alt="Rentalog-logo"/>
+            <img
+              className="self-start w-36 navbar my-auto"
+              src={logo}
+              alt="Rentalog-logo"
+            />
           </a>
         </div>
 
         {/* Center Navigation Links */}
         <ul className="hidden md:flex items-center gap-4 text-sm font-light">
           {sectionIds.map((section) => (
-            <li className="hover:scale-[1.05] transition duration-300" key={section}>
+            <li
+              className="hover:scale-[1.05] transition duration-300"
+              key={section}
+            >
               <a href={`#${section}`}>
-                <h1 className={activeSection === section ? "text-green" : ""}>{section.toUpperCase()}</h1>
+                <h1 className={activeSection === section ? "text-green" : ""}>
+                  {section.toUpperCase()}
+                </h1>
               </a>
             </li>
           ))}
         </ul>
-        
+
         {/* Right side: Login, Register, and GoogleTranslate */}
         <div className="flex items-center space-x-2 md:space-x-4">
           <button onClick={toggleDarkMode} className="text-lg">
             {darkMode ? <FiSun /> : <FiMoon />}
           </button>
 
-          <Link to="/login">
-            <button className="navbar3 hidden md:block text-sm px-4 py-1 rounded-lg bg-green-500 text-white transition-transform hover:scale-105">Login</button>
-          </Link>
-          <Link to="/register">
+          {checkToken ? (
+            <Link to="/">
+              <button onClick={handleLogout} className="navbar3 hidden md:block text-sm px-4 py-1 rounded-lg bg-green-500 text-white transition-transform hover:scale-105">
+              Logout
+              </button>
+            </Link>
+          ) : (
+            <>
+            <Link to="/login">
+              <button className="navbar3 hidden md:block text-sm px-4 py-1 rounded-lg bg-green-500 text-white transition-transform hover:scale-105">
+                Login
+              </button>
+            </Link>
+            <Link to="/register">
             <button className="navbar3 hidden md:flex items-center gap-1 px-4 py-1 text-sm rounded-lg bg-green-500 text-white transition-transform hover:scale-105">
               <FiUser className="text-lg" />
               Register
             </button>
           </Link>
-          <GoogleTranslate/>
+          </>
+          )}
+          
+          <GoogleTranslate />
         </div>
 
         {/* Mobile Menu Button */}
-        <button onClick={() => setShowMenu("show")} type="button" className="md:hidden p-2">
-          <svg className="w-4 h-4" aria-hidden="true" fill="none" viewBox="0 0 17 14">
-            <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M1 1h15M1 7h15M1 13h15"/>
+        <button
+          onClick={() => setShowMenu("show")}
+          type="button"
+          className="md:hidden p-2"
+        >
+          <svg
+            className="w-4 h-4"
+            aria-hidden="true"
+            fill="none"
+            viewBox="0 0 17 14"
+          >
+            <path
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M1 1h15M1 7h15M1 13h15"
+            />
           </svg>
         </button>
       </div>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 39fdd501..2b4dbe4b 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -9,6 +9,7 @@ import Testimonials from "../components/testimonial-section/Testimonial";
 import { ScrollToTop } from "react-simple-scroll-up";
 import carImg3 from "../assets/Icons/arrow-up.png";
 import "./home.css";
+import { useEffect, useState } from "react";
 
 function Home() {
   return (
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index 897abaf0..b7d8e4d9 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -32,9 +32,10 @@ export default function Login() {
   };
 
   const onSubmit = (data) => {
-    console.log(data);
+    //console.log(data);
     // Perform login logic here
     // If successful, navigate to admin dashboard
+    localStorage.setItem("userToken",data.email);
     navigate("/admin-dashboard");
     reset(); // Reset form after successful submission
   };
diff --git a/tailwind.config.js b/tailwind.config.js
index 687e5526..55e46030 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,116 +3,51 @@ export default {
     darkMode: ["class"],
     content: ["./index.html", "./src/**/*.{js,ts,tsx,js,jsx,tsx}"],
   theme: {
-  	extend: {
-  		transitionProperty: {
-  			colors: 'background-color, border-color, color',
-  			shadow: 'box-shadow'
-  		},
-  		transitionTimingFunction: {
-  			'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)'
-  		},
-  		borderRadius: {
-  			lg: 'var(--radius)',
-  			md: 'calc(var(--radius) - 2px)',
-  			sm: 'calc(var(--radius) - 4px)'
-  		},
-  		colors: {
-  			background: 'hsl(var(--background))',
-  			foreground: 'hsl(var(--foreground))',
-  			card: {
-  				DEFAULT: 'hsl(var(--card))',
-  				foreground: 'hsl(var(--card-foreground))'
-  			},
-  			popover: {
-  				DEFAULT: 'hsl(var(--popover))',
-  				foreground: 'hsl(var(--popover-foreground))'
-  			},
-  			primary: {
-  				DEFAULT: 'hsl(var(--primary))',
-  				foreground: 'hsl(var(--primary-foreground))'
-  			},
-  			secondary: {
-  				DEFAULT: 'hsl(var(--secondary))',
-  				foreground: 'hsl(var(--secondary-foreground))'
-  			},
-  			muted: {
-  				DEFAULT: 'hsl(var(--muted))',
-  				foreground: 'hsl(var(--muted-foreground))'
-  			},
-  			accent: {
-  				DEFAULT: 'hsl(var(--accent))',
-  				foreground: 'hsl(var(--accent-foreground))'
-  			},
-  			destructive: {
-  				DEFAULT: 'hsl(var(--destructive))',
-  				foreground: 'hsl(var(--destructive-foreground))'
-  			},
-  			border: 'hsl(var(--border))',
-  			input: 'hsl(var(--input))',
-  			ring: 'hsl(var(--ring))',
-  			chart: {
-  				'1': 'hsl(var(--chart-1))',
-  				'2': 'hsl(var(--chart-2))',
-  				'3': 'hsl(var(--chart-3))',
-  				'4': 'hsl(var(--chart-4))',
-  				'5': 'hsl(var(--chart-5))'
-  			}
-  		},
-  		keyframes: {
-  			'accordion-down': {
-  				from: {
-  					height: '0'
-  				},
-  				to: {
-  					height: 'var(--radix-accordion-content-height)'
-  				}
-  			},
-  			'accordion-up': {
-  				from: {
-  					height: 'var(--radix-accordion-content-height)'
-  				},
-  				to: {
-  					height: '0'
-  				}
-  			}
-  		},
-  		animation: {
-  			'accordion-down': 'accordion-down 0.2s ease-out',
-  			'accordion-up': 'accordion-up 0.2s ease-out'
-  		}
-  	},
-  	screens: {
-  		sm: '480px',
-  		md: '768px',
-  		lg: '976px',
-  		xl: '1440px'
-  	},
-  	colors: {
-  		primaryGreen: '#1ABC9C',
-  		customRed: '#CD4347',
-  		green: '#cd4347',
-  		'green-dark': '#047558',
-  		textBlack: '#312F2F',
-  		textWhite: '#F8F8F8',
-  		black: '#000000',
-  		'gray-dark': '#273444',
-  		gray: '#8492a6',
-  		'gray-light': '#d3dce6',
-  		'light-blue': '#e8f8f4'
-  	},
-  	fontFamily: {
-  		fontFamily: {
-  			sans: ["Inter", "sans-serif"],
-  			serif: ["Merriweather", "serif"],
-  			monsterrat: ["Montserrat", "sans-serif"],
-  			raleway: ["Raleway", "sans-serif"],
-  			roboto: ["Roboto", "sans-serif"]
-  		}
-  	},
-  	boxShadow: {
-  		widget: '3px 3px #b9c3c1',
-  		'widget-hover': '5px 5px #b9c3c1'
-  	}
+
+    extend: {
+      transitionProperty: {
+        'colors': 'background-color, border-color, color',
+        'shadow': 'box-shadow',
+      },
+      transitionTimingFunction: {
+        'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
+      },
+    },
+    screens: {
+      sm: "480px",
+      md: "768px",
+      lg: "976px",
+      xl: "1440px",
+    },
+    colors: {
+      primaryGreen: "#1ABC9C",
+      customRed: "#CD4347",
+      green: "#cd4347",
+      "green-dark": "#047558",
+      textBlack: "#312F2F",
+      textWhite: "#F8F8F8",
+      black: "#000000",
+      "gray-dark": "#273444",
+      gray: "#8492a6",
+      "gray-light": "#d3dce6",
+      "light-blue": "#e8f8f4",
+      "beige":"#f5f5dc",
+    },
+    fontFamily: {
+      fontFamily: {
+        sans: ["Inter", "sans-serif"],
+        serif: ["Merriweather", "serif"],
+        monsterrat: ["Montserrat", "sans-serif"],
+        raleway: ["Raleway", "sans-serif"], 
+        roboto: ["Roboto", "sans-serif"], 
+      },
+      
+    },
+    boxShadow: {
+      widget: '3px 3px #b9c3c1',
+      'widget-hover': '5px 5px #b9c3c1',
+    },
+
   },
   plugins: [require("tailwindcss-animate")],
 };