diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1ebcf76..5f26c2f 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="rounded"
             contentWidth="smallMedium"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="radial-glow"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2986cd8..783791d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Sparkles, History, Flame, Star, Zap, ChefHat, Award, Wine2, Utensils, Users, Crown, Clock, Heart, CircleDollarSign, ArrowLeftRight, Send, Quote } from "lucide-react";
+import { Sparkles, History, Flame, Star, Zap, ChefHat, Award, Wine, Utensils, Users, Crown, Clock, Heart, CircleDollarSign, ArrowLeftRight, Send, Quote } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,7 +21,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="radial-glow"
@@ -54,13 +54,13 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           tagAnimation="opacity"
           dashboard={{
-            title: "Tonight's Specials",            logoIcon: Wine2,
+            title: "Tonight's Specials",            logoIcon: Wine,
             imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hi8a1y",            imageAlt: "Maple Hot Wings Being Glazed",            searchPlaceholder: "Find your favorite flavor",            buttons: [
               { text: "View Menu", href: "menu" },
               { text: "Make Reservation", href: "contact" }
             ],
             sidebarItems: [
-              { icon: Wine2, active: true },
+              { icon: Wine, active: true },
               { icon: Utensils },
               { icon: Users }
             ],
@@ -274,7 +274,7 @@ export default function LandingPage() {
             { text: "Reserve Now", href: "#" },
             { text: "Order Takeout", href: "#" }
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={true}
         />
       </div>
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7899503..d7eea5f 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -74,7 +74,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="rounded"
                 contentWidth="smallMedium"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="radial-glow"
@@ -150,7 +150,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="rounded"
                 contentWidth="smallMedium"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="radial-glow"
@@ -233,7 +233,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="rounded"
             contentWidth="smallMedium"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="radial-glow"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 6ad74c5..e4bdf75 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -27,7 +27,7 @@ export default function ShopPage() {
                 borderRadius="rounded"
                 contentWidth="smallMedium"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="radial-glow"
@@ -102,7 +102,7 @@ export default function ShopPage() {
             borderRadius="rounded"
             contentWidth="smallMedium"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="radial-glow"