{"id":6,"date":"2026-06-30T09:02:54","date_gmt":"2026-06-30T09:02:54","guid":{"rendered":"https:\/\/developer.devsigntech.com\/knox\/?page_id=6"},"modified":"2026-06-30T09:07:39","modified_gmt":"2026-06-30T09:07:39","slug":"home","status":"publish","type":"page","link":"https:\/\/developer.devsigntech.com\/knox\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e979ec2 e-flex e-con-boxed e-con e-parent\" data-id=\"e979ec2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5adbde elementor-widget elementor-widget-html\" data-id=\"e5adbde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome + Google Fonts (loaded from public CDNs) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =================================================================\r\n   WEST KNOX COURIER \u2014 v1 layout\r\n   - Every rule is scoped under .ruben-app (safe in any WP install)\r\n   - Each page = brand header + red-bordered slider + page content\r\n   - Slider arrows cycle the same gallery images on every page\r\n   ================================================================= *\/\r\n\r\n\/* -----------------------------------------------------------------\r\n   1. RESET & BASE \u2014 scoped to .ruben-app only\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app,\r\n.ruben-app *,\r\n.ruben-app *::before,\r\n.ruben-app *::after { box-sizing: border-box; }\r\n\r\n.ruben-app img    { max-width: 100%; display: block; }\r\n.ruben-app button { font-family: inherit; cursor: pointer; background: transparent; border: 0; padding: 0; color: inherit; }\r\n.ruben-app a      { text-decoration: none; color: inherit; }\r\n.ruben-app ul     { list-style: none; padding: 0; margin: 0; }\r\n.ruben-app p,\r\n.ruben-app h1,\r\n.ruben-app h2,\r\n.ruben-app h3    { margin: 0; }\r\n\r\n\/* -----------------------------------------------------------------\r\n   2. APP SHELL\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app {\r\n  --ra-red:         #cd191a;\r\n  --ra-red-soft:    #e2302f;\r\n  --ra-cream:       #f3f3f3;\r\n  --ra-green:       #cd191a;  \/* alias kept so existing rules stay red *\/\r\n  --ra-gold:        #cd191a;  \/* alias kept so existing rules stay red *\/\r\n  --ra-bg-dark:     #0a0a0a;\r\n  --ra-txt-muted:   #d6d6d6;\r\n\r\n  --ra-tab-h:       82px;\r\n  --ra-footer-h:    32px;\r\n  --ra-max-w:       460px;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: var(--ra-max-w);\r\n  margin: 0 auto;\r\n  height: 100vh;\r\n  background: #000;\r\n  color: #fff;\r\n  font-family: 'Poppins', system-ui, -apple-system, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  overflow: hidden;\r\n  box-shadow: 0 0 60px rgba(0, 0, 0, .6);\r\n  isolation: isolate;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   3. PAGE STACK \u2014 only the active page is shown\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .page {\r\n  position: absolute;\r\n  inset: 0 0 calc(var(--ra-tab-h) + var(--ra-footer-h)) 0;\r\n  display: none;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n.ruben-app .page.is-active {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.ruben-app .page__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 0;\r\n}\r\n\r\n.ruben-app .page__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #000;\r\n  z-index: 1;\r\n}\r\n\r\n.ruben-app .page__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 14px 14px 10px;\r\n  gap: 8px;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   4. BRAND HEADER (West Knox Courier logo + tagline)\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .brand {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0;\r\n  padding: 4px 0 6px;\r\n  flex-shrink: 0;\r\n}\r\n.ruben-app .brand__name {\r\n  font-family: 'Anton', 'Poppins', sans-serif;\r\n  font-weight: 900;\r\n  font-style: italic;\r\n  font-size: 30px;\r\n  line-height: 1.02;\r\n  letter-spacing: .5px;\r\n  text-align: center;\r\n  text-shadow: 0 2px 6px rgba(0,0,0,.85);\r\n}\r\n.ruben-app .brand__name .line1 {\r\n  display: block;\r\n  color: var(--ra-red);\r\n  -webkit-text-stroke: 1px #fff;\r\n}\r\n.ruben-app .brand__name .line2 {\r\n  display: block;\r\n  color: #fff;\r\n  -webkit-text-stroke: 1px var(--ra-red);\r\n}\r\n.ruben-app .brand__tagline {\r\n  margin-top: 3px;\r\n  font-size: 11px;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  color: #fff;\r\n  letter-spacing: .2px;\r\n}\r\n\r\n.ruben-app .brand__divider {\r\n  border: 0;\r\n  height: 1px;\r\n  margin: 6px 0 2px;\r\n  background: linear-gradient(90deg,\r\n    rgba(205,25,26,0) 0%,\r\n    rgba(205,25,26,.95) 30%,\r\n    rgba(205,25,26,.95) 70%,\r\n    rgba(205,25,26,0) 100%);\r\n  box-shadow: 0 0 8px rgba(205,25,26,.55);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   5. SLIDER FRAME \u2014 red-bordered box used at the top of every page\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .frame {\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  height: 38%;\r\n  min-height: 130px;\r\n  border: 2px solid var(--ra-red);\r\n  border-radius: 12px;\r\n  background: rgba(0, 0, 0, .55);\r\n  box-shadow:\r\n    0 0 0 1px rgba(205, 25, 26, .25),\r\n    0 0 22px rgba(205, 25, 26, .25),\r\n    0 8px 18px rgba(0, 0, 0, .55);\r\n  overflow: hidden;\r\n}\r\n\r\n.ruben-app .frame__inner {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0;\r\n  gap: 0;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Slider arrows *\/\r\n.ruben-app .frame__arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 5;\r\n  width: 30px;\r\n  height: 30px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #1a1a1a;\r\n  color: var(--ra-red);\r\n  border: 1.5px solid var(--ra-red);\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n  box-shadow: 0 3px 10px rgba(0, 0, 0, .7);\r\n  transition: background .15s ease, color .15s ease, transform .15s ease;\r\n}\r\n.ruben-app .frame__arrow:hover {\r\n  background: var(--ra-red);\r\n  color: #fff;\r\n  transform: translateY(-50%) scale(1.05);\r\n}\r\n.ruben-app .frame__arrow--prev { left: 6px; }\r\n.ruben-app .frame__arrow--next { right: 6px; }\r\n\r\n\/* Dot pagination (decorative) *\/\r\n.ruben-app .slider-dots {\r\n  position: absolute;\r\n  bottom: 6px;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  z-index: 5;\r\n}\r\n.ruben-app .slider-dots span {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #5a5a5a;\r\n}\r\n.ruben-app .slider-dots span.is-active { background: var(--ra-red); }\r\n\r\n\/* -----------------------------------------------------------------\r\n   6. PAGE TITLES\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .page-title__rule {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin: 2px 0 4px;\r\n  flex-shrink: 0;\r\n}\r\n.ruben-app .page-title__rule hr {\r\n  flex: 1;\r\n  max-width: 70px;\r\n  border: 0;\r\n  height: 1px;\r\n  background: #fff;\r\n  opacity: .6;\r\n}\r\n.ruben-app .page-title__rule span {\r\n  font-weight: 800;\r\n  font-size: 17px;\r\n  letter-spacing: 1px;\r\n  color: var(--ra-red);\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   7. SLIDER PHOTO (image inside the frame)\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .gallery-photo {\r\n  flex: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  background: #0a0a0a;\r\n  display: flex;\r\n  position: relative;\r\n}\r\n.ruben-app .gallery-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   8. PHONE CTA \u2014 red glowing pill\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .phone-cta {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  padding: 10px 18px;\r\n  width: 100%;\r\n  background: rgba(205,25,26,.08);\r\n  border: 2px solid var(--ra-red);\r\n  border-radius: 10px;\r\n  box-shadow:\r\n    0 0 0 1px rgba(205, 25, 26, .35),\r\n    0 0 22px rgba(205, 25, 26, .45);\r\n  flex-shrink: 0;\r\n  transition: transform .15s ease;\r\n}\r\n.ruben-app .phone-cta:hover { transform: translateY(-2px); }\r\n\r\n.ruben-app .phone-cta__icon {\r\n  width: 30px;\r\n  height: 30px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 22px;\r\n  color: var(--ra-red);\r\n  flex-shrink: 0;\r\n}\r\n.ruben-app .phone-cta__inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  line-height: 1.2;\r\n}\r\n.ruben-app .phone-cta__number {\r\n  font-weight: 800;\r\n  font-size: 20px;\r\n  color: #fff;\r\n  letter-spacing: .5px;\r\n  text-shadow: 0 1px 3px rgba(0, 0, 0, .6);\r\n}\r\n.ruben-app .phone-cta__sub {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: var(--ra-red);\r\n  margin-top: 2px;\r\n  letter-spacing: .3px;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   9. BADGES \u2014 LICENSED \u2022 BONDED \u2022 INSURED\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .badges {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  flex-shrink: 0;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .4px;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n}\r\n.ruben-app .badges i { color: var(--ra-red); margin-right: 4px; }\r\n.ruben-app .badges .dot { color: var(--ra-red); font-size: 16px; line-height: 0; }\r\n\r\n\/* -----------------------------------------------------------------\r\n   10. SERVICES LIST\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .services-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  flex: 1;\r\n  min-height: 0;\r\n}\r\n.ruben-app .services-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  padding: 6px 0;\r\n  border-bottom: 1px solid rgba(205,25,26,.4);\r\n  text-align: left;\r\n}\r\n.ruben-app .services-list li:last-child { border-bottom: 0; }\r\n.ruben-app .service-icon {\r\n  flex-shrink: 0;\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid var(--ra-red);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--ra-red);\r\n  font-size: 14px;\r\n}\r\n.ruben-app .service-copy h3 {\r\n  font-size: 12.5px;\r\n  font-weight: 800;\r\n  letter-spacing: .3px;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n}\r\n.ruben-app .service-copy p {\r\n  font-size: 11px;\r\n  color: var(--ra-txt-muted);\r\n  line-height: 1.3;\r\n  margin-top: 1px;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   11. ABOUT PAGE\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .about-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  flex: 1;\r\n  min-height: 0;\r\n}\r\n.ruben-app .about-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  padding: 7px 0;\r\n  border-bottom: 1px solid rgba(205,25,26,.4);\r\n  text-align: left;\r\n}\r\n.ruben-app .about-list li:last-child { border-bottom: 0; }\r\n.ruben-app .about-icon {\r\n  flex-shrink: 0;\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid var(--ra-red);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--ra-red);\r\n  font-size: 14px;\r\n}\r\n.ruben-app .about-copy h3 {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: .3px;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n  margin-bottom: 2px;\r\n}\r\n.ruben-app .about-copy p {\r\n  font-size: 11.5px;\r\n  color: var(--ra-txt-muted);\r\n  line-height: 1.35;\r\n}\r\n.ruben-app .about-copy .check-list { margin-top: 2px; }\r\n.ruben-app .about-copy .check-list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 1px 0;\r\n  border: 0;\r\n  font-size: 11.5px;\r\n  color: #fff;\r\n  font-weight: 600;\r\n}\r\n.ruben-app .about-copy .check-list li i { color: var(--ra-red); font-size: 11px; }\r\n\r\n\/* -----------------------------------------------------------------\r\n   12. QUOTE FORM\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .quote-sub {\r\n  font-size: 11.5px;\r\n  color: var(--ra-txt-muted);\r\n  text-shadow: 0 1px 3px rgba(0, 0, 0, .85);\r\n  flex-shrink: 0;\r\n  margin-bottom: 4px;\r\n}\r\n.ruben-app .quote-sub strong { color: #fff; display: block; font-size: 12.5px; margin-bottom: 2px; }\r\n\r\n.ruben-app .quote-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  width: 100%;\r\n  flex: 1;\r\n  min-height: 0;\r\n}\r\n\r\n.ruben-app .form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 8px;\r\n}\r\n\r\n.ruben-app .field {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  background: rgba(20, 8, 8, .85);\r\n  border: 1px solid var(--ra-red);\r\n  border-radius: 4px;\r\n  padding: 0 10px;\r\n  min-height: 36px;\r\n  transition: border-color .15s ease, box-shadow .15s ease;\r\n}\r\n.ruben-app .field:focus-within {\r\n  border-color: #fff;\r\n  box-shadow: 0 0 0 1px rgba(205, 25, 26, .55);\r\n}\r\n.ruben-app .field > i {\r\n  color: var(--ra-red);\r\n  font-size: 13px;\r\n  margin-right: 8px;\r\n  flex-shrink: 0;\r\n}\r\n.ruben-app .field input,\r\n.ruben-app .field textarea,\r\n.ruben-app .field select {\r\n  flex: 1;\r\n  background: transparent;\r\n  border: 0;\r\n  outline: none;\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  padding: 7px 0;\r\n  width: 100%;\r\n  resize: none;\r\n}\r\n.ruben-app .field select { appearance: none; -webkit-appearance: none; }\r\n.ruben-app .field input::placeholder,\r\n.ruben-app .field textarea::placeholder {\r\n  font-size: 12.5px;\r\n  color: #b9b9b9;\r\n}\r\n.ruben-app .field input[type=\"date\"],\r\n.ruben-app .field input[type=\"time\"] { color-scheme: dark; }\r\n\r\n.ruben-app .field--textarea {\r\n  align-items: flex-start;\r\n  padding: 8px 10px;\r\n  min-height: 50px;\r\n}\r\n.ruben-app .field--textarea i { margin-top: 3px; }\r\n\r\n.ruben-app .quote-submit {\r\n  margin: 2px 0 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  background: var(--ra-red);\r\n  border: 0;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: .5px;\r\n  text-transform: uppercase;\r\n  padding: 12px 20px;\r\n  width: 100%;\r\n  box-shadow: 0 6px 16px rgba(205, 25, 26, .45);\r\n  transition: transform .15s ease, box-shadow .15s ease;\r\n  flex-shrink: 0;\r\n}\r\n.ruben-app .quote-submit:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 22px rgba(205, 25, 26, .6);\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   13. BOTTOM TAB BAR (4 tabs)\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .tabbar {\r\n  position: absolute;\r\n  bottom: var(--ra-footer-h);\r\n  left: 0;\r\n  right: 0;\r\n  height: var(--ra-tab-h);\r\n  background: #000;\r\n  border-top: 1px solid #1a1a1a;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  padding: 8px 6px 6px;\r\n  z-index: 50;\r\n}\r\n\r\n.ruben-app .tab {\r\n  flex: 1;\r\n  background: transparent;\r\n  border: 0;\r\n  padding: 0;\r\n  color: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n  text-decoration: none;\r\n}\r\n\r\n.ruben-app .tab__icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 2px solid #fff;\r\n  border-radius: 50%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #000;\r\n  font-size: 20px;\r\n  color: #fff;\r\n  transition: all .2s ease;\r\n}\r\n.ruben-app .tab__label {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: #fff;\r\n  letter-spacing: .2px;\r\n}\r\n.ruben-app .tab.is-active .tab__icon {\r\n  background: var(--ra-red);\r\n  border-color: var(--ra-red);\r\n  color: #fff;\r\n  box-shadow:\r\n    0 0 0 2px rgba(205, 25, 26, .35),\r\n    0 0 18px rgba(205, 25, 26, .55);\r\n}\r\n.ruben-app .tab.is-active .tab__label { color: var(--ra-red); }\r\n\r\n\/* -----------------------------------------------------------------\r\n   14. FOOTER\r\n   ----------------------------------------------------------------- *\/\r\n.ruben-app .site-footer {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: var(--ra-footer-h);\r\n  background: #000;\r\n  border-top: 1px solid #141414;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 10px;\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  z-index: 51;\r\n}\r\n.ruben-app .site-footer__brand {\r\n  color: var(--ra-red);\r\n  font-weight: 500;\r\n  letter-spacing: .3px;\r\n}\r\n\r\n\/* -----------------------------------------------------------------\r\n   15. RESPONSIVE\r\n   ----------------------------------------------------------------- *\/\r\n@media (min-width: 700px) {\r\n  .ruben-app {\r\n    --ra-max-w: 540px;\r\n    --ra-tab-h: 92px;\r\n    --ra-footer-h: 36px;\r\n    border-radius: 24px;\r\n    border: 1px solid #1a1a1a;\r\n  }\r\n  .ruben-app .brand__name      { font-size: 38px; }\r\n  .ruben-app .brand__tagline   { font-size: 13px; }\r\n  .ruben-app .quote-sub        { font-size: 14px; }\r\n  .ruben-app .service-copy h3  { font-size: 14px; }\r\n  .ruben-app .service-copy p   { font-size: 12.5px; }\r\n  .ruben-app .about-copy h3    { font-size: 15px; }\r\n  .ruben-app .about-copy p     { font-size: 13px; }\r\n}\r\n\r\n@media (min-width: 1100px) {\r\n  .ruben-app {\r\n    --ra-max-w: 1100px;\r\n    --ra-tab-h: 100px;\r\n    --ra-footer-h: 40px;\r\n  }\r\n  .ruben-app .page__content     { padding: 22px 36px 22px; gap: 14px; }\r\n  .ruben-app .brand__name       { font-size: 56px; }\r\n  .ruben-app .brand__tagline    { font-size: 16px; }\r\n\r\n  .ruben-app .frame__arrow      { width: 44px; height: 44px; font-size: 18px; }\r\n  .ruben-app .frame__arrow--prev { left: 14px; }\r\n  .ruben-app .frame__arrow--next { right: 14px; }\r\n\r\n  .ruben-app .phone-cta         { max-width: 460px; padding: 16px 26px; margin: 0 auto; }\r\n  .ruben-app .phone-cta__number { font-size: 26px; }\r\n  .ruben-app .phone-cta__icon   { font-size: 26px; width: 34px; height: 34px; }\r\n\r\n  .ruben-app .field             { min-height: 46px; }\r\n  .ruben-app .field input,\r\n  .ruben-app .field textarea,\r\n  .ruben-app .field select      { font-size: 15px; padding: 9px 0; }\r\n  .ruben-app .quote-submit      { font-size: 18px; padding: 14px 26px; }\r\n\r\n  .ruben-app .tab__icon  { width: 62px; height: 62px; font-size: 26px; }\r\n  .ruben-app .tab__label { font-size: 13px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ============ APP SHELL ============ -->\r\n  <div class=\"ruben-app\">\r\n\r\n    <!-- ============================================================\r\n         PAGE 1 \u2014 HOME\r\n         ============================================================ -->\r\n    <section class=\"page page--home is-active\" id=\"page-home\" data-page=\"home\">\r\n      <div class=\"page__bg\"><\/div>\r\n      <div class=\"page__overlay\"><\/div>\r\n\r\n      <div class=\"page__content\">\r\n        <header class=\"brand\">\r\n          <span class=\"brand__name\">\r\n            <span class=\"line1\">WEST KNOX<\/span>\r\n            <span class=\"line2\">COURIER<\/span>\r\n          <\/span>\r\n          <span class=\"brand__tagline\">Our business is to deliver your business<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"frame frame--gallery\">\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--prev\" data-gallery=\"prev\" aria-label=\"Previous image\">\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--next\" data-gallery=\"next\" aria-label=\"Next image\">\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"frame__inner\">\r\n            <div class=\"gallery-photo\"\r\n                 data-gallery-images='[\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-2.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-3.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-4.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-5.jpg\",\"label\":\"\"}\r\n                 ]'>\r\n              <img decoding=\"async\" src=\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\" alt=\"West Knox Courier\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slider-dots\">\r\n            <span class=\"is-active\"><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"tel:5555555555\" class=\"phone-cta\">\r\n          <span class=\"phone-cta__icon\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\r\n          <span class=\"phone-cta__inner\">\r\n            <span class=\"phone-cta__number\">555-555-5555<\/span>\r\n            <span class=\"phone-cta__sub\">Call Now for a Free Quote!<\/span>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n         PAGE 2 \u2014 ABOUT\r\n         ============================================================ -->\r\n    <section class=\"page page--about\" id=\"page-about\" data-page=\"about\">\r\n      <div class=\"page__bg\"><\/div>\r\n      <div class=\"page__overlay\"><\/div>\r\n\r\n      <div class=\"page__content\">\r\n        <header class=\"brand\">\r\n          <span class=\"brand__name\">\r\n            <span class=\"line1\">WEST KNOX<\/span>\r\n            <span class=\"line2\">COURIER<\/span>\r\n          <\/span>\r\n          <span class=\"brand__tagline\">Our business is to deliver your business<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"frame frame--gallery\">\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--prev\" data-gallery=\"prev\" aria-label=\"Previous image\">\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--next\" data-gallery=\"next\" aria-label=\"Next image\">\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"frame__inner\">\r\n            <div class=\"gallery-photo\"\r\n                 data-gallery-images='[\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-2.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-3.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-4.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-5.jpg\",\"label\":\"\"}\r\n                 ]'>\r\n              <img decoding=\"async\" src=\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\" alt=\"West Knox Courier\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slider-dots\">\r\n            <span class=\"is-active\"><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"page-title__rule\"><hr><span>About Us<\/span><hr><\/div>\r\n\r\n        <ul class=\"about-list\">\r\n          <li>\r\n            <span class=\"about-icon\"><i class=\"fa-solid fa-user\"><\/i><\/span>\r\n            <span class=\"about-copy\">\r\n              <h3>Who We Are<\/h3>\r\n              <p>West Knox Courier is a trusted local courier service, proudly serving Knoxville and surrounding areas since 1997.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"about-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/span>\r\n            <span class=\"about-copy\">\r\n              <h3>Our Mission<\/h3>\r\n              <ul class=\"check-list\">\r\n                <li><i class=\"fa-solid fa-check\"><\/i> Every delivery is fast and accurate<\/li>\r\n                <li><i class=\"fa-solid fa-check\"><\/i> Time-sensitive materials<\/li>\r\n                <li><i class=\"fa-solid fa-check\"><\/i> Professional delivery<\/li>\r\n              <\/ul>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"about-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/span>\r\n            <span class=\"about-copy\">\r\n              <h3>Service Area<\/h3>\r\n              <p>Knoxville and surrounding counties<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"about-icon\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/span>\r\n            <span class=\"about-copy\">\r\n              <span class=\"badges\" style=\"justify-content:flex-start;\">LICENSED <span class=\"dot\">&bull;<\/span> BONDED <span class=\"dot\">&bull;<\/span> INSURED<\/span>\r\n            <\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"tel:5555555555\" class=\"phone-cta\">\r\n          <span class=\"phone-cta__icon\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\r\n          <span class=\"phone-cta__inner\">\r\n            <span class=\"phone-cta__number\">555-555-5555<\/span>\r\n            <span class=\"phone-cta__sub\">Call Now for a Free Quote!<\/span>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n         PAGE 3 \u2014 SERVICES\r\n         ============================================================ -->\r\n    <section class=\"page page--services\" id=\"page-services\" data-page=\"services\">\r\n      <div class=\"page__bg\"><\/div>\r\n      <div class=\"page__overlay\"><\/div>\r\n\r\n      <div class=\"page__content\">\r\n        <header class=\"brand\">\r\n          <span class=\"brand__name\">\r\n            <span class=\"line1\">WEST KNOX<\/span>\r\n            <span class=\"line2\">COURIER<\/span>\r\n          <\/span>\r\n          <span class=\"brand__tagline\">Our business is to deliver your business<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"frame frame--gallery\">\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--prev\" data-gallery=\"prev\" aria-label=\"Previous image\">\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--next\" data-gallery=\"next\" aria-label=\"Next image\">\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"frame__inner\">\r\n            <div class=\"gallery-photo\"\r\n                 data-gallery-images='[\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-2.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-3.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-4.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-5.jpg\",\"label\":\"\"}\r\n                 ]'>\r\n              <img decoding=\"async\" src=\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\" alt=\"West Knox Courier\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slider-dots\">\r\n            <span class=\"is-active\"><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"page-title__rule\"><hr><span>Our Services<\/span><hr><\/div>\r\n\r\n        <ul class=\"services-list\">\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Document Delivery<\/h3>\r\n              <p>Fast and secure delivery of important documents and paperwork.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-box\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Package Delivery<\/h3>\r\n              <p>Safe and reliable delivery of packages of all sizes.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Same-Day Delivery<\/h3>\r\n              <p>Rush deliveries available when you need it there today.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-store\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Local Business Solutions<\/h3>\r\n              <p>Customized delivery solutions designed for local businesses.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-route\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Route &amp; Scheduled Deliveries<\/h3>\r\n              <p>Scheduled pick-ups and deliveries to keep your business moving.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"service-icon\"><i class=\"fa-solid fa-box-open\"><\/i><\/span>\r\n            <span class=\"service-copy\">\r\n              <h3>Special Handling<\/h3>\r\n              <p>Careful handling for time-sensitive and important deliveries.<\/p>\r\n            <\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"tel:5555555555\" class=\"phone-cta\">\r\n          <span class=\"phone-cta__icon\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\r\n          <span class=\"phone-cta__inner\">\r\n            <span class=\"phone-cta__number\">555-555-5555<\/span>\r\n            <span class=\"phone-cta__sub\">Call Now for a Free Quote!<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"badges\">\r\n          <span><i class=\"fa-solid fa-shield-halved\"><\/i>LICENSED<\/span>\r\n          <span class=\"dot\">&bull;<\/span>\r\n          <span>BONDED<\/span>\r\n          <span class=\"dot\">&bull;<\/span>\r\n          <span>INSURED<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n         PAGE 4 \u2014 QUOTE\r\n         ============================================================ -->\r\n    <section class=\"page page--quote\" id=\"page-quote\" data-page=\"quote\">\r\n      <div class=\"page__bg\"><\/div>\r\n      <div class=\"page__overlay\"><\/div>\r\n\r\n      <div class=\"page__content\">\r\n        <header class=\"brand\">\r\n          <span class=\"brand__name\">\r\n            <span class=\"line1\">WEST KNOX<\/span>\r\n            <span class=\"line2\">COURIER<\/span>\r\n          <\/span>\r\n          <span class=\"brand__tagline\">Our business is to deliver your business<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"frame frame--gallery\">\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--prev\" data-gallery=\"prev\" aria-label=\"Previous image\">\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <button type=\"button\" class=\"frame__arrow frame__arrow--next\" data-gallery=\"next\" aria-label=\"Next image\">\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"frame__inner\">\r\n            <div class=\"gallery-photo\"\r\n                 data-gallery-images='[\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-2.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-3.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-4.jpg\",\"label\":\"\"},\r\n                   {\"src\":\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-5.jpg\",\"label\":\"\"}\r\n                 ]'>\r\n              <img decoding=\"async\" src=\"https:\/\/developer.devsigntech.com\/concept\/wp-content\/uploads\/2026\/05\/ruben-1.jpg\" alt=\"West Knox Courier\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slider-dots\">\r\n            <span class=\"is-active\"><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"page-title__rule\"><hr><span>Get A Quote<\/span><hr><\/div>\r\n        <p class=\"quote-sub\">\r\n          <strong>Fast. Simple. Reliable.<\/strong>\r\n          Fill out the form below and we'll get back to you with a quote as soon as possible.\r\n        <\/p>\r\n\r\n        <form class=\"quote-form\" onsubmit=\"event.preventDefault(); alert('Thanks! We will get back to you shortly.');\">\r\n          <label class=\"field\">\r\n            <i class=\"fa-solid fa-user\"><\/i>\r\n            <input type=\"text\" name=\"name\" placeholder=\"Enter full name\" required \/>\r\n          <\/label>\r\n\r\n          <label class=\"field\">\r\n            <i class=\"fa-solid fa-building\"><\/i>\r\n            <input type=\"text\" name=\"company\" placeholder=\"Enter company name\" \/>\r\n          <\/label>\r\n\r\n          <label class=\"field\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n            <input type=\"text\" name=\"pickup_location\" placeholder=\"Enter pick-up location\" required \/>\r\n          <\/label>\r\n\r\n          <label class=\"field\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n            <input type=\"text\" name=\"delivery_location\" placeholder=\"Enter delivery location\" required \/>\r\n          <\/label>\r\n\r\n          <div class=\"form-row\">\r\n            <label class=\"field\">\r\n              <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n              <input type=\"date\" name=\"pickup_date\" \/>\r\n            <\/label>\r\n            <label class=\"field\">\r\n              <i class=\"fa-solid fa-clock\"><\/i>\r\n              <input type=\"time\" name=\"pickup_time\" \/>\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <label class=\"field\">\r\n            <i class=\"fa-solid fa-box\"><\/i>\r\n            <select name=\"delivery_type\" required>\r\n              <option value=\"\" disabled selected>Select delivery type<\/option>\r\n              <option value=\"document\">Document Delivery<\/option>\r\n              <option value=\"package\">Package Delivery<\/option>\r\n              <option value=\"same-day\">Same-Day Delivery<\/option>\r\n              <option value=\"scheduled\">Route &amp; Scheduled Delivery<\/option>\r\n              <option value=\"special\">Special Handling<\/option>\r\n            <\/select>\r\n          <\/label>\r\n\r\n          <label class=\"field field--textarea\">\r\n            <i class=\"fa-solid fa-pen\"><\/i>\r\n            <textarea name=\"details\" rows=\"2\" placeholder=\"Any special instructions or details we should know?\"><\/textarea>\r\n          <\/label>\r\n\r\n          <button type=\"submit\" class=\"quote-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Submit Quote Request<\/button>\r\n        <\/form>\r\n\r\n        <div class=\"badges\">\r\n          <span><i class=\"fa-solid fa-shield-halved\"><\/i>LICENSED<\/span>\r\n          <span class=\"dot\">&bull;<\/span>\r\n          <span>BONDED<\/span>\r\n          <span class=\"dot\">&bull;<\/span>\r\n          <span>INSURED<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n         BOTTOM TAB BAR (4 tabs)\r\n         ============================================================ -->\r\n    <nav class=\"tabbar\" role=\"tablist\" aria-label=\"Primary\">\r\n      <button class=\"tab is-active\" data-target=\"home\" role=\"tab\" aria-selected=\"true\">\r\n        <span class=\"tab__icon\"><i class=\"fa-solid fa-house\"><\/i><\/span>\r\n        <span class=\"tab__label\">Home<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"tab\" data-target=\"about\" role=\"tab\" aria-selected=\"false\">\r\n        <span class=\"tab__icon\"><i class=\"fa-solid fa-user\"><\/i><\/span>\r\n        <span class=\"tab__label\">About<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"tab\" data-target=\"services\" role=\"tab\" aria-selected=\"false\">\r\n        <span class=\"tab__icon\"><i class=\"fa-solid fa-truck\"><\/i><\/span>\r\n        <span class=\"tab__label\">Services<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"tab\" data-target=\"quote\" role=\"tab\" aria-selected=\"false\">\r\n        <span class=\"tab__icon\"><i class=\"fa-solid fa-comment\"><\/i><\/span>\r\n        <span class=\"tab__label\">Quote<\/span>\r\n      <\/button>\r\n    <\/nav>\r\n\r\n    <footer class=\"site-footer\">\r\n      <span class=\"site-footer__copy\">\u00a9 All Rights Reserved.<\/span>\r\n      <a class=\"site-footer__brand\" href=\"#\">West Knox Courier<\/a>\r\n    <\/footer>\r\n  <\/div>\r\n\r\n<script>\r\n\/* =================================================================\r\n   WEST KNOX COURIER \u2014 UI behavior\r\n\r\n   - Bottom tabs switch which .page is visible\r\n   - Every page has its own gallery slider: prev\/next arrows cycle\r\n     the slider photo (the SAME image set is used on every page)\r\n   - All DOM queries are scoped to .ruben-app so the script is\r\n     safe to load globally on a WordPress page.\r\n   ================================================================= *\/\r\n\r\n   (function () {\r\n  'use strict';\r\n\r\n  function init() {\r\n    document.querySelectorAll('.ruben-app').forEach(initApp);\r\n  }\r\n\r\n  function initApp(root) {\r\n    \/* ------------- TAB SWITCHING ------------- *\/\r\n    var tabs  = root.querySelectorAll('.tab[data-target]');\r\n    var pages = root.querySelectorAll('.page');\r\n\r\n    function switchTo(targetId) {\r\n      pages.forEach(function (p) {\r\n        p.classList.toggle('is-active', p.dataset.page === targetId);\r\n      });\r\n      tabs.forEach(function (t) {\r\n        var isActive = t.dataset.target === targetId;\r\n        t.classList.toggle('is-active', isActive);\r\n        t.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n      });\r\n    }\r\n\r\n    tabs.forEach(function (tab) {\r\n      tab.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        switchTo(tab.dataset.target);\r\n      });\r\n    });\r\n\r\n    \/* ------------- SLIDER IMAGE CAROUSEL -------------\r\n       Loop over EVERY .frame--gallery so each one gets\r\n       its own independent state (index, slides, buttons, dots).\r\n    -------------------------------------------------- *\/\r\n    root.querySelectorAll('.frame--gallery').forEach(function (frame) {\r\n      var photoEl = frame.querySelector('.gallery-photo');\r\n      var dots    = frame.querySelectorAll('.slider-dots span');\r\n      var prevBtn = frame.querySelector('.frame__arrow--prev[data-gallery=\"prev\"]');\r\n      var nextBtn = frame.querySelector('.frame__arrow--next[data-gallery=\"next\"]');\r\n\r\n      if (!photoEl || !prevBtn || !nextBtn) return;\r\n\r\n      var slides = [];\r\n      try {\r\n        slides = JSON.parse(photoEl.getAttribute('data-gallery-images') || '[]');\r\n      } catch (err) {\r\n        slides = [];\r\n      }\r\n\r\n      if (slides.length === 0) return;\r\n\r\n      var index = 0;\r\n      var imgEl = photoEl.querySelector('img');\r\n\r\n      function show(i) {\r\n        index = (i + slides.length) % slides.length;\r\n        var s = slides[index];\r\n        imgEl.style.opacity = '0';\r\n        setTimeout(function () {\r\n          imgEl.src = s.src;\r\n          imgEl.alt = s.label || 'West Knox Courier';\r\n          imgEl.style.opacity = '1';\r\n        }, 120);\r\n        if (dots.length) {\r\n          dots.forEach(function (d, di) {\r\n            d.classList.toggle('is-active', di === (index % dots.length));\r\n          });\r\n        }\r\n      }\r\n\r\n      prevBtn.addEventListener('click', function () { show(index - 1); });\r\n      nextBtn.addEventListener('click', function () { show(index + 1); });\r\n\r\n      \/* Touch swipe support *\/\r\n      var startX = null;\r\n      photoEl.addEventListener('touchstart', function (e) {\r\n        startX = e.touches[0].clientX;\r\n      }, { passive: true });\r\n      photoEl.addEventListener('touchend', function (e) {\r\n        if (startX === null) return;\r\n        var dx = e.changedTouches[0].clientX - startX;\r\n        if (Math.abs(dx) > 40) show(index + (dx < 0 ? 1 : -1));\r\n        startX = null;\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEST KNOX COURIER Our business is to deliver your business 555-555-5555 Call Now for a Free Quote! WEST KNOX COURIER Our business is to deliver your business About Us Who We Are West Knox Courier is a trusted local courier service, proudly serving Knoxville and surrounding areas since 1997. Our Mission Every delivery is fast [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":7,"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/pages\/6\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/developer.devsigntech.com\/knox\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}