Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -6,7 +6,6 @@ import { MapPin, HelpCircle, Heart } from "lucide-react";
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
@@ -38,7 +37,7 @@ export default function ContactPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay brandName="Paws & Hearts" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
+        <NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
       </div>
 
       <div id="visit-us" data-section="visit-us">
@@ -58,25 +57,24 @@ export default function ContactPage() {
       </div>
 
       <div id="general-faq" data-section="general-faq">
-        <FaqBase 
-          title="Common Questions" 
-          description="Find answers to common logistical and support questions." 
-          tag="Help Center" 
-          tagIcon={HelpCircle}
+        <ContactFaq 
+          ctaTitle="Help Center"
+          ctaDescription="Find answers to common logistical and support questions about our rescue operations."
+          ctaButton={{ text: "Message Support", href: "mailto:support@goldenpaws.org" }}
+          ctaIcon={HelpCircle}
           faqs={[
             { id: 'f4', title: 'What if the adoption doesn\'t work out?', content: 'We have a lifetime return policy. They are always welcome back.' },
             { id: 'f5', title: 'Do you take in stray animals?', content: 'Please contact local animal control for strays. We focus on shelter transfers and owner surrenders.' }
           ]} 
-          textboxLayout="default" 
           useInvertedBackground={true} 
-          faqsAnimation="slide-up" 
+          animationType="slide-up" 
         />
       </div>
 
       <div id="support-mission" data-section="support-mission">
         <MediaAbout 
           title="Support Our Cause" 
-          description="Your donations and time directly impact the lives of hundreds of animals every year. Join us in making a difference." 
+          description="Your donations and time directly impact the lives of hundreds of animals every year. Join us in making a difference."
           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" 
@@ -87,8 +85,8 @@ export default function ContactPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseCard logoText="Paws & Hearts" columns={footerColumns} copyrightText="© 2025 | Paws & Hearts Animal Shelter" />
+        <FooterBaseCard logoText="Golden Paws" columns={footerColumns} copyrightText="© 2025 | Golden Paws Animal Shelter" />
       </div>
     </ThemeProvider>
   );
-}
+}