Merge version_2 into main #3
145
src/app/customers/page.tsx
Normal file
145
src/app/customers/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Heart } from "lucide-react";
|
||||
|
||||
export default function CustomersPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Adopt", id: "product" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Customers", id: "customers" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="PawShelter"
|
||||
bottomLeftText="Saving Lives, One Paw at a Time"
|
||||
bottomRightText="info@pawshelter.org"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Our Happy Customers"
|
||||
description="Meet the wonderful families and individuals who have opened their hearts and homes to our rescued pets. Their stories inspire us every day."
|
||||
buttons={[
|
||||
{ text: "Browse Available Pets", href: "/" },
|
||||
{ text: "Share Your Story", href: "/contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-dog-at-home_1157-21400.jpg"
|
||||
imageAlt="Happy families with their adopted pets"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="customers" data-section="customers">
|
||||
<TestimonialCardOne
|
||||
title="Customer Success Stories"
|
||||
description="Discover the heartwarming stories of families and individuals who found their perfect companions through PawShelter. These testimonials showcase the lasting bond between pet and owner."
|
||||
tag="Our Community"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Martinez", role: "Dog Mom", company: "Portland, OR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Sarah Martinez"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Jennifer Chen", role: "Pet Enthusiast", company: "Seattle, WA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg", imageAlt: "Jennifer Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Michael Johnson", role: "First-Time Pet Owner", company: "Denver, CO", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-129391.jpg", imageAlt: "Michael Johnson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emily Rodriguez", role: "Cat Mom", company: "Austin, TX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg", imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "5", name: "David Thompson", role: "Senior & Dog Lover", company: "Boston, MA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man_1308-29255.jpg", imageAlt: "David Thompson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Lisa Anderson", role: "Multi-Pet Parent", company: "San Francisco, CA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-portrait_1308-29291.jpg", imageAlt: "Lisa Anderson"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Share Your Journey"
|
||||
title="Tell Us Your Story"
|
||||
description="Have you adopted a pet from PawShelter? We'd love to hear about your experience and feature your story on our customers page."
|
||||
tagIcon={Heart}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Share Story"
|
||||
termsText="We respect your privacy. Your story helps inspire others to give rescue pets a chance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="PawShelter"
|
||||
columns={[
|
||||
{
|
||||
title: "Adopt", items: [
|
||||
{ label: "Available Pets", href: "/" },
|
||||
{ label: "Adoption Process", href: "#" },
|
||||
{ label: "Success Stories", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Volunteer", href: "/contact" },
|
||||
{ label: "Donate", href: "#" },
|
||||
{ label: "Become a Sponsor", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Mission", href: "/" },
|
||||
{ label: "Meet the Team", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Pet Care Tips", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "FAQ", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 PawShelter. All rights reserved. Saving lives, one paw at a time."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user