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

components/sections/FraseAncla.tsx

@@ -3,9 +3,10 @@
 import { motion } from 'framer-motion';
 import { Container } from '@/components/primitives/Container';
 import { fraseAncla } from '@/lib/content';
-import { fadeInUp, viewportOnce } from '@/lib/motion';
+import { fadeInUp, viewportOnce, usePrefersReducedMotion, motionProps } from '@/lib/motion';
 
 export function FraseAncla() {
+  const reduced = usePrefersReducedMotion();
   return (
     <section className="bg-base">
       <Container className="py-24 md:py-32 text-center max-w-4xl">
@@ -14,6 +15,7 @@ export function FraseAncla() {
           initial="hidden"
           whileInView="visible"
           viewport={viewportOnce}
+          {...motionProps(reduced)}
           className="font-serif italic text-2xl md:text-4xl font-bold leading-snug text-ink"
         >
           <span className="text-gold">“</span>