Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -26,16 +26,6 @@ export default function LandingPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="extrabold"
     >
-      <div className="w-full flex justify-center py-4 bg-background z-50 relative">
-        <Image
-          src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/uploaded-1780527076645-xh73ksd2.png"
-          alt="Thor's Hammer Roofing Logo"
-          width={150}
-          height={150}
-          className="h-auto max-w-full"
-        />
-      </div>
-
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Thor's Hammer Roofing"
@@ -51,6 +41,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
+        {/* 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"
+            width={150}
+            height={150}
+            className="h-auto max-w-full"
+          />
+        </div>
         <HeroBillboardGallery
           title="Built to Withstand Anything"
           description="Thor's Hammer Roofing delivers premium protection and unmatched durability for your home. Experience the strength of true craftsmanship."