Update src/app/reviews/page.tsx
This commit is contained in:
@@ -1,27 +1,30 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { AlertCircle } from "lucide-react";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import { AlertCircle, Phone } from "lucide-react";
|
||||
|
||||
const ReviewsPage = () => {
|
||||
export default function ReviewsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Service Area", id: "/service-area" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const handleCallNow = () => {
|
||||
window.location.href = "tel:+15619999999";
|
||||
};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Towing Services", href: "/services" },
|
||||
{ label: "Roadside Assistance", href: "/services" },
|
||||
{ label: "Vehicle Transport", href: "/services" },
|
||||
@@ -29,26 +32,23 @@ const ReviewsPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Customer Reviews", href: "/reviews" },
|
||||
{ label: "Service Area", href: "/services" },
|
||||
{ label: "Service Area", href: "/service-area" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Get Help",
|
||||
items: [
|
||||
{ label: "Call Now", href: "tel:+15619999999" },
|
||||
title: "Get Help", items: [
|
||||
{ label: "Call Now", href: "tel:+15619999999", onClick: handleCallNow },
|
||||
{ label: "Request a Quote", href: "/contact" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Service Hours", href: "#" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Service Hours", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
@@ -69,32 +69,44 @@ const ReviewsPage = () => {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
{/* Sticky Call Now Button */}
|
||||
<button
|
||||
onClick={handleCallNow}
|
||||
className="fixed bottom-8 right-8 z-50 bg-gradient-to-r from-[var(--primary-cta)] to-[var(--accent)] hover:shadow-lg transform hover:scale-105 transition-all duration-300 text-white px-6 py-4 rounded-full flex items-center gap-2 font-semibold shadow-lg"
|
||||
aria-label="Call now for immediate service"
|
||||
>
|
||||
<Phone size={20} />
|
||||
<span>Call Now</span>
|
||||
</button>
|
||||
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Shook Towing"
|
||||
navItems={navItems}
|
||||
button={{ text: "Call Now", href: "tel:+15619999999" }}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+15619999999"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Hundreds of Happy Customers Across Corpus Christi"
|
||||
description="Real people, real results. Here's what our customers say when it matters most."
|
||||
names={[
|
||||
"Melissa P.",
|
||||
"Brianna S.",
|
||||
"Connie R.",
|
||||
"Caleb M.",
|
||||
"Sarah J.",
|
||||
"David K.",
|
||||
"Emily R.",
|
||||
"James T.",
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Customer Reviews & Testimonials"
|
||||
description="Read real stories from real people who have experienced Shook Towing's professional, friendly, and reliable service."
|
||||
tag="5-Star Service"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Service", href: "tel:+15619999999"},
|
||||
{
|
||||
text: "See Our Services", href: "/services"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1"
|
||||
imageAlt="Happy customer testimonial"
|
||||
mediaAnimation="blur-reveal"
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,59 +116,23 @@ const ReviewsPage = () => {
|
||||
description="Here's what our customers say about their experience with Shook Towing."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Melissa P.",
|
||||
handle: "Late Evening Breakdown",
|
||||
testimonial: "Best tow service we have ever used. Super nice and picked the truck up in a short time. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=3",
|
||||
imageAlt: "satisfied customer woman smiling portrait",
|
||||
},
|
||||
id: "1", name: "Melissa P.", handle: "Late Evening Breakdown", testimonial: "Best tow service we have ever used. Super nice and picked the truck up in a short time. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brianna S.",
|
||||
handle: "Repeat Customer",
|
||||
testimonial: "I've used Shook Towing several times... he never fails to make a frustrating situation so much easier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg?_wi=3",
|
||||
imageAlt: "satisfied woman customer headshot portrait",
|
||||
},
|
||||
id: "2", name: "Brianna S.", handle: "Repeat Customer", testimonial: "I've used Shook Towing several times... he never fails to make a frustrating situation so much easier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Connie R.",
|
||||
handle: "Long-Term Trust",
|
||||
testimonial: "Very helpful, great attitude, very fast. Price was awesome. I would trust no one else to tow my vehicles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg?_wi=3",
|
||||
imageAlt: "mature woman customer portrait smiling",
|
||||
},
|
||||
id: "3", name: "Connie R.", handle: "Long-Term Trust", testimonial: "Very helpful, great attitude, very fast. Price was awesome. I would trust no one else to tow my vehicles.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Caleb M.",
|
||||
handle: "Parking Lot Fix",
|
||||
testimonial: "Richard basically diagnosed and fixed my car in the parking lot. Saved us time and money. Professional and patient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-gesturing-with-his-left-hand_1149-184.jpg?_wi=3",
|
||||
imageAlt: "satisfied man customer portrait headshot",
|
||||
},
|
||||
id: "4", name: "Caleb M.", handle: "Parking Lot Fix", testimonial: "Richard basically diagnosed and fixed my car in the parking lot. Saved us time and money. Professional and patient.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-gesturing-with-his-left-hand_1149-184.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
handle: "Excellent Service",
|
||||
testimonial: "Provided excellent service when we needed it most. Courteous, professional, and even gave us a ride to the dealership.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=3",
|
||||
imageAlt: "professional woman customer portrait headshot",
|
||||
},
|
||||
id: "5", name: "Sarah J.", handle: "Excellent Service", testimonial: "Provided excellent service when we needed it most. Courteous, professional, and even gave us a ride to the dealership.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=1"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David K.",
|
||||
handle: "Reliable Professional",
|
||||
testimonial: "Professional, punctual, skilled, patient, and friendly. Best of all, his price was very reasonable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg?_wi=3",
|
||||
imageAlt: "satisfied man customer headshot portrait",
|
||||
},
|
||||
id: "6", name: "David K.", handle: "Reliable Professional", testimonial: "Professional, punctual, skilled, patient, and friendly. Best of all, his price was very reasonable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg?_wi=1"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="scale-rotate"
|
||||
@@ -167,15 +143,18 @@ const ReviewsPage = () => {
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Experience the Difference?"
|
||||
tag="Ready to Join Our Happy Customers"
|
||||
tagIcon={AlertCircle}
|
||||
title="Join Hundreds of Satisfied Customers"
|
||||
description="When you need towing or roadside assistance, make Shook Towing your first call. Fast, fair, professional service every time."
|
||||
title="Experience the Difference"
|
||||
description="See why hundreds of Corpus Christi residents trust Shook Towing for their towing and roadside assistance needs."
|
||||
buttons={[
|
||||
{ text: "Call Now for Immediate Service", href: "tel:+15619999999" },
|
||||
{ text: "Request a Callback", href: "/contact" },
|
||||
{
|
||||
text: "Call Now", href: "tel:+15619999999"},
|
||||
{
|
||||
text: "Schedule Service", href: "/contact"},
|
||||
]}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
background={{
|
||||
variant: "downward-rays-animated"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,6 +168,4 @@ const ReviewsPage = () => {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default ReviewsPage;
|
||||
}
|
||||
Reference in New Issue
Block a user