Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -17,9 +17,7 @@ export default function ContactPage() {
   ];
 
   const navButton = {
-    text: "Get Free Estimate",
-    href: "/contact",
-  };
+    text: "Get Free Estimate",    href: "/contact"};
 
   return (
     <ThemeProvider
@@ -28,7 +26,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="radial-glow"
@@ -94,17 +92,13 @@ export default function ContactPage() {
         <ContactText
           text="Ready to transform your outdoor space? Get your free landscaping estimate today. Call (360) 574-8979 or fill out our form below."
           animationType="background-highlight"
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Request Free Estimate",
-              href: "#estimate-form",
-            },
+              text: "Request Free Estimate",              href: "#estimate-form"},
             {
-              text: "Call Now",
-              href: "tel:3605748979",
-            },
+              text: "Call Now",              href: "tel:3605748979"},
           ]}
         />
       </div>
@@ -258,13 +252,9 @@ export default function ContactPage() {
         <FooterLogoReveal
           logoText="Frontier Landscaping"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
-          }}
+            text: "Privacy Policy",            href: "#"}}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
-          }}
+            text: "Terms of Service",            href: "#"}}
         />
       </div>
     </ThemeProvider>