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={[
@@ -67,14 +76,6 @@ export default function LandingPage() {
         { type: "text", text: "Community Focused" },
       ]}
     />
-    <div className="fixed inset-0 w-full h-full -z-10">
-        <img 
-            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cm43hLhBy3yJF6LNKBpT8VSVjJ/uploaded-1776978806289-72oucyfs.png"
-            alt="Hero Background"
-            className="w-full h-full object-cover"
-        />
-        <div className="absolute inset-0 bg-black/60 backdrop-blur-[2px]" />
-    </div>
   </div>
 
   <div id="about" data-section="about">
@@ -225,4 +226,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}