From 32974b5498f69bceace97f39270f3ddb210b01ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 14:01:51 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 199 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 199 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..3e07580
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Heart, Users, Globe, Home, Mail, Sparkles } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Paws Haven"
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Pets", id: "pets" },
+            { name: "Adopt", id: "adopt" },
+            { name: "Get Involved", id: "involved" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Our Story"
+          description="Paws Haven: 15+ Years of Rescue, Rehabilitation, and Rehoming"
+          tag="About Us"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Get Involved", href: "involved" },
+            { text: "Contact Us", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/cage-full-dog-puppies_329181-14496.jpg"
+          imageAlt="Paws Haven shelter animals"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="mission" data-section="mission">
+        <SplitAbout
+          title="Our Mission & Vision"
+          description="At Paws Haven, we are dedicated to rescuing, rehabilitating, and rehoming abandoned and neglected animals. We believe every creature deserves love, care, and a second chance at a happy life."
+          tag="Core Values"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          bulletPoints={[
+            {
+              title: "Rescue & Rehabilitation",              description: "We rescue animals in crisis and provide comprehensive medical care, behavioral training, and emotional support to help them heal and thrive.",              icon: Heart
+            },
+            {
+              title: "Compassionate Adoption",              description: "Through careful matching and thorough screening, we ensure every adoption creates a lasting, loving bond between animal and family.",              icon: Home
+            },
+            {
+              title: "Community Education",              description: "We educate pet owners about responsible animal care, welfare rights, and the rewards of adoption to create a more compassionate society.",              icon: Globe
+            },
+            {
+              title: "Advocacy & Support",              description: "We advocate for animal welfare policies and provide ongoing support to families after adoption to ensure success and happiness.",              icon: Users
+            }
+          ]}
+          buttons={[
+            { text: "Our Impact", href: "#impact" },
+            { text: "Donate", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg"
+          imageAlt="Volunteers caring for shelter animals"
+          mediaAnimation="slide-up"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTen
+          title="Meet Our Dedicated Team"
+          tag="Our People"
+          tagAnimation="slide-up"
+          membersAnimation="slide-up"
+          members={[
+            {
+              id: "1",              name: "Dr. Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-outdoors_23-2149078315.jpg"
+            },
+            {
+              id: "2",              name: "Marcus Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-outdoors_23-2149078310.jpg"
+            },
+            {
+              id: "3",              name: "Emma Chen",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-pets_23-2149078320.jpg"
+            },
+            {
+              id: "4",              name: "James Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/man-with-dog-outdoors_23-2149078305.jpg"
+            }
+          ]}
+          memberVariant="card"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          faqs={[
+            {
+              id: "1",              title: "How long has Paws Haven been operating?",              content: "Paws Haven was founded over 15 years ago with a simple mission: to give abandoned animals a second chance. From a small shelter, we've grown into a comprehensive rescue and rehabilitation center serving our entire community."
+            },
+            {
+              id: "2",              title: "How many animals do you rescue annually?",              content: "We rescue and rehabilitate over 800 animals each year. Our success rate for finding permanent homes is 94%, making us one of the most effective shelters in the region. Every animal that comes through our doors receives individualized care and attention."
+            },
+            {
+              id: "3",              title: "What types of animals do you rescue?",              content: "While we primarily focus on dogs and cats, we also rescue small mammals, rabbits, and occasionally other animals in need. Our team has expertise in handling various animal species and behavioral challenges."
+            },
+            {
+              id: "4",              title: "Are you a no-kill shelter?",              content: "Yes, Paws Haven is a no-kill shelter. We are committed to finding homes or sanctuary for every animal that arrives at our facility. We never euthanize animals for space or convenience."
+            },
+            {
+              id: "5",              title: "How is Paws Haven funded?",              content: "As a registered 501(c)(3) nonprofit organization, we rely on individual donations, grants, fundraising events, and volunteer support. We operate transparently and reinvest all funds directly into animal care and shelter operations."
+            },
+            {
+              id: "6",              title: "Can I volunteer at Paws Haven?",              content: "Absolutely! We have numerous volunteer opportunities ranging from animal care and socialization to administrative support and event coordination. Visit our website or call us to learn about current opportunities and training programs."
+            }
+          ]}
+          title="Frequently Asked Questions"
+          description="Learn more about Paws Haven, our work, and how we can help"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Stay Updated"
+          title="Join Our Newsletter"
+          description="Get updates about adoptable animals, special events, and ways you can make a difference at Paws Haven."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-their-dog_23-2149078340.jpg"
+          imageAlt="Happy family with adopted dog"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe anytime. We send updates about animals, events, and rescue stories."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "About",              items: [
+                { label: "Our Mission", href: "/about" },
+                { label: "Our Team", href: "/about" },
+                { label: "Meet Our Pets", href: "/" }
+              ]
+            },
+            {
+              title: "Get Involved",              items: [
+                { label: "Adopt a Pet", href: "/" },
+                { label: "Volunteer", href: "/" },
+                { label: "Donate", href: "#" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Pet Care Tips", href: "#" },
+                { label: "FAQ", href: "/about" },
+                { label: "Contact Us", href: "/" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Paws Haven. All animals deserve love. Registered nonprofit 501(c)(3)."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file