From e5d6725d28afac180e7bf139f5b84491ebd9dc8b Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 23:12:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 237 ++++++++++++++--------------------------------- 1 file changed, 71 insertions(+), 166 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 486c52f..7bdf480 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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 */} + + @@ -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" /> @@ -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} />