diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 6fa56fd..e28f8db 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -14,18 +14,35 @@ import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
 
-import PricingSection from './HomePage/sections/Pricing';export default function HomePage(): React.JSX.Element {
+import PricingSection from './HomePage/sections/Pricing';
+
+const SectionBg = ({ children, src }: { children: React.ReactNode, src: string }) => (
+  <div className="relative bg-cover bg-center" style={{ backgroundImage: `url('${src}')` }}>
+    <div className="absolute inset-0 bg-background/80"></div>
+    <div className="relative z-10 [&>section]:!bg-transparent [&>div]:!bg-transparent">
+      {children}
+    </div>
+  </div>
+);
+
+export default function HomePage(): React.JSX.Element {
   return (
 <>
-  <HeroSection />
+  <SectionBg src="https://storage.googleapis.com/webild/users/user_3FUQa0ZWeM3nmyILoJWMMWG8CWg/uploaded-1782128289234-2l64vswo.jpg">
+    <HeroSection />
+  </SectionBg>
 
   <AboutSection />
 
-  <FeaturesSection />
+  <SectionBg src="https://storage.googleapis.com/webild/users/user_3FUQa0ZWeM3nmyILoJWMMWG8CWg/uploaded-1782128289235-iu181g1w.jpg">
+    <FeaturesSection />
+  </SectionBg>
 
   <ProductSection />
 
-  <MetricsSection />
+  <SectionBg src="https://storage.googleapis.com/webild/users/user_3FUQa0ZWeM3nmyILoJWMMWG8CWg/uploaded-1782128289235-56h4behn.jpg">
+    <MetricsSection />
+  </SectionBg>
       <PricingSection />
 
   <TestimonialsSection />