feat: compose page + Framer Motion animations + reduced-motion support

components/sections/Hero.tsx

@@ -5,11 +5,12 @@ 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 } from '@/lib/motion';
+import { easeOutExpo, fadeInUp, staggerContainer, usePrefersReducedMotion, motionProps } from '@/lib/motion';
 
 type Variant = 'hormozi' | 'editorial';
 
 export function Hero({ variant = 'editorial' }: { variant?: Variant }) {
+  const reduced = usePrefersReducedMotion();
   const isHormozi = variant === 'hormozi';
   const headlineBase = isHormozi
     ? 'font-sans font-black uppercase tracking-tight'
@@ -19,7 +20,7 @@ export function Hero({ variant = 'editorial' }: { variant?: Variant }) {
   return (
     <section className="bg-bg-pure">
       <Container className="min-h-[88vh] flex flex-col items-center justify-center text-center py-24">
-        <motion.div variants={staggerContainer} initial="hidden" animate="visible" className="flex flex-col items-center">
+        <motion.div variants={staggerContainer} initial="hidden" animate="visible" {...motionProps(reduced)} className="flex flex-col items-center">
           <motion.div variants={fadeInUp}><Wordmark size="xl" /></motion.div>
           <motion.p variants={fadeInUp} className="mt-6 text-xs md:text-sm tracking-[0.3em] uppercase font-semibold text-gold">
             {hero.eyebrow}