Update src/app/contact/page.tsx

This commit is contained in:
2026-02-13 12:23:19 +00:00
parent efe94f4981
commit ad2dc3d1ba

View File

@@ -1,8 +1,9 @@
"use client";
import React from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Heart } from "lucide-react";
import { MapPin, HelpCircle, Heart } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactFaq from '@/components/sections/contact/ContactFaq';
@@ -37,7 +38,7 @@ export default function ContactPage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} logoHref="/" />
<NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
</div>
<div id="visit-us" data-section="visit-us">
@@ -56,6 +57,21 @@ 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"
@@ -65,7 +81,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={true}
useInvertedBackground={false}
/>
</div>
@@ -74,4 +90,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}