Improve page transition and product card badge

1 files changed, 15 insertions, 12 deletions

diff --git a/src/pages/404.js b/src/pages/404.js
index 652d9e96..e22eadea 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,24 +1,27 @@
 import Image from "next/image";
 import Link from "next/link";
 import Header from "../components/Header";
+import Layout from "../components/Layout";
 import PageNotFoundImage from "../images/page-not-found.png";
 
 export default function PageNotFound() {
   return (
     <>
       <Header title="Halaman Tidak Ditemukan - Indoteknik" />
-      <main className="pb-8">
-        <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-6 flex px-4 gap-x-3">
-          <Link href="/" className="btn-light flex-1">
-            Kembali ke beranda
-          </Link>
-          <a href="https://send.whatsapp.com" className="btn-yellow flex-1 h-fit">
-            Tanya admin
-          </a>
-        </div>
-      </main>
+      <Layout>
+        <main className="pb-8">
+          <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-6 flex px-4 gap-x-3">
+            <Link href="/" className="btn-light flex-1">
+              Kembali ke beranda
+            </Link>
+            <a href="https://send.whatsapp.com" className="btn-yellow flex-1 h-fit">
+              Tanya admin
+            </a>
+          </div>
+        </main>
+      </Layout>
     </>
   );
 }
\ No newline at end of file