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;