Upload src/components/BackgroundElements.tsx with huggingface_hub

src/components/BackgroundElements.tsx

@@ -0,0 +1,18 @@
+import { motion } from 'motion/react';
+
+export default function BackgroundElements() {
+  return (
+    <div className="fixed inset-0 pointer-events-none -z-10 overflow-hidden">
+      <motion.div
+        animate={{ y: [0, 50, 0], opacity: [0.1, 0.3, 0.1] }}
+        transition={{ duration: 10, repeat: Infinity, ease: "linear" }}
+        className="absolute top-10 left-20 w-64 h-64 border border-white/5 rounded-full"
+      />
+      <motion.div
+        animate={{ y: [0, -30, 0], opacity: [0.05, 0.2, 0.05] }}
+        transition={{ duration: 15, repeat: Infinity, ease: "linear" }}
+        className="absolute bottom-20 right-40 w-96 h-96 border border-white/5 rounded-full"
+      />
+    </div>
+  );
+}