281 lines
16 KiB
TypeScript
281 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Heart, Sparkles, Zap, Star, TrendingUp, Users, Home, Award, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="PawsHaven"
|
|
button={{
|
|
text: "Adopt Today", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Give a Pet a Loving Home"
|
|
description="Find your perfect companion and change a life. Browse adoptable dogs, cats, and other animals ready to join your family today."
|
|
tag="Open for Adoptions"
|
|
tagIcon={Heart}
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/happy-boy-posing-park-with-dog-parents_23-2148647786.jpg"
|
|
imageAlt="Happy family with adopted pets"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Start Adoption", href: "contact" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="At PawsHaven, we believe every animal deserves a loving home. Since 2015, we've rescued, rehabilitated, and rehomed over 5,000 pets. Our dedicated team works tirelessly to ensure every animal receives the care, attention, and love they need before finding their forever families."
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Available for Adoption"
|
|
description="Meet the wonderful animals waiting for their forever homes. Each pet has been health-checked and is ready to brighten your life."
|
|
tag="Featured Pets"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Golden Hearts", name: "Max - Golden Retriever", price: "Adoption Fee: $150", rating: 5,
|
|
reviewCount: "47 loves", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-two-young-golden-retrievers_181624-27654.jpg", imageAlt: "Max, friendly golden retriever"
|
|
},
|
|
{
|
|
id: "2", brand: "Feline Friends", name: "Whiskers - Tabby Cat", price: "Adoption Fee: $75", rating: 5,
|
|
reviewCount: "32 loves", imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-posing-with-dog_23-2148928955.jpg", imageAlt: "Whiskers, playful tabby kitten"
|
|
},
|
|
{
|
|
id: "3", brand: "Puppy Pals", name: "Shadow - Lab Mix", price: "Adoption Fee: $125", rating: 5,
|
|
reviewCount: "28 loves", imageSrc: "https://img.b2bpic.net/free-photo/girl-with-two-irish-setters-home_1398-4891.jpg", imageAlt: "Shadow, energetic black puppy"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Browse All Pets", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Our Adoption Process"
|
|
description="We make adoption straightforward and transparent. Follow these simple steps to welcome your new family member home."
|
|
tag="Easy Steps"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Submit Application", description: "Tell us about your home, lifestyle, and what kind of pet you're looking for. Our team reviews applications within 24 hours.", imageSrc: "https://img.b2bpic.net/free-photo/young-happy-couple-signing-document-while-having-meeting-with-real-estate-agent-office-focus-is-man_637285-2814.jpg", imageAlt: "Application form for pet adoption"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Meet Your Match", description: "Visit our shelter to meet potential pets. Spend time with them to ensure it's the perfect fit for your family.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-couple-with-dog-talking-their-insurance-agent-meeting-office_637285-2832.jpg", imageAlt: "Family meeting their future pet"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Complete the Process", description: "Finalize paperwork, pay the adoption fee, and receive care instructions. We provide ongoing support for life.", imageSrc: "https://img.b2bpic.net/free-photo/team-creative-business-colleagues-having-fun-while-giving-headphones-dog-office-focus-is-dog_637285-2006.jpg", imageAlt: "Happy family bringing pet home"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Adoption Success Stories"
|
|
description="Hear from families who found their perfect companions through PawsHaven"
|
|
tag="Real Stories"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahjohns", testimonial: "Adopting Max changed our lives. He's brought so much joy and love to our family. The team at PawsHaven made everything seamless!", imageSrc: "https://img.b2bpic.net/free-photo/man-woman-posing-together_23-2148618938.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@mchen_pets", testimonial: "We weren't sure about adoption at first, but the staff was incredibly helpful. Whiskers is the sweetest addition to our home.", imageSrc: "https://img.b2bpic.net/free-photo/self-portrait-cheerful-modern-couple-love_1262-12888.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "@emilyrodrig", testimonial: "The adoption process was so easy and transparent. Shadow is now part of our family, and we couldn't imagine life without him.", imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-posing_23-2147644354.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David & Lisa Williams", handle: "@williamspets", testimonial: "PawsHaven's commitment to animal welfare is evident in everything they do. Our new furry friend is healthy, happy, and loved.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5514.jpg", imageAlt: "David and Lisa Williams"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Martinez", handle: "@jmartinez_love", testimonial: "Incredible organization with incredible people. They genuinely care about matching the right pet with the right family.", imageSrc: "https://img.b2bpic.net/free-photo/man-woman-posing-together_23-2148618938.jpg", imageAlt: "Jessica Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Tom Anderson", handle: "@tander_dogs", testimonial: "Best decision we ever made. The support from PawsHaven didn't end after adoption - they're always there to help.", imageSrc: "https://img.b2bpic.net/free-photo/self-portrait-cheerful-modern-couple-love_1262-12888.jpg", imageAlt: "Tom Anderson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Our Impact by Numbers"
|
|
description="See the difference we're making in animal welfare and community engagement"
|
|
tag="Impact Metrics"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{
|
|
id: "1", icon: Heart,
|
|
title: "Pets Adopted", value: "5,200+"
|
|
},
|
|
{
|
|
id: "2", icon: Home,
|
|
title: "Happy Homes", value: "98%"
|
|
},
|
|
{
|
|
id: "3", icon: Users,
|
|
title: "Community Members", value: "12,500+"
|
|
},
|
|
{
|
|
id: "4", icon: Award,
|
|
title: "Years of Service", value: "9"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about pet adoption and our services"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-sad-woman-saying-goodbye-her-old-german-shepherd-professional-male-veterinarian-preparing-ready-put-down-sick-dog_662251-2307.jpg"
|
|
imageAlt="Pet care and adoption support"
|
|
mediaPosition="left"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the age range of available pets?", content: "We have pets of all ages, from young puppies and kittens to senior animals. Each pet's age and health information is listed on their profile."
|
|
},
|
|
{
|
|
id: "2", title: "What's included in the adoption fee?", content: "The adoption fee covers spaying/neutering, microchipping, initial vaccinations, health examination, and a one-month pet insurance trial. Our team can discuss any additional services."
|
|
},
|
|
{
|
|
id: "3", title: "Can I return a pet if it doesn't work out?", content: "Yes, we have a 30-day return policy. If adjustment issues arise, we work with you to resolve them or welcome the pet back. Your satisfaction and the pet's wellbeing are our priorities."
|
|
},
|
|
{
|
|
id: "4", title: "Do you provide post-adoption support?", content: "Absolutely. Our team provides ongoing support for the life of your pet. We're available for behavioral questions, health concerns, and training tips."
|
|
},
|
|
{
|
|
id: "5", title: "What if I'm renting? Can I still adopt?", content: "Yes, renters can adopt. During the application process, we ask for landlord approval documentation if required. We work with all responsible pet owners."
|
|
},
|
|
{
|
|
id: "6", title: "How can I volunteer or donate?", content: "We welcome volunteers and donations! You can contact our team directly, or visit our website for various volunteer opportunities and donation options that support our mission."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Adopt?"
|
|
ctaDescription="Start your adoption journey today. Our team is excited to help you find the perfect pet companion."
|
|
ctaButton={{
|
|
text: "Begin Application", href: "https://example.com/apply"
|
|
}}
|
|
ctaIcon={Heart}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does the adoption process take?", content: "Typically 3-7 days from application to adoption. We review applications within 24 hours and can arrange meetings quickly."
|
|
},
|
|
{
|
|
id: "2", title: "What documents do I need for adoption?", content: "Valid ID, proof of address, and veterinary references if you've owned pets before. We may request additional information based on your situation."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer payment plans for adoption fees?", content: "Yes, we offer flexible payment options. Please contact our team to discuss payment plans that work for your budget."
|
|
},
|
|
{
|
|
id: "4", title: "What if my chosen pet gets adopted before I finalize?", content: "We recommend applying quickly. Our staff can place a hold on pets for qualified applicants. Contact us for more details."
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="PawsHaven"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Adoptable Pets", href: "products" },
|
|
{ label: "Adoption Process", href: "features" },
|
|
{ label: "Success Stories", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Impact", href: "metrics" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Volunteer", href: "contact" },
|
|
{ label: "Donate", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "https://example.com/privacy" },
|
|
{ label: "Terms of Service", href: "https://example.com/terms" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |