Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -1,14 +1,14 @@
 "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';
+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 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 (
@@ -28,32 +28,42 @@ export default function AboutPage() {
         <NavbarStyleApple
           brandName="Paws Haven"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "About", id: "/about" },
-            { name: "Pets", id: "pets" },
-            { name: "Adopt", id: "adopt" },
-            { name: "Get Involved", id: "involved" },
-            { name: "Contact", id: "contact" }
+            { 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
+        <HeroSplitTestimonial
           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" }
+            { 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}
+          mediaAnimation="slide-up"
+          imagePosition="right"
+          background={{ variant: "sparkles-gradient" }}
+          testimonials={[
+            {
+              name: "Team Member",              handle: "Paws Haven",              testimonial: "We are dedicated to our mission of rescue and rehabilitation.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg"
+            }
+          ]}
+          testimonialRotationInterval={5000}
+          useInvertedBackground={false}
+          showMarqueeCard={false}
         />
       </div>
 
@@ -79,7 +89,7 @@ export default function AboutPage() {
             }
           ]}
           buttons={[
-            { text: "Our Impact", href: "#impact" },
+            { text: "Our Impact", href: "#" },
             { text: "Donate", href: "#" }
           ]}
           buttonAnimation="slide-up"
@@ -173,21 +183,21 @@ export default function AboutPage() {
               title: "About",              items: [
                 { label: "Our Mission", href: "/about" },
                 { label: "Our Team", href: "/about" },
-                { label: "Meet Our Pets", href: "/" }
+                { label: "Meet Our Pets", href: "/pets" }
               ]
             },
             {
               title: "Get Involved",              items: [
-                { label: "Adopt a Pet", href: "/" },
-                { label: "Volunteer", href: "/" },
+                { label: "Adopt a Pet", href: "#adopt" },
+                { label: "Volunteer", href: "#involved" },
                 { label: "Donate", href: "#" }
               ]
             },
             {
               title: "Resources",              items: [
                 { label: "Pet Care Tips", href: "#" },
-                { label: "FAQ", href: "/about" },
-                { label: "Contact Us", href: "/" }
+                { label: "FAQ", href: "#faq" },
+                { label: "Contact Us", href: "#contact" }
               ]
             }
           ]}
@@ -196,4 +206,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}