From fceefd96b6c620947795b75237e1bab6cc7b9de7 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 21:01:26 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Work=20in=20progress=20?=
 =?UTF-8?q?=F0=9F=8C=9F=20Adding=20MainNav2=20component=20=F0=9F=94=A7=20R?=
 =?UTF-8?q?efactoring=20MainNav2=20for=20better=20structure=20=F0=9F=93=A6?=
 =?UTF-8?q?=20Adding=20MainNav2=20component=20to=20project=20=F0=9F=92=84?=
 =?UTF-8?q?=20Styling=20MainNav2=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/app/(client-components)/(Header)/MainNav2.tsx b/src/app/(client-components)/(Header)/MainNav2.tsx
new file mode 100644
index 0000000..bb2dbfc
--- /dev/null
+++ b/src/app/(client-components)/(Header)/MainNav2.tsx
@@ -0,0 +1,58 @@
+import React, { FC } from "react";
+import Logo from "@/shared/Logo";
+import MenuBar from "@/shared/MenuBar";
+import LangDropdown from "./LangDropdown";
+import NotifyDropdown from "./NotifyDropdown";
+import AvatarDropdown from "./AvatarDropdown";
+import DropdownTravelers from "./DropdownTravelers";
+import HeroSearchForm2MobileFactory from "../(HeroSearchForm2Mobile)/HeroSearchForm2MobileFactory";
+import Link from "next/link";
+import TemplatesDropdown from "./TemplatesDropdown";
+import { Route } from "@/routers/types";
+
+export interface MainNav2Props {
+  className?: string;
+}
+
+const MainNav2: FC<MainNav2Props> = ({ className = "" }) => {
+  return (
+    <div className={`MainNav2 relative z-10 ${className}`}>
+      <div className="px-4 h-20 lg:container flex justify-between">
+        <div className="hidden md:flex justify-start flex-1 space-x-3 sm:space-x-8 lg:space-x-10">
+          <Logo className="w-24 self-center" />
+          <div className="hidden lg:block self-center h-10 border-l border-neutral-300 dark:border-neutral-500"></div>
+          <div className="hidden lg:flex ">
+            <DropdownTravelers />
+          </div>
+        </div>
+
+        <div className="self-center lg:hidden flex-[3] max-w-lg !mx-auto md:px-3">
+          <HeroSearchForm2MobileFactory />
+        </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 lg:flex space-x-1">
+            <TemplatesDropdown />
+            <LangDropdown />
+            <Link
+              href={"/add-listing" as Route<string>}
+              className="self-center text-opacity-90 group px-4 py-2 border border-neutral-300 hover:border-neutral-400 dark:border-neutral-700 rounded-full inline-flex items-center text-sm text-gray-700 dark:text-neutral-300 font-medium hover:text-opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"
+            >
+              List your property
+            </Link>
+
+            <NotifyDropdown />
+            <AvatarDropdown />
+          </div>
+          <div className="flex space-x-2 lg:hidden">
+            <NotifyDropdown />
+            <AvatarDropdown />
+            <MenuBar />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default MainNav2;