Window system

src/components/home-text.mdx

@@ -1,6 +1,7 @@
 import Image from "next/image"
 import Link from "next/link";
 import { FloatingLabel } from "./floating-label";
+import { FakeRelativeWindow } from "./client-windows";
 
 Welcome!
 
@@ -9,17 +10,19 @@ This is our cozy little corner of the internet where we run a bunch of services
 We've got tools and resources for us but some we provide it for you, stuff that just works and doesn't burn our wallet.
 
 <div className="relative">
-    <Link href="https://x.com/JoelGuerraC/status/1287088236171603969/photo/1" target="_blank">
-        <Image
-            className="hidden lg:inline-block absolute -left-96 -bottom-32 animate-silly-bouncing"
-            alt="Nola"
-            src="/images/coral-a1.png"
-            width={200}
-            height={200}
-            quality={10}
-            unoptimized
-        />
-    </Link>
+    <FakeRelativeWindow windowText="Boing-boing" className='hidden lg:inline-block absolute -left-96 -bottom-32'>
+        <Link href="https://x.com/JoelGuerraC/status/1287088236171603969/photo/1" target="_blank">
+            <Image
+                className="animate-silly-bouncing"
+                alt="Nola"
+                src="/images/coral-a1.png"
+                width={200}
+                height={200}
+                quality={10}
+                unoptimized
+            />
+        </Link>
+    </FakeRelativeWindow>
 </div>
 
 ## About Me
@@ -60,16 +63,18 @@ We aspire to blend creativity and technical mastery to shape products that empow
 - Integrate artificial intelligence into digital products, creating smart, helpful, and engaging features that elevate the overall value and interactivity of applications.
 
 <div className="relative">
-    <FloatingLabel placeholder="This is Nola, my OC :3">
-        <Image
-            className="hidden lg:inline-block absolute -right-96"
-            alt="Nola"
-            src="/images/nola.png"
-            width={250}
-            height={250}
-            unoptimized
-        />
-    </FloatingLabel>
+    <FakeRelativeWindow draggable windowText="nola.png" className='hidden lg:inline-block -right-[120%]'>
+        <FloatingLabel placeholder="This is Nola, my OC :3">
+            <Image
+                className=""
+                alt="Nola"
+                src="/images/nola.png"
+                width={250}
+                height={250}
+                unoptimized
+            />
+        </FloatingLabel>
+    </FakeRelativeWindow>
 </div>
 
 ## Why Nonsense