vid

src/components/Hero.jsx

@@ -7,16 +7,18 @@ export function Hero() {
   return (
     <section className="relative w-full h-screen -mt-24">
       {/* Background Video */}
-      <video
+      <div className="absolute top-0 left-0 w-full h-full z-0">
-        autoPlay
+        <div style={{padding: '56.25% 0 0 0', position: 'relative', height: '100%'}}>
-        loop
+          <iframe 
-        muted
+            src="https://player.vimeo.com/video/1111694092?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&loop=1&muted=1&background=1" 
-        playsInline
+            frameBorder="0" 
-        className="absolute top-0 left-0 w-full h-full object-cover z-0"
+            allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" 
-      >
+            referrerPolicy="strict-origin-when-cross-origin" 
-        <source src="/videos/hero2.mp4" type="video/mp4" />
+            style={{position: 'absolute', top: 0, left: 0, width: '100%', height: '100%'}} 
-        Your browser does not support the video tag,.
+            title="hero2"
-      </video>
+          />
+        </div>
+      </div>
       
       {/* Welcome Content Overlay */}
       <div className="bg-[#FEFFF6] py-6 mt-0 absolute -bottom-20 left-0 right-0 z-10">