| 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> | |
| ); | |
| } | |