231 lines
12 KiB
TypeScript
231 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Heart, Sparkles, Trophy, Award, Users, Smile, PawPrint } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Animals", id: "animals" },
|
|
{ name: "Impact", id: "impact" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Pawsitive Haven"
|
|
bottomLeftText="Open Daily 10am-6pm"
|
|
bottomRightText="hello@pawsitivehaven.org"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Give Every Animal a Loving Home"
|
|
description="Welcome to Pawsitive Haven, where rescued dogs, cats, and other animals find their forever families. Every adoption is a second chance at happiness."
|
|
tag="Rescue & Care"
|
|
tagIcon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg"
|
|
imageAlt="Happy group of rescue animals"
|
|
imagePosition="right"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Adopter 1" },
|
|
{ src: "https://img.b2bpic.net/free-photo/outdoors-portrait-smiley-woman_23-2148486217.jpg", alt: "Adopter 2" },
|
|
{ src: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg", alt: "Adopter family" }
|
|
]}
|
|
avatarText="Join 500+ happy adopters"
|
|
buttons={[
|
|
{ text: "Browse Animals", href: "animals" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="We believe every animal deserves love, care, and a safe home. Since 2018, Pawsitive Haven has rescued over 2,000 animals, providing medical care, rehabilitation, and finding them their perfect families."
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Our Story", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="comparison" data-section="comparison">
|
|
<FeatureCardEighteen
|
|
title="The Rescue Difference"
|
|
description="See how our comprehensive care transforms the lives of animals in need"
|
|
tag="Impact"
|
|
tagIcon={Sparkles}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
negativeCard={{
|
|
title: "Before Rescue", imageSrc: "https://img.b2bpic.net/free-photo/woman-petting-adorable-dog_23-2148740423.jpg", imageAlt: "Animal before rescue", items: [
|
|
"Limited medical care", "Uncertain future", "Stressed and anxious", "Living in unsafe conditions"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
title: "After Our Care", imageSrc: "https://img.b2bpic.net/free-photo/sad-dog-shelter-being-pet-by-woman_23-2148682961.jpg", imageAlt: "Happy animal after rescue", items: [
|
|
"Full veterinary treatment", "Loving forever home", "Happy and healthy", "Safe and secure environment"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="animals" data-section="animals">
|
|
<ProductCardThree
|
|
title="Available for Adoption"
|
|
description="Meet our amazing animals waiting for their forever homes"
|
|
tag="Ready to Love"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Max - Golden Retriever", price: "Adoption Fee: $150", imageSrc: "https://img.b2bpic.net/free-photo/woman-dog-sunset-full-shot_23-2149871776.jpg", imageAlt: "Golden Retriever named Max", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Whiskers - Orange Tabby Cat", price: "Adoption Fee: $75", imageSrc: "https://img.b2bpic.net/free-photo/woman-brown-coat-lady-with-labrador_1157-42407.jpg", imageAlt: "Orange tabby cat named Whiskers", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Buddy - Mixed Breed Dog", price: "Adoption Fee: $125", imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-posing-with-dog_23-2148928955.jpg", imageAlt: "Black and brown mixed breed dog named Buddy", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "4", name: "Hoppy - Rabbit", price: "Adoption Fee: $50", imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-smiley-dog_23-2149004528.jpg", imageAlt: "Cute rabbit named Hoppy", initialQuantity: 1
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="impact" data-section="impact">
|
|
<MetricCardOne
|
|
title="Our Impact"
|
|
description="The numbers behind our mission to save and care for animals"
|
|
tag="Success Stories"
|
|
tagIcon={Trophy}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2,500", title: "Animals Rescued", description: "Lives transformed through our care", icon: Heart
|
|
},
|
|
{
|
|
id: "2", value: "98%", title: "Adoption Success", description: "Finding perfect forever homes", icon: Smile
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Years of Service", description: "Dedicated to animal welfare", icon: Award
|
|
},
|
|
{
|
|
id: "4", value: "50+", title: "Staff & Volunteers", description: "Passionate animal lovers", icon: Users
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFifteen
|
|
testimonial="Finding our beloved Golden Retriever, Max, at Pawsitive Haven changed our lives. The team's dedication to animal care is extraordinary. Max is now thriving and brings so much joy to our family every single day."
|
|
rating={5}
|
|
author="Sarah & John Mitchell, Dog Parents"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Sarah" },
|
|
{ src: "https://img.b2bpic.net/free-photo/outdoors-portrait-smiley-woman_23-2148486217.jpg", alt: "John" },
|
|
{ src: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg", alt: "Family" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Adopt?"
|
|
ctaDescription="Start your adoption journey with us. Our team is here to help match you with your perfect companion."
|
|
ctaButton={{ text: "Begin Adoption Process", href: "contact" }}
|
|
ctaIcon={PawPrint}
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the adoption process?", content: "Our adoption process includes an application review, home visit consultation, and meet-and-greet with your potential new family member. All animals are spayed/neutered, vaccinated, and microchipped before adoption."
|
|
},
|
|
{
|
|
id: "2", title: "What animals are available?", content: "We rescue dogs, cats, rabbits, birds, and other small animals. Visit our Animals page to see current available pets, or visit us in person during our open hours."
|
|
},
|
|
{
|
|
id: "3", title: "Are there age restrictions?", content: "We match animals based on individual circumstances. While we prefer homes with responsible care, we consider all applications to find the best fit for both the animal and family."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer post-adoption support?", content: "Absolutely! We provide lifetime support for all adoptions, including behavioral training advice, veterinary referrals, and a community of adopters for shared experiences."
|
|
},
|
|
{
|
|
id: "5", title: "Can I volunteer?", content: "We'd love your help! Volunteers are essential to our mission. Visit our Volunteer page or contact us at volunteer@pawsitivehaven.org to learn about opportunities."
|
|
},
|
|
{
|
|
id: "6", title: "How can I donate?", content: "Donations are tax-deductible and directly support animal care, medical treatment, and rescue operations. You can donate online, by mail, or sponsor a specific animal."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
imageAlt="Pawsitive Haven team with rescued animals"
|
|
logoText="Pawsitive Haven"
|
|
copyrightText="© 2024 Pawsitive Haven Animal Shelter. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Adopt", items: [
|
|
{ label: "Available Animals", href: "animals" },
|
|
{ label: "Adoption Process", href: "contact" },
|
|
{ label: "Success Stories", href: "impact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Donate", href: "https://donate.pawsitivehaven.org" },
|
|
{ label: "Volunteer", href: "https://volunteer.pawsitivehaven.org" },
|
|
{ label: "Sponsor an Animal", href: "https://sponsor.pawsitivehaven.org" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Mission", href: "about" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Visit Us", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |