# Concessionária Chrysler, Jeep, Dodge & Ram em Texarkana

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

  /* Hero */
  .tx-hero { display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; align-items: center; padding: 32px 0 24px; }
  .tx-hero__eyebrow { font-size: 12px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 8px; }
  .tx-hero__title { font-size: 34px; font-weight: 700; margin: 0 0 12px; line-height: 1.15; text-transform: uppercase; letter-spacing: -0.5px; }
  .tx-hero__title span { color: #c8102e; }
  .tx-hero__subtitle { font-size: 16px; color: #555; margin: 0 0 18px; line-height: 1.6; }
  .tx-hero__brands { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
  .tx-hero__brand { background: #f0f0f0; border-radius: 20px; padding: 6px 14px; font-size: 12px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: 0.5px; }
  .tx-hero__buttons { display: flex; gap: 10px; flex-wrap: wrap; }
  .tx-hero__image { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); display: block; }

  /* Buttons */
  .tx-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 4px; font-weight: 600; text-decoration: none; font-size: 14px; transition: background 0.2s, color 0.2s; line-height: 1; }
  .tx-btn--primary { background: #c8102e; color: #fff; }
  .tx-btn--primary:hover { background: #a30d24; color: #fff; }
  .tx-btn--secondary { background: #fff; color: #c8102e; border: 2px solid #c8102e; padding: 10px 20px; }
  .tx-btn--secondary:hover { background: #c8102e; color: #fff; }

  /* Distance banner */
  .tx-distance { background: linear-gradient(135deg, #c8102e 0%, #a30d24 100%); color: #fff; border-radius: 10px; padding: 24px 28px; margin: 16px 0 32px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
  .tx-distance__icon { flex-shrink: 0; width: 44px; height: 44px; background: rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
  .tx-distance__icon svg { width: 24px; height: 24px; color: #fff; }
  .tx-distance__text { flex: 1; min-width: 240px; }
  .tx-distance__title { font-size: 18px; font-weight: 700; margin: 0 0 2px; color: #fff; text-transform: uppercase; letter-spacing: 0.3px; }
  .tx-distance__sub { font-size: 14px; margin: 0; color: rgba(255,255,255,0.9); }

  /* Reasons */
  .tx-section { padding: 0 0 32px; }
  .tx-section__heading { font-size: 22px; font-weight: 700; text-transform: uppercase; margin: 0 0 18px; letter-spacing: -0.2px; }
  .tx-reasons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .tx-reason { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 22px; transition: transform 0.2s, box-shadow 0.2s; }
  .tx-reason:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); }
  .tx-reason__icon { width: 32px; height: 32px; color: #c8102e; margin-bottom: 12px; }
  .tx-reason__title { font-size: 16px; font-weight: 700; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.3px; }
  .tx-reason__text { font-size: 14px; color: #555; margin: 0; line-height: 1.6; }

  /* Service callout */
  .tx-service { background: #1a1a1a; color: #fff; border-radius: 10px; padding: 28px 32px; margin: 0 0 32px; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; }
  .tx-service__eyebrow { font-size: 12px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 6px; }
  .tx-service__title { font-size: 22px; font-weight: 700; margin: 0 0 8px; line-height: 1.2; color: #fff; text-transform: uppercase; }
  .tx-service__text { font-size: 14.5px; color: #ccc; margin: 0; line-height: 1.6; max-width: 600px; }
  .tx-service__cta { white-space: nowrap; }

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

  /* Responsive */
  @media (max-width: 900px) {
    .tx-hero { grid-template-columns: 1fr; padding: 24px 0; gap: 24px; }
    .tx-hero__title { font-size: 26px; }
    .tx-reasons { grid-template-columns: 1fr; }
    .tx-service { grid-template-columns: 1fr; padding: 24px; }
    .tx-contact { grid-template-columns: 1fr; gap: 16px; }
  }
  @media (max-width: 500px) {
    .tx-hero__buttons { flex-direction: column; align-items: stretch; }
    .tx-btn { justify-content: center; }
  }
</style>

<div class="tx-wrap">

  <!-- Hero -->
  <section class="tx-hero">
    <div>
      <p class="tx-hero__eyebrow">Concessionária CDJR em Texarkana</p>
      <h1 class="tx-hero__title">Sua Concessionária <span>Chrysler, Jeep, Dodge &amp; Ram</span></h1>
      <p class="tx-hero__subtitle">Atendendo a região de Texarkana há mais de 25 anos. Negócio local, gestão local — e a apenas uma curta distância da cidade.</p>
      <div class="tx-hero__brands">
        <span class="tx-hero__brand">Chrysler</span>
        <span class="tx-hero__brand">Jeep</span>
        <span class="tx-hero__brand">Dodge</span>
        <span class="tx-hero__brand">Ram</span>
      </div>
      <div class="tx-hero__buttons">
        <a href="/new" class="tx-btn tx-btn--primary">Estoque de Novos</a>
        <a href="/used" class="tx-btn tx-btn--primary">Estoque de Seminovos</a>
        <a href="/dealership-info/hours-and-directions" class="tx-btn tx-btn--secondary">Fale Conosco</a>
      </div>
    </div>
    <div>
      <img class="tx-hero__image" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/texarkana-area.webp" alt="Concessionária CDJR em Texarkana na Coleman Motors">
    </div>
  </section>

  <!-- Distance banner -->
  <section class="tx-distance">
    <div class="tx-distance__icon">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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>
    <div class="tx-distance__text">
      <h2 class="tx-distance__title">A Apenas 20 Minutos de Texarkana</h2>
      <p class="tx-distance__sub">Evite a viagem de 2½ horas até a grande cidade — e nós cobrimos o preço anunciado de qualquer concorrente.</p>
    </div>
  </section>

  <!-- Reasons -->
  <section class="tx-section">
    <h2 class="tx-section__heading">Por Que Escolher a Coleman</h2>
    <div class="tx-reasons">

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v7c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z"/><polyline points="9 12 11 14 15 10"/></svg>
        <h3 class="tx-reason__title">Negócio Local</h3>
        <p class="tx-reason__text">Mais de 25 anos servindo a região de Texarkana. Somos seus vizinhos — e é assim que tratamos você.</p>
      </div>

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        <h3 class="tx-reason__title">Cobrimos Qualquer Preço</h3>
        <p class="tx-reason__text">Fundamentados na honestidade e no menor preço possível. Mostre-nos uma oferta de concorrente — nós cobrimos.</p>
      </div>

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        <h3 class="tx-reason__title">Vendas Sem Pressão</h3>
        <p class="tx-reason__text">Nossa equipe de vendas está aqui para ajudar, não para pressionar. Rápido, cordial e honesto — sempre.</p>
      </div>

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17h2l1.5-7h11l1.5 7h2"/><circle cx="7.5" cy="17.5" r="1.8"/><circle cx="16.5" cy="17.5" r="1.8"/></svg>
        <h3 class="tx-reason__title">Encontramos Seu Veículo</h3>
        <p class="tx-reason__text">Não encontrou o que procura? Diga-nos, e nós o localizamos e entregamos para você.</p>
      </div>

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 10v4M18 10v4"/></svg>
        <h3 class="tx-reason__title">Melhor Valor de Troca</h3>
        <p class="tx-reason__text">Pagamos o melhor preço pelo seu usado na troca — mesmo que você não compre seu próximo veículo conosco.</p>
      </div>

      <div class="tx-reason">
        <svg class="tx-reason__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
        <h3 class="tx-reason__title">Financiamento Flexível</h3>
        <p class="tx-reason__text">Diversas opções de financiamento — incluindo soluções para clientes com histórico de crédito desafiador.</p>
      </div>

    </div>
  </section>

  <!-- Service callout -->
  <section class="tx-service">
    <div>
      <p class="tx-service__eyebrow">Serviço &amp; Reparo</p>
      <h2 class="tx-service__title">Oficina de Serviço de Última Geração</h2>
      <p class="tx-service__text">Manutenção, reparos e recalls para qualquer marca — tenha você comprado conosco ou não. Serviço de coleta e entrega disponível para clientes de Texarkana.</p>
    </div>
    <a href="https://www.colemandodge.com/service-scheduler.htm" target="_blank" rel="noopener" class="tx-btn tx-btn--primary tx-service__cta">Agendar Serviço</a>
  </section>

  <!-- Contact bar -->
  <section class="tx-contact">
    <div class="tx-contact__item">
      <svg class="tx-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="tx-contact__label">Ligue Para Nós</p>
        <p class="tx-contact__value"><a href="tel:+19036286553">(903) 628-6553</a></p>
      </div>
    </div>
    <div class="tx-contact__item">
      <svg class="tx-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="tx-contact__label">Visite-Nos</p>
        <p class="tx-contact__value">510 Addison Street<br>New Boston, TX 75570</p>
      </div>
    </div>
    <div class="tx-contact__item">
      <svg class="tx-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="tx-contact__label">Horários</p>
        <p class="tx-contact__value"><a href="/dealership-info/hours-and-directions">Ver Horários</a></p>
      </div>
    </div>
  </section>

</div>

<!-- =============================================================
     END OF CMS-PASTE SECTION
     ============================================================= -->
</div>
:::