GMW JCB - Special Offers

[[<style>
  div[data-id*="short_code"] {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }
  .hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 16px !important;
    line-height: normal !important;
    color: initial !important;
  }
  .hero-slider .slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
  }
  .hero-slider .slide.active {
    opacity: 1;
    position: relative;
  }
  .hero-slider .slide img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
    display: block;
  }
  .hero-slider .slide-cta {
    position: absolute;
    bottom: 12%;
    right: 6%;
    z-index: 5;
  }
  .hero-slider .slide-cta a {
    display: inline-block;
    padding: 14px 28px;
    background: #f0a500;
    color: #1a1a1a;
    font-family: 'Oswald', Impact, 'Arial Narrow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease, box-shadow 0.3s ease;
  }
  .hero-slider .slide-cta a:hover {
    background: #ffb814;
    box-shadow: 0 4px 20px rgba(240,165,0,0.4);
  }
  /* Larger, center-left CTA (for Lucy) */
  .hero-slider .slide-cta.cta-lucy {
    top: 50%;
    bottom: auto;
    right: auto;
    left: 6%;
    transform: translateY(-50%);
  }
  .hero-slider .slide-cta.cta-lucy a {
    font-size: 22px;
    padding: 22px 40px;
    letter-spacing: 2px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.35);
  }
  .hero-slider .slide-cta.cta-lucy a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(240,165,0,0.5);
  }
  .hero-slider .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    color: #fff !important;
    border: none;
    font-size: 36px !important;
    padding: 15px 20px;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s;
    line-height: 1 !important;
  }
  .hero-slider .slider-arrow:hover {
    background: rgba(0,0,0,0.7);
  }
  .hero-slider .slider-arrow.prev {
    left: 15px;
  }
  .hero-slider .slider-arrow.next {
    right: 15px;
  }
  .hero-slider .slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
  }
  .hero-slider .slider-dots .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    border: none;
    transition: background 0.3s;
  }
  .hero-slider .slider-dots .dot.active {
    background: #FFAA01;
  }
  .hero-slider .slide img.slide-contain {
    object-fit: contain;
    background: #000;
  }
  @media screen and (max-width: 1199px) {
    .hero-slider .slide img {
      height: 60vh;
    }
    .hero-slider .slide-cta a { font-size: 14px; padding: 12px 22px; }
    .hero-slider .slide-cta.cta-lucy a { font-size: 18px; padding: 18px 32px; }
  }
  @media screen and (max-width: 767px) {
    .hero-slider .slide img {
      height: 50vh;
    }
    .hero-slider .slider-arrow {
      font-size: 24px !important;
      padding: 10px 14px;
    }
    .hero-slider .slide-cta {
      bottom: 8%;
      right: 4%;
    }
    .hero-slider .slide-cta a { font-size: 12px; padding: 10px 16px; letter-spacing: 1px; }
    .hero-slider .slide-cta.cta-lucy {
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .hero-slider .slide-cta.cta-lucy a { font-size: 15px; padding: 14px 24px; letter-spacing: 1.5px; }
  }
</style>

<div class="hero-slider" id="heroSlider">
  <div class="slide active">
    <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1772301161/GMW_Drone-hero_1980x1080_qoqh14.png" alt="GMW JCB Drone View">
  </div>
  <div class="slide">
    <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1779934649/angelGraphic_website_lkfia5.jpg" alt="JCB 3CX - The Best Backhoe for the RGV - Contact Angel">
    <div class="slide-cta">
      <a href="tel:9566460400">Call Angel Now</a>
    </div>
  </div>
  <div class="slide">
    <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1779934649/coltonGraphic_website_yezg5v.jpg" alt="Colton - GMW JCB">
    <div class="slide-cta">
      <a href="tel:9565036000">Call Colton Now</a>
    </div>
  </div>
  <div class="slide">
    <img width="5593" height="3416" loading="lazy" class="img-fluid-auto-width img-fluid-auto-width " width="5593" height="3416" loading="lazy" src="///media.sandhills.com/img.axd?id=11011437529&wid=0&rwl=False&p=&ext=jpg&w=5593&h=3416&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=zxjsEaoWr0oTEY9aezsrnaUsHvIUzvX2" alt="GMW JCB Equipment">
  </div>
  <div class="slide">
    <img width="5404" height="3603" loading="lazy" class="img-fluid-auto-width img-fluid-auto-width " width="5404" height="3603" loading="lazy" src="///media.sandhills.com/img.axd?id=11011439726&wid=0&rwl=False&p=&ext=jpg&w=5404&h=3603&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=VNvGZW29rVvyexu47Fe%2fumex%2bFB9RGC5" alt="GMW JCB Equipment">
  </div>
  <div class="slide">
    <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1778879609/lucy_graphic_smaller_roknej.jpg" alt="Lucy Cavazos - GMW JCB Rental Coordinator">
    <div class="slide-cta cta-lucy">
      <a href="tel:9568051818">Call Lucy Now</a>
    </div>
  </div>
  <div class="slide">
    <img width="12288" height="6912" loading="lazy" class="img-fluid-auto-width img-fluid-auto-width " width="12288" height="6912" loading="lazy" src="///media.sandhills.com/img.axd?id=11011439734&wid=0&rwl=False&p=&ext=jpg&w=12288&h=6912&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=VNvGZW29rVskB9qwwSezeJ2a1jjG1DE5" alt="GMW JCB Equipment">
  </div>
  <button class="slider-arrow prev" onclick="changeSlide(-1)">❮</button>
  <button class="slider-arrow next" onclick="changeSlide(1)">❯</button>
  <div class="slider-dots">
    <button class="dot active" onclick="goToSlide(0)"></button>
    <button class="dot" onclick="goToSlide(1)"></button>
    <button class="dot" onclick="goToSlide(2)"></button>
    <button class="dot" onclick="goToSlide(3)"></button>
    <button class="dot" onclick="goToSlide(4)"></button>
    <button class="dot" onclick="goToSlide(5)"></button>
    <button class="dot" onclick="goToSlide(6)"></button>
  </div>
</div>

function showSlide(index) {
      slides[current].classList.remove('active');
      dots[current].classList.remove('active');
      current = (index + slides.length) % slides.length;
      slides[current].classList.add('active');
      dots[current].classList.add('active');
    }

window.changeSlide = function(dir) {
      showSlide(current + dir);
      resetTimer();
    };

window.goToSlide = function(index) {
      showSlide(index);
      resetTimer();
    };

function resetTimer() {
      clearInterval(timer);
      timer = setInterval(function() { showSlide(current + 1); }, 6000);
    }

resetTimer();
  })();
