diff --git a/public/screenshot1.png b/public/screenshot1.png
new file mode 100644
index 0000000..af4fc70
Binary files /dev/null and b/public/screenshot1.png differ
diff --git a/public/screenshot2.png b/public/screenshot2.png
new file mode 100644
index 0000000..94b0861
Binary files /dev/null and b/public/screenshot2.png differ
diff --git a/src/assets/blockmatic.svg b/src/assets/blockmatic.svg
index bc1116e..7ee3529 100644
--- a/src/assets/blockmatic.svg
+++ b/src/assets/blockmatic.svg
@@ -16,16 +16,16 @@
      transform="translate(-69.282031,-147.50001)">
     <path
        id="path22"
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
+       style="fill-opacity:1;stroke-width:0.264583"
        d="m 73.612157,152.49999 v 2 l 0.866024,-0.5 v -1 l 0.866026,-0.5 v 2 l 0.866026,-0.5 v -1 l 0.866024,-0.5 v -1 L 77.942283,151 v -1.00001 z m -4.330128,-2.5 v 2 l 0.866026,0.5 v -1 l 0.866026,0.5 v 2 l 0.866024,0.5 v -1 l 0.866026,0.5 v -1 l 0.866026,0.5 v -1 z m 0,0 4.330128,2.5 4.330126,-2.5 -4.330126,-2.5 z" />
     <path
        id="path27"
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
+       style="fill-opacity:1;stroke-width:0.264583"
        d="m 73.438953,154.6 0.173204,0.1 0.173204,-0.1 v 2.59999 L 73.612157,157.3 73.438953,157.19999 Z m 0.34641,0 v 2.6 l 3.983717,-2.3 v -3.6 l -0.519615,0.3 v 1 l -0.866025,0.5 v 1 l -1.212436,0.7 v -2 l -0.519615,0.3 v 1 z m -4.330127,-2.3 v 2.6 l 3.983717,2.3 v -3.6 l -0.519615,-0.3 v 1 l -0.866025,-0.5 v 1 l -1.212436,-0.7 v -2 l -0.519615,-0.3 v 1 z" />
     <path
        d="m 80.043034,153.88264 h -0.617361 v -1.23472 h 0.617361 z M 78.808311,154.5 h 1.543404 v -0.30868 h 0.30868 v -1.85208 h -0.30868 v -0.30868 h -0.926042 v -0.61737 h -0.617362 z m 2.469446,0 h 0.617361 v -0.61736 h -0.308681 v -2.46945 h -0.617361 v 2.77813 h 0.308681 z m 2.160764,-0.61736 H 82.82116 v -1.23472 h 0.617361 z M 82.512479,154.5 h 1.234722 v -0.30868 h 0.308681 v -1.85208 h -0.308681 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z m 2.160765,0 h 1.234722 v -0.30868 h 0.308681 v -0.61736 h -0.617362 v 0.30868 h -0.617361 v -1.23472 h 0.617361 v 0.30868 h 0.617362 v -0.61736 h -0.308681 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z m 1.852083,0 h 0.617361 v -0.92604 H 87.76005 V 154.5 h 0.617361 v -1.23472 H 88.06873 v -0.30868 h 0.308681 v -0.92604 H 87.76005 v 0.92604 h -0.617362 v -1.54341 h -0.617361 z m 2.160764,0 h 0.617362 v -1.85208 h 0.30868 V 154.5 h 0.617362 v -1.85208 h 0.30868 V 154.5 h 0.617361 v -2.16076 h -0.30868 v -0.30868 h -0.617361 v 0.30868 h -0.308681 v -0.30868 h -1.234723 z m 4.012849,-0.61736 h -0.617362 v -0.30868 H 92.69894 Z M 91.772898,154.5 h 1.543403 v -2.16076 H 93.00762 v -0.30868 h -1.543403 v 0.61736 h 1.234723 v 0.30868 h -0.926042 v 0.30868 h -0.308681 v 0.92604 h 0.308681 z m 2.160765,0 h 0.926041 v -0.61736 h -0.617361 v -1.23472 h 0.617361 v -0.61736 h -0.617361 v -0.61737 h -0.617361 v 2.77813 h 0.308681 z m 1.234722,0 h 0.617361 v -2.16076 h -0.617361 z m 0,-2.46944 h 0.617361 v -0.61737 H 95.168385 Z M 96.403108,154.5 h 1.234722 v -0.30868 h 0.308681 v -0.61736 H 97.32915 v 0.30868 h -0.617362 v -1.23472 h 0.617362 v 0.30868 h 0.617361 v -0.61736 H 97.63783 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z"
        id="text27"
-       style="font-size:4.93889px;font-family:'Born2bSporty FS';-inkscape-font-specification:'Born2bSporty FS';fill:#ffffff;stroke-width:0.264583"
+       style="font-size:4.93889px;font-family:'Born2bSporty FS';-inkscape-font-specification:'Born2bSporty FS';stroke-width:0.264583"
        aria-label="blockmatic" />
   </g>
 </svg>
diff --git a/src/index.css b/src/index.css
index 876a9e1..a25d341 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
 
 @tailwind base;
 @tailwind components;
diff --git a/src/pages/IndexPage.tsx b/src/pages/IndexPage.tsx
index 94f4dd9..939c9f5 100644
--- a/src/pages/IndexPage.tsx
+++ b/src/pages/IndexPage.tsx
@@ -10,7 +10,7 @@ function IndexPage() {
 	return (
 		<main className="flex flex-col items-center">
 			<header className="w-full flex justify-evenly p-8">
-				<BlockmaticLogo className="h-16 w-max" />
+				<BlockmaticLogo className="h-16 w-max" fill={"white"} />
 
 				<div className="flex items-center gap-8">
 					<Button variant="link" asChild>
@@ -21,6 +21,15 @@ function IndexPage() {
 					</a>
 				</div>
 			</header>
+
+			<div className="absolute w-full h-full -z-20">
+				<div className="absolute inset-0 bg-gradient-to-t from-black/100 to-black/0 z-10"></div>
+				<img src="/screenshot1.png" alt="screenshot" className="w-full h-full object-cover" />
+			</div>
+
+			<h1 className="text-5xl font-[Inter] font-bold mt-32">Convert your images to schematics</h1>
+
+			<img src="/screenshot2.png" alt="bliss" className="w-[90%] rounded-xl mt-32 border border-zinc-700 glow" />
 		</main>
 	);
 }