diff --git a/src/App.js b/src/App.js
index 3b8949ed..b8632290 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ import ForgotPW from "./Pages/forgot-pw.jsx";
 import Menu from "./Pages/Menu.jsx";
 import Cart from "./Pages/Cart.jsx";
 import Orders from "./Pages/Order.jsx";
-import About from "./Pages/About.jsx"; 
+import About from "./Pages/About.jsx";
 import { AuthContext } from "./context/AuthContext.jsx";
 import ResetPW from "./Pages/reset-pw.jsx";
 
@@ -17,8 +17,8 @@ export default function App() {
 
   return (
     <Routes>
-      <Route path="/" element={<Navigate to="/home" replace />} />
-      <Route path="/home" element={<HomePage />} />
+      {/* <Route path="/" element={<Navigate to="/home" replace />} /> */}
+      <Route path="/" element={<HomePage />} />
       <Route path="/sign-in" element={<SignIn />} />
       <Route path="/register" element={<Register />} />
       <Route path="/forgot-pw" element={<ForgotPW />} />
@@ -33,7 +33,7 @@ export default function App() {
           <Route path="*" element={<div>Not Found</div>} />
         </>
       ) : (
-        <Route path="*" element={<Navigate to="/home" />} />
+        <Route path="*" element={<Navigate to="/" />} />
       )}
     </Routes>
   );
diff --git a/src/Component/N-SearchBar.js b/src/Component/N-SearchBar.js
index b8fc282e..aa14281b 100644
--- a/src/Component/N-SearchBar.js
+++ b/src/Component/N-SearchBar.js
@@ -22,7 +22,7 @@ export default function NavBar({ search = "", onSearchChange }) {
     try {
       openNotification("success", "Logged out successfully");
       localStorage.clear();
-      navigate("/home");
+      navigate("/");
     } catch (error) {
       console.error("Logout error:", error);
       openNotification("warning", "Logout failed. Please try again.");
@@ -34,7 +34,7 @@ export default function NavBar({ search = "", onSearchChange }) {
       <nav className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="mt-4 flex items-center justify-between rounded-3xl border border-white/30 bg-white/40 px-5 py-3 backdrop-blur-md shadow-sm">
           {/* Logo -> Home */}
-          <Link to="/home" className="flex items-center gap-2">
+          <Link to="/" className="flex items-center gap-2">
             <span className="inline-grid place-items-center h-9 w-9 rounded-xl bg-emerald-500 text-white font-black">
               bR
             </span>
@@ -47,7 +47,7 @@ export default function NavBar({ search = "", onSearchChange }) {
 
           {/* Center links */}
           <div className="hidden md:flex items-center gap-6">
-            <NavLink to="/home" className={navLink}>
+            <NavLink to="/" className={navLink}>
               <svg
                 className="h-4 w-4 text-emerald-600"
                 viewBox="0 0 24 24"
@@ -110,9 +110,8 @@ export default function NavBar({ search = "", onSearchChange }) {
               <Link
                 to="/cart"
                 className="relative grid place-items-center rounded-xl border border-white/30 bg-white/60 p-2 hover:bg-white/80 transition"
-                aria-label={`Cart${
-                  count ? `, ${count} item${count > 1 ? "s" : ""}` : ""
-                }`}
+                aria-label={`Cart${count ? `, ${count} item${count > 1 ? "s" : ""}` : ""
+                  }`}
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
diff --git a/src/Component/NavBar.js b/src/Component/NavBar.js
index 1835fb95..b4a1bcd9 100644
--- a/src/Component/NavBar.js
+++ b/src/Component/NavBar.js
@@ -29,7 +29,7 @@ export default function NavBar() {
       <nav className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="mt-4 flex items-center justify-between rounded-3xl border border-white/30 bg-white/40 px-5 py-3 backdrop-blur-md shadow-sm">
           {/* Logo */}
-          <NavLink to="/home" className="flex items-center gap-2">
+          <NavLink to="/" className="flex items-center gap-2">
             <span className="inline-grid place-items-center h-9 w-9 rounded-xl bg-emerald-500 text-white font-black">
               bR
             </span>
@@ -43,7 +43,7 @@ export default function NavBar() {
           {/* Links with icons */}
           <div className="hidden md:flex items-center gap-6">
             <NavLink
-              to="/home"
+              to="/"
               className={({ isActive }) => `${base} ${isActive ? active : inactive}`}
             >
               <HomeIcon className="text-emerald-600" />
diff --git a/src/Pages/About.jsx b/src/Pages/About.jsx
index 3800d405..3bc44039 100644
--- a/src/Pages/About.jsx
+++ b/src/Pages/About.jsx
@@ -106,7 +106,7 @@ export default function About() {
             </div>
 
             <nav className="text-sm text-slate-700 flex flex-wrap gap-4">
-              <Link className="hover:text-slate-900" to="/home">
+              <Link className="hover:text-slate-900" to="">
                 Home
               </Link>
               <Link className="hover:text-slate-900" to="/menu">
diff --git a/src/Pages/Register.jsx b/src/Pages/Register.jsx
index e780a21c..a82c69fb 100644
--- a/src/Pages/Register.jsx
+++ b/src/Pages/Register.jsx
@@ -93,7 +93,7 @@ export default function Register() {
         <Button
           type="link"
           className="!text-white !font-semibold"
-          onClick={() => navigate("/home")}
+          onClick={() => navigate("/")}
         >
           <span className="inline-grid place-items-center h-9 w-9 rounded-xl bg-emerald-500 text-white font-black">
             bR
diff --git a/src/Pages/SignIn.jsx b/src/Pages/SignIn.jsx
index 5dfd7108..d5ec61f4 100644
--- a/src/Pages/SignIn.jsx
+++ b/src/Pages/SignIn.jsx
@@ -72,7 +72,7 @@ export default function SignIn() {
         <Button
           type="link"
           className="!text-white !font-semibold"
-          onClick={() => navigate("/home")}
+          onClick={() => navigate("/")}
         >
           <span className="inline-grid place-items-center h-9 w-9 rounded-xl bg-emerald-500 text-white font-black">
             bR