</script>]]

[

Call Angel Now

Call Colton Now

Call Lucy Now

]

[[<style>
  @keyframes gmw-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .gmw-marquee-wrap {
    background: #000000;
    overflow: hidden;
    padding: 16px 0;
    width: 100%;
  }
  .gmw-marquee-track {
    display: flex;
    width: max-content;
    animation: gmw-scroll 18s linear infinite;
  }
  .gmw-marquee-track:hover {
    animation-play-state: paused;
  }
  .gmw-marquee-set {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .gmw-marquee-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    white-space: nowrap;
    padding: 0 40px;
  }
  .gmw-marquee-text.gmw-white {
    color: #ffffff;
  }
  .gmw-marquee-text.gmw-gold {
    color: #f0a500;
  }
  .gmw-marquee-logo {
    height: 30px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    padding: 0 10px;
  }
  .gmw-marquee-dot {
    width: 5px;
    height: 5px;
    background: #f0a500;
    border-radius: 50%;
    flex-shrink: 0;
  }
</style>

<div class="gmw-marquee-wrap">
  <div class="gmw-marquee-track">
    <div class="gmw-marquee-set">
      <span class="gmw-marquee-text gmw-gold">★  Limited Time Rental Promotions  ★</span>
      <div class="gmw-marquee-dot"></div>
      <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1774028307/Stihl_Logo.svg_ybbes8.png" alt="Stihl" class="gmw-marquee-logo" />
      <div class="gmw-marquee-dot"></div>
      <span class="gmw-marquee-text gmw-white">JCB North America's  #1  Dealer of the Year</span>
      <div class="gmw-marquee-dot"></div>
     <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1777937193/Untitled_5_x_3_in_zixh4j.png" alt="Rhino USA" class="gmw-marquee-logo" style="height: 80px;" />
      <div class="gmw-marquee-dot"></div>
    </div>
    <div class="gmw-marquee-set">
      <span class="gmw-marquee-text gmw-gold">★  Limited Time Rental Promotions  ★</span>
      <div class="gmw-marquee-dot"></div>
      <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1774028307/Stihl_Logo.svg_ybbes8.png" alt="Stihl" class="gmw-marquee-logo" />
      <div class="gmw-marquee-dot"></div>
      <span class="gmw-marquee-text gmw-white">JCB North America's  #1  Dealer of the Year</span>
      <div class="gmw-marquee-dot"></div>
      <img src="https://res.cloudinary.com/dlpzpciqq/image/upload/v1777937193/Untitled_5_x_3_in_zixh4j.png" alt="Rhino USA" class="gmw-marquee-logo" style="height: 80px;" />
      <div class="gmw-marquee-dot"></div>
    </div>
  </div>
</div>]]

[

★ Limited Time Rental Promotions ★

JCB North America's #1 Dealer of the Year

★ Limited Time Rental Promotions ★

JCB North America's #1 Dealer of the Year

]

Your authorized JCB construction equipment dealer serving south texas & the rio grande valley