diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4c7ec09..778024f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -24,7 +24,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="solid"
@@ -64,6 +64,7 @@ export default function ContactPage() {
           imageSrc="http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-33252.jpg?_wi=2"
           imageAlt="Support team helping"
           mediaAnimation="blur-reveal"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx
index 8a54d83..e5f2cbe 100644
--- a/src/app/how-it-works/page.tsx
+++ b/src/app/how-it-works/page.tsx
@@ -24,7 +24,7 @@ export default function HowItWorksPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="solid"
@@ -45,7 +45,7 @@ export default function HowItWorksPage() {
           tag="Simple Process"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-33252.jpg?_wi=1"
           imageAlt="Getting started with HomeSellerHub"
           buttons={[
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 67e9b65..3a0aec2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="solid"
@@ -49,7 +49,7 @@ export default function HomePage() {
           tag="For Home Workers"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg"
           imageAlt="Online home business storefront"
           buttons={[
@@ -74,6 +74,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-33252.jpg?_wi=1"
           imageAlt="Home business seller working"
           mediaAnimation="blur-reveal"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>