chore: remove Next.js dependencies and update UI components with standard React

src/pages/home/HomeAurora.tsx

@@ -1,13 +1,11 @@
 "use client";
 
-import { motion } from "motion/react";
+import { motion } from "framer-motion";
 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 }}
@@ -16,10 +14,15 @@ export function HomeAurora() {
           duration: 1,
           ease: "easeInOut",
         }}
-        className="relative mb-20  flex flex-col items-center justify-center gap-4 px-4 max-w-5xl"
+        style={{
+          backgroundImage: "url(/images/mchip2.webp)",
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+        }}
+        className="relative mx-auto py-24 h-screen 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>
+          <H1>Decentralized Autonomous <span className="text-bold lg:text-8xl">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>
@@ -27,8 +30,6 @@ export function HomeAurora() {
         <div className="pt-8">
           <ScrollDownArrow />
         </div>
-       
       </motion.div>
-    </AuroraBackground>
   );
 }