diff --git a/components/AppsComponent/CheckoutData/page.jsx b/components/AppsComponent/CheckoutData/page.jsx
index 9e0a8de..9c77912 100644
--- a/components/AppsComponent/CheckoutData/page.jsx
+++ b/components/AppsComponent/CheckoutData/page.jsx
@@ -282,7 +282,7 @@ const CheckoutData = () => {
               }`}
             >
               <div>
-                <Image src={zarin} className="w-[50px]" alt="" />
+                <Image src={zarin} className="w-[50px]" alt="زرین پال" />
               </div>
               <div className="mx-2">
                 <h3 className="mb-0 text-sm text-right font-medium text-primary-500 ">
@@ -294,7 +294,7 @@ const CheckoutData = () => {
 
             <div className="flex rtl px-2 py-1 mx-2 mt-5 opacity-40">
               <div>
-                <Image src={ap} className="w-[45px]" alt="" />
+                <Image src={ap} className="w-[45px]" alt="آپ" />
               </div>
               <div className="mx-2">
                 <h3 className="mb-0 text-sm text-right font-medium text-primary-500 ">
diff --git a/components/AppsComponent/ProductData/page.jsx b/components/AppsComponent/ProductData/page.jsx
index 7a510c4..de5974a 100644
--- a/components/AppsComponent/ProductData/page.jsx
+++ b/components/AppsComponent/ProductData/page.jsx
@@ -141,14 +141,14 @@ const ProductData = ({ params }) => {
                       height={350}
                       className=" mx-auto !object-cover"
                       onClick={() => CTX.setIsOpenLightBox(true)}
-                      alt=""
+                      alt={`${product.persianName} - ${product.englishName}`}
                     />
                   ) : (
                     <div className="xs:!w-[85px] lg:!w-[85px] my-10 ">
                       <Image
                         src={logo}
                         className="xs:!w-[70px] lg:!w-[70px] mx-auto !object-cover opacity-25 mt-5"
-                        alt=""
+                        alt="وسمه"
                       />
                     </div>
                   )}
diff --git a/components/AppsComponent/RootData/page.jsx b/components/AppsComponent/RootData/page.jsx
index 2fc4ac8..4a44983 100644
--- a/components/AppsComponent/RootData/page.jsx
+++ b/components/AppsComponent/RootData/page.jsx
@@ -15,6 +15,7 @@ import "../../../style/fontiran.css";
 import "../../../style/globals.css";
 import Goftino from "plugins/Goftino/page";
 import { useRouter } from "next/navigation";
+import NextTopLoader from "nextjs-toploader";
 
 const RootData = ({ children }) => {
   const [cart, setCart] = useState([]);
@@ -357,6 +358,21 @@ const RootData = ({ children }) => {
       <Loading />
       <BottomSheetAddress />
       <BottomSheetLogOut />
+      <NextTopLoader
+        color="#2189A8"
+        initialPosition={0.08}
+        crawlSpeed={200}
+        height={8}
+        crawl={true}
+        showSpinner={true}
+        easing="ease"
+        speed={200}
+        shadow="0 0 10px #2299DD,0 0 5px #2299DD"
+        template='<div class="bar" role="bar"><div class="peg"></div></div> 
+  <div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
+        zIndex={1600}
+        showAtBottom={false}
+      />
 
       <Goftino />
     </AppContext.Provider>
diff --git a/components/Cards/CardCart/page.jsx b/components/Cards/CardCart/page.jsx
index ddeaf49..755045c 100644
--- a/components/Cards/CardCart/page.jsx
+++ b/components/Cards/CardCart/page.jsx
@@ -20,14 +20,14 @@ const CardCart = ({ data }) => {
               width={100}
               height={100}
               className="xs:!w-[110px] lg:!w-[130px] mx-auto !object-cover"
-              alt=""
+              alt={`${data.persianName} - ${data.englishName}`}
             />
           ) : (
             <div className="xs:!w-[85px] lg:!w-[85px] ">
               <Image
                 src={logo}
                 className="xs:!w-[70px] lg:!w-[70px] mx-auto !object-cover opacity-25 mt-5"
-                alt=""
+                alt="وسمه"
               />
             </div>
           )}
diff --git a/components/Cards/CardCategories/page.jsx b/components/Cards/CardCategories/page.jsx
index dea6122..d9aa91e 100644
--- a/components/Cards/CardCategories/page.jsx
+++ b/components/Cards/CardCategories/page.jsx
@@ -52,14 +52,14 @@ const CardCategories = ({ data }) => {
                   width={200}
                   height={200}
                   className="xs:!w-[110px] lg:!w-[130px] mx-auto"
-                  alt=""
+                  alt={`${data.persianName} - ${data.englishName}`}
                 />
               ) : (
                 <div className="xs:!w-[85px] lg:!w-[85px] h-[90px] mt-10 ">
                   <Image
                     src={logo}
                     className="xs:!w-[70px] lg:!w-[70px]  mx-auto  opacity-25 mt-5"
-                    alt=""
+                    alt="وسمه"
                   />
                 </div>
               )}
diff --git a/components/Cards/CardCategoriesMobile/page.jsx b/components/Cards/CardCategoriesMobile/page.jsx
index 79ba69e..e9f51af 100644
--- a/components/Cards/CardCategoriesMobile/page.jsx
+++ b/components/Cards/CardCategoriesMobile/page.jsx
@@ -22,14 +22,14 @@ const CardCategoriesMobile = ({ data }) => {
               width={200}
               height={200}
               className="xs:!w-[110px] lg:!w-[130px] mx-auto "
-              alt=""
+              alt={`${data.persianName} - ${data.englishName}`}
             />
           ) : (
             <div className="xs:!w-[85px] lg:!w-[85px] ">
               <Image
                 src={logo}
                 className="xs:!w-[70px] lg:!w-[70px] mx-auto  opacity-25 mt-5"
-                alt=""
+                alt="وسمه"
               />
             </div>
           )}
diff --git a/components/Cards/CardNormal/page.jsx b/components/Cards/CardNormal/page.jsx
index 7745036..24a8b1b 100644
--- a/components/Cards/CardNormal/page.jsx
+++ b/components/Cards/CardNormal/page.jsx
@@ -47,14 +47,14 @@ const CardNormal = ({ data }) => {
                   width={200}
                   height={200}
                   className="xs:!w-[110px] lg:!w-[130px] mx-auto"
-                  alt=""
+                  alt={`${data.persianName} - ${data.englishName}`}
                 />
               ) : (
                 <div className="xs:!w-[85px] lg:!w-[85px] h-[90px] xs:mt-5 lg:mt-10   ">
                   <Image
                     src={logo}
                     className="xs:!w-[70px] lg:!w-[70px]  mx-auto  opacity-25 mt-5"
-                    alt=""
+                    alt="وسمه"
                   />
                 </div>
               )}
diff --git a/components/Cards/CardSurprise/page.jsx b/components/Cards/CardSurprise/page.jsx
index 613ac70..a0122d6 100644
--- a/components/Cards/CardSurprise/page.jsx
+++ b/components/Cards/CardSurprise/page.jsx
@@ -44,14 +44,14 @@ const CardSurprise = ({ data }) => {
                   width={100}
                   height={100}
                   className="xs:!w-[110px] lg:!w-[130px] mx-auto !object-cover"
-                  alt=""
+                  alt={`${data.persianName} - ${data.englishName}`}
                 />
               ) : (
                 <div className="xs:!w-[85px] lg:!w-[85px] h-[90px] mt-10 ">
                   <Image
                     src={logo}
                     className="xs:!w-[70px] lg:!w-[70px]  mx-auto !object-cover opacity-25 mt-5"
-                    alt=""
+                    alt="وسمه"
                   />
                 </div>
               )}
diff --git a/components/Footer/page.jsx b/components/Footer/page.jsx
index d94c14f..b244a24 100644
--- a/components/Footer/page.jsx
+++ b/components/Footer/page.jsx
@@ -8,7 +8,7 @@ const Footer = () => {
       <div className="bg-gray-100 p-5 pb-10 lg:flex rtl lg:px-20">
         <div className=" p-3 xs:w-full lg:w-8/12 mx-2 flex rtl">
           <div className="xs:w-[70px] lg:w-[100px]">
-            <Image src={logo} alt="" />
+            <Image src={logo} alt=" وسمه vesmeh" />
           </div>
           <div className="mr-3">
             <h3>
diff --git a/components/LandingPage/BetweenSexualSection/page.jsx b/components/LandingPage/BetweenSexualSection/page.jsx
index 507838b..9bf3684 100644
--- a/components/LandingPage/BetweenSexualSection/page.jsx
+++ b/components/LandingPage/BetweenSexualSection/page.jsx
@@ -11,7 +11,11 @@ const BetweenSexualSection = () => {
         <div className="grid xs:grid-cols-1 lg:grid-cols-3 rtl ">
           <div className="  rounded-3xl overflow-hidden relative z-10">
             <div className="w-full">
-              <Image src={between} className=" object-cover" alt="" />
+              <Image
+                src={between}
+                className=" object-cover"
+                alt="بهداشت جنسی آقایان و بانوان"
+              />
             </div>
           </div>
 
@@ -43,7 +47,7 @@ const BetweenSexualSection = () => {
                         <Image
                           src={between1}
                           className=" object-cover"
-                          alt=""
+                          alt="لوازم بهداشت بانوان وسمه"
                         />
                       </div>
                     </div>
@@ -67,7 +71,7 @@ const BetweenSexualSection = () => {
                         <Image
                           src={between2}
                           className=" object-cover"
-                          alt=""
+                          alt="لوازم بهداشت آقایان وسمه"
                         />
                       </div>
                     </div>
diff --git a/components/LandingPage/HeroSection/page.jsx b/components/LandingPage/HeroSection/page.jsx
index b6533c3..6f79cea 100644
--- a/components/LandingPage/HeroSection/page.jsx
+++ b/components/LandingPage/HeroSection/page.jsx
@@ -28,7 +28,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px] ">
-                    <Image src={yek} alt="" />
+                    <Image src={yek} alt="مراقبت پوست فروشگاه اینترنتی وسمه" />
                   </div>
                 </div>
               </div>
@@ -48,7 +48,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px] ">
-                    <Image src={doo} alt="" />
+                    <Image src={doo} alt="آرایش لب فروشگاه اینترنتی وسمه" />
                   </div>
                 </div>
               </div>
@@ -68,7 +68,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px]  ">
-                    <Image src={see} alt="" />{" "}
+                    <Image src={see} alt="آرایش ناخن فروشگاه اینترنتی وسمه" />{" "}
                   </div>
                 </div>
               </div>
@@ -88,7 +88,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px] ">
-                    <Image src={chr} alt="" />
+                    <Image src={chr} alt="بهداشت جنسی فروشگاه اینترنتی وسمه" />
                   </div>
                 </div>
               </div>
@@ -108,7 +108,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px] ">
-                    <Image src={png} alt="" />
+                    <Image src={png} alt="آرایش چشم فروشگاه اینترنتی وسمه" />
                   </div>
                 </div>
               </div>
@@ -128,7 +128,7 @@ const HeroSection = () => {
               <div className="flex justify-center">
                 <div className="absolute w-full">
                   <div className=" xs:w-[110px] lg:w-[170px] lg:ml-[-20px] xs:ml-[-15px] mt-[-10px] ">
-                    <Image src={shs} alt="" />{" "}
+                    <Image src={shs} alt="کرم پودر فروشگاه اینترنتی وسمه" />{" "}
                   </div>
                 </div>
               </div>
diff --git a/components/LandingPage/HomeSection/page.jsx b/components/LandingPage/HomeSection/page.jsx
index fbe9ba8..b5ff056 100644
--- a/components/LandingPage/HomeSection/page.jsx
+++ b/components/LandingPage/HomeSection/page.jsx
@@ -11,7 +11,11 @@ const HomeSection = ({ data }) => {
         <div className="grid xs:grid-cols-1 lg:grid-cols-3 rtl ">
           <div className="rounded-3xl overflow-hidden relative z-10">
             <div className="w-full">
-              <Image src={khane} className="object-cover" alt="" />
+              <Image
+                src={khane}
+                className="object-cover"
+                alt="لوازم بهداشتی منزل وسمه"
+              />
             </div>
           </div>
 
diff --git a/components/LandingPage/SurpriseSection/page.jsx b/components/LandingPage/SurpriseSection/page.jsx
index 006edd0..ba6d0fe 100644
--- a/components/LandingPage/SurpriseSection/page.jsx
+++ b/components/LandingPage/SurpriseSection/page.jsx
@@ -5,7 +5,10 @@ import { Swiper, SwiperSlide } from "swiper/react";
 const SurpriseSection = ({ data }) => {
   console.log("sss injaaaha", data);
   return (
-    <section className="mb-10 pb-10 xs:bg-red-500 lg:bg-transparent xs:mx-3 lg:mx-0 xs:px-5 lg:px-0 xs:rounded-3xl lg:rounded-[0px] mt-20">
+    <section
+      className="mb-10 pb-10 xs:bg-red-500 lg:bg-transparent xs:mx-3 lg:mx-0 xs:px-5 lg:px-0 xs:rounded-3xl lg:rounded-[0px] mt-20"
+      id="offer"
+    >
       <div className=" relative xs:hidden lg:block  ">
         <div className="w-full flex justify-end absolute ">
           <svg
diff --git a/components/Navbar/SideBarNavBarMobile/page.jsx b/components/Navbar/SideBarNavBarMobile/page.jsx
index cb3a304..6d21cd6 100644
--- a/components/Navbar/SideBarNavBarMobile/page.jsx
+++ b/components/Navbar/SideBarNavBarMobile/page.jsx
@@ -63,7 +63,7 @@ const SideBarNavBarMobile = () => {
                         src={logo}
                         width={60}
                         height={60}
-                        alt=""
+                        alt="وسمه"
                         className="mx-auto"
                       />
                     </div>
diff --git a/components/Navbar/page.jsx b/components/Navbar/page.jsx
index 35e01a9..e701f90 100644
--- a/components/Navbar/page.jsx
+++ b/components/Navbar/page.jsx
@@ -1,7 +1,7 @@
 "use client";
 import Image from "next/image";
 import { useContext, useEffect, useState } from "react";
-import cover from "../../public/images/cover.png";
+import cover from "../../public/images/navbar/n1.jpg";
 import divider from "../../public/images/divider.png";
 import logoWhite from "../../public/images/logo-white.png";
 import logoBlack from "../../public/images/logo.png";
@@ -75,7 +75,10 @@ const Navbar = ({ theme }) => {
               }  `}
             >
               <Link href={"/"}>
