diff --git a/src/Views/Home/Sidebar/index.js b/src/Views/Home/Sidebar/index.js
index 45432fb..e9359f4 100644
--- a/src/Views/Home/Sidebar/index.js
+++ b/src/Views/Home/Sidebar/index.js
@@ -12,7 +12,7 @@ function Sidebar({ list, setActive }) {
className="w-full"
/>
-
+
{list.map((material, index) => (
-
+
+
+
+
+
+
diff --git a/src/components/Navbar/dark-crimson-hamburger-menu.svg b/src/components/Navbar/dark-crimson-hamburger-menu.svg
new file mode 100644
index 0000000..8d6c858
--- /dev/null
+++ b/src/components/Navbar/dark-crimson-hamburger-menu.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/components/Navbar/dark-crimson-profile-icon.svg b/src/components/Navbar/dark-crimson-profile-icon.svg
new file mode 100644
index 0000000..3879312
--- /dev/null
+++ b/src/components/Navbar/dark-crimson-profile-icon.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/components/Navbar/dark-crimson-search-box.svg b/src/components/Navbar/dark-crimson-search-box.svg
new file mode 100644
index 0000000..ab021fe
--- /dev/null
+++ b/src/components/Navbar/dark-crimson-search-box.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
new file mode 100644
index 0000000..283aacf
--- /dev/null
+++ b/src/components/Navbar/index.js
@@ -0,0 +1,143 @@
+import React from "react";
+
+import Search from "../Search";
+
+import cartIcon from "./dark-crimson-cart-icon.svg";
+import whiteCartIcon from "./white-cart-icon.svg";
+import profileIcon from "./dark-crimson-profile-icon.svg";
+import searchIcon from "./dark-crimson-search-box.svg";
+import lightGraySearchIcon from "./light-gray-search-box.svg";
+import darkCrimsonHamburgerMenu from "./dark-crimson-hamburger-menu.svg";
+import whiteHamburgerMenu from "./white-hamburger-menu-icon.svg";
+
+const HeaderDesign1 = ({
+ loginBtn,
+ menuItems,
+ category,
+ searchBox,
+ topHeader,
+ bottomHeader,
+ productCategoryTextColor,
+ menuItemsColor,
+}) => {
+ return (
+
+ );
+};
+
+export default HeaderDesign1;
+
+HeaderDesign1.defaultProps = {
+ productCategoryTextColor: "text-productPrice",
+ menuItemsColor: "text-productPrice",
+ border: "border",
+ topHeader: true,
+ bottomHeader: true,
+ menuItems: [
+ "محصولات",
+ "دسته بندی",
+ "تماس با ما",
+ "درباره ما",
+ "پیگیری",
+ "وبلاگ",
+ ],
+ category: true,
+ searchBox: true,
+ // icons
+ loginBtn: true,
+};
diff --git a/src/components/Navbar/light-gray-search-box.svg b/src/components/Navbar/light-gray-search-box.svg
new file mode 100644
index 0000000..85194ac
--- /dev/null
+++ b/src/components/Navbar/light-gray-search-box.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/components/Navbar/white-cart-icon.svg b/src/components/Navbar/white-cart-icon.svg
new file mode 100644
index 0000000..4e94683
--- /dev/null
+++ b/src/components/Navbar/white-cart-icon.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/components/Navbar/white-hamburger-menu-icon.svg b/src/components/Navbar/white-hamburger-menu-icon.svg
new file mode 100644
index 0000000..9206922
--- /dev/null
+++ b/src/components/Navbar/white-hamburger-menu-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/redux/data.js b/src/redux/data.js
index 16535c8..587a819 100644
--- a/src/redux/data.js
+++ b/src/redux/data.js
@@ -20,6 +20,7 @@ import Chart from "../components/Recharts";
import CircularProgressbar from "../components/CircularProgressbar";
import Stepper from "../components/Stepper";
import Product from "../components/Product";
+import Navbar from "../components/Navbar";
const components = [
{
@@ -457,6 +458,17 @@ const components = [
code : null,
}
},
+ {
+ name : "Navbar",
+ props : [
+
+ ],
+ content : {
+ name : "Navbar",
+ component : ,
+ code : null,
+ }
+ },
];
export default components;