diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index cd0bc8b..c2599b1 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc566aa..98323c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="mediumLargeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="solid"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Premium Fencing Solutions for Your Home"
           description="Professional fence installation and repair services. We deliver quality craftsmanship and lasting durability for residential and commercial properties."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           kpis={[
             { value: "15+", label: "Years Experience" },
             { value: "2000+", label: "Projects Completed" },
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index d4610b6..6f63271 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -74,14 +74,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             brandName="Cutting Edge Innovative"
                             navItems={[
@@ -89,8 +89,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Services","id":"features"},
                                 {"name":"Gallery","id":"product"},
                                 {"name":"About","id":"about"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -122,14 +121,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             brandName="Cutting Edge Innovative"
                             navItems={[
@@ -137,8 +136,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Services","id":"features"},
                                 {"name":"Gallery","id":"product"},
                                 {"name":"About","id":"about"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -177,14 +175,14 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         brandName="Cutting Edge Innovative"
                         navItems={[
@@ -192,8 +190,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             {"name":"Services","id":"features"},
                             {"name":"Gallery","id":"product"},
                             {"name":"About","id":"about"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 0ffa84b..c46d33d 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -26,14 +26,14 @@ export default function ShopPage() {
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             brandName="Cutting Edge Innovative"
                             navItems={[
@@ -41,8 +41,7 @@ export default function ShopPage() {
                                 {"name":"Services","id":"features"},
                                 {"name":"Gallery","id":"product"},
                                 {"name":"About","id":"about"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -73,14 +72,14 @@ export default function ShopPage() {
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         brandName="Cutting Edge Innovative"
                         navItems={[
@@ -88,8 +87,7 @@ export default function ShopPage() {
                             {"name":"Services","id":"features"},
                             {"name":"Gallery","id":"product"},
                             {"name":"About","id":"about"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />