update about section

src/components/home/Hero.tsx

@@ -2,7 +2,7 @@
 
 import { Fragment } from "react";
 import Image from "next/image";
-import { motion } from "framer-motion";
+import { motion, useReducedMotion } from "framer-motion";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
 import { viewport } from "@/lib/animations";
 
@@ -53,18 +53,27 @@ const statItem = {
 };
 
 export function Hero() {
+  const shouldReduce = useReducedMotion();
+
   return (
     <section className="bg-white select-none w-full">
       <div className="relative overflow-hidden bg-[#FAF8FC]">
-        <Image
-          src="/images/home1.png"
-          alt=""
-          fill
-          sizes="100vw"
-          className="absolute inset-0 z-0 h-full w-full object-cover object-[62%_center] md:object-[58%_center] xl:object-center"
-          priority
-          aria-hidden="true"
-        />
+        <motion.div
+          className="absolute inset-0 z-0"
+          initial={{ scale: 1 }}
+          animate={shouldReduce ? undefined : { scale: 1.06 }}
+          transition={{ duration: 28, ease: "linear", repeat: Infinity, repeatType: "reverse" }}
+        >
+          <Image
+            src="/images/home1.png"
+            alt=""
+            fill
+            sizes="100vw"
+            className="absolute inset-0 h-full w-full object-cover object-[62%_center] md:object-[58%_center] xl:object-center"
+            priority
+            aria-hidden="true"
+          />
+        </motion.div>
         <div className="absolute inset-0 z-[1] bg-[linear-gradient(180deg,rgba(250,248,252,0.85)_0%,rgba(250,248,252,0.68)_28%,rgba(250,248,252,0.38)_58%,rgba(250,248,252,0.10)_100%)] md:bg-[radial-gradient(ellipse_72%_88%_at_50%_42%,rgba(250,248,252,0.72)_0%,rgba(250,248,252,0.50)_38%,rgba(250,248,252,0.18)_65%,rgba(250,248,252,0.04)_100%)]" />
 
         <div className="page-container relative z-10 flex min-h-[560px] items-center justify-center px-6 pt-20 pb-10 sm:min-h-[580px] sm:px-8 sm:pt-24 md:min-h-[610px] md:py-20 lg:min-h-[650px] lg:py-24 xl:min-h-[680px]">