233 lines
13 KiB
TypeScript
233 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Heart, Pawprint, Shield, Home, Users, Megaphone, Star, CheckCircle, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="PawsPlace"
|
|
button={{
|
|
text: "Adopt Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Find Your Perfect Pet"
|
|
description="Welcome to PawsPlace, where rescue pets find loving forever homes. Browse our adoptable animals and change a life today."
|
|
tag="Pet Adoption Made Easy"
|
|
tagIcon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/child-playing-with-his-dogs-while-outdoors-with-family_23-2148647817.jpg"
|
|
imageAlt="Happy rescue dogs at the shelter"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Browse Pets", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About PawsPlace"
|
|
description="We are dedicated to rescuing abandoned and neglected pets, providing them with medical care, love, and the opportunity to find their forever homes."
|
|
tag="Our Mission"
|
|
tagIcon={Pawprint}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
bulletPoints={[
|
|
{
|
|
title: "Rescue & Care", description: "We rescue pets in need and provide comprehensive veterinary care, vaccinations, and behavioral support.", icon: Shield
|
|
},
|
|
{
|
|
title: "Safe Haven", description: "Our shelter offers a safe, clean, and nurturing environment where animals can recover and thrive.", icon: Home
|
|
},
|
|
{
|
|
title: "Perfect Matches", description: "We match pets with families through careful assessment to ensure lasting, happy adoptions.", icon: Users
|
|
},
|
|
{
|
|
title: "Community Support", description: "We educate the community about pet care, adoption, and animal welfare through events and programs.", icon: Megaphone
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
imageAlt="Our caring shelter team with rescue pets"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "team" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Meet Our Adoptable Pets"
|
|
description="Each of our pets is unique and ready for a loving home. Browse through our available animals and find your perfect companion."
|
|
tag="Available for Adoption"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "1", name: "Max - Golden Retriever", price: "Adoption Fee: $150", imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg", imageAlt: "Max, a friendly golden retriever"
|
|
},
|
|
{
|
|
id: "2", name: "Whiskers - Tabby Cat", price: "Adoption Fee: $75", imageSrc: "https://img.b2bpic.net/free-photo/cute-golden-retriever-puppy-resting-couch_181624-26198.jpg", imageAlt: "Whiskers, an adorable tabby kitten"
|
|
},
|
|
{
|
|
id: "3", name: "Buddy - Mixed Breed", price: "Adoption Fee: $125", imageSrc: "https://img.b2bpic.net/free-photo/local-labrador-beige-puppy-chilling-grass-looking-camera-with-sad-droopy-eyes_1268-20171.jpg", imageAlt: "Buddy, a lovable mixed breed dog"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Why Adopt From Us"
|
|
description="Adoption from a shelter provides benefits for both pets and families. Discover what makes PawsPlace special."
|
|
tag="Adoption Benefits"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Health & Vaccination", description: "All pets receive complete medical exams, vaccinations, and microchipping before adoption.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Lifetime Support", description: "We provide ongoing support and guidance to ensure your pet's success in their new home.", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Happy Adoption Stories"
|
|
description="Hear from families whose lives have been transformed by their new pets."
|
|
tag="Success Stories"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, Pet Parent", date: "Date: 15 November 2024", title: "Max brought so much joy to our family!", quote: "We adopted Max three months ago and he's completely transformed our lives. He's loving, playful, and the perfect addition to our family. The PawsPlace team made the entire process smooth and supportive.", tag: "Family Adoption", avatarSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg", avatarAlt: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Pet Parent", date: "Date: 20 October 2024", title: "Whiskers is the perfect companion!", quote: "As a first-time cat owner, I had many questions. The PawsPlace staff patiently answered everything and helped me prepare for Whiskers' arrival. She's now my best friend and I couldn't imagine life without her.", tag: "First-time Adopter", avatarSrc: "https://img.b2bpic.net/free-photo/happy-family-spending-time-together-green-nature_1098-1063.jpg", avatarAlt: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/happy-family-spending-time-together-green-nature_1098-1063.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Rebecca Martinez, Senior Adopter", date: "Date: 05 October 2024", title: "My retirement companion found me!", quote: "I retired last year and was looking for companionship. Buddy has filled my days with love and activity. The shelter staff really understood what I needed and found the perfect match.", tag: "Senior Adoption", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-parents-with-baby_1098-1201.jpg", avatarAlt: "Rebecca Martinez", imageSrc: "https://img.b2bpic.net/free-photo/smiling-parents-with-baby_1098-1201.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Wilson, Pet Parent", date: "Date: 18 September 2024", title: "A second chance success story", quote: "Luna was nervous when we first met her, but with patience and the guidance from PawsPlace, she blossomed into the most affectionate dog. Seeing her confidence grow has been incredible.", tag: "Rescue Success", avatarSrc: "https://img.b2bpic.net/free-photo/healthy-family-laughing_1098-1299.jpg", avatarAlt: "Emma Wilson", imageSrc: "https://img.b2bpic.net/free-photo/healthy-family-laughing_1098-1299.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "David Thompson, Pet Parent", date: "Date: 30 August 2024", title: "Every pet deserves a loving home", quote: "I came in just browsing and left with my new best friend, Charlie. The passion the PawsPlace team has for these animals is evident in everything they do.", tag: "Unexpected Adoption", avatarSrc: "https://img.b2bpic.net/free-photo/happy-be-together_1098-1166.jpg", avatarAlt: "David Thompson", imageSrc: "https://img.b2bpic.net/free-photo/happy-be-together_1098-1166.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="We are a dedicated team of animal lovers committed to giving every pet a second chance at happiness and a loving forever home."
|
|
tag="Volunteer Opportunities"
|
|
memberVariant="default"
|
|
useInvertedBackground="noInvert"
|
|
members={[
|
|
{
|
|
id: "1", name: "Dr. Lisa Anderson", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "James Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Maria Chen", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Tom Wilson", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
title="Join Our Community"
|
|
description="Subscribe to our newsletter for adoption updates, pet care tips, and special events. Be part of the PawsPlace family!"
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-farmer-spending-time-with-dog_23-2149140383.jpg"
|
|
imageAlt="Our community volunteering together"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. We send adoption updates and pet care tips weekly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/adorable-dog-being-curious-fence-shelter_23-2148682946.jpg"
|
|
imageAlt="PawsPlace animal shelter"
|
|
logoText="PawsPlace"
|
|
copyrightText="© 2024 PawsPlace Animal Shelter | Giving Pets A Forever Home"
|
|
columns={[
|
|
{
|
|
title: "Adoption", items: [
|
|
{ label: "Browse Pets", href: "products" },
|
|
{ label: "Adoption Process", href: "#" },
|
|
{ label: "FAQ", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Get Involved", items: [
|
|
{ label: "Volunteer", href: "#" },
|
|
{ label: "Donate", href: "#" },
|
|
{ label: "Foster Program", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email Us", href: "mailto:info@pawsplace.org" },
|
|
{ label: "Call (555) 123-4567", href: "tel:5551234567" },
|
|
{ label: "Visit Us", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |