diff --git a/app/globals.css b/app/globals.css index c9a3fa7..b0a12fc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -11,6 +11,10 @@ -webkit-font-smoothing: antialiased; } ::selection { background: #D4AF37; color: #0A1F44; } + + @media (prefers-reduced-motion: reduce) { + html { scroll-behavior: auto; } + } } @layer base { diff --git a/components/sections/Hero.tsx b/components/sections/Hero.tsx index 7ba3c95..e496ad9 100644 --- a/components/sections/Hero.tsx +++ b/components/sections/Hero.tsx @@ -5,7 +5,7 @@ import { Wordmark } from '@/components/primitives/Wordmark'; import { CTA } from '@/components/primitives/CTA'; import { Container } from '@/components/primitives/Container'; import { hero } from '@/lib/content'; -import { easeOutExpo, fadeInUp, staggerContainer, usePrefersReducedMotion, motionProps } from '@/lib/motion'; +import { fadeInUp, staggerContainer, usePrefersReducedMotion, motionProps } from '@/lib/motion'; type Variant = 'hormozi' | 'editorial'; diff --git a/lib/motion.ts b/lib/motion.ts index a8b3ae0..e3f5c49 100644 --- a/lib/motion.ts +++ b/lib/motion.ts @@ -9,11 +9,6 @@ export const fadeInUp: Variants = { visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: easeOutExpo } }, }; -export const fadeIn: Variants = { - hidden: { opacity: 0 }, - visible: { opacity: 1, transition: { duration: 0.4, ease: easeOutExpo } }, -}; - export const staggerContainer: Variants = { hidden: {}, visible: { transition: { staggerChildren: 0.1 } },