Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -18,9 +18,7 @@ export default function ContactPage() {
   ];
 
   const navButton = {
-    text: "Call Now",
+    text: "Call Now",    href: "tel:+15194441234"};
-    href: "tel:+15194441234",
-  };
 
   return (
     <ThemeProvider
@@ -29,7 +27,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
@@ -55,7 +53,7 @@ export default function ContactPage() {
             { text: "Call (519) 444-1234", href: "tel:+15194441234" },
             { text: "Email chris@localelectric.ca", href: "mailto:chris@localelectric.ca" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -68,13 +66,7 @@ export default function ContactPage() {
           tag="Service Guarantee"
           tagIcon={Award}
           names={[
-            "⚡ Available 24/7 for Emergency Calls",
+            "⚡ Available 24/7 for Emergency Calls",            "💰 Honest & Transparent Pricing (No Hidden Fees)",            "🚀 Fast Response Times (30 mins avg)",            "🔧 Professional Workmanship Guaranteed",            "📅 Weekend & Evening Availability",            "✓ Licensed, Insured, Code Compliant"]}
-            "💰 Honest & Transparent Pricing (No Hidden Fees)",
-            "🚀 Fast Response Times (30 mins avg)",
-            "🔧 Professional Workmanship Guaranteed",
-            "📅 Weekend & Evening Availability",
-            "✓ Licensed, Insured, Code Compliant",
-          ]}
           textboxLayout="default"
           useInvertedBackground={true}
           speed={35}
@@ -93,7 +85,7 @@ export default function ContactPage() {
             { text: "Call Now (519) 444-1234", href: "tel:+15194441234" },
             { text: "Back to Home", href: "/" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>