1 files changed, 45 insertions, 0 deletions
diff --git a/pages/_offline.js b/pages/_offline.js
new file mode 100644
index 0000000..f440b39
--- /dev/null
+++ b/pages/_offline.js
@@ -0,0 +1,45 @@
+import Image from "next/image";
+import React from "react";
+
+export default function Fallback() {
+  return (
+    <div className="w-screen h-screen flex-center flex-col gap-5">
+      <div className="relative">
+        <Image
+          src="/svg/c.svg"
+          alt="logo"
+          height={160}
+          width={160}
+          quality={100}
+          className="object-cover"
+        />
+      </div>
+      <p className="flex items-center gap-2 text-2xl">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="1em"
+          height="1em"
+          viewBox="0 0 512 512"
+        >
+          <path
+            fill="none"
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="32"
+            d="M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37m147.45-22.26C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88c-8.89-89.54-71-144-144-144c-26.16 0-48.79 6.93-67.6 18.14"
+          ></path>
+          <path
+            fill="none"
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeMiterlimit="10"
+            strokeWidth="32"
+            d="M448 448L64 64"
+          ></path>
+        </svg>
+        <span>You are Offline :\</span>
+      </p>
+    </div>
+  );
+}