feat: implement floating navbar with aurora background and updated header styling

src/pages/home/HomeAurora.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { motion } from "motion/react";
+import { H1, H2, H3, H4, H5 } from "@/components/Texts";
+import { AuroraBackground } from "@/components/ui/aurora-background";
+import { ScrollDownArrow } from '@/components/ScrollDownArrow';
+
+export function HomeAurora() {
+  return (
+    <AuroraBackground>
+      <motion.div
+        initial={{ opacity: 0.0, y: 40 }}
+        whileInView={{ opacity: 1, y: 0 }}
+        transition={{
+          delay: 0.5,
+          duration: 1,
+          ease: "easeInOut",
+        }}
+        className="relative mb-20 -top-5 flex flex-col items-center justify-center gap-4 px-4 max-w-5xl"
+      >
+        <div className="text-center text-gray-800">
+          <H1>Decentralized Autonomous <span className="font-neuton text-bold lg:text-8xl italic">Agentic Cloud.</span></H1>
+        </div>
+        <div className="pt-8 text-center font-light text-gray-500 max-w-4xl">
+          <H5>Mycelium Project is a decentralized platform for autonomous AI, powered by distributed compute, sovereign memory, encrypted networking, and stateless GPU orchestration.</H5>
+        </div>
+        <div className="pt-8">
+          <ScrollDownArrow />
+        </div>
+       
+      </motion.div>
+    </AuroraBackground>
+  );
+}