Add floating animation to hero image and update text styles

- Introduce keyframes for float animation in globals.css.
- Apply float animation to the hero image and update text to white.

app/(root)/globals.css

@@ -34,5 +34,15 @@
     --footer-bg: #242424;        /* Deep grey footer to add visual depth */
 }
 
+@keyframes float {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-6px);
+    }
+}
 
-
+.animate-float {
+    animation: float 3.5s ease-in-out infinite;
+}