163 lines
12 KiB
TypeScript
163 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Facebook, HandCoins, HeartHandshake, Instagram, Twitter, UsersRound } from "lucide-react";
|
|
|
|
export default function SitePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Paw Haven"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Adopt", id: "/#adopt" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Success", id: "/#testimonials" },
|
|
{ name: "Support", id: "/#support" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "Contact", id: "/#contact" }
|
|
]}
|
|
button={{text: 'Donate', href: '/#contact'}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroPersonalLinks
|
|
background={{variant: 'sparkles-gradient'}}
|
|
title="Give a Loving Home to Our Furry Friends"
|
|
socialLinks={[{icon: HeartHandshake, label: 'Adopt', href: '#adopt'}, {icon: HandCoins, label: 'Donate', href: '#contact'}, {icon: UsersRound, label: 'Volunteer', href: '#support'}]}
|
|
linkCards={[{title: 'Find Your New Best Friend', description: 'Browse our adorable adoptable pets waiting for a home.', button: {text: 'View Pets', href: '#adopt'}}, {title: 'Support Our Mission', description: 'Your donations help us care for and rehome animals in need.', button: {text: 'Donate Now', href: '#contact'}}]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About Paw Haven: Connecting Hearts and Paws"
|
|
description="At Paw Haven, we believe every animal deserves a second chance at a loving home. We're dedicated to rescuing, rehabilitating, and rehoming abandoned and neglected pets, ensuring they find their forever families."
|
|
tag="Our Mission"
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
imageAlt="Volunteers caring for pets at Paw Haven shelter"
|
|
buttons={[{text: 'Learn More', href: '#about'}]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="adopt" data-section="adopt">
|
|
<ProductCardTwo
|
|
title="Meet Our Adoptable Pets"
|
|
description="These loving animals are eagerly waiting to find their forever homes. Click to learn more about each one!"
|
|
tag="Adopt Today"
|
|
products={[
|
|
{id: 'dog1', brand: 'Canine Companions', name: 'Buddy', price: 'Age: 2 years', rating: 5, reviewCount: 'Friendly', imageSrc: 'https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg', imageAlt: 'Golden Retriever dog named Buddy'},
|
|
{id: 'cat1', brand: 'Feline Friends', name: 'Luna', price: 'Age: 1 year', rating: 5, reviewCount: 'Playful', imageSrc: 'https://img.b2bpic.net/free-photo/happy-asian-woman-posing-with-small-pet-dog-home_1098-20160.jpg', imageAlt: 'Tabby cat named Luna'},
|
|
{id: 'dog2', brand: 'Happy Hounds', name: 'Max', price: 'Age: 3 years', rating: 5, reviewCount: 'Loyal', imageSrc: 'https://img.b2bpic.net/free-photo/two-stylish-girls-sunny-field-with-dogs_1157-34702.jpg', imageAlt: 'Labrador mix dog named Max'},
|
|
{id: 'cat2', brand: 'Purr-fect Pals', name: 'Cleo', price: 'Age: 4 years', rating: 5, reviewCount: 'Calm', imageSrc: 'https://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg', imageAlt: 'Siamese cat named Cleo'},
|
|
{id: 'dog3', brand: 'Wagging Tails', name: 'Daisy', price: 'Age: 0.5 years', rating: 5, reviewCount: 'Energetic', imageSrc: 'https://img.b2bpic.net/free-photo/smiling-young-woman-cuddling-her-friendly-dog_23-2147840629.jpg', imageAlt: 'Border Collie puppy named Daisy'},
|
|
{id: 'cat3', brand: 'Whiskers & Paws', name: 'Jasper', price: 'Age: 0.8 years', rating: 5, reviewCount: 'Sweet', imageSrc: 'https://img.b2bpic.net/free-photo/child-playing-with-his-dogs-while-outdoors-with-family_23-2148647817.jpg', imageAlt: 'Persian kitten named Jasper'}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Happy Tails: Success Stories"
|
|
description="Read inspiring stories from families who found their furry companions at Paw Haven."
|
|
tag="Our Community"
|
|
testimonials={[
|
|
{id: '1', name: 'Sarah & Tom Davis', role: 'New Pet Parents', testimonial: "Adopting our dog, Bella, from Paw Haven was the best decision we ever made. She's brought so much joy into our lives! The team was incredibly supportive throughout the process.", imageSrc: 'https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg', imageAlt: 'Happy couple with adopted dog Bella'},
|
|
{id: '2', name: 'Emily Rodriguez', role: 'Cat Lover', testimonial: "Our cat, Whiskers, found her forever home with us thanks to Paw Haven. She's the most affectionate cat, and we couldn't imagine life without her. Thank you for your amazing work!", imageSrc: 'https://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-cute-rabbit_23-2149514560.jpg', imageAlt: 'Child playing with adopted cat Whiskers'},
|
|
{id: '3', name: 'Mark & Lisa Chen', role: 'Rescue Advocates', testimonial: 'We adopted our senior dog, Charlie, from Paw Haven. Despite his age, he\'s full of life and love. The shelter\'s dedication to older pets is truly remarkable. Highly recommend!', imageSrc: 'https://img.b2bpic.net/free-photo/happy-family-feeding-horse-stable_23-2147562174.jpg', imageAlt: 'Elderly person with adopted dog Charlie'},
|
|
{id: '4', name: 'Jessica & David Lee', role: 'Multi-Pet Family', testimonial: "Paw Haven helped us grow our family by two. Their staff ensured a smooth adoption process for both our dog and cat. We're so grateful for their commitment to animal welfare.", imageSrc: 'https://img.b2bpic.net/free-photo/women-shelter-playing-with-cute-rescue-dogs_23-2148682939.jpg', imageAlt: 'Family with multiple adopted pets'}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="support" data-section="support">
|
|
<FeatureCardEight
|
|
title="How You Can Help Our Shelter"
|
|
description="Every act of kindness makes a difference in the lives of our animals. Join us in our mission to provide them with a brighter future."
|
|
tag="Get Involved"
|
|
features={[
|
|
{id: 1, title: 'Adopt a Pet', description: 'Give a loving animal a forever home and experience unconditional love.', imageSrc: 'https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg', imageAlt: 'Happy dog'},
|
|
{id: 2, title: 'Make a Donation', description: 'Your financial support helps cover medical care, food, and shelter for our residents.', imageSrc: 'https://img.b2bpic.net/free-photo/happy-asian-woman-posing-with-small-pet-dog-home_1098-20160.jpg', imageAlt: 'Friendly cat'},
|
|
{id: 3, title: 'Volunteer Your Time', description: 'Dedicate your time to walk dogs, play with cats, or assist with daily shelter operations.', imageSrc: 'https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg', imageAlt: 'Volunteer with pets'},
|
|
{id: 4, title: 'Foster an Animal', description: 'Provide a temporary home for a pet, giving them a comfortable environment before adoption.', imageSrc: 'https://img.b2bpic.net/free-photo/two-stylish-girls-sunny-field-with-dogs_1157-34702.jpg', imageAlt: 'Dog in home'}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about adoption, volunteering, and supporting Paw Haven."
|
|
faqs={[
|
|
{id: '1', title: 'What is the adoption process?', content: 'Our adoption process typically involves an application, a meet-and-greet with the pet, and a home visit to ensure a good match. Our team will guide you through every step.'},
|
|
{id: '2', title: 'How can I volunteer?', content: "We welcome volunteers! You can fill out a volunteer application on our website, and we'll connect you with opportunities like dog walking, cat socialization, or event support."},
|
|
{id: '3', title: 'What types of donations do you accept?', content: "We gratefully accept monetary donations, pet food, blankets, toys, and other supplies. Visit our 'Donate' section for a full list of needed items."},
|
|
{id: '4', title: 'Can I foster an animal?', content: 'Yes, fostering is a wonderful way to help! We provide all necessary supplies and medical care for foster animals. Contact us to learn more about becoming a foster parent.'},
|
|
{id: '5', title: 'Do you offer pet surrender services?', content: 'We understand that circumstances can change. Please contact us directly to discuss our surrender policy and available resources.'}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Support Our Shelter: Adopt, Donate, Volunteer"
|
|
description="Your generosity and time are invaluable to our furry residents. Join the Paw Haven family and make a difference today!"
|
|
background={{variant: 'radial-gradient'}}
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive email updates from Paw Haven."
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Paw Haven"
|
|
copyrightText="© 2024 Paw Haven. All rights reserved."
|
|
socialLinks={[{icon: Instagram, href: 'https://instagram.com/pawhaven', ariaLabel: 'Instagram'}, {icon: Facebook, href: 'https://facebook.com/pawhaven', ariaLabel: 'Facebook'}, {icon: Twitter, href: 'https://twitter.com/pawhaven', ariaLabel: 'Twitter'}]}
|
|
ariaLabel="Paw Haven Footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|