diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ad1fb2..d48c2b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,8 +41,8 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        {/* Logo moved here, just before the HeroBillboardGallery, to appear above its title */}
-        <div className="w-full flex justify-center relative -mt-16 mb-4 z-10 md:mt-0 md:mb-0">
+        {/* The logo's positioning has been adjusted to move it down and ensure it doesn't block the navigation bar. */}
+        <div className="w-full flex justify-center relative pt-8 pb-4 md:pt-16 md:pb-8">
           <Image
             src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/uploaded-1780527076645-xh73ksd2.png"
             alt="Thor's Hammer Roofing Logo"