diff --git a/package-lock.json b/package-lock.json
index c51ab61..56253a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30708,6 +30708,126 @@
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.8.29.tgz",
       "integrity": "sha512-mla2acNCMkWXBD+c+yeUrBUrzOxYMNFdQ6FGfigGGtEVBPJx07BQeJekjt9DmH1FtZek4E9rE1eRR9qQpxACOQ==",
       "peer": true
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.3.tgz",
+      "integrity": "sha512-3pEYo/RaGqPP0YzwnlmPN2puaF2WMLM3apt5jLW2fFdXD9+pqcoTzRk+iZsf8ta7+quAe4Q6Ms0nR0SFGFdS1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.3.tgz",
+      "integrity": "sha512-6adp7waE6P1TYFSXpY366xwsOnEXM+y1kgRpjSRVI2CBDOcbRjsJ67Z6EgKIqWIue52d2q/Mx8g9MszARj8IEA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.3.tgz",
+      "integrity": "sha512-cuzCE/1G0ZSnTAHJPUT1rPgQx1w5tzSX7POXSLaS7w2nIUJUD+e25QoXD/hMfxbsT9rslEXugWypJMILBj/QsA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.3.tgz",
+      "integrity": "sha512-0D4/oMM2Y9Ta3nGuCcQN8jjJjmDPYpHX9OJzqk42NZGJocU2MqhBq5tWkJrUQOQY9N+In9xOdymzapM09GeiZw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.3.tgz",
+      "integrity": "sha512-ENPiNnBNDInBLyUU5ii8PMQh+4XLr4pG51tOp6aJ9xqFQ2iRI6IH0Ds2yJkAzNV1CfyagcyzPfROMViS2wOZ9w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.3.tgz",
+      "integrity": "sha512-BTAbq0LnCbF5MtoM7I/9UeUu/8ZBY0i8SFjUMCbPDOLv+un67e2JgyN4pmgfXBwy/I+RHu8q+k+MCkDN6P9ViQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.3.tgz",
+      "integrity": "sha512-AEHIw/dhAMLNFJFJIJIyOFDzrzI5bAjI9J26gbO5xhAKHYTZ9Or04BesFPXiAYXDNdrwTP2dQceYA4dL1geu8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.3.tgz",
+      "integrity": "sha512-vga40n1q6aYb0CLrM+eEmisfKCR45ixQYXuBXxOOmmoV8sYST9k7E3US32FsY+CkkF7NtzdcebiFT4CHuMSyZw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }
diff --git a/src/__tests__/CreateProdudash.test.tsx b/src/__tests__/CreateProdudash.test.tsx
index 92b0b1f..0127c3f 100644
--- a/src/__tests__/CreateProdudash.test.tsx
+++ b/src/__tests__/CreateProdudash.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import Page from '@/app/dashboard/addproduct/page';
+import Page from '@/app/dashboard/product/create/page';
 import request from '@/utils/axios';
 import { useRouter } from 'next/navigation';
 
diff --git a/src/__tests__/ProfileeditDashboard.test.tsx b/src/__tests__/ProfileeditDashboard.test.tsx
index 1753d47..5e1790c 100644
--- a/src/__tests__/ProfileeditDashboard.test.tsx
+++ b/src/__tests__/ProfileeditDashboard.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import Page from '@/app/dashboard/profile_/[id]/page';
+import Page from '@/app/dashboard/profile/[id]/page';
 import request from '@/utils/axios';
 import { useRouter } from 'next/navigation';
 
diff --git a/src/__tests__/UpdateReduce.test.tsx b/src/__tests__/UpdateReduce.test.tsx
index 17188e6..f02ab51 100644
--- a/src/__tests__/UpdateReduce.test.tsx
+++ b/src/__tests__/UpdateReduce.test.tsx
@@ -72,7 +72,7 @@ describe('updatePassword slice', () => {
 
     const action = {
       type: updatePassword.rejected.type,
-      error: 'Failed to update password',
+      erro: 'Failed to update password',
     };
 
     const state = reducer(initialState, action);
diff --git a/src/__tests__/singleProduct.test.tsx b/src/__tests__/singleProduct.test.tsx
index 3b3dbc5..7cf093f 100644
--- a/src/__tests__/singleProduct.test.tsx
+++ b/src/__tests__/singleProduct.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import Page from '@/app/dashboard/products_/[id]/page';
+import Page from '@/app/dashboard/product/[id]/page';
 import request from '@/utils/axios';
 import { useRouter } from 'next/navigation';
 
diff --git a/src/__tests__/updatesDash.test.tsx b/src/__tests__/updatesDash.test.tsx
index b5b18e4..2f48759 100644
--- a/src/__tests__/updatesDash.test.tsx
+++ b/src/__tests__/updatesDash.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import Page from '@/app/dashboard/product_/[id]/page';
+import Page from '@/app/dashboard/product/[id]/edit/page';
 import request from '@/utils/axios';
 import { useRouter } from 'next/navigation';
 import { Provider } from 'react-redux';
diff --git a/src/app/dashboard/product_/[id]/page.tsx b/src/app/dashboard/product/[id]/edit/page.tsx
similarity index 100%
rename from src/app/dashboard/product_/[id]/page.tsx
rename to src/app/dashboard/product/[id]/edit/page.tsx
diff --git a/src/app/dashboard/products_/[id]/page.tsx b/src/app/dashboard/product/[id]/page.tsx
similarity index 100%
rename from src/app/dashboard/products_/[id]/page.tsx
rename to src/app/dashboard/product/[id]/page.tsx
diff --git a/src/app/dashboard/addproduct/page.tsx b/src/app/dashboard/product/create/page.tsx
similarity index 100%
rename from src/app/dashboard/addproduct/page.tsx
rename to src/app/dashboard/product/create/page.tsx
diff --git a/src/app/dashboard/profile_/[id]/page.tsx b/src/app/dashboard/profile/[id]/page.tsx
similarity index 100%
rename from src/app/dashboard/profile_/[id]/page.tsx
rename to src/app/dashboard/profile/[id]/page.tsx
diff --git a/src/components/DashNavbar.tsx b/src/components/DashNavbar.tsx
index 4fa420a..306172f 100644
--- a/src/components/DashNavbar.tsx
+++ b/src/components/DashNavbar.tsx
@@ -60,7 +60,9 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
       <div className="stick relative">
         <div
           className={`${
-            open ? 'w-64' : 'sm:w-20 w-full sm:min-w-0 min-w-[280px]'
+            open
+              ? 'w-60 duration-300'
+              : 'sm:w-20 w-full sm:min-w-0 min-w-[280px]'
           } sm:h-screen h-[70px] p-5 sticky top-0 pt-4 justify-between    duration-300 sm:flex-col bg-primaryBlue flex`}
         >
           <img
@@ -74,13 +76,13 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
           <div className="flex items-center ">
             <img
               src="/logo.png"
-              className={`cursor-pointer duration-500 ${
-                open && 'rotate-[360deg]' && 'min-w-[20px]'
+              className={`cursor-pointer w-10 duration-500 ${
+                open && 'rotate-[360deg]' && 'min-w-[10px]'
               }`}
               onClick={() => handleClick('/')}
             />
             <h1
-              className={`text-white text-1xl  origin-left font-medium duration-200 ${
+              className={`text-white text-sm origin-left font-medium duration-200 ${
                 !open && 'scale-0'
               }`}
             >
@@ -93,7 +95,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
               <Link href="/dashboard">
                 <li
                   key="home"
-                  className={`flex bg-primary/80 ${activelink === 'dashboard' ? 'text-yellow-400' : 'text-white'} text-2xl  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                  className={`flex bg-primary/80 ${activelink === 'dashboard' ? 'text-yellow-400' : 'text-white'} text-sm  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                 >
                   {React.createElement(FaHome)}
                   <span
@@ -107,7 +109,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
                 <Link href="/dashboard/users">
                   <li
                     key="users"
-                    className={`flex bg-primary/80 ${activelink === 'users' ? 'text-yellow-400' : 'text-white'} text-2xl  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                    className={`flex bg-primary/80 ${activelink === 'users' ? 'text-yellow-400' : 'text-white'} text-sm  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                   >
                     {React.createElement(FaUsersGear)}
                     <span
@@ -122,7 +124,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
               <Link href="/dashboard/profile">
                 <li
                   key="profile"
-                  className={`flex bg-primary/80 ${activelink === 'profile' ? 'text-yellow-400' : 'text-white'} text-2xl hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                  className={`flex bg-primary/80 ${activelink === 'profile' ? 'text-yellow-400' : 'text-white'} text-sm hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                 >
                   {React.createElement(FaUserShield)}
                   <span
@@ -135,7 +137,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
               <Link href="/dashboard/product">
                 <li
                   key="product"
-                  className={`flex bg-primary/80 ${activelink === 'product' ? 'text-yellow-400' : 'text-white'} text-2xl  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                  className={`flex bg-primary/80 ${activelink === 'product' ? 'text-yellow-400' : 'text-white'} text-sm  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                 >
                   {React.createElement(AiFillProduct)}
                   <span
@@ -150,7 +152,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
                   <Link href="/dashboard/orders">
                     <li
                       key="product"
-                      className={`flex bg-primary/80 ${activelink === 'orders' ? 'text-yellow-400' : 'text-white'} text-2xl hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                      className={`flex bg-primary/80 ${activelink === 'orders' ? 'text-yellow-400' : 'text-white'} text-sm hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                     >
                       {React.createElement(BsBorderStyle)}
                       <span
@@ -160,10 +162,10 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
                       </span>
                     </li>
                   </Link>
-                  <Link href="/dashboard/addproduct">
+                  <Link href="/dashboard/product/create">
                     <li
                       key="product"
-                      className={`flex bg-primary/80 ${activelink === 'addproduct' ? 'text-yellow-400' : 'text-white'} text-2xl hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+                      className={`flex bg-primary/80 ${activelink === 'addproduct' ? 'text-yellow-400' : 'text-white'} text-sm hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
                     >
                       {React.createElement(MdCreateNewFolder)}
                       <span
@@ -180,7 +182,7 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
             <li
               key="product"
               onClick={() => mutate()}
-              className={`flex bg-primary/80 ${activelink === 'product' ? 'text-yellow-400' : 'text-white'} text-2xl  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
+              className={`flex bg-primary/80 ${activelink === '' ? 'text-yellow-400' : 'text-white'} text-sm  hover:text-yellow-400 duration-200  bg-transparent rounded-md  hover:bg-primary p-2 cursor-pointer hover:bg-light-white items-center gap-x-4  bg-light-white`}
             >
               {React.createElement(MdOutlineLogout)}
               <span
@@ -246,14 +248,15 @@ const DashNavbar: React.FC<NewType> = ({ role }) => {
                       onClick={handlemenu}
                       className={`${activelink === 'addproduct' ? 'bg-yellow-600 text-white font-bold' : 'text-black'} hover:bg-yellow-400 px-2 hover:text-white font-semibold`}
                     >
-                      <Link href="/dashboard/addproduct">Create Product</Link>
+                      <Link href="/dashboard/product/create">
+                        Create Product
+                      </Link>
                     </li>
                   </>
                 )}
 
                 <li
                   key="product"
-                  
                   onClick={() => mutate()}
                   className={` hover:bg-yellow-400 px-2 hover:text-white font-semibold`}
                 >
diff --git a/src/components/EditProfile.tsx b/src/components/EditProfile.tsx
index 161b47d..a97e450 100644
--- a/src/components/EditProfile.tsx
+++ b/src/components/EditProfile.tsx
@@ -3,26 +3,31 @@ import React, { useEffect, useState, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { AppDispatch, RootState } from '@/redux/store';
 import { getUserProfile, updateUserProfile } from '@/redux/slices/profileSlice';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
-import InputBox from '@/components/InputBox';
+
 import { toast } from 'react-toastify';
 import { showToast } from '@/helpers/toast';
 import { useForm, SubmitHandler, useWatch } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
+
 import updateSchema from '@/validations/userProfileSchema';
 import { useRouter } from 'next/navigation';
 import type { z } from 'zod';
 
+import { zodResolver } from '@hookform/resolvers/zod';
+
+import InputBox from '@/components/InputBox';
+import UpdatePasswords from './updatepassword';
 type FormSchemaType = z.infer<typeof updateSchema>;
 
 const UserProfileForm: React.FC = () => {
   const route = useRouter();
+  const [showlModal, setShowmodal] = useState(false);
   const dispatch = useDispatch<AppDispatch>();
   const { user, loading, error } = useSelector(
     (state: RootState) => state.userProfile,
   );
-
+  const handleshow = () => {
+    setShowmodal(!showlModal);
+  };
   const {
     register,
     handleSubmit,
@@ -113,7 +118,6 @@ const UserProfileForm: React.FC = () => {
         );
         if (response.payload && response.payload.User) {
           currentProfile.User = response.payload.User;
-          console.log('currentProfile', currentProfile);
           localStorage.setItem('profile', JSON.stringify(currentProfile));
         }
 
@@ -267,6 +271,14 @@ const UserProfileForm: React.FC = () => {
                   </svg>
                   {watchedValues.phone || 'Contact Number'}
                 </li>
+                <li>
+                  <button
+                    onClick={() => setShowmodal(!showlModal)}
+                    className="cursor-pointer p-2  text-blue-500 hover:text-blue-600 hover:font-semibold duration-200"
+                  >
+                    Update Password
+                  </button>
+                </li>
               </ul>
             </aside>
 
@@ -350,10 +362,11 @@ const UserProfileForm: React.FC = () => {
                 </div>
                 <div className="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
                   <button
+                    onClick={() => route.back()}
                     type="button"
                     className="w-full sm:w-1/2 bg-white text-gray-700 border border-gray-300 px-16 py-2 rounded hover:bg-gray-100 transition duration-300"
                   >
-                    <a href="/profile">Cancel</a>
+                    <a>Cancel</a>
                   </button>
                   <button
                     type="submit"
@@ -371,6 +384,7 @@ const UserProfileForm: React.FC = () => {
           </div>
         </div>
       </main>
+      <UpdatePasswords handleshow={handleshow} showlModal={showlModal} />
     </div>
   );
 };
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index 995e0e7..37be6ba 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -133,7 +133,7 @@ const ProductsTable: React.FC<Properties> = ({ Role }) => {
                   </td>
                   <td className="px-6 py-4">{product.productDiscount}</td>
                   <td className="py-4">
-                    <Link href={`/dashboard/products_/${product.id}`}>
+                    <Link href={`/dashboard/product/${product.id}`}>
                       <button className="w-[90px] py-2 bg-blue-500 hover:bg-blue-600 text-white">
                         View
                       </button>
@@ -150,7 +150,7 @@ const ProductsTable: React.FC<Properties> = ({ Role }) => {
                         </button>
                       </td>
                       <td className="py-2">
-                        <Link href={`/dashboard/product_/${product.id}`}>
+                        <Link href={`/dashboard/product/${product.id}/edit`}>
                           <button className="w-[90px] py-2 bg-gray-500 hover:bg-gray-600 text-white">
                             Update
                           </button>
diff --git a/src/components/headerDash.tsx b/src/components/headerDash.tsx
index f6d51db..98b42a9 100644
--- a/src/components/headerDash.tsx
+++ b/src/components/headerDash.tsx
@@ -46,7 +46,7 @@ const HeaderDash: React.FC<HeaderInterface> = ({ pageName }) => {
         </div>
         <div className={` flex gap-2 w-auto justify-center items-center`}>
           <div
-            className="bg-blue-600 rounded-full h-10 w-10 flex justify-center items-center hover:bg-green-600"
+            className="bg-blue-600 rounded-full h-7 w-7 flex justify-center items-center hover:bg-green-600"
             onClick={handleShowNotification}
           >
             <NotificationIcon toggleNotification={handleShowNotification} />
diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx
index 1a07226..5025bf9 100644
--- a/src/components/profile/ProfileHeader.tsx
+++ b/src/components/profile/ProfileHeader.tsx
@@ -70,7 +70,7 @@ function ProfileHeader() {
   const router = useRouter();
   const handleEditProfile = () => {
     if (user?.User.Role.name !== 'buyer') {
-      router.push(`/dashboard/profile_/${user?.User?.id}`);
+      router.push(`/dashboard/profile/${user?.User?.id}`);
     } else {
       router.push('/profile-edit');
     }
@@ -100,12 +100,6 @@ function ProfileHeader() {
           </div>
 
           <div className="mt-4 sm:mt-0 space-y-2 sm:space-y-0 sm:space-x-2 flex flex-col sm:flex-row justify-center items-center">
-            <button
-              onClick={() => setShowmodal(!showlModal)}
-              className="bg-blue-600 hover:bg-blue-700 p-2  text-white"
-            >
-              Update Password
-            </button>
             <GreenButton
               name="Edit Profile"
               className="px-4 bg-green-500"
diff --git a/src/components/singleproduct.tsx b/src/components/singleproduct.tsx
index 588abac..9fe370d 100644
--- a/src/components/singleproduct.tsx
+++ b/src/components/singleproduct.tsx
@@ -172,7 +172,7 @@ const Singleproduct: React.FC<Properties> = ({ role }) => {
               </div>
               {role === 'seller' && (
                 <div className="flex space-x-5 gap-3">
-                  <Link href={`/dashboard/product_/${id}`}>
+                  <Link href={`/dashboard/product/${id}/edit`}>
                     <BlueBorderButton
                       name="Edit"
                       className="border border-blue-500 px-12 hover:bg-blue-500 hover:text-white py-2"
diff --git a/src/components/updatepassword.tsx b/src/components/updatepassword.tsx
new file mode 100644
index 0000000..81b48a0
--- /dev/null
+++ b/src/components/updatepassword.tsx
@@ -0,0 +1,95 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+
+import { useDispatch, useSelector } from 'react-redux';
+import { AppDispatch, RootState } from '@/redux/store';
+import { getUserProfile } from '@/redux/slices/profileSlice';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useRouter } from 'next/navigation';
+import GlobarPopUp from '@/components/UsablePopUp';
+import { Button } from '@/components/Button';
+import InputBox from '@/components/InputBox';
+import PopUpModels from '@/components/PopUpModels';
+import { Updatepassword } from '@/validations/Updatepassword';
+import UpdatePassword from '@/hooks/updatepassword';
+
+import { useForm } from 'react-hook-form';
+export interface FormDataType {
+  confirmPassword: string;
+  newPassword: string;
+  oldPassword: string;
+}
+
+interface Properities {
+  handleshow: () => void;
+  showlModal: boolean;
+}
+
+const UpdatePasswords: React.FC<Properities> = ({ handleshow, showlModal }) => {
+  let { submit, erro, loadings, success, handlemoduleButton } =
+    UpdatePassword();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    reset,
+  } = useForm<FormDataType>({
+    resolver: zodResolver(Updatepassword),
+  });
+  const onSubmit = (data: FormDataType) => {
+    const result = submit(data);
+    // if (result) {
+    //   reset();
+    // }
+  };
+
+  return (
+    <div>
+      {showlModal && (
+        <GlobarPopUp handleShowModel={handleshow}>
+          <div className="flex justify-center flex-col  mx-6 py-20">
+            <form action="" onSubmit={handleSubmit(onSubmit)}>
+              <InputBox
+                type="password"
+                nameuse="Old Password"
+                placeholder="Old Password"
+                {...register('oldPassword')}
+                error={errors.oldPassword?.message as string}
+              />
+              <InputBox
+                type="password"
+                nameuse="New Password"
+                placeholder="New Password"
+                {...register('newPassword')}
+                error={errors.newPassword?.message as string}
+              />
+              <InputBox
+                type="Password"
+                nameuse="Confirm Password"
+                placeholder="Confirm Password"
+                {...register('confirmPassword')}
+                error={errors.confirmPassword?.message as string}
+              />
+              <h1 className="text-red-400"> {erro}</h1>
+              <div className="w-full mt-5">
+                <Button name="Save" loading={loadings} />
+              </div>
+            </form>
+          </div>
+        </GlobarPopUp>
+      )}
+      {success && (
+        <PopUpModels
+          handleButton={handlemoduleButton}
+          testid="updatetest"
+          bodyText=" Your password has been updated successfully. Next time, please remember to use the updated version !"
+          topText="Password Updated  ✅"
+          iconImagelink="/Verified.png"
+        />
+      )}
+    </div>
+  );
+};
+
+export default UpdatePasswords;