diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8d07d7e..3591032 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -24,7 +24,7 @@ export default function AboutPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8f17ad7..9bb6f91 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -24,7 +24,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a89c28..7c61792 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -51,7 +51,7 @@ export default function HomePage() {
           tag="Proven Expertise"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "sparkles-gradient" }}
           leftCarouselItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg",              imageAlt: "Industrial manufacturing facility"},
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index be0838d..caba479 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -25,7 +25,7 @@ export default function PortfolioPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 8b43666..b6a5571 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -24,7 +24,7 @@ export default function ServicesPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -69,7 +69,7 @@ export default function ServicesPage() {
       <div id="contact" data-section="contact" className="py-20 md:py-32">
         <ContactSplit
           tag="Request Consultation"
-          title="Let&apos;s Discuss Your Project Needs"
+          title="Let's Discuss Your Project Needs"
           description="Contact us to explore how our EPCM consulting expertise can support your industrial, manufacturing, or aviation project. We offer flexible engagement models tailored to your specific requirements."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}