206 lines
12 KiB
TypeScript
206 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="SafeHaven Shelter"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pets", id: "pets" },
|
|
{ name: "Adopt", id: "contact" },
|
|
{ name: "Volunteer", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Donate Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="SAFE HAVEN"
|
|
description="Give every animal a second chance at happiness. Our shelter provides loving care and adoption services to rescue pets in need of forever homes."
|
|
background={{ variant: "aurora" }}
|
|
buttons={[
|
|
{ text: "Browse Available Pets", href: "pets" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
|
|
imageAlt="Happy pets available for adoption at Safe Haven Shelter"
|
|
frameStyle="card"
|
|
logoLineHeight={1.2}
|
|
ariaLabel="Pet shelter hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Our Mission & Approach"
|
|
description="We're dedicated to transforming the lives of abandoned and neglected animals through compassionate care and responsible adoption."
|
|
tabs={[
|
|
{
|
|
id: "mission", label: "Our Mission", description: "We provide safe haven, medical care, and rehabilitation for abandoned animals while connecting them with loving families through ethical adoption practices."
|
|
},
|
|
{
|
|
id: "care", label: "Animal Care", description: "Every animal receives comprehensive medical evaluation, vaccinations, spaying/neutering, and personalized behavioral training to ensure successful adoptions."
|
|
},
|
|
{
|
|
id: "community", label: "Community Impact", description: "Beyond adoptions, we offer education programs, volunteer opportunities, and support services to strengthen the human-animal bond in our community."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
|
imageAlt="Professional animal care at Safe Haven Shelter"
|
|
imagePosition="right"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pets" data-section="pets">
|
|
<ProductCardFour
|
|
title="Meet Our Available Pets"
|
|
description="Discover wonderful animals waiting for their forever homes. Each has a unique personality and story."
|
|
tag="Available for Adoption"
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1", name: "Max", price: "Adoption Fee: $75", variant: "Golden Retriever • 3 Years Old", imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-cute-yawning-st-bernard-dog-with-black-wall_181624-31979.jpg", imageAlt: "Max - friendly Golden Retriever available for adoption"
|
|
},
|
|
{
|
|
id: "2", name: "Luna", price: "Adoption Fee: $50", variant: "Bengal Mix • 2 Years Old", imageSrc: "https://img.b2bpic.net/free-photo/humorous-newfoundland-puppy-dog-with-his-tongue-peaking-out_493961-18.jpg", imageAlt: "Luna - playful Bengal cat available for adoption"
|
|
},
|
|
{
|
|
id: "3", name: "Hoppy", price: "Adoption Fee: $30", variant: "Rabbit • 1 Year Old", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-dog-with-copy-space_23-2148415262.jpg", imageAlt: "Hoppy - cute rabbit available for adoption"
|
|
},
|
|
{
|
|
id: "4", name: "Charlie", price: "Adoption Fee: $75", variant: "Labrador Mix • 4 Years Old", imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-cute-yawning-st-bernard-dog-with-black-wall_181624-31979.jpg", imageAlt: "Charlie - gentle Labrador mix looking for a home"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Why Adopt From Us"
|
|
description="Choosing adoption means giving a loving animal a second chance while supporting our mission to care for vulnerable pets."
|
|
tag="Adoption Benefits"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: "01", title: "Health Guarantee", description: "Every adopted pet receives complete medical evaluation, vaccinations, and 30-day health guarantee for peace of mind.", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg", imageAlt: "Professional veterinary care at Safe Haven"
|
|
},
|
|
{
|
|
id: "02", title: "Behavioral Support", description: "Our trained staff provides personalized behavior assessments and post-adoption support to ensure successful integration.", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg", imageAlt: "Animal behavior specialist working with rescue pet"
|
|
},
|
|
{
|
|
id: "03", title: "Save a Life", description: "Your adoption directly saves lives by freeing resources to rescue more animals in critical need of help.", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg", imageAlt: "Family celebrating successful pet adoption"
|
|
},
|
|
{
|
|
id: "04", title: "Lifetime Support", description: "We provide ongoing support and resources throughout your pet's life, including training tips and medical guidance.", imageSrc: "https://img.b2bpic.net/free-photo/happy-dog-family-background_329181-20460.jpg", imageAlt: "Happy pet owner receiving adoption support"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Adoption Stories"
|
|
description="Real families sharing how adoption transformed their lives and their new furry family members."
|
|
tag="Happy Families"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Pet Parent", testimonial: "Adopting Max was the best decision we ever made. The team at Safe Haven made the process so smooth and caring. Max has brought so much joy to our family!", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Johnson - pet adoption testimonial"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Adopter", testimonial: "Luna was shy at first, but the staff's behavioral guidance helped her adjust beautifully. She's now the most affectionate cat we could ask for.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", imageAlt: "Michael Chen - cat adoption testimonial"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "First-Time Pet Owner", testimonial: "The support I received from Safe Haven didn't end at adoption. They've been incredible mentors helping us become great pet parents.", imageSrc: "https://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", imageAlt: "Emma Rodriguez - first-time pet owner testimonial"
|
|
},
|
|
{
|
|
id: "4", name: "David & Lisa Park", role: "Family", testimonial: "Our kids learned so much about responsibility and compassion through adopting Charlie. Safe Haven truly cares about matching the right pets with families.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg", imageAlt: "David and Lisa Park family testimonial"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Involved"
|
|
title="Stay Connected"
|
|
description="Subscribe to receive adoption alerts, volunteer opportunities, and heartwarming stories from Safe Haven Shelter."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
|
|
imageAlt="Newsletter signup for pet adoption updates"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We'll share adoption alerts, volunteer opportunities, and heartwarming rescue stories. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Safe Haven Shelter"
|
|
copyrightText="© 2025 Safe Haven Shelter. All rights reserved. Saving lives, one adoption at a time."
|
|
columns={[
|
|
{
|
|
title: "Adopt", items: [
|
|
{ label: "Available Pets", href: "pets" },
|
|
{ label: "Adoption Process", href: "about" },
|
|
{ label: "Success Stories", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Donate", href: "contact" },
|
|
{ label: "Volunteer", href: "hero" },
|
|
{ label: "Foster Program", href: "about" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Pet Care Tips", href: "features" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "About Us", href: "about" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |