Add src/app/contact/page.tsx

2026-03-04 13:35:37 +00:00
parent c64ec62819
commit 2a0bed96b6
1 changed files with 114 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Heart, Mail, MapPin, Phone } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Paws & Care"
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Pets", id: "featured-pets" },
+            { name: "Adopt", id: "adopt" },
+            { name: "Support", id: "support" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Our Pets", id: "/our-pets" },
+          ]}
+          button={{ text: "Adopt Now", href: "#featured-pets" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Heart}
+          title="Contact Paws & Care"
+          description="Have questions about adoption, volunteering, or our services? We'd love to hear from you. Reach out to our team anytime."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "Send Message", href: "#contact-form" },
+            { text: "Call Us", href: "tel:+1234567890" },
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-info" data-section="contact-info">
+        <ContactText
+          text="Have questions? Our friendly team is here to help. Reach out via phone, email, or visit us in person. We're committed to answering all your inquiries about pet adoption and our services."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Email Us", href: "mailto:info@pawscare.com" },
+            { text: "Call Now", href: "tel:+1234567890" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="hours" data-section="hours">
+        <ContactText
+          text="Visit our shelter during business hours. We're open Monday through Sunday, with extended hours on weekends. Our staff and volunteers are always ready to help you find your perfect companion."
+          animationType="blur-reveal"
+          buttons={[
+            { text: "View Hours", href: "#" },
+            { text: "Get Directions", href: "#" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Available Pets", href: "/our-pets" },
+                { label: "Adoption", href: "/#adopt" },
+                { label: "About Us", href: "/about" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Donate", href: "#" },
+                { label: "Volunteer", href: "#" },
+                { label: "Sponsorship", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Adoption Policy", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Paws & Care Pet Shelter. All rights reserved."
+          bottomRightText="Saving Lives, Building Families"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}