Update src/app/contact/page.tsx

This commit is contained in:
2026-02-13 12:20:09 +00:00
parent b89acf9076
commit 3d3ba1191c

View File

@@ -2,7 +2,7 @@
import React from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, HelpCircle, Heart } from "lucide-react";
import { MapPin, Heart } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactFaq from '@/components/sections/contact/ContactFaq';
@@ -37,7 +37,7 @@ export default function ContactPage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
<NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} logoHref="/" />
</div>
<div id="visit-us" data-section="visit-us">
@@ -56,21 +56,6 @@ export default function ContactPage() {
/>
</div>
<div id="general-faq" data-section="general-faq">
<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.' }
]}
useInvertedBackground={true}
animationType="slide-up"
/>
</div>
<div id="support-mission" data-section="support-mission">
<MediaAbout
title="Support Our Cause"
@@ -80,7 +65,7 @@ export default function ContactPage() {
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}
useInvertedBackground={true}
/>
</div>