src/app/contact/page.tsx

@@ -25,7 +25,9 @@ export default function ContactPage() {
             secondaryButtonStyle="solid"
             headingFontWeight="medium"
         >
-            <NavbarStyleCentered navItems={navItems} brandName="Webild" />
+            <div id="nav" data-section="nav">
+                <NavbarStyleCentered navItems={navItems} brandName="Webild" />
+            </div>
             <div id="contact" data-section="contact">
                 <ContactSplit
                     tag="Get in Touch"
@@ -33,6 +35,7 @@ export default function ContactPage() {
                     description="Have a project in mind or just want to say hello? Fill out the form below and we'll get back to you as soon as possible."
                     tagIcon={MessageCircle}
                     background={{ variant: "downward-rays-animated-grid" }}
+                    useInvertedBackground={false}
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid1.webp"
                     imageAlt="Contact us illustration"
                     mediaPosition="right"