From 41b7839ecb5ea11e050b123a8949fadf5ccff540 Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Sun, 20 Oct 2024 16:22:46 +0330
Subject: [PATCH] mobileMenu error fixed

---
 .../components/mobile-menu/mobileMenu.tsx     | 47 +++++++-------
 src/app/(routes)/(website)/page.tsx           | 64 +++++++++++--------
 2 files changed, 59 insertions(+), 52 deletions(-)

diff --git a/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx b/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
index 3f4fe2c..a64b9a7 100644
--- a/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
+++ b/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
@@ -84,7 +84,6 @@ export default function MobileMenu({ clicked, setClicked, dict }: propsType) {
           >
             {dict.header.Contact}
           </a>
-
           <Link
             href="/blog"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
@@ -94,30 +93,30 @@ export default function MobileMenu({ clicked, setClicked, dict }: propsType) {
           >
             {dict.header.Blog}
           </Link>
+          {selectedLocaleCookie === "fa" ? (
+            <p
+              className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
+              onClick={() => {
+                setCookie("selectedLocale", "en");
+                router.refresh();
+                setClicked(false);
+              }}
+            >
+              english
+            </p>
+          ) : (
+            <p
+              className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
+              onClick={() => {
+                setCookie("selectedLocale", "fa");
+                router.refresh();
+                setClicked(false);
+              }}
+            >
+              فارسی
+            </p>
+          )}
         </nav>
-        {selectedLocaleCookie === "fa" ? (
-          <p
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
-            onClick={() => {
-              setCookie("selectedLocale", "en");
-              router.refresh();
-              setClicked(false);
-            }}
-          >
-            english
-          </p>
-        ) : selectedLocaleCookie === "en" ? (
-          <p
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
-            onClick={() => {
-              setCookie("selectedLocale", "fa");
-              router.refresh();
-              setClicked(false);
-            }}
-          >
-            فارسی
-          </p>
-        ) : null}
       </div>
     </div>
   );
diff --git a/src/app/(routes)/(website)/page.tsx b/src/app/(routes)/(website)/page.tsx
index 00707dd..c14719a 100644
--- a/src/app/(routes)/(website)/page.tsx
+++ b/src/app/(routes)/(website)/page.tsx
@@ -41,34 +41,42 @@ export default async function Home() {
           {/* socials */}
           <div className="mt-10 flex w-full justify-center">
             <div className="flex items-center gap-[25px]">
-              <Image
-                src={"/images/icons/facebook.svg"}
-                width={32}
-                height={32}
-                alt="facebook"
-                className="svg-hover hover:cursor-pointer"
-              />
-              <Image
-                src={"/images/icons/twitter.svg"}
-                width={32}
-                height={32}
-                alt="twitter"
-                className="svg-hover hover:cursor-pointer"
-              />
-              <Image
-                src={"/images/icons/instagram.svg"}
-                width={32}
-                height={32}
-                alt="instagram"
-                className="svg-hover hover:cursor-pointer"
-              />
-              <Image
-                src={"/images/icons/linkedin.svg"}
-                width={32}
-                height={32}
-                alt="linkedin"
-                className="svg-hover hover:cursor-pointer"
-              />
+              <a href="#">
+                <Image
+                  src={"/images/icons/facebook.svg"}
+                  width={32}
+                  height={32}
+                  alt="facebook"
+                  className="svg-hover hover:cursor-pointer"
+                />
+              </a>
+              <a href="#">
+                <Image
+                  src={"/images/icons/twitter.svg"}
+                  width={32}
+                  height={32}
+                  alt="twitter"
+                  className="svg-hover hover:cursor-pointer"
+                />
+              </a>
+              <a href="#">
+                <Image
+                  src={"/images/icons/instagram.svg"}
+                  width={32}
+                  height={32}
+                  alt="instagram"
+                  className="svg-hover hover:cursor-pointer"
+                />
+              </a>
+              <a href="#">
+                <Image
+                  src={"/images/icons/linkedin.svg"}
+                  width={32}
+                  height={32}
+                  alt="linkedin"
+                  className="svg-hover hover:cursor-pointer"
+                />
+              </a>
             </div>
           </div>
         </div>