Update src/app/about/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 HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Zap, MapPin, Users, Heart, Wrench, Lightbulb, Clock } from "lucide-react";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import { AlertCircle, Phone } from "lucide-react";
|
||||
|
||||
const AboutPage = () => {
|
||||
export default function AboutPage() {
|
||||
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 AboutPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
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,11 +69,44 @@ const AboutPage = () => {
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="About Shook Towing"
|
||||
description="Built on respect, reliability, and a passion for helping people in their toughest moments. Learn the story of how Shook Towing became Corpus Christi's most trusted towing service."
|
||||
tag="Our Story"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Today", href: "tel:+15619999999"},
|
||||
{
|
||||
text: "Get a Quote", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg?_wi=1"
|
||||
imageAlt="Shook Towing team professional portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,128 +115,34 @@ const AboutPage = () => {
|
||||
title="A Tow Company Built on Respect and Reliability"
|
||||
description="Shook Towing started with a simple idea: people deserve a tow service that treats them like family, not a problem. From day one, Richard has focused on being fast, fair, and kind—showing up when it matters most and doing more than just hooking up a vehicle. Whether it's giving you a ride to the dealership, talking you through what's wrong, or finding a way to fix a simple issue on the spot, Shook Towing is about making a bad day feel a little less heavy."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Customer Satisfaction" },
|
||||
{ value: "20-30 min", title: "Average Response Time" },
|
||||
{ value: "24/7", title: "Emergency Service" },
|
||||
{
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "20-30 min", title: "Average Response Time"},
|
||||
{
|
||||
value: "24/7", title: "Emergency Service"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg?_wi=2"
|
||||
imageAlt="professional towing owner with tow truck portrait"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-office-receiving-feedback-from-management-executive_482257-126629.jpg"
|
||||
imageAlt="Shook Towing customer service team"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Why Choose Shook Towing"
|
||||
description="Our commitment to excellence in every interaction sets us apart in the industry."
|
||||
features={[
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Experience the Difference"
|
||||
tagIcon={AlertCircle}
|
||||
title="Let Us Show You Why We're Different"
|
||||
description="Contact Shook Towing today and experience genuine customer care combined with professional expertise."
|
||||
buttons={[
|
||||
{
|
||||
title: "Fast Response",
|
||||
description: "We know you're stuck. We work quickly to get to you and get you moving again.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{ icon: Zap, label: "Average Time", value: "20-30 min" },
|
||||
{ icon: MapPin, label: "Service Area", value: "Corpus Christi" },
|
||||
],
|
||||
},
|
||||
text: "Call Now", href: "tel:+15619999999"},
|
||||
{
|
||||
title: "Professional & Courteous",
|
||||
description: "From a ride to the dealership to patient, clear communication, you'll always be treated with respect.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{ icon: Users, label: "Skilled Drivers", value: "Richard & Team" },
|
||||
{ icon: Heart, label: "Customer Care", value: "Always Priority" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Fair, Honest Pricing",
|
||||
description: "Reasonable, transparent rates—no surprise fees. We believe in treating people right.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{ icon: Clock, label: "Available", value: "24/7 Service" },
|
||||
{ icon: Wrench, label: "Quality", value: "Professional Grade" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "More Than Just a Tow",
|
||||
description: "From basic diagnosis to quick fixes in a parking lot, we help however we can.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{ icon: Wrench, label: "Quick Fixes", value: "When Possible" },
|
||||
{ icon: Lightbulb, label: "Diagnosis", value: "Expert Advice" },
|
||||
],
|
||||
},
|
||||
text: "Request Service", href: "/contact"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Customers Say"
|
||||
description="Hundreds of satisfied customers share their experiences 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=2",
|
||||
imageAlt: "satisfied customer woman smiling 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=2",
|
||||
imageAlt: "satisfied woman customer headshot portrait",
|
||||
},
|
||||
{
|
||||
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=2",
|
||||
imageAlt: "mature woman customer portrait smiling",
|
||||
},
|
||||
{
|
||||
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=2",
|
||||
imageAlt: "satisfied man 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=2",
|
||||
imageAlt: "professional woman customer portrait headshot",
|
||||
},
|
||||
{
|
||||
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=2",
|
||||
imageAlt: "satisfied man customer headshot portrait",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
background={{
|
||||
variant: "downward-rays-animated"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,6 +156,4 @@ const AboutPage = () => {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutPage;
|
||||
}
|
||||
Reference in New Issue
Block a user