import { useEffect, useRef } from 'react'; import { motion, useAnimation } from 'framer-motion'; import cyclistImage from 'https://image.jimcdn.com/app/cms/image/transf/dimension=1880x10000:format=png/path/s6ab054ba27d70085/image/iacb2c5c74616784e/version/1739082324/image.png'; export default function SmilingCyclist() { const controls = useAnimation(); const cyclistRef = useRef(null); useEffect(() => { controls.start({ x: ["-100%", "100%"], transition: { duration: 10, ease: "linear", repeat: Infinity, repeatType: "loop", }, }); }, [controls]); return ( ); }