From 36661602dfb65486389b953eec28b56c28f5da46 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 15:06:02 +0000
Subject: [PATCH] Bob AI: Update hero section spacing to match the rest of the
 site

---
 src/pages/HomePage/sections/Hero.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 1ac8499..f8ccb70 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -38,8 +38,8 @@ export default function HeroSection(): React.JSX.Element {
   }, []);
 
   return (
-    <div id="hero" data-webild-section="hero" className="relative w-full pt-24 pb-12 px-6">
-      <div className="max-w-6xl mx-auto mb-12">
+    <div id="hero" data-webild-section="hero" className="relative w-full pt-24 pb-12 px-4 sm:px-6 lg:px-8">
+      <div className="container mx-auto mb-12">
         <h1 className="text-6xl md:text-8xl font-bold tracking-tight mb-8 text-center">
           Innovate Marketing
         </h1>
@@ -57,7 +57,7 @@ export default function HeroSection(): React.JSX.Element {
         </div>
       </div>
 
-      <div className="w-full max-w-6xl mx-auto relative rounded-3xl overflow-hidden aspect-[16/9] md:aspect-[21/9] shadow-2xl bg-muted">
+      <div className="w-full container mx-auto relative rounded-3xl overflow-hidden aspect-[16/9] md:aspect-[21/9] shadow-2xl bg-muted">
         {IMAGES.map((src, index) => (
           <div
             key={src}