Update src/app/about/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -4,8 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
 import SplitAbout from "@/components/sections/about/SplitAbout";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import FaqBase from "@/components/sections/faq/FaqBase";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Heart, Users, Globe, Home, Mail, Sparkles } from "lucide-react";
@@ -103,32 +103,40 @@ export default function AboutPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardTen
+        <TeamCardOne
           title="Meet Our Dedicated Team"
+          description="The people who make our mission possible"
           tag="Our People"
           tagAnimation="slide-up"
-          membersAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           members={[
             {
-              id: "1",              name: "Dr. Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-outdoors_23-2149078315.jpg"
+              id: "1",              name: "Dr. Sarah Mitchell",              role: "Executive Director",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-outdoors_23-2149078315.jpg",              imageAlt: "Dr. Sarah Mitchell"
             },
             {
-              id: "2",              name: "Marcus Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-outdoors_23-2149078310.jpg"
+              id: "2",              name: "Marcus Johnson",              role: "Veterinary Director",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-outdoors_23-2149078310.jpg",              imageAlt: "Marcus Johnson"
             },
             {
-              id: "3",              name: "Emma Chen",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-pets_23-2149078320.jpg"
+              id: "3",              name: "Emma Chen",              role: "Adoption Coordinator",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-pets_23-2149078320.jpg",              imageAlt: "Emma Chen"
             },
             {
-              id: "4",              name: "James Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/man-with-dog-outdoors_23-2149078305.jpg"
+              id: "4",              name: "James Rodriguez",              role: "Community Outreach",              imageSrc: "http://img.b2bpic.net/free-photo/man-with-dog-outdoors_23-2149078305.jpg",              imageAlt: "James Rodriguez"
             }
           ]}
-          memberVariant="card"
+          gridVariant="four-items-2x2-equal-grid"
-          useInvertedBackground={false}
+          animationType="slide-up"
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqBase
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Learn more about Paws Haven, our work, and how we can help"
+          textPosition="left"
+          useInvertedBackground={false}
+          animationType="smooth"
+          showCard={true}
           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."
@@ -149,11 +157,7 @@ export default function AboutPage() {
               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"
+          faqsAnimation="blur-reveal"
-          description="Learn more about Paws Haven, our work, and how we can help"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
         />
       </div>
 

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #000000;;
-  --card: #ffffff;;
+  --card: #1a2f1d;;
-  --foreground: #1f3251;;
+  --foreground: #ffffff;;
-  --primary-cta: #1f3251;;
+  --primary-cta: #ffffff;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0d200f;;
-  --accent: #0a7039;;
+  --accent: #1a3d1f;;
-  --background-accent: #a8d9be;; */
+  --background-accent: #355e3b;; */
 
-  --background: #f5f5f5;;
+  --background: #000000;;
-  --card: #ffffff;;
+  --card: #1a2f1d;;
-  --foreground: #1f3251;;
+  --foreground: #ffffff;;
-  --primary-cta: #1f3251;;
+  --primary-cta: #ffffff;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0d200f;;
   --secondary-cta-text: #250c0d;;
-  --accent: #0a7039;;
+  --accent: #1a3d1f;;
-  --background-accent: #a8d9be;;
+  --background-accent: #355e3b;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);