Added Landing Page

src/pages/index.jsx

@@ -15,7 +15,7 @@ export default function Home({ projects, issues }) {
 
     useEffect(() => {
         if (!user && !isLoading && !isAuthenticated) {
-            router.push("/login");
+            router.push("/landing");
         }
     }, [user, isLoading, isAuthenticated, router]);
 

src/pages/landing.jsx

@@ -0,0 +1,20 @@
+import Link from "next/link";
+import React from "react";
+
+export default function LandingPage() {
+    return (
+        <main className="h-[calc(100vh-76px)] w-full flex justify-center items-center flex-col gap-8 custom-bg">
+            <section className="bg-gray-900/95 flex flex-col gap-10 p-8 rounded-md items-center">
+                <h1 className=" text-white text-xl sm:text-5xl font-semibold">
+                    Keep track of bugs for annihilation.
+                </h1>
+                <Link
+                    className="bg-gray-200 px-10 py-3 rounded-sm text-lg hover:bg-white duration-200 ease-linear"
+                    href="/register"
+                >
+                    Get Started
+                </Link>
+            </section>
+        </main>
+    );
+}

src/styles/globals.css

@@ -9,4 +9,8 @@ body {
 
 input, select, option, textarea {
   @apply text-black w-[280px]
+}
+
+.custom-bg {
+  background-image: url("/assets/bg.jpg");
 }