diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 801f157..0ddc453 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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 */} + + + +
+
@@ -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" /> -
- + -
- -
-
@@ -217,6 +156,4 @@ const AboutPage = () => { ); -}; - -export default AboutPage; \ No newline at end of file +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 5c8bf37..949865d 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,25 +1,25 @@ "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 ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterSimple from "@/components/sections/footer/FooterSimple"; -import Link from "next/link"; -import { AlertCircle } from "lucide-react"; +import { Phone, Clock, AlertCircle } from "lucide-react"; export default function ContactPage() { 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: "Reviews", id: "/reviews" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "Towing Services", href: "/services" }, { label: "Roadside Assistance", href: "/services" }, { label: "Vehicle Transport", href: "/services" }, @@ -27,26 +27,23 @@ export default function ContactPage() { ], }, { - title: "Company", - items: [ - { label: "About Us", href: "/about" }, + title: "Company", items: [ + { label: "About Us", href: "#about" }, { label: "Customer Reviews", href: "/reviews" }, { label: "Service Area", href: "/services" }, { label: "Contact Us", href: "/contact" }, ], }, { - title: "Get Help", - items: [ + title: "Get Help", items: [ { label: "Call Now", href: "tel:+15619999999" }, { label: "Request a Quote", href: "/contact" }, - { label: "FAQ", href: "/" }, + { label: "FAQ", href: "/#faq" }, { label: "Service Hours", href: "#" }, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Disclaimer", href: "#" }, @@ -72,104 +69,96 @@ export default function ContactPage() { brandName="Shook Towing" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+15619999999", - }} + text: "Call Now", href: "tel:+15619999999"}} /> -
- + +
+ +
+
-
-
-

- Get in Touch -

-

- Have questions? We're here to help. Contact us using any of the methods below. -

+
+ +
-
-
-

- Call Us Anytime -

- - (561) 999-9999 - -

Available 24/7 for emergencies

-
- -
-

- Service Area -

-

- Corpus Christi and surrounding areas in Texas -

-
- -
-

- Response Time -

-

- Average response time: 20-30 minutes -

-
- -
-

- Why Choose Shook Towing? -

-
    -
  • - - Professional and courteous drivers -
  • -
  • - - Fair, honest pricing with no hidden fees -
  • -
  • - - 24/7 emergency service -
  • -
  • - - Licensed and insured -
  • -
  • - - Fast response times in Corpus Christi -
  • -
+
+
+
+

Why You Can Trust Us

+
+
+ +

Always Available

+

Open 24/7, every day of the week for emergencies and scheduled service. Your problem doesn't wait, neither do we.

+
+
+ +

Fast & Reliable

+

Average response time of 20-30 minutes. Professional drivers with real expertise, not just a hook and winch.

+
+
+ +

Fair Pricing

+

Transparent, competitive rates with no surprise fees. We believe in treating people right, not taking advantage.

