Optimize local fonts and remove hero motion

components/layout/home-hero.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import { motion, useReducedMotion } from "framer-motion";
-
 import { HeroBadge } from "@/components/layout/hero-badge";
 import {
   HeroContentMotion,
@@ -23,7 +21,6 @@ export function HomeHero({
   title,
   description,
 }: HomeHeroProps) {
-  const reducedMotion = useReducedMotion();
   const titleLines = title.split("\n").filter(Boolean);
   const isArabic = locale === "ar";
   const lines = isArabic
@@ -73,33 +70,12 @@ export function HomeHero({
         <HeroMotionItem variant="home">
           <HeroBadge
             trailing={
-            <motion.span
+            <span
               aria-hidden="true"
               className="text-[0.95rem] leading-none"
-              initial={reducedMotion ? false : { rotate: 0, scale: 1 }}
-              animate={
-                reducedMotion
-                  ? undefined
-                  : {
-                      rotate: [0, 16, -10, 16, -4, 0],
-                      scale: [1, 1.08, 1.08, 1.08, 1.04, 1],
-                    }
-              }
-              transition={
-                reducedMotion
-                  ? undefined
-                  : {
-                      duration: 1.4,
-                      delay: 0.5,
-                      repeat: Number.POSITIVE_INFINITY,
-                      repeatDelay: 2.8,
-                      ease: "easeInOut",
-                    }
-              }
-              style={{ transformOrigin: "70% 70%" }}
             >
               👋
-            </motion.span>
+            </span>
             }
           >
             {kicker}