Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -42,18 +42,9 @@ export default function LandingPage() {
     />
   </div>
 
-  <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" }}
+  <div id="hero" data-section="hero">
+      <HeroCentered
+      background={{ variant: "gradient-bars" }}
       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={[
@@ -76,6 +67,14 @@ 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">
@@ -226,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}