From 1fcdd9f7d859b925bf92265f441655d5522e351c Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Tue, 11 Apr 2023 23:23:29 +0700
Subject: initial commit

---
 components/loadingScreen.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 components/loadingScreen.js

(limited to 'components/loadingScreen.js')

diff --git a/components/loadingScreen.js b/components/loadingScreen.js
new file mode 100644
index 0000000..5b5621c
--- /dev/null
+++ b/components/loadingScreen.js
@@ -0,0 +1,35 @@
+import React from "react";
+import Typewriter from "typewriter-effect";
+
+const LoadingScreen = () => {
+  return (
+    <main className="z-50 flex h-screen items-center bg-white pb-56 dark:bg-[#121212] md:justify-center md:pb-48">
+      <div className="flex w-screen flex-col items-center md:justify-center">
+        <img
+          src="https://media.discordapp.net/attachments/997882702751596674/1066581397533368401/Qiqi_1.png?width=701&height=701"
+          alt="qiqi"
+          className="translate-y-16 scale-[75%] md:scale-[85%]"
+        />
+        <div className="font-outfit text-2xl font-medium md:text-4xl">
+          <i>
+            <Typewriter
+              options={{
+                autoStart: true,
+                loop: true,
+              }}
+              onInit={(typewriter) => {
+                typewriter
+                  .typeString("Please wait...")
+                  .pauseFor(1500)
+                  .deleteAll()
+                  .start();
+              }}
+            />
+          </i>
+        </div>
+      </div>
+    </main>
+  );
+};
+
+export default LoadingScreen;
-- 
cgit v1.2.3