Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -27,8 +27,15 @@ export default function ContactPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
       borderRadius="soft"
       contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay brandName="Paws & Hearts" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
@@ -38,7 +45,7 @@ export default function ContactPage() {
         <ContactFaq 
           ctaTitle="Visit Our Shelter"
           ctaDescription="We are open for visits Tuesday through Sunday. Come meet our residents in person."
-          ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
+          ctaButton={{ text: "Get Directions", href: "#" }}
           ctaIcon={MapPin}
           faqs={[
             { id: 'c1', title: 'Shelter Hours', content: 'Tuesday - Friday: 11am - 6pm<br/>Saturday - Sunday: 10am - 5pm' },
@@ -73,6 +80,7 @@ export default function ContactPage() {
           tag="Ways to Give" 
           tagIcon={Heart}
           imageSrc="https://img.b2bpic.net/free-photo/hipster-woman-smile-enjoy-playing-with-her-puppy-summer-field-vintage-tone-filter_1150-1188.jpg" 
+          imageAlt="Person donating to shelter"
           buttons={[{ text: 'Donate Now', href: '#' }]} 
           useInvertedBackground={false} 
         />