bender/d059b0b2-c4d7-496a-b477-8a48635c5dcc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-17 23:12:13 +00:00
parent 6e5feced49
commit 426a105dc6
1 changed files with 94 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/services/page.tsx
View File

@@ -1,37 +1,30 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import {
Zap,
MapPin,
Users,
Heart,
DollarSign,
CheckCircle,
Wrench,
Lightbulb,
AlertCircle,
} from "lucide-react";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import { Zap, MapPin, Users, Heart, DollarSign, CheckCircle, Wrench, Lightbulb, AlertCircle, Phone } from "lucide-react";
export default function ServicesPage() {
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" },
@@ -39,26 +32,23 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/" },
{ label: "Customer Reviews", href: "/" },
{ label: "Service Area", href: "/services" },
{ label: "Contact Us", href: "#contact-cta" },
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Customer Reviews", href: "/reviews" },
{ label: "Service Area", href: "/service-area" },
{ label: "Contact Us", href: "/contact" },
],
},
{
title: "Get Help",
items: [
{ label: "Call Now", href: "tel:+15619999999" },
{ label: "Request a Quote", href: "#contact-cta" },
{ label: "FAQ", href: "/" },
{ label: "Service Hours", href: "#" },
title: "Get Help", items: [
{ label: "Call Now", href: "tel:+15619999999", onClick: handleCallNow },
{ label: "Request a Quote", href: "/contact" },
{ 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: "#" },
@@ -79,112 +69,90 @@ export default function ServicesPage() {
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",
}}
text: "Call Now", href: "tel:+15619999999"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="Our Comprehensive Towing & Roadside Services"
description="From emergency towing to quick mechanical fixes, Shook Towing has the expertise and equipment to handle any situation. Available 24/7 in Corpus Christi and surrounding areas."
tag="Professional Towing Services"
tagAnimation="slide-up"
buttons={[
{
text: "Call for Service", href: "tel:+15619999999"},
{
text: "Request a Quote", href: "/contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-giving-keys-car-customer_329181-11861.jpg"
imageAlt="professional towing services"
mediaAnimation="blur-reveal"
background={{
variant: "radial-gradient"}}
imagePosition="right"
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
title="Towing & Roadside Services You Can Rely On"
description="From breakdowns to lockouts, we've got you covered."
products={[
{
id: "towing",
name: "Towing Services",
price: "Competitive Rates",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-spare-tire-man-talking-phone_23-2148270655.jpg",
imageAlt: "tow truck towing broken down car accident",
},
{
id: "roadside",
name: "Roadside Assistance",
price: "Fast Response",
imageSrc: "http://img.b2bpic.net/free-photo/emergency-auto-mechanic-changing-flat-tire-road_651396-3559.jpg",
imageAlt: "roadside assistance flat tire change",
},
{
id: "transport",
name: "Vehicle Transport",
price: "Safe & Secure",
imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg",
imageAlt: "vehicle transport service flatbed carrier",
},
{
id: "mechanical",
name: "Light Mechanical Help",
price: "On-the-Spot Fixes",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171231.jpg",
imageAlt: "mechanic roadside diagnosis repair tools",
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureBento
title="Why Choose Shook Towing for Your Service Needs"
description="Experience the difference professional, courteous towing makes when you need it most."
title="Services We Provide"
description="Every service backed by professionalism, reliability, and genuine care for our customers."
features={[
{
title: "Fast Response Time",
description: "We prioritize getting to you quickly. Our average response is 20-30 minutes, depending on location.",
bentoComponent: "icon-info-cards",
items: [
title: "Emergency Towing", description: "24/7 emergency response for accidents, breakdowns, and vehicle emergencies. We get to you fast.", bentoComponent: "icon-info-cards", items: [
{
icon: Zap,
label: "Quick Service",
value: "20-30 min",
},
label: "Response Time", value: "20-30 minutes"},
{
icon: MapPin,
label: "Wide Coverage",
value: "All of Corpus Christi",
},
icon: AlertCircle,
label: "Available", value: "24/7/365"},
],
},
{
title: "Professional Team",
description: "Richard and his team bring years of experience and genuine care to every job.",
bentoComponent: "icon-info-cards",
items: [
title: "Roadside Assistance", description: "Jump starts, lockouts, fuel delivery, and tire changes. Quick fixes to get you back on the road.", bentoComponent: "icon-info-cards", items: [
{
icon: Users,
label: "Experienced Drivers",
value: "Richard & Team",
},
{
icon: Heart,
label: "Personalized Care",
value: "Every Customer Matters",
},
],
},
{
title: "Transparent Pricing",
description: "No hidden fees, no surprises. Just honest, competitive rates for quality service.",
bentoComponent: "icon-info-cards",
items: [
{
icon: DollarSign,
label: "Fair Rates",
value: "Competitive Pricing",
},
icon: Wrench,
label: "Quick Fixes", value: "On Site"},
{
icon: CheckCircle,
label: "No Hidden Fees",
value: "Full Transparency",
},
label: "Common Issues", value: "Expert Help"},
],
},
{
title: "Vehicle Transport", description: "Safe, secure transportation for vehicles across Corpus Christi and surrounding areas. Insured and professional.", bentoComponent: "icon-info-cards", items: [
{
icon: MapPin,
label: "Coverage", value: "Full Area"},
{
icon: Heart,
label: "Care", value: "Fully Insured"},
],
},
{
title: "Mechanical Assistance", description: "Expert diagnosis and on-site repairs when possible. Richard's mechanical expertise saves you time and money.", bentoComponent: "icon-info-cards", items: [
{
icon: Lightbulb,
label: "Diagnosis", value: "Expert Advice"},
{
icon: DollarSign,
label: "Cost Savings", value: "When Possible"},
],
},
]}
@@ -196,23 +164,18 @@ export default function ServicesPage() {
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Ready to Experience Our Service?"
tag="Ready to Help"
tagIcon={AlertCircle}
title="Get Professional Towing When You Need It"
description="Available 24/7 for all your towing and roadside assistance needs. Call now to speak with our friendly team."
title="Need Service Right Now?"
description="Our team is standing by to help. Call us immediately for emergency service or to schedule roadside assistance."
buttons={[
{
text: "Call Now",
href: "tel:+15619999999",
},
text: "Call Now", href: "tel:+15619999999"},
{
text: "Request a Quote",
href: "#contact-cta",
},
text: "Get a Quote", href: "/contact"},
]}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
useInvertedBackground={false}
/>
</div>