Add src/app/customers/page.tsx
This commit is contained in:
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