Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -23,7 +23,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="compact"
       sizing="largeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
@@ -43,15 +43,11 @@ export default function ContactPage() {
           animationType="entrance-slide"
           buttons={[
             {
-              text: "Call (559) 596-9222",
-              href: "tel:+15595969222",
-            },
+              text: "Call (559) 596-9222",              href: "tel:+15595969222"},
             {
-              text: "Visit Us",
-              href: "#footer",
-            },
+              text: "Visit Us",              href: "#footer"},
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -63,19 +59,13 @@ export default function ContactPage() {
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com",
-              ariaLabel: "Facebook",
-            },
+              href: "https://facebook.com",              ariaLabel: "Facebook"},
             {
               icon: Instagram,
-              href: "https://instagram.com",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com",              ariaLabel: "Instagram"},
             {
               icon: Phone,
-              href: "tel:+15595969222",
-              ariaLabel: "Call Us",
-            },
+              href: "tel:+15595969222",              ariaLabel: "Call Us"},
           ]}
         />
       </div>