Add src/app/reviews/page.tsx

This commit is contained in:
2026-03-24 22:15:07 +00:00
parent d09d9faae7
commit 8a01c552bc

103
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,103 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Facebook, Instagram, Star, Twitter } from "lucide-react";
export default function ReviewsPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="medium"
background="fluid"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "home", href: "/"},
{
name: "Services", id: "services", href: "/services"},
{
name: "About Us", id: "about", href: "/about"},
{
name: "Reviews", id: "reviews", href: "/reviews"},
{
name: "Contact", id: "contact", href: "/contact"},
]}
button={{
text: "Call Now", href: "tel:+16151234567"}}
brandName="Nashville Plumbing Pro"
/>
</div>
<div id="reviews-page-testimonials" data-section="reviews-page-testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
testimonials={[
{
id: "1", name: "Sarah J.", role: "Homeowner", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
{
id: "2", name: "Michael D.", role: "Small Business Owner", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1"},
{
id: "3", name: "Emily R.", role: "Resident", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=1"},
{
id: "4", name: "David K.", role: "Property Manager", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=1"},
{
id: "5", name: "Jessica L.", role: "Homeowner", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-pointing-up_1303-34538.jpg?_wi=1"},
{
id: "6", name: "Chris T.", role: "Restaurant Owner", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-pointing-left_1368-2454.jpg?_wi=1"},
{
id: "7", name: "Amanda W.", role: "Student", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-student-glasses-holding-books-pointing-front_1303-22879.jpg?_wi=1"},
{
id: "8", name: "Robert B.", role: "Office Manager", company: "Nashville", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-blank-sign_23-2147775583.jpg?_wi=1"}
]}
title="Hear What Our Valued Customers Have to Say"
description="Discover why Nashville residents and businesses trust us for all their plumbing needs. Real stories from real people."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Nashville Plumbing Pro"
copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}