diff --git a/src/components/sections/hero/HeroBillboardDashboard.tsx b/src/components/sections/hero/HeroBillboardDashboard.tsx
index 01fb8ca..d7255db 100644
--- a/src/components/sections/hero/HeroBillboardDashboard.tsx
+++ b/src/components/sections/hero/HeroBillboardDashboard.tsx
@@ -68,6 +68,7 @@ interface HeroBillboardDashboardProps {
   buttonClassName?: string;
   buttonTextClassName?: string;
   dashboardClassName?: string;
+  backgroundImage?: string;
 }
 
 const HeroBillboardDashboard = ({
@@ -89,11 +90,13 @@ const HeroBillboardDashboard = ({
   buttonClassName = "",
   buttonTextClassName = "",
   dashboardClassName = "",
+  backgroundImage,
 }: HeroBillboardDashboardProps) => {
   return (
     <section
       aria-label={ariaLabel}
       className={cls("relative w-full py-hero-page-padding", className)}
+      style={{ backgroundImage: backgroundImage ? `url(${backgroundImage})` : undefined }}
     >
       <HeroBackgrounds {...background} />
       <div className={cls("w-content-width mx-auto flex flex-col gap-14 md:gap-15 relative z-10", containerClassName)}>