{"id":33,"date":"2026-01-12T22:11:12","date_gmt":"2026-01-13T04:11:12","guid":{"rendered":"https:\/\/dustypowersports.com\/?page_id=33"},"modified":"2026-01-15T08:58:30","modified_gmt":"2026-01-15T14:58:30","slug":"33-2","status":"publish","type":"page","link":"https:\/\/dustypowersports.com\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div id=\"dusty-landing\">\n  <style>\n    :root {\n      --dusty-blue: #1d4ed8;\n      --dusty-blue-light: #60a5fa;\n      --dusty-dark: #020617;\n      --dusty-gray: #111827;\n      --dusty-radius: 18px;\n      --dusty-shadow: 0 24px 45px rgba(0, 0, 0, 0.35);\n    }\n\n    #dusty-landing * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    #dusty-landing {\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: #f9fafb;\n\n      \/* Soft fade into the theme background (no hard top\/bottom edges) *\/\n      background:\n        radial-gradient(circle at top left, rgba(15, 23, 42, 0.65) 0, rgba(15, 23, 42, 0) 55%),\n        linear-gradient(\n          to bottom,\n          rgba(2, 6, 23, 0) 0%,\n          rgba(2, 6, 23, 0.96) 20%,\n          rgba(2, 6, 23, 0.96) 80%,\n          rgba(2, 6, 23, 0) 100%\n        );\n      overflow: hidden;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    \/* Kill extra top\/bottom margin from blocks that wrap this *\/\n    .wp-block-group:has(#dusty-landing),\n    .wp-block-custom-html:has(#dusty-landing) {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    #dusty-landing a {\n      text-decoration: none;\n    }\n\n    #dusty-landing .page-wrap {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 24px 0 28px; \/* tight top\/bottom *\/\n    }\n\n    \/* HERO *\/\n    #dusty-landing .hero {\n      position: relative;\n      border-radius: 28px;\n      overflow: hidden;\n      min-height: 340px;\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n      box-shadow: var(--dusty-shadow);\n      background: var(--dusty-dark);\n      isolation: isolate;\n      border: 1px solid rgba(37, 99, 235, 0.35);\n    }\n\n    #dusty-landing .hero-media {\n      position: relative;\n      overflow: hidden;\n    }\n\n    #dusty-landing .hero-media::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image: url(\"https:\/\/dustypowersports.com\/wp-content\/uploads\/2026\/01\/dustyShopView.jpg\");\n      background-size: cover;\n      background-position: center;\n      transform: scale(1.08);\n      filter: brightness(0.45) contrast(1.1);\n      transition: transform 18s ease-out;\n    }\n\n    #dusty-landing .hero-media::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.3), transparent 55%);\n      mix-blend-mode: screen;\n      pointer-events: none;\n    }\n\n    #dusty-landing .hero-glow {\n      position: absolute;\n      width: 320px;\n      height: 320px;\n      border-radius: 999px;\n      background: radial-gradient(circle, rgba(37, 99, 235, 0.45), transparent 60%);\n      filter: blur(25px);\n      opacity: 0.7;\n      right: -80px;\n      bottom: -100px;\n      pointer-events: none;\n    }\n\n    #dusty-landing .hero-content {\n      position: relative;\n      background: radial-gradient(circle at top, rgba(15, 23, 42, 0.97), rgba(15, 23, 42, 0.99));\n      padding: 26px 30px 24px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 14px;\n    }\n\n    #dusty-landing .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 5px 12px;\n      border-radius: 999px;\n      background: rgba(15, 23, 42, 0.9);\n      border: 1px solid rgba(148, 163, 184, 0.45);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.16em;\n      color: #e5e7eb;\n      margin-bottom: 6px;\n    }\n\n    #dusty-landing .hero-badge-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 999px;\n      background: var(--dusty-blue);\n      box-shadow: 0 0 12px var(--dusty-blue);\n    }\n\n    #dusty-landing h1.hero-title {\n      font-size: clamp(28px, 3vw + 14px, 36px);\n      line-height: 1.05;\n      margin-bottom: 6px;\n    }\n\n    #dusty-landing h1.hero-title span.accent {\n      color: var(--dusty-blue);\n    }\n\n    #dusty-landing .hero-subtitle {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #e5e7eb;\n      margin-bottom: 10px;\n    }\n\n    #dusty-landing .hero-cta-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      align-items: center;\n    }\n\n    #dusty-landing .btn-primary {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 9px 18px;\n      border-radius: 999px;\n      border: none;\n      background: linear-gradient(135deg, var(--dusty-blue), var(--dusty-blue-light));\n      color: #f9fafb;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);\n      transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;\n      white-space: nowrap;\n    }\n\n    #dusty-landing .btn-primary:hover {\n      transform: translateY(-1px);\n      filter: brightness(1.05);\n      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.55);\n    }\n\n    #dusty-landing .btn-ghost {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 15px;\n      border-radius: 999px;\n      border: 1px solid rgba(148, 163, 184, 0.7);\n      background: rgba(15, 23, 42, 0.7);\n      color: #e5e7eb;\n      font-size: 13px;\n      cursor: pointer;\n      transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n    }\n\n    #dusty-landing .btn-ghost:hover {\n      background: rgba(31, 41, 55, 0.9);\n      border-color: rgba(209, 213, 219, 0.9);\n      transform: translateY(-1px);\n    }\n\n    \/* SECTIONS *\/\n    #dusty-landing section {\n      margin-top: 30px; \/* compact spacing between sections *\/\n    }\n\n    #dusty-landing .section-eyebrow {\n      font-size: 11px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: #9ca3af;\n      margin-bottom: 4px;\n    }\n\n    #dusty-landing .section-title {\n      font-size: 20px;\n      color: #f9fafb;\n      margin-bottom: 14px;\n    }\n\n    \/* SERVICES GRID *\/\n    #dusty-landing .cards-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    #dusty-landing .card {\n      background: radial-gradient(circle at top, rgba(31, 41, 55, 0.96), rgba(15, 23, 42, 0.98));\n      border-radius: var(--dusty-radius);\n      padding: 14px 14px 12px;\n      border: 1px solid rgba(55, 65, 81, 0.95);\n      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.6);\n      position: relative;\n      overflow: hidden;\n      font-size: 13px;\n      color: #d1d5db;\n    }\n\n    #dusty-landing .card::before {\n      content: \"\";\n      position: absolute;\n      inset: -40%;\n      background: radial-gradient(circle, rgba(37, 99, 235, 0.12), transparent 70%);\n      opacity: 0;\n      transform: translate3d(0, 16px, 0);\n      transition: opacity 0.25s ease, transform 0.25s ease;\n      pointer-events: none;\n    }\n\n    #dusty-landing .card:hover::before {\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n    }\n\n    #dusty-landing .card-title {\n      font-size: 15px;\n      font-weight: 600;\n      margin-bottom: 4px;\n    }\n\n    #dusty-landing .card-pill-small {\n      font-size: 11px;\n      padding: 3px 8px;\n      border-radius: 999px;\n      border: 1px solid rgba(148, 163, 184, 0.6);\n      color: #e5e7eb;\n      display: inline-block;\n      margin-bottom: 6px;\n    }\n\n    #dusty-landing .card-list {\n      list-style: none;\n      font-size: 12px;\n      color: #9ca3af;\n      display: grid;\n      gap: 3px;\n      margin-top: 6px;\n      padding-left: 0;\n    }\n\n    #dusty-landing .card-list li::before {\n      content: \"\u2022\";\n      margin-right: 5px;\n      color: var(--dusty-blue);\n    }\n\n    \/* ABOUT + HOURS *\/\n    #dusty-landing .about-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);\n      gap: 16px;\n      align-items: stretch;\n    }\n\n    #dusty-landing .about-card {\n      background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.98), #020617);\n      border-radius: var(--dusty-radius);\n      padding: 14px 16px;\n      border: 1px solid rgba(55, 65, 81, 0.95);\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75);\n      font-size: 13px;\n      color: #d1d5db;\n    }\n\n    #dusty-landing .about-card p {\n      margin-bottom: 6px;\n    }\n\n    #dusty-landing .hours-card {\n      background: radial-gradient(circle at top, rgba(37, 99, 235, 0.22), #020617);\n      border-radius: var(--dusty-radius);\n      padding: 12px 14px;\n      border: 1px solid rgba(55, 65, 81, 0.95);\n      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.8);\n      font-size: 13px;\n      color: #e5e7eb;\n      position: relative;\n      overflow: hidden;\n    }\n\n    #dusty-landing .hours-label {\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: #9ca3af;\n      margin-bottom: 4px;\n    }\n\n    #dusty-landing .hours-table {\n      margin-top: 2px;\n      border-collapse: collapse;\n      width: 100%;\n      font-size: 12px;\n    }\n\n    #dusty-landing .hours-table td {\n      padding: 2px 0;\n      color: #d1d5db;\n    }\n\n    #dusty-landing .hours-table td:first-child {\n      width: 40%;\n      color: #9ca3af;\n    }\n\n    \/* CTA FOOTER *\/\n    #dusty-landing .cta-footer {\n      margin-top: 30px;\n      border-radius: 20px;\n      padding: 10px 14px 10px;\n      background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.22), rgba(15, 23, 42, 0.98));\n      border: 1px solid rgba(148, 163, 184, 0.5);\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      gap: 8px;\n      align-items: center;\n      font-size: 13px;\n    }\n\n    #dusty-landing .cta-footer small {\n      color: #d1d5db;\n      display: block;\n      margin-top: 2px;\n      font-size: 11px;\n    }\n\n    \/* FLOATING CALL BUTTON *\/\n    #dusty-landing .floating-call {\n      position: fixed;\n      inset-inline-end: 16px;\n      inset-block-end: 18px;\n      z-index: 9999;\n    }\n\n    #dusty-landing .floating-call a {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 9px 16px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, var(--dusty-blue), var(--dusty-blue-light));\n      color: #f9fafb;\n      font-size: 13px;\n      font-weight: 600;\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\n      transform: translateY(120%);\n      opacity: 0;\n      transition: transform 0.4s ease, opacity 0.4s ease;\n    }\n\n    #dusty-landing .floating-call--visible a {\n      transform: translateY(0%);\n      opacity: 1;\n    }\n\n    \/* ANIMATIONS *\/\n    #dusty-landing .reveal {\n      opacity: 0;\n      transform: translateY(10px);\n      transition: opacity 0.4s ease-out, transform 0.4s ease-out;\n    }\n\n    #dusty-landing .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      #dusty-landing .page-wrap {\n        padding: 20px 0 24px;\n      }\n\n      #dusty-landing .hero {\n        grid-template-columns: minmax(0, 1fr);\n        min-height: 360px;\n      }\n\n      #dusty-landing .hero-media {\n        min-height: 160px;\n      }\n\n      #dusty-landing .hero-content {\n        padding: 20px 16px 18px;\n      }\n\n      #dusty-landing .cards-grid,\n      #dusty-landing .about-grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n\n    @media (max-width: 600px) {\n      #dusty-landing .hero-cta-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n  <\/style>\n\n  <div class=\"page-wrap\">\n    <!-- HERO -->\n    <header class=\"hero reveal\">\n      <div class=\"hero-media\"><\/div>\n      <div class=\"hero-glow\"><\/div>\n\n      <div class=\"hero-content\">\n        <div>\n          <div class=\"hero-badge\">\n            <span class=\"hero-badge-dot\"><\/span>\n            Dusty Powersports \u2022 De Witt, AR\n          <\/div>\n\n          <h1 class=\"hero-title\">\n            Keep your <span class=\"accent\">ATV, UTV &#038; Lawn Mower<\/span> ready to work and ride.\n          <\/h1>\n\n          <p class=\"hero-subtitle\">\n            Local, family-run ATV, UTV &#038; lawn mower repair with small-town service and straight talk. Certified technician, clear communication, and no big-box runaround.\n          <\/p>\n\n          <div class=\"hero-cta-row\">\n            <a href=\"tel:+18705090213\" class=\"btn-primary\">\n              Call now (870) 509-0213\n            <\/a>\n            <a href=\"https:\/\/dustypowersports.com\/?page_id=34\" class=\"btn-ghost\">\n              Send us a message\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <!-- SERVICES -->\n    <section class=\"reveal\">\n      <div class=\"section-eyebrow\">What we do<\/div>\n      <h2 class=\"section-title\">Fast, honest work on the machines you actually use.<\/h2>\n\n      <div class=\"cards-grid\">\n        <div class=\"card\">\n          <div class=\"card-title\">ATV &#038; UTV Repair<\/div>\n          <span class=\"card-pill-small\">Most major brands<\/span>\n          <p>\n            Hard starting, no-start, or weird noises? Certified technician with modern diagnostics to track it down and get you back in the woods or the field.\n          <\/p>\n          <ul class=\"card-list\">\n            <li>Brakes, bearings &#038; suspension<\/li>\n            <li>Engine, driveline &#038; electrical<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card\">\n          <div class=\"card-title\">Lawn Mower Service &#038; Repair<\/div>\n          <span class=\"card-pill-small\">Zero-turns &#038; riders<\/span>\n          <p>\n            Specializing in John Deere and other premium mowers to keep your yard looking sharp and your equipment starting easy.\n          <\/p>\n          <ul class=\"card-list\">\n            <li>Oil, filters &#038; tune-ups<\/li>\n            <li>Blades, belts &#038; deck issues<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card\">\n          <div class=\"card-title\">Accessories &#038; Clean-Up<\/div>\n          <span class=\"card-pill-small\">Make it yours<\/span>\n          <p>\n            Mud happens. We clean it up and bolt on the extras you\u2019ve been wanting so your machine looks as good as it runs.\n          <\/p>\n          <ul class=\"card-list\">\n            <li>Winches, light bars &#038; racks<\/li>\n            <li>Wash-down and basic detail<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ABOUT + HOURS -->\n    <section class=\"reveal\">\n      <div class=\"about-grid\">\n        <div class=\"about-card\">\n          <div class=\"section-eyebrow\">Local shop<\/div>\n          <div class=\"section-title\">Mom-and-pop service, not big-box runaround.<\/div>\n          <p>\n            Dusty Powersports is a small, family-run shop in De Witt. We work on the same kind of machines we use:\n            hunting rigs, farm ATVs, and the mowers that keep your place cleaned up.\n          <\/p>\n          <p>\n            You get clear communication, fair prices, and straight answers about what your machine really needs.\n          <\/p>\n        <\/div>\n\n        <aside class=\"hours-card\">\n          <div class=\"hours-label\">Shop hours<\/div>\n          <table class=\"hours-table\">\n            <tbody>\n              <tr>\n                <td>Mon \u2013 Fri<\/td>\n                <td>8:00 am \u2013 5:00 pm<\/td>\n              <\/tr>\n              <tr>\n                <td>Saturday<\/td>\n                <td>8:00 am \u2013 12:00 pm<\/td>\n              <\/tr>\n              <tr>\n                <td>Sunday<\/td>\n                <td>Closed<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/aside>\n      <\/div>\n    <\/section>\n\n    <!-- CTA FOOTER -->\n    <section class=\"cta-footer reveal\">\n      <div>\n        Need work on your ATV, UTV, or lawn mower?\n        <small>Call or send a quick message and we\u2019ll follow up with you.<\/small>\n      <\/div>\n      <div>\n        <a href=\"tel:+18705090213\" class=\"btn-primary\">Call (870) 509-0213<\/a>\n        <a href=\"https:\/\/dustypowersports.com\/?page_id=34\" class=\"btn-ghost\">Send us a message<\/a>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- FLOATING CALL BUTTON -->\n  <div class=\"floating-call\" id=\"dusty-floating-call\">\n    <a href=\"tel:+18705090213\">\n      Call Dusty Powersports\n    <\/a>\n  <\/div>\n\n  <script>\n    (function () {\n      \/\/ Scroll reveal\n      const reveals = document.querySelectorAll(\"#dusty-landing .reveal\");\n      if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"visible\");\n                observer.unobserve(entry.target);\n              }\n            });\n          },\n          { threshold: 0.15 }\n        );\n        reveals.forEach((el) => observer.observe(el));\n      } else {\n        reveals.forEach((el) => el.classList.add(\"visible\"));\n      }\n\n      \/\/ Floating call button on mobile\n      const floating = document.getElementById(\"dusty-floating-call\");\n      const showAfter = 220;\n\n      function handleScroll() {\n        if (window.innerWidth <= 768) {\n          if (window.scrollY > showAfter) {\n            floating.classList.add(\"floating-call--visible\");\n          } else {\n            floating.classList.remove(\"floating-call--visible\");\n          }\n        } else {\n          floating.classList.remove(\"floating-call--visible\");\n        }\n      }\n\n      window.addEventListener(\"scroll\", handleScroll);\n      window.addEventListener(\"resize\", handleScroll);\n      handleScroll();\n    })();\n  <\/script>\n<\/div>\n\n\n\n\n<p><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dusty Powersports \u2022 De Witt, AR Keep your ATV, UTV &#038; Lawn Mower ready to work and ride. Local, family-run ATV, UTV &#038; lawn mower repair with small-town service and straight talk. Certified technician, clear communication, and no big-box runaround. Call now (870) 509-0213 Send us a message What we do Fast, honest work on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dustypowersports.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":17,"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":450,"href":"https:\/\/dustypowersports.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/450"}],"wp:attachment":[{"href":"https:\/\/dustypowersports.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}