# Centro de Serviço e Reparos

:::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">Centro de <span>Serviço e Reparos</span></h1>
    <p class="sv-hero__subtitle">Uma oficina moderna e completa, atendendo Texarkana e região. Fazemos manutenção de todas as marcas e modelos — independentemente de você ter comprado seu veículo conosco ou não.</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">Agendar</span>
          <span class="sv-appt__title">Agendamento Chevrolet</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="https://www.colemandodge.com/service-scheduler.htm" 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">Agendar</span>
          <span class="sv-appt__title">Agendamento CJDR</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">Nossos Serviços</h2>
    <p class="sv-services__sub">Técnicos treinados pela fábrica, peças genuínas OEM e mais de 25 anos de experiência local.</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="Mecânicos certificados da Coleman Motors" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Manutenção e Reparos</h3>
          <p class="sv-service__desc">Troca de óleo, revisão de freios, serviços de transmissão e muito mais. Qualquer marca, qualquer modelo.</p>
        </div>
      </div>

      <div class="sv-service">
        <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/vehicle-inspection.jpg" alt="Inspeção veicular multiponto" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Inspeção Veicular</h3>
          <p class="sv-service__desc">Inspeções multiponto, diagnósticos e serviços de recall para manter seu veículo seguro e confiável.</p>
        </div>
      </div>

      <div class="sv-service">
        <img src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/tire-service.jpg" alt="Serviço e rodízio de pneus" class="sv-service__image">
        <div class="sv-service__body">
          <h3 class="sv-service__title">Serviço de Pneus</h3>
          <p class="sv-service__desc">Venda de pneus, rodízio, balanceamento e alinhamento. Temos as melhores marcas e preços competitivos.</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="A Coleman Motors faz retirada e entrega para todos os clientes de serviço na região de Texarkana" class="sv-callout__image">
    <div class="sv-callout__body">
      <p class="sv-callout__eyebrow">Clientes de Texarkana</p>
      <h2 class="sv-callout__title">Serviço de Retirada e Entrega</h2>
      <p class="sv-callout__text">Sem tempo para passar aqui? Nós buscamos seu veículo, realizamos a manutenção ou reparo necessário e o devolvemos no horário que for melhor para você. Agende online em apenas cinco minutos.</p>
      <a href="/content/service/pickup-and-delivery-service" class="sv-callout__cta">Saiba Mais</a>
    </div>
  </section>

  
  <section class="sv-about">
    <h2 class="sv-about__heading">Atendendo Texarkana há Mais de 25 Anos</h2>
    <p>A Coleman Motors atende a região de Texarkana há mais de 25 anos e nos esforçamos para ser a melhor concessionária da região. Somos conhecidos pelo atendimento rápido, cordial e honesto. Seja em Texarkana ou em uma das comunidades vizinhas, queremos ser sua primeira escolha — para serviços, para um novo Chevrolet, Chrysler, Jeep, Dodge ou Ram, ou para um veículo seminovo certificado ou usado de qualidade.</p>
    <p>Somos uma empresa local, a apenas 20 minutos de carro de Texarkana. Cobrimos qualquer preço anunciado pelos concorrentes e garantimos o mesmo nível de profissionalismo, seja para uma troca de óleo ou para a compra do seu próximo veículo.</p>
    <div class="sv-button-row">
      <a href="/content/chevrolet-service" class="sv-btn sv-btn--primary">Serviço Chevrolet</a>
      <a href="https://www.colemandodge.com/service-scheduler.htm" class="sv-btn sv-btn--primary">Serviço CJDR</a>
      <a href="/dealership-info/hours-and-directions" class="sv-btn sv-btn--secondary">Horários e Como Chegar</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">Ligue para Nós</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">Visite-Nos</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">Horários de Serviço</p>
        <p class="sv-contact__value"><a href="/dealership-info/hours-and-directions">Ver Horários</a></p>
      </div>
    </div>
  </section>

</div>
</div>
:::