Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -16,7 +16,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="largeSmall"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="radial-glow"
@@ -50,7 +50,7 @@ export default function ContactPage() {
             { text: "Email Us", href: "mailto:info@plumberjerseyity.local" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           containerClassName="mx-auto px-4 md:px-6"
         />
@@ -63,24 +63,16 @@ export default function ContactPage() {
           metrics={[
             {
               icon: Phone,
-              label: "Phone Number",
-              value: "(201) 639-2779",
-            },
+              label: "Phone Number",              value: "(201) 639-2779"},
             {
               icon: Clock,
-              label: "Available",
-              value: "24/7 Emergency",
-            },
+              label: "Available",              value: "24/7 Emergency"},
             {
               icon: MapPin,
-              label: "Service Area",
-              value: "Jersey City, NJ",
-            },
+              label: "Service Area",              value: "Jersey City, NJ"},
             {
               icon: Mail,
-              label: "Email",
-              value: "info@plumberjerseyity.local",
-            },
+              label: "Email",              value: "info@plumberjerseyity.local"},
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}