diff --git a/pages/index.js b/pages/index.js
index 7429006..60fced8 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -5,29 +5,30 @@ import MainLogo from "../components/MainLogo";
 
 export default function Home() {
   return (
-    <>
-      <MainLogo className="fixed top-5 left-1/2 text-4xl" />
-      <div className="container mx-auto">
+    <div className="landing-page-bg h-screen w-screen bg-left bg-cover">
+      <div className="container mx-auto ">
         {/* header */}
         <div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
-          <span className="flex flex-row space-x-5">
+          <MainLogo className="mr-auto text-3xl" />
+          <span className="flex flex-row space-x-5 items-center">
             <span className="font-bold underline decoration-slate-400 underline-offset-4">
               Home
             </span>
             <span className="text-gray-300">Features</span>
-            <span className="text-gray-300">Pricing</span>
+            <span className="text-gray-300 border-r-2 pr-5">Pricing</span>
+            <span className="ml-auto text-gray-300 mr-5">Log In</span>
+            <button className="rounded bg-teal-600 p-2 text-white shadow-lg">
+              Get Demo
+            </button>
           </span>
-
-          <span className="ml-auto text-gray-300 mr-5">Log In</span>
-          <button className="rounded bg-teal-600 p-2 text-white shadow-lg">
-            Get Demo
-          </button>
         </div>
 
-        <div className="flex flex-col justify-center items-center">
-          <span></span>
+        <div className="flex flex-col justify-start p-10">
+          <span className="text-5xl text-slate-600 font-semibold">
+            No more slacking
+          </span>
         </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/public/wallpapers/darker-mountains.jpg b/public/wallpapers/darker-mountains.jpg
new file mode 100644
index 0000000..b4cbe77
Binary files /dev/null and b/public/wallpapers/darker-mountains.jpg differ
diff --git a/public/wallpapers/glassmorphic.jpg b/public/wallpapers/glassmorphic.jpg
new file mode 100644
index 0000000..3f1dfd4
Binary files /dev/null and b/public/wallpapers/glassmorphic.jpg differ
diff --git a/styles/globals.css b/styles/globals.css
index 99fdb7d..a287371 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -134,3 +134,11 @@ p {
 ::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
+
+.landing-page-bg {
+  background-image: url("/wallpapers/glassmorphic.jpg");
+}
+
+/* body {
+  background-image: url("/wallpapers/glassmorphic.jpg");
+} */