Add Lottie animations and improve styling across components

Author: codeAbinash

global.css

@@ -9,3 +9,7 @@
 .text {
   @apply text-zinc-800 dark:text-zinc-200;
 }
+
+.bg {
+  @apply bg-zinc-100 dark:bg-black;
+}

src/assets/animations/coming-soon.json renamed to lottie/json/coming-soon.json

@@ -0,0 +1,7 @@
+const Animations = {
+  'broken-clouds': require('./lottie/broken-clouds.lottie'),
+  'coming-soon': require('./lottie/coming-soon.lottie'),
+  welcome: require('./lottie/welcome.lottie'),
+}
+
+export default Animations