From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src/core/components/elements/NavBar/NavBar.jsx | 31 ++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/core/components/elements/NavBar/NavBar.jsx

(limited to 'src/core/components/elements/NavBar/NavBar.jsx')

diff --git a/src/core/components/elements/NavBar/NavBar.jsx b/src/core/components/elements/NavBar/NavBar.jsx
new file mode 100644
index 00000000..212fd341
--- /dev/null
+++ b/src/core/components/elements/NavBar/NavBar.jsx
@@ -0,0 +1,31 @@
+import Image from "next/image"
+import IndoteknikLogo from "@/images/logo.png"
+import { Bars3Icon, HeartIcon, ShoppingCartIcon } from "@heroicons/react/24/outline"
+import Link from "../Link/Link"
+import Search from "./Search"
+
+const NavBar = () => {
+  return (
+    <nav className="px-4 py-2 pb-3 sticky top-0 z-50 bg-white shadow">
+      <div className="flex justify-between items-center mb-2">
+        <Link href="/">
+          <Image src={IndoteknikLogo} alt="Indoteknik Logo" width={120} height={40} />
+        </Link>
+        <div className="flex gap-x-3">
+          <button type="button">
+            <HeartIcon className="w-6 text-gray_r-12" />
+          </button>
+          <Link href="/shop/cart">
+            <ShoppingCartIcon className="w-6 text-gray_r-12" />
+          </Link>
+          <button type="button">
+            <Bars3Icon className="w-6 text-gray_r-12" />
+          </button>
+        </div>
+      </div>
+      <Search />
+    </nav>
+  )
+}
+
+export default NavBar
\ No newline at end of file
-- 
cgit v1.2.3

