src/app/about/page.tsx

@@ -16,7 +16,7 @@ export default function AboutPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"

src/app/contact/page.tsx

@@ -14,7 +14,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"

src/app/impact/page.tsx

@@ -16,7 +16,7 @@ export default function ImpactPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"

src/app/page.tsx

@@ -20,7 +20,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -44,7 +44,7 @@ export default function HomePage() {
         <HeroBillboard
           title="Leading Public Health Innovation for Communities"
           description="CRPHI empowers communities through evidence-based research, disease prevention programs, and collaborative health initiatives. Together, we build healthier futures."
-          background={{ variant: "plain" }}
+          background={{ variant: "circleGradient" }}
           tag="Public Health Leadership"
           tagIcon={Heart}
           tagAnimation="slide-up"

src/app/programs/page.tsx

@@ -15,7 +15,7 @@ export default function ProgramsPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"

src/app/team/page.tsx

@@ -15,7 +15,7 @@ export default function TeamPage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="plain"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"