add images

src/app/globals.css

@@ -7,6 +7,17 @@
   --primary: #FFA826;
 }
 
+@keyframes silly-bounce {
+  0%, 100% {
+    transform: translate(0px, 0px) scale(0.9, 1.1);
+    animation-timing-function: linear(0.2, 0.8, 1);
+  }
+  50% {
+    transform: translate(0px, -280px) scale(1.18, 0.9);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+}
+
 h2 {
   @apply text-2xl font-bold
 }

src/app/page.tsx

@@ -2,8 +2,10 @@ import { LandingImage } from "@/components/landing-image";
 import { NolaGlitchClientOnly } from "@/components/nola-glitch";
 import { Sosmed } from "@/components/sosmed";
 import HomeText from "@/components/home-text.mdx"
+import Image from "next/image";
 
 import Link from "next/link";
+import { FloatingLabel } from "@/components/floating-label";
 
 export default function Home() {
   return (
@@ -19,7 +21,7 @@ export default function Home() {
         </noscript>
         <NolaGlitchClientOnly />
         <Sosmed />
-        <article className="space-y-6 leading-relaxed">
+        <article className="space-y-6 leading-relaxed relative">
           <HomeText />
         </article>
         <section className="my-8">