From c37bf642bdd65f4964d1cc6737620b0e3a951202 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:38:30 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4f4f724..22d99e0 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,15 +1,15 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
-      <div id="nav"><NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Policy", id: "/policy"}]} brandName="Tradesman Hardware" /></div>
-      <InlineImageSplitTextAbout heading={[{type: 'text', content: 'About Tradesman Hardware'}]} />
-      <FooterBaseCard logoText="Tradesman Hardware" columns={[{title: "Links", items: [{label: "Home", href: "/"}]}]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
+      <InlineImageSplitTextAbout heading={[{type: 'text', content: 'About Tradesman Hardware'}]} useInvertedBackground={false} />
+      <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
     </ThemeProvider>
   );
 }
\ No newline at end of file

From 943631b499afa4b682b6defe3b6ea4caed5fcecb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:38:30 +0000
Subject: [PATCH 2/5] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 7d3e50f..825f528 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,15 +1,15 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
-      <div id="nav"><NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Policy", id: "/policy"}]} brandName="Tradesman Hardware" /></div>
-      <ContactCTA tag="Support" title="Get in Touch" description="Reach out for any hardware queries." buttons={[{text: "Email Us"}]} />
-      <FooterBaseCard logoText="Tradesman Hardware" columns={[{title: "Links", items: [{label: "Home", href: "/"}]}]} />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
+      <ContactCTA tag="Support" title="Get in Touch" description="Reach out for any hardware queries." buttons={[{text: "Email Us"}]} background={{ variant: "plain" }} useInvertedBackground={false} />
+      <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
     </ThemeProvider>
   );
 }
\ No newline at end of file

From 85af38d5744e6bee55c5b1f527599fe59742f6c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:38:31 +0000
Subject: [PATCH 3/5] Update src/app/policy/page.tsx

---
 src/app/policy/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/policy/page.tsx b/src/app/policy/page.tsx
index ad3677e..7fa0065 100644
--- a/src/app/policy/page.tsx
+++ b/src/app/policy/page.tsx
@@ -1,15 +1,15 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import LegalSection from '@/components/legal/LegalSection';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function PolicyPage() {
   return (
-    <ThemeProvider>
-      <div id="nav"><NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Policy", id: "/policy"}]} brandName="Tradesman Hardware" /></div>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
       <LegalSection layout="page" title="Terms & Policy" sections={[{heading: "Policies", content: {type: 'paragraph', text: "Standard hardware store policies apply."}}]} />
-      <FooterBaseCard logoText="Tradesman Hardware" columns={[{title: "Links", items: [{label: "Home", href: "/"}]}]} />
+      <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
     </ThemeProvider>
   );
 }
\ No newline at end of file

From 12a1b701b415dc499d305f858c7a310483edc237 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:38:31 +0000
Subject: [PATCH 4/5] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 28 +++++-----------------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 69248c6..d2dd1a1 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -1,29 +1,11 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function ProductDetailPage({ params }: { params: { id: string } }) {
+export default function ProductDetailPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarStyleCentered 
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Shop", id: "/shop" },
-            { name: "About", id: "/#about" },
-            { name: "Contact", id: "/#contact" },
-          ]} 
-          brandName="Tradesman Hardware" 
-        />
-        <div className="pt-40 pb-20 px-8">
-          <h1 className="text-4xl font-bold mb-4">Product Detail: {params.id}</h1>
-          <p>Product description, price details, and specification list will be displayed here.</p>
-        </div>
-        <FooterBaseCard logoText="Tradesman Hardware" columns={[]} />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From d0abba380bbaea008a89569af6fd5e06b5dba0d4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:38:31 +0000
Subject: [PATCH 5/5] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 52 +++++++++++++++++--------------------------
 1 file changed, 20 insertions(+), 32 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 8db0cb6..fcfe5e2 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -1,39 +1,27 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ShopPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarStyleCentered 
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Shop", id: "/shop" },
-            { name: "About", id: "/#about" },
-            { name: "Contact", id: "/#contact" },
-          ]} 
-          brandName="Tradesman Hardware" 
-        />
-        <div className="pt-32 pb-20">
-          <ProductCardTwo
-            title="Our Product Catalog"
-            description="Browse our full selection of professional-grade hardware and tools."
-            gridVariant="four-items-2x2-equal-grid"
-            animationType="slide-up"
-            products={[
-              { id: "s1", brand: "ProSeries", name: "Heavy Duty Drill", price: "R 2,499", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg" },
-              { id: "s2", brand: "PaintMaster", name: "Industrial Sprayer", price: "R 1,850", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg" },
-            ]}
-            textboxLayout="default"
-          />
-        </div>
-        <FooterBaseCard logoText="Tradesman Hardware" columns={[]} />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
+      <ProductCardOne 
+        title="Our Product Catalog" 
+        description="Browse our full selection of professional-grade hardware and tools."
+        gridVariant="four-items-2x2-equal-grid"
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        products={[
+          { id: "s1", name: "Heavy Duty Drill", price: "R 2,499", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg" },
+          { id: "s2", name: "Industrial Sprayer", price: "R 1,850", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg" },
+          { id: "s3", name: "Hammer Set", price: "R 500", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg" }
+        ]}
+      />
+      <FooterSimple columns={[]} />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file