Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -23,7 +23,7 @@ const ContactPage = () => {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="largeSmallSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -84,7 +84,7 @@ const ContactPage = () => {
             { text: "Call Now", href: "tel:+18005551234" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -97,19 +97,13 @@ const ContactPage = () => {
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com/roofsonly",
-              ariaLabel: "Facebook",
-            },
+              href: "https://facebook.com/roofsonly",              ariaLabel: "Facebook"},
             {
               icon: Instagram,
-              href: "https://instagram.com/roofsonly",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com/roofsonly",              ariaLabel: "Instagram"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/roofsonly",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/roofsonly",              ariaLabel: "LinkedIn"},
           ]}
         />
       </div>