357 lines
12 KiB
TypeScript
357 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Adopt",
|
|
id: "adopt",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Happy Paws Shelter"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Give Them a Forever Home"
|
|
description="Find your new best friend at our shelter. Every pet deserves a loving family and a place to call home."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=1",
|
|
imageAlt: "Rescue Pet 1",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=1",
|
|
imageAlt: "Rescue Pet 2",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=2",
|
|
imageAlt: "Rescue Pet 3",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=2",
|
|
imageAlt: "Rescue Pet 4",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=3",
|
|
imageAlt: "Rescue Pet 5",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=3",
|
|
imageAlt: "Rescue Pet 6",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=4",
|
|
imageAlt: "Rescue Pet 7",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=4",
|
|
imageAlt: "Rescue Pet 8",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=5",
|
|
imageAlt: "Rescue Pet 9",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=5",
|
|
imageAlt: "Rescue Pet 10",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=6",
|
|
imageAlt: "Rescue Pet 11",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=6",
|
|
imageAlt: "Rescue Pet 12",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Meet Our Pets",
|
|
href: "#adopt",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-petting-dog_23-2149613984.jpg",
|
|
alt: "Happy Adopter 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-woman-playing-with-cat-kitchen-home_158595-7432.jpg",
|
|
alt: "Happy Adopter 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-man-having-fun-with-his-dog-park_23-2147902259.jpg",
|
|
alt: "Happy Adopter 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-elderly-woman-with-cat_23-2150139691.jpg",
|
|
alt: "Happy Adopter 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-with-fluffy-black-dog-outdoors_23-2148683013.jpg",
|
|
alt: "Happy Adopter 5",
|
|
},
|
|
]}
|
|
avatarText="Joined by 500+ happy families"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "No-Kill Shelter",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Vaccinated & Healthy",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Community Focused",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Lifetime Support",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Join the Family",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Dedicated to Animal Welfare"
|
|
description="Happy Paws Shelter is committed to providing a safe, temporary haven for abandoned pets while actively searching for their permanent families."
|
|
bulletPoints={[
|
|
{
|
|
title: "No-Kill Policy",
|
|
description: "We are proud to maintain a compassionate, no-kill philosophy.",
|
|
},
|
|
{
|
|
title: "Full Veterinary Care",
|
|
description: "All pets are vaccinated, spayed/neutered, and health checked.",
|
|
},
|
|
{
|
|
title: "Community Adoption",
|
|
description: "Events and support to ensure the perfect match for you.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-farmer-feeding-baby-goat_23-2149066233.jpg?_wi=1"
|
|
imageAlt="Shelter Team"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="adopt" data-section="adopt">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Bella",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-dog-blue-background_181624-25204.jpg?_wi=1",
|
|
imageAlt: "Bella Dog",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Luna",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-with-her-pet_23-2149284073.jpg?_wi=1",
|
|
imageAlt: "Luna Cat",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Max",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-abandoned-dog-waiting-be-adopted-by-someone_23-2148682986.jpg",
|
|
imageAlt: "Max Dog",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Oliver",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192348.jpg",
|
|
imageAlt: "Oliver Cat",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Daisy",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-waiting-be-adopted-by-someone_23-2148682989.jpg",
|
|
imageAlt: "Daisy Dog",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Simba",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-sleeping-cat-thai-home-pet-take-nap-car-domestic-animal_1150-18111.jpg",
|
|
imageAlt: "Simba Cat",
|
|
},
|
|
]}
|
|
title="Available for Adoption"
|
|
description="Meet some of our amazing animals waiting for their forever homes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Emily R.",
|
|
date: "Jan 2024",
|
|
title: "Best Decision Ever",
|
|
quote: "I found the most wonderful dog here. The team was so helpful!",
|
|
tag: "Dog Owner",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-petting-dog_23-2149613984.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=7",
|
|
imageAlt: "happy dog portrait outdoor",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark S.",
|
|
date: "Feb 2024",
|
|
title: "Wonderful Experience",
|
|
quote: "My kitten is a joy. The adoption process was smooth.",
|
|
tag: "Cat Owner",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-playing-with-cat-kitchen-home_158595-7432.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=7",
|
|
imageAlt: "rescue dog smiling meadow",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah P.",
|
|
date: "Mar 2024",
|
|
title: "Life Changing",
|
|
quote: "Happy Paws helped us find our perfect companion.",
|
|
tag: "Dog Owner",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-having-fun-with-his-dog-park_23-2147902259.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-feeding-baby-goat_23-2149066233.jpg?_wi=2",
|
|
imageAlt: "pet shelter volunteer playing",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "John D.",
|
|
date: "Apr 2024",
|
|
title: "Great Support",
|
|
quote: "Very professional and caring staff. Highly recommend.",
|
|
tag: "Cat Owner",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-woman-with-cat_23-2150139691.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-dog-blue-background_181624-25204.jpg?_wi=2",
|
|
imageAlt: "cute rescue dog portrait",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Anna L.",
|
|
date: "May 2024",
|
|
title: "Perfect Match",
|
|
quote: "Our new dog fits in our family perfectly!",
|
|
tag: "Dog Owner",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-with-fluffy-black-dog-outdoors_23-2148683013.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-with-her-pet_23-2149284073.jpg?_wi=2",
|
|
imageAlt: "fluffy rescue cat portrait",
|
|
},
|
|
]}
|
|
title="Happy Tails"
|
|
description="Success stories from families who found their furry soulmates with us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Get in Touch"
|
|
description="Interested in adopting, volunteering, or donating? Send us a message today."
|
|
inputs={[
|
|
{
|
|
name: "fullName",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "How can we help?",
|
|
rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-sitting-rescue-dog-shelter_23-2148682942.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Happy Paws Shelter"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|