Add src/app/about/page.tsx
This commit is contained in:
134
src/app/about/page.tsx
Normal file
134
src/app/about/page.tsx
Normal file
@@ -0,0 +1,134 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Heart, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Happy Paws Shelter"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Adopt", id: "featured" },
|
||||
{ name: "Our Story", id: "/about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Start Adoption", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Our Shelter's Story"
|
||||
description="Happy Paws Shelter was founded with a mission to rescue, rehabilitate, and rehome animals in need. Our dedicated team works tirelessly to give every pet a second chance at a happy life."
|
||||
tag="About Happy Paws"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/group-happy-animal-shelter-staff-with-dogs_1163-2935.jpg", imageAlt: "Our shelter team with rescue dogs"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/animals-being-cared-for-at-shelter_23-2148700000.jpg", imageAlt: "Animals receiving care at our shelter"
|
||||
}
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Making a difference every day"
|
||||
buttons={[
|
||||
{ text: "Get Involved", href: "#" },
|
||||
{ text: "Donate", href: "#" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Fun Stories from Our Shelter"
|
||||
description="Heartwarming tales of rescue, recovery, and the incredible animals who have passed through our doors."
|
||||
tag="Our Stories"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Buddy's Great Escape", handle: "A German Shepherd's Adventure", testimonial: "Buddy arrived at our shelter after wandering the streets for weeks. He was shy and scared, but with lots of love and patience, he blossomed into the most joyful pup! His new family says he's brought endless laughter and loyalty to their home.", imageSrc: "https://img.b2bpic.net/free-photo/dog-smiling-camera-happy_23-2148699500.jpg", imageAlt: "Buddy the German Shepherd"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Whiskers' Second Chance", handle: "A Kitten's Transformation", testimonial: "Found in a cardboard box behind the grocery store, Whiskers was tiny and frightened. Our veterinary team nursed her back to health, and now she's a vibrant, playful kitty who absolutely loves cuddles. Her family can't imagine life without her!", imageSrc: "https://img.b2bpic.net/free-photo/adorable-orange-kitten-playing-leaves_23-2148701000.jpg", imageAlt: "Whiskers the kitten"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Max's Medical Marvel", handle: "A Rescue's Recovery Story", testimonial: "Max came to us with serious health issues that required months of dedicated care. Our amazing vets performed life-saving surgery, and now he runs and plays like any healthy dog! Watching his transformation has been the highlight of our year.", imageSrc: "https://img.b2bpic.net/free-photo/golden-retriever-running-beach_23-2148700500.jpg", imageAlt: "Max the happy dog"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Luna's Special Bond", handle: "An Unlikely Friendship", testimonial: "Luna, a three-legged cat, arrived at our shelter after a terrible accident. What's amazing is how she became best friends with a three-legged rabbit named Hoppy! Their friendship inspires everyone who visits, proving that love knows no limits.", imageSrc: "https://img.b2bpic.net/free-photo/cute-animals-together_23-2148701500.jpg", imageAlt: "Luna and Hoppy together"
|
||||
},
|
||||
{
|
||||
id: "5", name: "The Senior Squad", handle: "Age is Just a Number", testimonial: "We have a special program for senior animals, and watching older dogs and cats find loving homes has been incredible. One 14-year-old corgi named Daisy now spends her golden years with a retired couple who spoil her rotten!", imageSrc: "https://img.b2bpic.net/free-photo/happy-senior-dog_23-2148702000.jpg", imageAlt: "Senior dogs at our shelter"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Rescue Reunion", handle: "A Family Reunited", testimonial: "One of our favorite stories happened when a lost dog named Shadow was reunited with his original family after two years on the streets. The tears of joy were flowing, and it reminded us why we do this work every single day!", imageSrc: "https://img.b2bpic.net/free-photo/happy-family-with-dog-reunion_23-2148702500.jpg", imageAlt: "Dog reunited with family"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Browse Pets", href: "/#featured" },
|
||||
{ label: "Adoption Process", href: "/#process" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Donate", href: "#" },
|
||||
{ label: "Volunteer", href: "#" },
|
||||
{ label: "Sponsor a Pet", href: "#" },
|
||||
{ label: "FAQ", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Contact Us", href: "mailto:info@happypaws.org" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Happy Paws Shelter. All rights reserved."
|
||||
bottomRightText="Made with care for our furry friends"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user