add popover

src/components/home-text.mdx

@@ -1,5 +1,6 @@
 import Image from "next/image"
 import Link from "next/link";
+import { FloatingLabel } from "./floating-label";
 
 Welcome!
 
@@ -57,12 +58,13 @@ We love what we do because it helps those in need, whether they realize it or no
 
 Let's continue pushing ahead towards a brighter tomorrow where we can use technology for the greater good, including the ones who are on your side. We love you as much as we do for who you are, and we're just here to bring about positive change for all.
 
-<Image
-    className="mb-12 mx-auto"
-    alt="Pat coral"
-    title="Pat pat pat pat pat"
-    src="https://media.tenor.com/jZkB6qUnOQUAAAAi/coral-glasses-dream-bbq-ena.gif"
-    width={350}
-    height={350}
-    unoptimized
-/>
+<FloatingLabel placeholder="Pat pat pat">
+    <Image
+        className="mb-12 mx-auto"
+        alt="Pat coral"
+        src="https://media.tenor.com/jZkB6qUnOQUAAAAi/coral-glasses-dream-bbq-ena.gif"
+        width={350}
+        height={350}
+        unoptimized
+    />
+</FloatingLabel>