-                <Image src={theme == 0 ? logoWhite : logoBlack} alt="" />
+                <Image
+                  src={theme == 0 ? logoWhite : logoBlack}
+                  alt="وسمه vesmeh"
+                />
               </Link>
             </div>
 
@@ -207,8 +210,21 @@ const Navbar = ({ theme }) => {
               ))}
             </div>
 
-            <div className="bg-red-600 mb-4 px-4 rounded-full">
-              <p className="mb-0 text-white">بمب امروز </p>
+            <div
+              onClick={() => {
+                const element = document.getElementById("offer");
+                if (element) {
+                  const offset = -80; // Adjust this value as needed
+                  window.scrollTo({
+                    top: element.offsetTop + offset,
+                    behavior: "smooth",
+                  });
+                }
+              }}
+            >
+              <div className="bg-red-600 mb-4 px-4 h-fit mt-1 mr-2 rounded-full cursor-pointer">
+                <p className="mb-0 text-white">بمب امروز </p>
+              </div>
             </div>
           </div>
 
@@ -294,39 +310,39 @@ const Navbar = ({ theme }) => {
                       </ul>
                     </div>
 
-                    <div className=" mx-2 p-5 w-10/12">
-                      <div className=" mx-2 h-[300px] w-full bg-red-900 rounded-[60px] overflow-hidden relative border-[3px] border-gray-50">
-                        <div className="absolute">
-                          <Image
-                            src={cover}
-                            className="h-[300px] object-cover brightness-50"
-                            alt=""
-                          />
-                        </div>
-
-                        <div className=" mt-[90px] relative">
-                          <div className="flex justify-center">
-                            <div className="w-[50px] h-[50px] rounded-full bg-white mt-5 ">
-                              <svg
-                                width="20"
-                                height="20"
-                                viewBox="0 0 356 357"
-                                fill="none"
-                                xmlns="http://www.w3.org/2000/svg"
-                                className="mx-auto mt-4 mr-3 opacity-30"
-                              >
-                                <path
-                                  d="M0 1.17188L1.17509 356.17L354.586 177.499L0 1.17188Z"
-                                  fill="black"
-                                />
-                              </svg>
-                            </div>
-                          </div>
-                          <p className="mb-0 w-full text-white bg-navbar mt-3 text-center">
-                            چرا آرایشی وسمه ؟
-                          </p>
-                        </div>
+                    <div className=" w-[230px]">
+                      <div className="absolute left-5">
+                        <Image
+                          src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${dataNav[navItemHover]?.mainImage}`}
+                          className=" !w-[230px]  rounded-xl   "
+                          width={300}
+                          height={300}
+                          alt={`${dataNav[navItemHover]?.name} وسمه`}
+                        />
                       </div>
+
+                      {/* <div className=" mt-[90px] w-[230px] relative">
+                        <div className="flex justify-center">
+                          <div className="w-[50px] h-[50px] rounded-full bg-white mt-5 ">
+                            <svg
+                              width="20"
+                              height="20"
+                              viewBox="0 0 356 357"
+                              fill="none"
+                              xmlns="http://www.w3.org/2000/svg"
+                              className="mx-auto mt-4 mr-3 opacity-30"
+                            >
+                              <path
+                                d="M0 1.17188L1.17509 356.17L354.586 177.499L0 1.17188Z"
+                                fill="black"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                        <p className="mb-0 w-full text-primary-500 bg-primary-100 mt-3 text-center">
+                          چرا آرایشی وسمه ؟
+                        </p>
+                      </div> */}
                     </div>
                   </div>
                 </div>
@@ -352,9 +368,15 @@ const Navbar = ({ theme }) => {
             <Link href={"/"}>
               <div className="w-[70px] mt-[6px]  z-10  ">
                 {isScrolled ? (
-                  <Image src={theme == 0 ? logoBlack : logoBlack} alt="" />
+                  <Image
+                    src={theme == 0 ? logoBlack : logoBlack}
+                    alt="وسمه vesmeh"
+                  />
                 ) : (
-                  <Image src={theme == 0 ? logoWhite : logoBlack} alt="" />
+                  <Image
+                    src={theme == 0 ? logoWhite : logoBlack}
+                    alt="وسمه vesmeh"
+                  />
                 )}
               </div>
             </Link>
diff --git a/package-lock.json b/package-lock.json
index 482e75c..676de1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "framer-motion": "^10.16.16",
         "jalali-moment": "^3.3.11",
         "next": "14.0.4",
+        "nextjs-toploader": "^1.6.6",
         "rc-slider": "^10.5.0",
         "react": "^18",
         "react-dom": "^18",
@@ -441,6 +442,11 @@
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
       "dev": true
     },
+    "node_modules/@types/nprogress": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.3.tgz",
+      "integrity": "sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA=="
+    },
     "node_modules/@types/warning": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",
@@ -3403,6 +3409,21 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/nextjs-toploader": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/nextjs-toploader/-/nextjs-toploader-1.6.6.tgz",
+      "integrity": "sha512-LKow/aV28/DLhj4yH1E8ydF/I5QDNsb5NqlbsXBaIVFrmZ9/OGHyxPLdumvPE2IOYoQdvJ4XWoaCA1v7aivYBg==",
+      "dependencies": {
+        "@types/nprogress": "^0.2.2",
+        "nprogress": "^0.2.0",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "next": ">= 6.0.0",
+        "react": ">= 16.0.0",
+        "react-dom": ">= 16.0.0"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
@@ -3427,6 +3448,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
diff --git a/package.json b/package.json
index 30c3507..523633e 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "framer-motion": "^10.16.16",
     "jalali-moment": "^3.3.11",
     "next": "14.0.4",
+    "nextjs-toploader": "^1.6.6",
     "rc-slider": "^10.5.0",
     "react": "^18",
     "react-dom": "^18",
diff --git a/plugins/Gallery/page.jsx b/plugins/Gallery/page.jsx
index 941a1a9..d5bab04 100644
--- a/plugins/Gallery/page.jsx
+++ b/plugins/Gallery/page.jsx
@@ -25,14 +25,14 @@ const GalleryBox = ({ file }) => {
               height={350}
               className=" mx-auto !object-cover"
               onClick={() => CTX.setIsOpenLightBox(true)}
-              alt=""
+              alt={file[0].fileName}
             />
           ) : (
             <div className="xs:!w-[85px] lg:!w-[85px] ">
               <Image
                 src={logo}
                 className="xs:!w-[70px] lg:!w-[70px] mx-auto !object-cover opacity-25 mt-5"
-                alt=""
+                alt="وسمه"
               />
             </div>
           )}
diff --git a/public/images/navbar/n1.jpg b/public/images/navbar/n1.jpg
new file mode 100644
index 0000000..0a8f797
Binary files /dev/null and b/public/images/navbar/n1.jpg differ
diff --git a/public/images/navbar/n2.jpg b/public/images/navbar/n2.jpg
new file mode 100644
index 0000000..ef7c520
Binary files /dev/null and b/public/images/navbar/n2.jpg differ
diff --git a/public/images/navbar/n3.jpg b/public/images/navbar/n3.jpg
new file mode 100644
index 0000000..d3c3968
Binary files /dev/null and b/public/images/navbar/n3.jpg differ
diff --git a/public/images/navbar/n4.jpg b/public/images/navbar/n4.jpg
new file mode 100644
index 0000000..f62e8cf
Binary files /dev/null and b/public/images/navbar/n4.jpg differ
diff --git a/public/images/navbar/n5.jpg b/public/images/navbar/n5.jpg
new file mode 100644
index 0000000..a0634f8
Binary files /dev/null and b/public/images/navbar/n5.jpg differ
diff --git a/public/images/navbar/n6.jpg b/public/images/navbar/n6.jpg
new file mode 100644
index 0000000..416514e
Binary files /dev/null and b/public/images/navbar/n6.jpg differ
diff --git a/public/images/navbar/n7.jpg b/public/images/navbar/n7.jpg
new file mode 100644
index 0000000..4643e66
Binary files /dev/null and b/public/images/navbar/n7.jpg differ
diff --git a/src/app/login/page.jsx b/src/app/login/page.jsx
index 2938cb2..e718c56 100644
--- a/src/app/login/page.jsx
+++ b/src/app/login/page.jsx
@@ -120,7 +120,7 @@ const Login = () => {
         <div className="bg-white p-10 rounded-3xl">
           <div className=" flex justify-center">
             <div className="w-[100px]">
-              <Image src={logo} className="mx-auto" alt="" />
+              <Image src={logo} className="mx-auto" alt="ورود و عضویت وسمه" />
             </div>
           </div>
           {stepLogin == 0 ? (