From 96114004ebb49b7c96a9a2017132bdf03b48e063 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:34:59 +0000
Subject: [PATCH 1/5] Update src/app/cpus/page.tsx

---
 src/app/cpus/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/cpus/page.tsx b/src/app/cpus/page.tsx
index 2e755b9..ff31038 100644
--- a/src/app/cpus/page.tsx
+++ b/src/app/cpus/page.tsx
@@ -5,11 +5,13 @@ import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog
 
 export default function CategoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
-        brandName="Vertex Systems"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
+          brandName="Vertex Systems"
+        />
+      </div>
       <main className="pt-32 pb-20">
         <ProductCatalog 
             layout="page" 

From 2948261ed4bd73da8910c9071beafa44ec73fe5e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:35:00 +0000
Subject: [PATCH 2/5] Update src/app/gpus/page.tsx

---
 src/app/gpus/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/gpus/page.tsx b/src/app/gpus/page.tsx
index d345c65..c2b8520 100644
--- a/src/app/gpus/page.tsx
+++ b/src/app/gpus/page.tsx
@@ -5,11 +5,13 @@ import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog
 
 export default function CategoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
-        brandName="Vertex Systems"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
+          brandName="Vertex Systems"
+        />
+      </div>
       <main className="pt-32 pb-20">
         <ProductCatalog 
             layout="page" 

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

---
 src/app/peripherals/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/peripherals/page.tsx b/src/app/peripherals/page.tsx
index cc46891..1dff0d9 100644
--- a/src/app/peripherals/page.tsx
+++ b/src/app/peripherals/page.tsx
@@ -5,11 +5,13 @@ import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog
 
 export default function CategoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
-        brandName="Vertex Systems"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
+          brandName="Vertex Systems"
+        />
+      </div>
       <main className="pt-32 pb-20">
         <ProductCatalog 
             layout="page" 

From 4bf8f82d5004f21ceee0178a1efca8fd4e87e07c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:35:01 +0000
Subject: [PATCH 4/5] Update src/app/ram/page.tsx

---
 src/app/ram/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/ram/page.tsx b/src/app/ram/page.tsx
index c125280..30111bb 100644
--- a/src/app/ram/page.tsx
+++ b/src/app/ram/page.tsx
@@ -5,11 +5,13 @@ import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog
 
 export default function CategoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
-        brandName="Vertex Systems"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
+          brandName="Vertex Systems"
+        />
+      </div>
       <main className="pt-32 pb-20">
         <ProductCatalog 
             layout="page" 

From 6e62f34fbda762ea15590bc68d5953c5fccc6526 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:35:01 +0000
Subject: [PATCH 5/5] Update src/app/storage/page.tsx

---
 src/app/storage/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/storage/page.tsx b/src/app/storage/page.tsx
index f081149..0cb260b 100644
--- a/src/app/storage/page.tsx
+++ b/src/app/storage/page.tsx
@@ -5,11 +5,13 @@ import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog
 
 export default function CategoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
-        brandName="Vertex Systems"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Home", id: "/"}, {name: "CPUs", id: "/cpus"}, {name: "GPUs", id: "/gpus"}, {name: "RAM", id: "/ram"}, {name: "Storage", id: "/storage"}, {name: "Peripherals", id: "/peripherals"}]}
+          brandName="Vertex Systems"
+        />
+      </div>
       <main className="pt-32 pb-20">
         <ProductCatalog 
             layout="page"