diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d77ec1..0f62cfb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
@@ -92,19 +92,21 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Services", id: "#services" },
-          { name: "Reviews", id: "#reviews" },
-          { name: "FAQ", id: "#faq" },
-          { name: "Contact", id: "#contact" }
-        ]}
-        brandName="Lavelle Roofing"
-        button={{
-          text: "Get Quote",          href: "#contact"
-        }}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#services" },
+            { name: "Reviews", id: "#reviews" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "#contact" }
+          ]}
+          brandName="Lavelle Roofing"
+          button={{
+            text: "Get Quote",            href: "#contact"
+          }}
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
@@ -133,7 +135,6 @@ export default function Home() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
         />
       </div>