Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered
         navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Pricing", id: "/pricing" }, { name: "Contact", id: "/contact" }, { name: "Login", id: "/login" }]}
         brandName="Elite Fence Pro"
@@ -17,6 +17,8 @@ export default function ContactPage() {
           title="Get in Touch"
           description="We're ready to help you secure your property. Contact us today for a free assessment."
           buttons={[{ text: "Call (555) 012-3456", href: "tel:5550123456" }]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>