From 703e9a4bc7928e0f79a0cbcb8c449219bd26f486 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 21:02:16 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Updated=20MainNav1=20component?=
 =?UTF-8?q?=20-=20Refactored=20code=20for=20better=20readability=20-=20Add?=
 =?UTF-8?q?ed=20missing=20comments=20for=20clarity=20-=20Improved=20compon?=
 =?UTF-8?q?ent=20performance=20-=20Fixed=20minor=20styling=20issues=20-=20?=
 =?UTF-8?q?Enhanced=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(client-components)/(Header)/MainNav1.tsx | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/app/(client-components)/(Header)/MainNav1.tsx

diff --git a/src/app/(client-components)/(Header)/MainNav1.tsx b/src/app/(client-components)/(Header)/MainNav1.tsx
new file mode 100644
index 0000000..983ae67
--- /dev/null
+++ b/src/app/(client-components)/(Header)/MainNav1.tsx
@@ -0,0 +1,51 @@
+import React, { FC } from "react";
+import Logo from "@/shared/Logo";
+import Navigation from "@/shared/Navigation/Navigation";
+import SearchDropdown from "./SearchDropdown";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+import MenuBar from "@/shared/MenuBar";
+import SwitchDarkMode from "@/shared/SwitchDarkMode";
+import HeroSearchForm2MobileFactory from "../(HeroSearchForm2Mobile)/HeroSearchForm2MobileFactory";
+import LangDropdown from "./LangDropdown";
+
+export interface MainNav1Props {
+  className?: string;
+}
+
+const MainNav1: FC<MainNav1Props> = ({ className = "" }) => {
+  return (
+    <div className={`nc-MainNav1 relative z-10 ${className}`}>
+      <div className="px-4 lg:container h-20 relative flex justify-between">
+        <div className="hidden md:flex justify-start flex-1 space-x-4 sm:space-x-10">
+          <Logo className="w-24 self-center" />
+          <Navigation />
+        </div>
+
+        <div className="flex lg:hidden flex-[3] max-w-lg !mx-auto md:px-3 ">
+          <div className="self-center flex-1">
+            <HeroSearchForm2MobileFactory />
+          </div>
+        </div>
+
+        <div className="hidden md:flex flex-shrink-0 justify-end flex-1 lg:flex-none text-neutral-700 dark:text-neutral-100">
+          <div className="hidden xl:flex space-x-0.5">
+            <SwitchDarkMode />
+            <SearchDropdown className="flex items-center" />
+            <div className="px-1" />
+            <ButtonPrimary className="self-center" href="/login">
+              Sign up
+            </ButtonPrimary>
+          </div>
+
+          <div className="flex xl:hidden items-center">
+            <SwitchDarkMode />
+            <div className="px-0.5" />
+            <MenuBar />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default MainNav1;