'use client'
import { motion } from 'framer-motion'
import { useEffect, useState } from 'react'
export function BackgroundGradient() {
return (
)
}
export function FloatingElements() {
return (
{[...Array(6)].map((_, i) => (
))}
)
}
export function InteractiveGrid() {
const [mousePos, setMousePos] = useState({ x: 0, y: 0 })
useEffect(() => {
const handleMouseMove = (e: MouseEvent) => {
setMousePos({ x: e.clientX, y: e.clientY })
}
window.addEventListener('mousemove', handleMouseMove)
return () => window.removeEventListener('mousemove', handleMouseMove)
}, [])
return (
)
}
export function GlowEffect() {
return (
)
}
export function SectionDivider() {
return (
)
}