ok

src/components/Hero.jsx

@@ -6,17 +6,22 @@ export function Hero() {
   return (
     <section className="relative w-full lg:h-screen bg-transparent  h-[550px] lg:mt-0 mt-0">
       {/* Background Video */}
-     <video
-        autoPlay
-        loop
-        muted
-        playsInline
-        className="absolute top-0 left-0 w-full lg:h-full h-[550px] object-cover z-0 bg-[#FEFFF6] opacity-25"
-        src="/videos/hero4.mp4"
-        type="video/mp4"
-      >
-        Your browser does not support the video tag.
-      </video>
+      <div className="absolute top-0 left-0 w-full lg:h-full h-[550px] overflow-hidden z-0 bg-[#FEFFF6] opacity-25">
+        <iframe
+          src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=720p"
+          className="absolute top-1/2 left-1/2 min-w-full min-h-full w-auto h-auto transform -translate-x-1/2 -translate-y-1/2"
+          frameBorder="0"
+          allow="autoplay; fullscreen; picture-in-picture"
+          style={{
+            minWidth: '100%',
+            minHeight: '100%',
+            width: '100vw',
+            height: '56.25vw', // 16:9 aspect ratio
+            pointerEvents: 'none'
+          }}
+          title="VEDA Background Video"
+        ></iframe>
+      </div>
 
       {/* Welcome Content Overlay */}
       <div className="bg-transparent py-6 mt-0 absolute top-16 sm:top-32 left-0 right-0 z-10">