diff --git a/public/assets/bg.jpg b/public/assets/bg.jpg
new file mode 100644
index 0000000..d36df8c
Binary files /dev/null and b/public/assets/bg.jpg differ
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index c5327d6..214f946 100644
--- a/src/pages/index.jsx
+++ b/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]);
 
diff --git a/src/pages/landing.jsx b/src/pages/landing.jsx
new file mode 100644
index 0000000..6121b75
--- /dev/null
+++ b/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>
+    );
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 605e701..738ce48 100644
--- a/src/styles/globals.css
+++ b/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");
 }
\ No newline at end of file