Update src/app/shop/page.tsx

src/app/blog/page.tsx

@@ -24,7 +24,7 @@ export default function BlogPage() {
             headingFontWeight="extrabold"
         >
             <ReactLenis root>
-                <div id="nav" data-section="nav">
+                <div id="nav" data-section="nav" className="sticky top-0 z-50">
                     <NavbarStyleCentered
                         brandName="KY Plumber"
                         navItems={[
@@ -94,4 +94,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1258,4 +1258,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -27,7 +27,7 @@ export default function PlumberPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="sticky top-0 z-50">
         <NavbarStyleCentered
           brandName="KY Plumber"
           navItems={[
@@ -257,4 +257,4 @@ export default function PlumberPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -81,7 +81,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="extrabold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="navbar" data-section="navbar" className="sticky top-0 z-50">
                         <NavbarStyleCentered
                             brandName="KY Plumber"
                             navItems={[
@@ -125,7 +125,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="extrabold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="navbar" data-section="navbar" className="sticky top-0 z-50">
                         <NavbarStyleCentered
                             brandName="KY Plumber"
                             navItems={[
@@ -176,7 +176,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="extrabold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="navbar" data-section="navbar" className="sticky top-0 z-50">
                     <NavbarStyleCentered
                         brandName="KY Plumber"
                         navItems={[
@@ -236,4 +236,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -34,7 +34,7 @@ export default function ShopPage() {
                 headingFontWeight="extrabold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="navbar" data-section="navbar" className="sticky top-0 z-50">
                         <NavbarStyleCentered
                             brandName="KY Plumber"
                             navItems={[
@@ -77,7 +77,7 @@ export default function ShopPage() {
             headingFontWeight="extrabold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="navbar" data-section="navbar" className="sticky top-0 z-50">
                     <NavbarStyleCentered
                         brandName="KY Plumber"
                         navItems={[
@@ -112,4 +112,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}