src/app/booking/page.tsx

@@ -62,7 +62,7 @@ export default function BookingPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="mediumSizeLargeTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -80,7 +80,7 @@ export default function BookingPage() {
         <HeroBillboardScroll
           title="Reserve Your Appointment"
           description="Schedule your visit at Barbershop 2020. Choose your preferred barber and time slot. We look forward to delivering excellence."
-          background={{ variant: "fluid" }}
+          background={{ variant: "plain" }}
           tag="Easy Booking"
           tagIcon={Calendar}
           tagAnimation="slide-up"

src/app/services/page.tsx

@@ -63,7 +63,7 @@ export default function ServicesPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="mediumSizeLargeTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -209,7 +209,7 @@ export default function ServicesPage() {
           tagAnimation="slide-up"
           title="Contact Us"
           description="Have questions? Reach out to us. We're here to help and look forward to serving you."
-          background={{ variant: "fluid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Sign Up for Updates"