Update src/app/houston/page.tsx

src/app/houston/page.tsx

@@ -6,10 +6,11 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function HoustonPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarLayoutFloatingInline 
         navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#services" }, { name: "Contact", id: "/#contact" }]} 
         brandName="BlueDropFix"
+        button={{ text: "Call Now", href: "tel:5550199" }}
       />
       <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
         <h1 className="text-5xl font-bold mb-6">Water Leak Repair in Houston, TX</h1>
@@ -17,7 +18,7 @@ export default function HoustonPage() {
         <h2 className="text-3xl font-semibold mb-4">Pricing Ranges</h2>
         <p>Standard diagnostics start at $150. Emergency response services start at $350.</p>
       </main>
-      <ContactCTA tag="Houston Service" title="Need Help in Houston?" description="Fast emergency response across the Houston metro area." buttons={[{ text: "Call Now", href: "tel:5550199" }]} />
+      <ContactCTA tag="Houston Service" title="Need Help in Houston?" description="Fast emergency response across the Houston metro area." buttons={[{ text: "Call Now", href: "tel:5550199" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
       <FooterBase columns={[]} logoText="BlueDropFix" />
     </ThemeProvider>
   );