diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 5081960..159376d 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,5 +1,5 @@ import { Link, useNavigate } from 'react-router-dom' -import { motion, useScroll, useTransform } from 'framer-motion' +import { motion, useScroll, useTransform, useReducedMotion } from 'framer-motion' import Hero3DScene from '../components/Hero3DScene' import ScrollReveal from '../components/ScrollReveal' import ServiceCard from '../components/ServiceCard' @@ -17,7 +17,8 @@ const TESTIMONIALS = [ function Home() { const navigate = useNavigate() const { scrollYProgress } = useScroll() - const portraitY = useTransform(scrollYProgress, [0, 1], [0, -40]) + const prefersReducedMotion = useReducedMotion() + const portraitY = useTransform(scrollYProgress, [0, 1], prefersReducedMotion ? [0, 0] : [0, -40]) return (