src/app/services/page.tsx

@@ -8,6 +8,7 @@ import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Star, Clock, Zap, DollarSign, Wrench } from "lucide-react";
 import SplitAbout from "@/components/sections/about/SplitAbout";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import Link from "next/link";
 
 export default function ServicesPage() {
@@ -148,12 +149,25 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="contact-services" data-section="contact-services">
+      <div id="service-areas" data-section="service-areas">
+        <SocialProofOne
+          title="Service Areas"
+          description="Proudly serving the Greater Vancouver area with fast mobile tire service"
+          tag="COVERAGE AREA"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          names={["Surrey", "Langley", "Delta", "White Rock", "Burnaby", "Coquitlam", "Vancouver"]}
+          speed={50}
+          showCard={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
         <ContactSplit
           tag="REQUEST SERVICE"
           title="Need Tire Service Right Now?"
           description="Contact us immediately for fast mobile tire repair. Available 24/7 for emergencies. Call or submit a service request below and we'll respond within 30 minutes."
-          tagIcon="Phone"
+          tagIcon={undefined}
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}