Update src/app/page.tsx

Merge version_3 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 FaqBase from "@/components/sections/faq/FaqBase";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+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"
-          useInvertedBackground={false}
+          gridVariant="four-items-2x2-equal-grid"
+          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"
-          description="Learn more about Paws Haven, our work, and how we can help"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
+          faqsAnimation="blur-reveal"
         />
       </div>
 

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 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 ProductCardOne from "@/components/sections/product/ProductCardOne";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+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";
 
 export default function LandingPage() {
@@ -42,7 +42,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial
+        <HeroBillboardGallery
           title="Give Pets a Second Chance"
           description="Welcome to Paws Haven, where every animal deserves love and a forever home. Browse our adoptable pets, learn about our mission, and join our community of animal lovers."
           tag="Save a Life Today"
@@ -53,32 +53,19 @@ export default function LandingPage() {
             { text: "Learn More", href: "/about" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg"
-          imageAlt="Happy puppies and kittens waiting for adoption"
           mediaAnimation="slide-up"
-          imagePosition="right"
-          background={{ variant: "sparkles-gradient" }}
-          testimonials={[
+          mediaItems={[
             {
-              name: "Sarah Johnson",              handle: "Adopted Max",              testimonial: "Max transformed our lives from day one. The shelter staff made the adoption process so smooth and caring.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg?_wi=1"
+              imageSrc: "http://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg",              imageAlt: "Happy puppies waiting for adoption"
             },
             {
-              name: "James & Lisa Chen",              handle: "Adopted Whiskers",              testimonial: "We can't imagine life without Whiskers. Thank you for helping us find our perfect companion!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-with-cat_23-2149078325.jpg?_wi=1"
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg?_wi=1",              imageAlt: "Family with adopted dog"
             },
             {
-              name: "Emma Rodriguez",              handle: "Adopted Bella",              testimonial: "The shelter's support didn't end at adoption. They've been there for every question and milestone.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/little-girl-holds-puppy-her-arms_8353-153.jpg?_wi=1"
-            },
-            {
-              name: "Robert Thompson",              handle: "Adopted Buddy",              testimonial: "Finding Buddy at Paws Haven was destiny. Best decision we ever made as a family.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/retired-woman-sitting-with-her-dog_1169-26.jpg?_wi=1"
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-with-cat_23-2149078325.jpg?_wi=1",              imageAlt: "Couple with adopted cat"
             }
           ]}
-          testimonialRotationInterval={5000}
-          useInvertedBackground={false}
-          showMarqueeCard={false}
+          background={{ variant: "sparkles-gradient" }}
         />
       </div>
 
@@ -150,19 +137,19 @@ export default function LandingPage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "1",              title: "Browse & Connect",              description: "Explore our available pets online or visit us in person to meet them face-to-face.",              tag: "Step 1",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=1"
+              id: "1",              title: "Discover Your Match",              description: "Browse our available pets online or visit us in person to meet them face-to-face and find your perfect companion.",              tag: "Step 1",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=1"
             },
             {
-              id: "2",              title: "Meet & Greet",              description: "Spend time with your potential new family member to ensure a perfect match.",              tag: "Step 2",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=2"
+              id: "2",              title: "Get to Know Them",              description: "Spend quality time with your potential new family member to ensure a perfect match and build an initial connection.",              tag: "Step 2",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=2"
             },
             {
-              id: "3",              title: "Complete Application",              description: "Fill out our adoption application so we can learn about your home and lifestyle.",              tag: "Step 3",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=3"
+              id: "3",              title: "Complete Your Application",              description: "Fill out our adoption application so we can learn about your home, lifestyle, and what you're looking for in a pet.",              tag: "Step 3",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=3"
             },
             {
-              id: "4",              title: "Home Visit & Approval",              description: "Our team may schedule a home visit to ensure the best environment for your new pet.",              tag: "Step 4",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=4"
+              id: "4",              title: "Home Preparation",              description: "Our team may schedule a home visit to ensure the best environment for your new pet and provide setup recommendations.",              tag: "Step 4",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=4"
             },
             {
-              id: "5",              title: "Welcome Home",              description: "Complete the paperwork and bring your new family member home to start your adventure.",              tag: "Step 5",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=5"
+              id: "5",              title: "Welcome Home",              description: "Complete the paperwork and bring your new family member home to start your adventure together with our ongoing support.",              tag: "Step 5",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=5"
             }
           ]}
           animationType="slide-up"
@@ -215,13 +202,13 @@ export default function LandingPage() {
           useInvertedBackground={true}
           metrics={[
             {
-              id: "1",              value: "Volunteer",              title: "Become a Volunteer",              description: "Help care for animals and support adoption events",              videoSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=1"
+              id: "1",              value: "Volunteer",              title: "Become a Volunteer",              description: "Help care for animals and support adoption events",              imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=1"
             },
             {
-              id: "2",              value: "Donate",              title: "Financial Support",              description: "Every dollar funds medical care and shelter operations",              videoSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=2"
+              id: "2",              value: "Donate",              title: "Financial Support",              description: "Every dollar funds medical care and shelter operations",              imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=2"
             },
             {
-              id: "3",              value: "Sponsor",              title: "Sponsor a Pet",              description: "Help fund care for a specific animal on their journey to adoption",              videoSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=3"
+              id: "3",              value: "Sponsor",              title: "Sponsor a Pet",              description: "Help fund care for a specific animal on their journey to adoption",              imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg?_wi=3"
             }
           ]}
           animationType="slide-up"

src/app/styles/variables.css

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