diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index b5f21ba..3ff6254 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -83,8 +83,17 @@ const HeroInline = () => {
 
 export default function HeroSection() {
   return (
-    <div data-webild-section="hero" id="hero">
-      <HeroInline />
+    <div 
+      data-webild-section="hero" 
+      id="hero"
+      className="relative bg-cover bg-center bg-no-repeat"
+      style={{ backgroundImage: "url('https://storage.googleapis.com/webild/users/user_3DzLJM9oAKQRjgJNceDCWiKwcdg/uploaded-1781477085527-ffpm6ovd.png')" }}
+    >
+      <style dangerouslySetInnerHTML={{ __html: `#hero section { background: transparent !important; }` }} />
+      <div className="absolute inset-0 bg-black/60 z-0 pointer-events-none" />
+      <div className="relative z-10">
+        <HeroInline />
+      </div>
     </div>
   );
 }