diff --git a/pages/index.tsx b/pages/index.tsx
index 65d70df..e75b2d8 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,7 +5,6 @@ import Head from 'next/head'
 import { UsefulLinksList } from '../components/UsefulLinks/index'
 import { SocialLinksList } from '../components/SocialLinks/SocialLinks'
 import type { GetStaticProps } from 'next'
-import { Border } from 'components/Border'
 
 interface LandingProps {
   jobs: JobsType[]
@@ -13,25 +12,24 @@ interface LandingProps {
   projects: ProjectsType[]
 }
 
-/* 
- * bahunya.css <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" />
- *
- * new.css 
-<link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css" />
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css" />
- */
+
 export default function Landing({ jobs, skills, projects }: LandingProps) {
   return (
     <div>
       <Head>
         <meta name="color-scheme" content='dark' />
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" />
+        <body className='bg-gradient' />
       </Head>
 
-      <article>
-        <p>Probably going to put something here</p>
+      <img src='https://i.giphy.com/TBCVggEb9DzSHTUI19.webp' width={220} height={220} alt="peng" style={{ position: 'fixed', bottom: 0, left: 0 }} />
+
+      <article className='flex-row align-baseline'>
+        <p>❗👷 This site is under construction 🚧 🏗️ 🚧</p>
       </article>
 
+      <br />
+
       <header>
         <div className="flex-col gap-05">
           <img style={{ border: '1px dashed var(--links)' }} className="rounded xl "
@@ -46,7 +44,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps) {
           </a>
         </p>
 
-        <p>
+        <p className='font-muted'>
           I am a self taught Full Stack Software Developer with an unhealthy addiction to solving
           problems using code.
         </p>
diff --git a/styles/global.css b/styles/global.css
index 494a0c2..23ae1ee 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -31,6 +31,11 @@
   flex-wrap: wrap;
 }
 
+.bg-gradient {
+  background: radial-gradient(circle at top right,
+      var(--background) 0%, var(--background-body) 50%, var(--background-body) 90%)
+}
+
 
 /* WIDTH HEIGHT ---------------------------------*/
 .sm {
@@ -61,6 +66,10 @@
   height: 100dvh;
 }
 
+.h-0 {
+  height: 0;
+}
+
 .x-center {
   align-items: center;
 }
@@ -109,6 +118,7 @@
   padding: 2rem;
 }
 
+/* TEXT ---------------------------------------------*/
 .text-sm {
   font-size: 1rem;
 }
@@ -121,6 +131,7 @@
   font-size: 1.4rem;
 }
 
+/* FONT ---------------------------------------------*/
 .font-muted {
   color: var(--text-muted);
 }
@@ -133,9 +144,7 @@
   font-weight: bold;
 }
 
-.h-0 {
-  height: 0;
-}
+
 
 /* BORDER ---------------------------------- */
 .border-dashed {
