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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-17 23:12:11 +00:00
parent a9433fa9d7
commit e5d6725d28
1 changed files with 71 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -6,7 +6,6 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
@@ -23,21 +22,26 @@ import {
Wrench,
Lightbulb,
AlertCircle,
Phone,
} from "lucide-react";
export default function HomePage() {
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" },
@@ -45,26 +49,23 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Customer Reviews", href: "#testimonials" },
{ 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" },
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: "#" },
{ label: "Service Hours", href: "/services" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclaimer", href: "#" },
@@ -85,14 +86,22 @@ export default function HomePage() {
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>
@@ -105,21 +114,16 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Call Now for Immediate Service",
href: "tel:+15619999999",
},
text: "Call Now for Immediate Service", href: "tel:+15619999999"},
{
text: "Request a Quote",
href: "#contact-cta",
},
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 tow truck driver helping customer"
mediaAnimation="blur-reveal"
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
/>
</div>
@@ -129,15 +133,7 @@ export default function HomePage() {
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.",
]}
"Melissa P.", "Brianna S.", "Connie R.", "Caleb M.", "Sarah J.", "David K.", "Emily R.", "James T."]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -151,71 +147,43 @@ export default function HomePage() {
description="We know you're stressed. Here's why thousands of Corpus Christi residents trust us."
features={[
{
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: [
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",
},
label: "Average Time", value: "20-30 min"},
{
icon: MapPin,
label: "Service Area",
value: "Corpus Christi",
},
label: "Service Area", value: "Corpus Christi"},
],
},
{
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: [
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",
},
label: "Skilled Drivers", value: "Richard & Team"},
{
icon: Heart,
label: "Customer Care",
value: "Always Priority",
},
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: [
title: "Fair, Honest Pricing", description: "Reasonable, transparent rates—no surprise fees. We believe in treating people right.", bentoComponent: "icon-info-cards", items: [
{
icon: DollarSign,
label: "Price Guarantee",
value: "Competitive Rates",
},
label: "Price Guarantee", value: "Competitive Rates"},
{
icon: CheckCircle,
label: "Transparency",
value: "No Hidden Fees",
},
label: "Transparency", value: "No Hidden Fees"},
],
},
{
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: [
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",
},
label: "Quick Fixes", value: "When Possible"},
{
icon: Lightbulb,
label: "Diagnosis",
value: "Expert Advice",
},
label: "Diagnosis", value: "Expert Advice"},
],
},
]}
@@ -231,53 +199,23 @@ export default function HomePage() {
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=1",
},
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=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=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=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=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=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=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=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=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=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=1"},
]}
showRating={true}
animationType="scale-rotate"
@@ -292,17 +230,11 @@ export default function HomePage() {
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: "100%", title: "Customer Satisfaction"},
{
value: "20-30 min",
title: "Average Response Time",
},
value: "20-30 min", title: "Average Response Time"},
{
value: "24/7",
title: "Emergency Service",
},
value: "24/7", title: "Emergency Service"},
]}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg?_wi=1"
@@ -317,35 +249,13 @@ export default function HomePage() {
description="Got questions? We've got answers. Here's what people usually want to know."
faqs={[
{
id: "1",
title: "Do you take cards?",
content: "Yes, we accept all major credit and debit cards, as well as cash. We're flexible to make things easy for you in a stressful moment.",
},
id: "1", title: "Do you take cards?", content: "Yes, we accept all major credit and debit cards, as well as cash. We're flexible to make things easy for you in a stressful moment."},
{
id: "2",
title: "How far will you tow?",
content: "We serve Corpus Christi and surrounding areas. If you're not sure whether you're in our range, just call—we'll let you know in seconds.",
},
id: "2", title: "How far will you tow?", content: "We serve Corpus Christi and surrounding areas. If you're not sure whether you're in our range, just call—we'll let you know in seconds."},
{
id: "3",
title: "Can you give me a ride with my vehicle?",
content: "Absolutely. One of the ways we go above and beyond is offering rides to the dealership, your home, or wherever you need to go.",
},
id: "3", title: "Can you give me a ride with my vehicle?", content: "Absolutely. One of the ways we go above and beyond is offering rides to the dealership, your home, or wherever you need to go."},
{
id: "4",
title: "Do you work with roadside assistance and insurance?",
content: "Yes. We work with most roadside assistance programs and insurance companies. Let us know your coverage when you call.",
},
{
id: "5",
title: "How long does it usually take?",
content: "Our average response time is 20-30 minutes, depending on your location and current demand. We'll give you an ETA when you call.",
},
{
id: "6",
title: "What if my car won't start at night?",
content: "No problem. We operate 24/7, every day of the week. Call us anytime and we'll get help to you as fast as we can.",
},
id: "4", title: "Do you work with roadside assistance and insurance?", content: "Yes. We work with most roadside assistance programs and insurance companies. Let us know your coverage when you call."},
]}
faqsAnimation="slide-up"
mediaAnimation="blur-reveal"
@@ -364,17 +274,12 @@ export default function HomePage() {
description="One call gets you a professional, friendly driver on the way. Shook Towing is here when you need us most."
buttons={[
{
text: "Call Now for Immediate Service",
href: "tel:+15619999999",
},
text: "Call Now for Immediate Service", href: "tel:+15619999999"},
{
text: "Request a Callback",
href: "#contact-cta",
},
text: "Request a Callback", href: "/contact"},
]}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
useInvertedBackground={false}
/>
</div>