diff --git a/public/Mirror.png b/public/Mirror.png
deleted file mode 100644
index 4b32edc..0000000
Binary files a/public/Mirror.png and /dev/null differ
diff --git a/public/bitcoin.jpg b/public/bitcoin.jpg
deleted file mode 100644
index 48b1a87..0000000
Binary files a/public/bitcoin.jpg and /dev/null differ
diff --git a/public/blueprint.jpg b/public/blueprint.jpg
deleted file mode 100644
index 87eae4c..0000000
Binary files a/public/blueprint.jpg and /dev/null differ
diff --git a/public/blur_SH_water.jpg b/public/blur_SH_water.jpg
deleted file mode 100644
index 3b41cce..0000000
Binary files a/public/blur_SH_water.jpg and /dev/null differ
diff --git a/public/blur_SH_water_uncompressed.jpg b/public/blur_SH_water_uncompressed.jpg
deleted file mode 100644
index 8d94447..0000000
Binary files a/public/blur_SH_water_uncompressed.jpg and /dev/null differ
diff --git a/public/flexlove-input.mp4 b/public/flexlove-input.mp4
new file mode 100644
index 0000000..109a752
Binary files /dev/null and b/public/flexlove-input.mp4 differ
diff --git a/public/flexlove-scrollable.mp4 b/public/flexlove-scrollable.mp4
new file mode 100644
index 0000000..ab60e90
Binary files /dev/null and b/public/flexlove-scrollable.mp4 differ
diff --git a/public/flexlove-slider.mp4 b/public/flexlove-slider.mp4
new file mode 100644
index 0000000..cd51c82
Binary files /dev/null and b/public/flexlove-slider.mp4 differ
diff --git a/public/just box.png b/public/just box.png
deleted file mode 100644
index 2f5a6aa..0000000
Binary files a/public/just box.png and /dev/null differ
diff --git a/public/lineage-home.png b/public/lineage-home.png
new file mode 100644
index 0000000..9140c85
Binary files /dev/null and b/public/lineage-home.png differ
diff --git a/public/lineage-preview.mp4 b/public/lineage-preview.mp4
new file mode 100644
index 0000000..6beba50
Binary files /dev/null and b/public/lineage-preview.mp4 differ
diff --git a/public/lineage-shops.png b/public/lineage-shops.png
new file mode 100644
index 0000000..ebe5105
Binary files /dev/null and b/public/lineage-shops.png differ
diff --git a/public/manhattan-night-skyline.jpg b/public/manhattan-night-skyline.jpg
deleted file mode 100644
index a74b4a3..0000000
Binary files a/public/manhattan-night-skyline.jpg and /dev/null differ
diff --git a/public/me_in_flannel.jpg b/public/me_in_flannel.jpg
deleted file mode 100644
index 05e9bc3..0000000
Binary files a/public/me_in_flannel.jpg and /dev/null differ
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8f8f290..c04ab5d 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,8 +1,9 @@
+import DownloadOnAppStore from "~/components/icons/DownloadOnAppStore";
 import { Typewriter } from "~/components/Typewriter";
 
 export default function Home() {
   return (
-    <main class="flex h-full flex-col p-4 text-xl">
+    <main class="flex h-full flex-col gap-8 p-4 text-xl">
       <div class="flex-1">
         <Typewriter speed={30} keepAlive={2000}>
           <div class="text-4xl">Hey!</div>
@@ -24,7 +25,6 @@ export default function Home() {
             LÖVE
           </a>{" "}
         </Typewriter>
-
         <Typewriter speed={100} keepAlive={2000}>
           You can see some of my work{" "}
           <a
@@ -34,7 +34,87 @@ export default function Home() {
             here (github)
           </a>
         </Typewriter>
+        <div class="pt-[10%] text-center">
+          Some of my recent projects:
+          <div class="flex flex-col items-center justify-center gap-4 2xl:flex-row">
+            <div class="border-surface0 flex flex-col gap-2 rounded-md border-2 p-4 text-center">
+              My mobile game:
+              <a
+                class="text-blue hover-underline-animation"
+                href="https://apps.apple.com/us/app/life-and-lineage/id6737252442"
+              >
+                Life and Lineage{" "}
+              </a>
+              <div class="flex flex-col items-center justify-center gap-2 xl:flex-row">
+                <div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-64">
+                  <img
+                    src="/lineage-home.png"
+                    alt="Work sample 1"
+                    class="h-full w-full object-cover"
+                  />
+                </div>
+                <div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-80">
+                  <video
+                    src="/lineage-preview.mp4"
+                    class="h-full w-full object-cover"
+                    autoplay
+                    loop
+                    muted
+                    playsinline
+                  />
+                </div>
+                <div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-64">
+                  <img
+                    src="/lineage-shops.png"
+                    alt="Work sample 2"
+                    class="h-full w-full object-cover"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="border-surface0 flex flex-col gap-2 rounded-md border-2 p-4 text-center">
+              My LÖVE UI library{" "}
+              <a
+                href="https://github.com/mikefreno/flexlove"
+                class="text-blue hover-underline-animation"
+              >
+                FlexLöve
+              </a>
+              <div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80">
+                <video
+                  src="/flexlove-scrollable.mp4"
+                  class="h-full w-full object-cover"
+                  autoplay
+                  loop
+                  muted
+                  playsinline
+                />
+              </div>
+              <div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80">
+                <video
+                  src="/flexlove-input.mp4"
+                  class="h-full w-full object-cover"
+                  autoplay
+                  loop
+                  muted
+                  playsinline
+                />
+              </div>
+              <div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80">
+                <video
+                  src="/flexlove-slider.mp4"
+                  class="h-full w-full object-cover"
+                  autoplay
+                  loop
+                  muted
+                  playsinline
+                />
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
+
       <div class="flex flex-col items-end gap-4">
         <Typewriter speed={50} keepAlive={false}>
           <div>