+
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5ed0f9b..5d0caae 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,54 +1,32 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; -import { Archivo } from "next/font/google"; +import { Montserrat } from "next/font/google"; +import { Lato } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { getVisualEditScript } from "@/utils/visual-edit-script"; -const halant = Halant({ - variable: "--font-halant", - subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], +const montserrat = Montserrat({ + variable: "--font-montserrat", subsets: ["latin"], }); -const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], -}); - -const archivo = Archivo({ - variable: "--font-archivo", - subsets: ["latin"], +const lato = Lato({ + variable: "--font-lato", subsets: ["latin"], + weight: ["100", "300", "400", "700", "900"], }); export const metadata: Metadata = { - title: "Shook Towing | Fast, Fair, Professional Towing in Corpus Christi", - description: "Fast, friendly towing and roadside assistance 24/7 in Corpus Christi. Honest pricing, professional drivers, exceptional service when you need it most.", - keywords: "towing service Corpus Christi, roadside assistance, emergency towing, flatbed towing, vehicle transport, professional drivers", - metadataBase: new URL("https://shooktowing.com"), + title: "Shook Towing | Fast, Fair, Professional Towing in Corpus Christi", description: "Fast, friendly towing and roadside assistance 24/7 in Corpus Christi. Honest pricing, professional drivers, exceptional service when you need it most.", keywords: "towing service Corpus Christi, roadside assistance, emergency towing, flatbed towing, vehicle transport, professional drivers", metadataBase: new URL("https://shooktowing.com"), alternates: { - canonical: "https://shooktowing.com", - }, + canonical: "https://shooktowing.com"}, openGraph: { - title: "Shook Towing | Fast & Fair Towing in Corpus Christi", - description: "Professional towing and roadside assistance available 24/7. Fast response, honest pricing, exceptional care.", - url: "https://shooktowing.com", - siteName: "Shook Towing", - type: "website", - images: [ + title: "Shook Towing | Fast & Fair Towing in Corpus Christi", description: "Professional towing and roadside assistance available 24/7. Fast response, honest pricing, exceptional care.", url: "https://shooktowing.com", siteName: "Shook Towing", type: "website", images: [ { - url: "https://shooktowing.com/og-image.jpg", - alt: "Shook Towing professional tow truck and team", - }, + url: "https://shooktowing.com/og-image.jpg", alt: "Shook Towing professional tow truck and team"}, ], }, twitter: { - card: "summary_large_image", - title: "Shook Towing | Fast & Fair Towing in Corpus Christi", - description: "Professional towing and roadside assistance available 24/7. Fast response, honest pricing, exceptional care.", - images: ["https://shooktowing.com/twitter-image.jpg"], + card: "summary_large_image", title: "Shook Towing | Fast & Fair Towing in Corpus Christi", description: "Professional towing and roadside assistance available 24/7. Fast response, honest pricing, exceptional care.", images: ["https://shooktowing.com/twitter-image.jpg"], }, robots: { index: true, @@ -65,7 +43,7 @@ export default function RootLayout({ {children} @@ -78,4 +56,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} 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} />
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx index 450edd2..1e73709 100644 --- a/src/app/reviews/page.tsx +++ b/src/app/reviews/page.tsx @@ -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 */} + + -
- +
@@ -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 = () => {
@@ -189,6 +168,4 @@ const ReviewsPage = () => {
); -}; - -export default ReviewsPage; \ No newline at end of file +} \ No newline at end of file diff --git a/src/app/service-area/page.tsx b/src/app/service-area/page.tsx new file mode 100644 index 0000000..cf84e9c --- /dev/null +++ b/src/app/service-area/page.tsx @@ -0,0 +1,192 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import FeatureBento from "@/components/sections/feature/FeatureBento"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import { MapPin, Phone, AlertCircle, Clock } from "lucide-react"; + +export default function ServiceAreaPage() { + const navItems = [ + { 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: [ + { label: "Towing Services", href: "/services" }, + { label: "Roadside Assistance", href: "/services" }, + { label: "Vehicle Transport", href: "/services" }, + { label: "Mechanical Help", href: "/services" }, + ], + }, + { + 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", onClick: handleCallNow }, + { label: "Request a Quote", href: "/contact" }, + { label: "FAQ", href: "/#faq" }, + { label: "Service Hours", href: "/service-area" }, + ], + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "#" }, + { label: "Terms of Service", href: "#" }, + { label: "Disclaimer", href: "#" }, + ], + }, + ]; + + return ( + + {/* Sticky Call Now Button */} + + + + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index b462f16..3c7de1f 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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 */} + + + +
+
- -
- -
diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 0435273..8917666 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-archivo), sans-serif; + font-family: var(--font-lato), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-archivo), sans-serif; + font-family: var(--font-montserrat), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 92128b0..c04668a 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f5f5; - --card: #ffffff; - --foreground: #1c1c1c; - --primary-cta: #341f51; + --background: #F3F4F6; + --card: #FFFFFF; + --foreground: #33363F; + --primary-cta: #0B1F3B; --primary-cta-text: #f5f5f5; - --secondary-cta: #ffffff; + --secondary-cta: #F5C542; --secondary-cta-text: #1c1c1c; - --accent: #6139e6; - --background-accent: #b3a8e8; + --accent: #C0392B; + --background-accent: #F5C542; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);