Merge version_3 into main #8
@@ -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,39 @@ export default function AboutPage() {
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
<TeamCardOne
|
||||
title="Meet Our Dedicated Team"
|
||||
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 +156,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>
|
||||
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user