fix: a11y contrast, heading order, and unused js (framer-motion lazy load)

components/blocks/InteractiveMapPins.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { m, AnimatePresence } from 'framer-motion';
+import { m, AnimatePresence, LazyMotion, domAnimation } from 'framer-motion';
 import { MapPin, CheckCircle2, ArrowUpRight } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -76,7 +76,7 @@ export default function InteractiveMapPins({
   handleMouseLeave: () => void
 }) {
   return (
-    <>
+    <LazyMotion features={domAnimation}>
       {locations.filter(l => l.type === 'minor_node').map((loc, idx) => (
         <MinorNode
           key={`minor-${loc.id || idx}`}
@@ -188,6 +188,6 @@ export default function InteractiveMapPins({
           </m.div>
         )}
       </AnimatePresence>
-    </>
+    </LazyMotion>
   );
 }