190 lines
9.6 KiB
TypeScript
190 lines
9.6 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import Image from 'next/image';
|
|
import { Hero } from '@/components/hero';
|
|
import { Testimonial } from '@/components/testimonial';
|
|
import { CTASection } from '@/components/cta-section';
|
|
import testimonialsData from '@/data/testimonials.json';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Client Reviews & Testimonials',
|
|
description: 'Read what our clients have to say about Hamton Brown CPA. Real testimonials from satisfied clients about our tax and financial services.',
|
|
openGraph: {
|
|
title: 'Client Reviews & Testimonials',
|
|
description: 'Read what our clients have to say about Hamton Brown CPA.',
|
|
images: ['/images/reviews-bg.jpg'],
|
|
},
|
|
};
|
|
|
|
export default function ReviewsPage() {
|
|
return (
|
|
<>
|
|
<Hero
|
|
title="What Our Clients Say"
|
|
subtitle="Don't just take our word for it. Here's what our clients have to say about their experience with Hamton Brown CPA. Real testimonials from real people we've helped."
|
|
ctaText="Read All Reviews"
|
|
ctaHref="#testimonials"
|
|
imageSrc="/images/background_office.png"
|
|
imageAlt="Professional office background representing our business environment"
|
|
/>
|
|
|
|
<section id="testimonials" className="bg-cloud py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Client Testimonials
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-slate">
|
|
Our clients trust us with their most important financial matters. Here's what they have to say about their experience.
|
|
</p>
|
|
</div>
|
|
<div className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 sm:mt-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
|
|
{testimonialsData.map((testimonial) => (
|
|
<Testimonial
|
|
key={testimonial.id}
|
|
quote={testimonial.quote}
|
|
author={testimonial.author}
|
|
role={testimonial.role}
|
|
rating={testimonial.rating}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="bg-sand py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl lg:max-w-none">
|
|
<div className="grid grid-cols-1 gap-16 lg:grid-cols-2 lg:gap-24">
|
|
<div>
|
|
<h2 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Why Clients Choose Us
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-slate">
|
|
Our clients consistently choose us for our expertise, personalized service, and commitment to their financial success. Here are the key reasons why they trust us.
|
|
</p>
|
|
<div className="mt-8 space-y-6">
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div className="ml-3">
|
|
<h3 className="text-lg font-semibold text-ink">Expert Knowledge</h3>
|
|
<p className="text-slate">Our team stays current with the latest tax laws and regulations to provide the best advice.</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div className="ml-3">
|
|
<h3 className="text-lg font-semibold text-ink">Personalized Service</h3>
|
|
<p className="text-slate">We take the time to understand your unique situation and develop customized strategies.</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div className="ml-3">
|
|
<h3 className="text-lg font-semibold text-ink">Transparent Communication</h3>
|
|
<p className="text-slate">We explain complex tax concepts in plain English and keep you informed every step of the way.</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div className="ml-3">
|
|
<h3 className="text-lg font-semibold text-ink">Proven Results</h3>
|
|
<p className="text-slate">Our clients consistently save money on taxes and achieve their financial goals.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="bg-cloud p-8 rounded-lg">
|
|
<h3 className="text-xl font-semibold text-ink mb-4">Our Commitment</h3>
|
|
<p className="text-slate mb-6">
|
|
We're committed to providing exceptional service and building long-term relationships with our clients. Your success is our success.
|
|
</p>
|
|
<div className="space-y-4">
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Free initial consultation
|
|
</div>
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Year-round support and guidance
|
|
</div>
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Transparent pricing with no hidden fees
|
|
</div>
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Secure handling of sensitive information
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="bg-navy py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold tracking-tight text-cloud sm:text-4xl">
|
|
Ready to Join Our Satisfied Clients?
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-cloud/90">
|
|
Experience the difference that professional, personalized tax and financial services can make for you and your family.
|
|
</p>
|
|
<div className="mt-10 flex items-center justify-center gap-x-6">
|
|
<a
|
|
href="/contact"
|
|
className="rounded-md bg-teal px-3.5 py-2.5 text-sm font-semibold text-cloud shadow-sm hover:bg-teal/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal"
|
|
>
|
|
Schedule Consultation
|
|
</a>
|
|
<a href="/services/tax-planning" className="text-sm font-semibold leading-6 text-cloud hover:text-teal transition-colors">
|
|
Learn More <span aria-hidden="true">→</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<CTASection
|
|
title="Start Your Success Story"
|
|
description="Join our community of satisfied clients and discover how we can help you achieve your financial goals."
|
|
primaryCta={{
|
|
text: 'Schedule Consultation',
|
|
href: '/contact',
|
|
icon: 'phone',
|
|
}}
|
|
secondaryCta={{
|
|
text: 'Learn About Our Services',
|
|
href: '/services/tax-planning',
|
|
}}
|
|
variant="dark"
|
|
/>
|
|
</>
|
|
);
|
|
}
|