# Service & Repair Center

:::raw
<div class="cms-fullwidth">
<style>
  .sv-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; color: #222; line-height: 1.6; }
  .sv-hero__title, .sv-services__heading, .sv-service__title, .sv-about__heading { color: #111; }

  /* Hero */
  .sv-hero { padding: 48px 0 36px; text-align: center; }
  .sv-hero__eyebrow { font-size: 13px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 12px; }
  .sv-hero__title { font-size: 40px; font-weight: 700; margin: 0 0 14px; line-height: 1.15; text-transform: uppercase; letter-spacing: -0.5px; color: #111; }
  .sv-hero__title span { color: #c8102e; }
  .sv-hero__subtitle { font-size: 17px; color: #555; margin: 0 auto 28px; max-width: 720px; }

  /* Appointment cards (the two scheduler CTAs from the original header) */
  .sv-appts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 760px; margin: 0 auto; }
  .sv-appt { display: flex; align-items: center; gap: 16px; background: #1a1a1a; color: #fff; padding: 22px 26px; border-radius: 10px; text-decoration: none; transition: background 0.2s, transform 0.2s; }
  .sv-appt:hover { background: #c8102e; color: #fff; transform: translateY(-2px); }
  .sv-appt__icon { flex-shrink: 0; width: 38px; height: 38px; color: #c8102e; transition: color 0.2s; }
  .sv-appt:hover .sv-appt__icon { color: #fff; }
  .sv-appt__text { flex: 1; text-align: left; }
  .sv-appt__label { font-size: 12px; font-weight: 600; opacity: 0.7; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 2px; }
  .sv-appt__title { font-size: 17px; font-weight: 700; display: block; }
  .sv-appt__arrow { flex-shrink: 0; opacity: 0.5; transition: transform 0.2s, opacity 0.2s; }
  .sv-appt:hover .sv-appt__arrow { opacity: 1; transform: translateX(4px); }

  /* Service categories */
  .sv-services { padding: 56px 0 32px; border-top: 1px solid #e8e8e8; margin-top: 48px; }
  .sv-services__heading { text-align: center; font-size: 28px; font-weight: 700; text-transform: uppercase; margin: 0 0 8px; letter-spacing: -0.3px; }
  .sv-services__sub { text-align: center; color: #666; margin: 0 0 36px; font-size: 16px; }
  .sv-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .sv-service { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
  .sv-service:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }
  .sv-service__image { width: 100%; height: 200px; object-fit: cover; display: block; }
  .sv-service__body { padding: 22px 24px 26px; }
  .sv-service__title { font-size: 18px; font-weight: 700; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.3px; }
  .sv-service__desc { font-size: 14.5px; color: #555; margin: 0; line-height: 1.55; }

  /* Pickup & delivery callout */
  .sv-callout { background: #1a1a1a; color: #fff; border-radius: 10px; overflow: hidden; margin: 48px 0; }
  .sv-callout__image { width: 100%; height: auto; display: block; }
  .sv-callout__body { padding: 32px 36px 36px; }
  .sv-callout__eyebrow { font-size: 12px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 10px; }
  .sv-callout__title { font-size: 26px; font-weight: 700; margin: 0 0 12px; line-height: 1.2; color: #fff; text-transform: uppercase; }
  .sv-callout__text { font-size: 15px; color: #ccc; margin: 0 0 20px; line-height: 1.6; max-width: 680px; }
  .sv-callout__cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #c8102e; color: #fff; text-decoration: none; font-weight: 600; border-radius: 4px; font-size: 14px; transition: background 0.2s; }
  .sv-callout__cta:hover { background: #fff; color: #c8102e; }

  /* About / body copy */
  .sv-about { padding: 32px 0 24px; }
  .sv-about__heading { font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 0 0 14px; letter-spacing: -0.2px; }
  .sv-about p { font-size: 15.5px; color: #444; margin: 0 0 16px; line-height: 1.7; }

  /* Buttons row */
  .sv-button-row { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0 8px; }
  .sv-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 4px; font-weight: 600; text-decoration: none; font-size: 15px; transition: background 0.2s, color 0.2s; line-height: 1; }
  .sv-btn--primary { background: #c8102e; color: #fff; }
  .sv-btn--primary:hover { background: #a30d24; color: #fff; }
  .sv-btn--secondary { background: #fff; color: #c8102e; border: 2px solid #c8102e; padding: 12px 24px; }
  .sv-btn--secondary:hover { background: #c8102e; color: #fff; }

  /* Contact bar */
  .sv-contact { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; background: #f7f7f7; border-radius: 10px; padding: 32px; margin: 32px 0 64px; }
  .sv-contact__item { display: flex; align-items: flex-start; gap: 14px; }
  .sv-contact__icon { flex-shrink: 0; width: 32px; height: 32px; color: #c8102e; margin-top: 2px; }
  .sv-contact__label { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 4px; }
  .sv-contact__value { font-size: 16px; font-weight: 600; color: #111; margin: 0; line-height: 1.4; }
  .sv-contact__value a { color: #111; text-decoration: none; }
  .sv-contact__value a:hover { color: #c8102e; }

  /* Responsive */
  @media (max-width: 900px) {
    .sv-hero__title { font-size: 30px; }
    .sv-appts { grid-template-columns: 1fr; max-width: 480px; }
    .sv-services__grid { grid-template-columns: 1fr; gap: 20px; }
    .sv-callout__body { padding: 24px 22px 28px; }
    .sv-contact { grid-template-columns: 1fr; gap: 18px; padding: 24px; }
  }
</style>

<div class="sv-wrap">

  
  <section class="sv-hero">
    <p class="sv-hero__eyebrow">Coleman Motors</p>
    <h1 class="sv-hero__title">Service &amp; <span>Repair Center</span></h1>
    <p class="sv-hero__subtitle">A state-of-the-art service facility serving Texarkana and the surrounding area. We service all makes and models — whether you bought from us or not.</p>

    
    <div class="sv-appts">
      <a href="/content/chevrolet-service" class="sv-appt">
        <svg class="sv-appt__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/><circle cx="8" cy="15" r="1" fill="currentColor"/><circle cx="12" cy="15" r="1" fill="currentColor"/><circle cx="16" cy="15" r="1" fill="currentColor"/></svg>
        <div class="sv-appt__text">
          <span class="sv-appt__label">Schedule</span>
          <span class="sv-appt__title">Chevrolet Appointment</span>
        </div>
        <svg class="sv-appt__arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
      <a href="/content/service-appointment" class="sv-appt">
        <svg class="sv-appt__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/><circle cx="8" cy="15" r="1" fill="currentColor"/><circle cx="12" cy="15" r="1" fill="currentColor"/><circle cx="16" cy="15" r="1" fill="currentColor"/></svg>
        <div class="sv-appt__text">
          <span class="sv-appt__label">Schedule</span>
          <span class="sv-appt__title">CJDR Appointment</span>
        </div>
        <svg class="sv-appt__arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
  </section>

  
  <section class="sv-services">
    <h2 class="sv-services__heading">What We Service</h2>
    <p class="sv-services__sub">Factory-trained technicians, genuine OEM parts, and 25+ years of local experience.</p>
    <div class="sv-services__grid">

      <div class="sv-service">
        <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/mechanics.jpg" alt="Coleman Motors certified mechanics" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Maintenance &amp; Repair</h3>
          <p class="sv-service__desc">Oil changes, brake service, transmission work, and everything in between. Any make, any model.</p>
        </div>
      </div>

      <div class="sv-service">
        <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/vehicle-inspection.jpg" alt="Multi-point vehicle inspection" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Vehicle Inspection</h3>
          <p class="sv-service__desc">Multi-point inspections, diagnostics, and recall service to keep your vehicle safe and reliable.</p>
        </div>
      </div>

      <div class="sv-service">
        <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/tire-service.jpg" alt="Tire service and rotation" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Tire Service</h3>
          <p class="sv-service__desc">Tire sales, rotations, balancing, and alignment. We carry top brands and offer competitive pricing.</p>
        </div>
      </div>

    </div>
  </section>

  
  <section class="sv-callout">
    <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/pickup-service.jpg" alt="Coleman Motors will pick up and deliver for all service customers in the Texarkana area" class="sv-callout__image">
    <div class="sv-callout__body">
      <p class="sv-callout__eyebrow">Texarkana Customers</p>
      <h2 class="sv-callout__title">Pickup &amp; Delivery Service</h2>
      <p class="sv-callout__text">Too busy to make it in? We'll come get your vehicle, complete the necessary maintenance or repair, and return it on your schedule. Just five minutes to schedule online.</p>
      <a href="/content/service/pickup-and-delivery-service" class="sv-callout__cta">Learn More</a>
    </div>
  </section>

  
  <section class="sv-about">
    <h2 class="sv-about__heading">Serving Texarkana for 25+ Years</h2>
    <p>Coleman Motors has been serving the Texarkana area for over 25 years and we strive to be the best dealership around. We're known for quick, neighborly, and honest service. Whether you're in Texarkana or one of the surrounding communities, we want to be your destination — for service, for a new Chevrolet, Chrysler, Jeep, Dodge, or Ram, or for a quality certified pre-owned or used vehicle.</p>
    <p>We're locally owned and operated, just a short 20-minute drive from Texarkana. We'll beat any competitor's advertised price, and we promise the same level of professionalism whether you're here for an oil change or your next vehicle.</p>
    <div class="sv-button-row">
      <a href="/content/chevrolet-service" class="sv-btn sv-btn--primary">Chevrolet Service</a>
      <a href="/content/service-appointment" class="sv-btn sv-btn--primary">CJDR Service</a>
      <a href="/dealership-info/hours-and-directions" class="sv-btn sv-btn--secondary">Hours &amp; Directions</a>
    </div>
  </section>

  
  <section class="sv-contact">
    <div class="sv-contact__item">
      <svg class="sv-contact__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
      <div>
        <p class="sv-contact__label">Call Us</p>
        <p class="sv-contact__value"><a href="tel:+18778581793">877-858-1793</a></p>
      </div>
    </div>
    <div class="sv-contact__item">
      <svg class="sv-contact__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
      <div>
        <p class="sv-contact__label">Visit Us</p>
        <p class="sv-contact__value">510 Addison Street<br>New Boston, TX 75570</p>
      </div>
    </div>
    <div class="sv-contact__item">
      <svg class="sv-contact__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
      <div>
        <p class="sv-contact__label">Service Hours</p>
        <p class="sv-contact__value"><a href="/dealership-info/hours-and-directions">View Hours</a></p>
      </div>
    </div>
  </section>

</div>
</div>
:::