Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -42,9 +42,18 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{ variant: "gradient-bars" }}
+  <div id="hero" data-section="hero" className="relative">
+    <video 
+        src="https://videos.b2bpic.net/cafe-atmosphere.mp4" 
+        autoPlay 
+        loop 
+        muted 
+        playsInline 
+        className="absolute inset-0 w-full h-full object-cover -z-10"
+    />
+    <div className="absolute inset-0 bg-black/50 -z-10" />
+    <HeroCentered
+      background={{ variant: "plain" }}
       title="Aura Cafe: Artisanal Coffee Redefined"
       description="Where 3D-inspired precision meets the soulful warmth of hand-poured coffee. Step into an immersive sensory journey designed for the modern connoisseur."
       avatars={[
@@ -217,4 +226,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}