From b00ee11534e238499cefe4b03912d046718b6982 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Wed, 4 Feb 2026 17:57:18 +0200
Subject: [PATCH] Bob AI: add bacground image for the whole hero section

---
 src/components/sections/hero/HeroBillboard.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/sections/hero/HeroBillboard.tsx b/src/components/sections/hero/HeroBillboard.tsx
index 7e7be1f..7d62af5 100644
--- a/src/components/sections/hero/HeroBillboard.tsx
+++ b/src/components/sections/hero/HeroBillboard.tsx
@@ -63,6 +63,7 @@ interface HeroBillboardProps {
   marqueeImageClassName?: string;
   marqueeTextClassName?: string;
   marqueeIconClassName?: string;
+  backgroundImage?: string;
 }
 
 const HeroBillboard = ({
@@ -100,11 +101,13 @@ const HeroBillboard = ({
   marqueeImageClassName = "",
   marqueeTextClassName = "",
   marqueeIconClassName = "",
+  backgroundImage = "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80",
 }: HeroBillboardProps) => {
   return (
     <section
       aria-label={ariaLabel}
       className={cls("relative w-full py-hero-page-padding", className)}
+      style={{ backgroundImage: `url(${backgroundImage})` }}
     >
       <HeroBackgrounds {...background} />
       <div className={cls("w-content-width mx-auto flex flex-col gap-14 md:gap-15 relative z-10", containerClassName)}>