Connect to solr (search product), header component with title, fix product card layout, show product search result

1 files changed, 24 insertions, 0 deletions

diff --git a/src/pages/404.js b/src/pages/404.js
new file mode 100644
index 00000000..83993f61
--- /dev/null
+++ b/src/pages/404.js
@@ -0,0 +1,24 @@
+import Image from "next/image";
+import Link from "next/link";
+import Header from "../components/Header";
+import PageNotFoundImage from "../images/page-not-found.png";
+
+export default function PageNotFound() {
+  return (
+    <>
+      <Header title="Halaman Tidak Ditemukan - Indoteknik" />
+      <main>
+        <Image src={PageNotFoundImage} alt="Halaman Tidak Ditemukan - Indoteknik" className="w-full" />
+        <p className="mt-3 h1 text-center">Halaman tidak ditemukan</p>
+        <div className="mt-10 text-center">
+          <Link href="/" className="btn-primary">
+            Kembali ke beranda
+          </Link>
+          <a href="https://send.whatsapp.com" className="block mt-6">
+            Tanya admin
+          </a>
+        </div>
+      </main>
+    </>
+  );
+}
\ No newline at end of file