{"id":19,"date":"2026-05-14T00:11:24","date_gmt":"2026-05-14T00:11:24","guid":{"rendered":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/?page_id=19"},"modified":"2026-05-18T16:45:18","modified_gmt":"2026-05-18T16:45:18","slug":"aha-orbit-testemonials","status":"publish","type":"page","link":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/","title":{"rendered":"Aha Orbit Testemonials"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4db953 e-con-full e-flex e-con e-parent\" data-id=\"a4db953\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb1e0d elementor-widget elementor-widget-html\" data-id=\"abb1e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    \/* ============================================================\r\n       RESET & BASE\r\n       ============================================================ *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { scroll-behavior: smooth; font-size: 16px; }\r\n    body {\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n      background: #07070f;\r\n      color: #e2e2f0;\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* ============================================================\r\n       DESIGN TOKENS\r\n       ============================================================ *\/\r\n    :root {\r\n      --cyan:        #00d4ff;\r\n      --purple:      #7c3aed;\r\n      --pink:        #ec4899;\r\n      --red:         #ef4444;\r\n      --green:       #22c55e;\r\n      --amber:       #f59e0b;\r\n      --bg-dark:     #07070f;\r\n      --bg-dark2:    #0d0d1a;\r\n      --bg-light:    #f4f4f8;\r\n      --card-dark:   rgba(255,255,255,0.04);\r\n      --border-dark: rgba(255,255,255,0.08);\r\n      --muted:       #8888aa;\r\n      --grad:        linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);\r\n    }\r\n\r\n    \/* ============================================================\r\n       UTILITIES\r\n       ============================================================ *\/\r\n    .container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\r\n\r\n    .text-grad {\r\n      background: var(--grad);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      background: rgba(0,212,255,.08);\r\n      border: 1px solid rgba(0,212,255,.25);\r\n      color: var(--cyan);\r\n      font-size: .72rem;\r\n      font-weight: 700;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n      padding: .38rem 1.1rem;\r\n      border-radius: 2rem;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .tag.tag-red   { background: rgba(239,68,68,.08);  border-color: rgba(239,68,68,.25);  color: var(--red);   }\r\n    .tag.tag-purp  { background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.25); color: var(--purple);}\r\n\r\n    \/* ============================================================\r\n       BUTTONS\r\n       ============================================================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .5rem;\r\n      font-family: 'Inter', sans-serif;\r\n      font-weight: 700;\r\n      font-size: .875rem;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      padding: .9rem 2rem;\r\n      border-radius: 3rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: transform .25s, box-shadow .25s, background .25s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-primary {\r\n      background: var(--grad);\r\n      color: #fff;\r\n      box-shadow: 0 4px 24px rgba(0,212,255,.22);\r\n    }\r\n    .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(0,212,255,.38); }\r\n    .btn-ghost {\r\n      background: transparent;\r\n      color: #fff;\r\n      border: 1px solid rgba(255,255,255,.22);\r\n    }\r\n    .btn-ghost:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.45); transform: translateY(-3px); }\r\n    .btn-light {\r\n      background: #fff;\r\n      color: #111;\r\n      box-shadow: 0 4px 24px rgba(0,0,0,.12);\r\n    }\r\n    .btn-light:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(0,0,0,.18); }\r\n\r\n    \/* ============================================================\r\n       NAVIGATION\r\n       ============================================================ *\/\r\n    .nav {\r\n      position: fixed;\r\n      top: 0; left: 0; right: 0;\r\n      z-index: 200;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 1.1rem 2.5rem;\r\n      background: rgba(7,7,15,.82);\r\n      backdrop-filter: blur(22px);\r\n      border-bottom: 1px solid rgba(255,255,255,.06);\r\n    }\r\n    .nav-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .65rem;\r\n      text-decoration: none;\r\n    }\r\n    .nav-logo-img {\r\n      width: auto; \r\n      height: 52px;\r\n      background: var(--grad);\r\n      border-radius: 9px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 1rem;\r\n    }    \r\n    .nav-links { display: flex; gap: 2.2rem; list-style: none; }\r\n    .nav-links a { color: var(--muted); text-decoration: none; font-size: .875rem; font-weight: 500; transition: color .2s; }\r\n    .nav-links a:hover { color: #fff; }\r\n    @media (max-width: 768px) { .nav-links { display: none; } }\r\n\r\n    \/* ============================================================\r\n       HERO\r\n       ============================================================ *\/\r\n    .hero {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 9rem 0 6rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .hero-glow {\r\n      position: absolute;\r\n      top: -160px; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 1000px; height: 700px;\r\n      background: radial-gradient(ellipse at center, rgba(124,58,237,.22) 0%, rgba(0,212,255,.1) 45%, transparent 72%);\r\n      pointer-events: none;\r\n    }\r\n    .hero-grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 100%);\r\n      pointer-events: none;\r\n    }\r\n    .hero-fade {\r\n      position: absolute;\r\n      bottom: 0; left: 0; right: 0;\r\n      height: 220px;\r\n      background: linear-gradient(transparent, #07070f);\r\n      pointer-events: none;\r\n    }\r\n    .hero-inner { position: relative; z-index: 2; }\r\n    .hero-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .5rem;\r\n      background: rgba(0,212,255,.08);\r\n      border: 1px solid rgba(0,212,255,.22);\r\n      color: var(--cyan);\r\n      font-size: .73rem;\r\n      font-weight: 700;\r\n      letter-spacing: .13em;\r\n      text-transform: uppercase;\r\n      padding: .4rem 1.2rem;\r\n      border-radius: 2rem;\r\n      margin-bottom: 2.2rem;\r\n    }\r\n    .hero-eyebrow .dot {\r\n      width: 6px; height: 6px;\r\n      background: var(--cyan);\r\n      border-radius: 50%;\r\n      animation: blink 1.8s ease-in-out infinite;\r\n    }\r\n    @keyframes blink { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.75)} }\r\n    .hero h1 {\r\n      font-size: clamp(2.6rem, 7.5vw, 5.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.04;\r\n      letter-spacing: -.035em;\r\n      color: #fff;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .hero h1 .accent {\r\n      display: block;\r\n      background: linear-gradient(130deg, #00d4ff 0%, #7c3aed 55%, #ec4899 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .hero-sub {\r\n      font-size: 1.15rem;\r\n      color: var(--muted);\r\n      max-width: 600px;\r\n      margin: 0 auto 3rem;\r\n      line-height: 1.8;\r\n    }\r\n    .hero-sub strong { color: #fff; }\r\n    .hero-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n    .hero-trust {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1.75rem 2.5rem;\r\n      justify-content: center;\r\n    }\r\n    .trust-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      color: var(--muted);\r\n      font-size: .82rem;\r\n      font-weight: 500;\r\n    }\r\n    .trust-item svg { color: var(--cyan); flex-shrink: 0; }\r\n\r\n    \/* ============================================================\r\n       PROBLEM \/ SOLUTION\r\n       ============================================================ *\/\r\n    .problem-section {\r\n      padding: 7rem 0;\r\n      background: #0d0d1a;\r\n      border-top: 1px solid rgba(255,255,255,.06);\r\n    }\r\n    .ps-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 5rem;\r\n      align-items: start;\r\n    }\r\n    .ps-block h2 {\r\n      font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      line-height: 1.2;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .ps-block p {\r\n      color: var(--muted);\r\n      line-height: 1.75;\r\n      margin-bottom: 1.5rem;\r\n      font-size: .97rem;\r\n    }\r\n    .check-list { list-style: none; display: flex; flex-direction: column; gap: .7rem; }\r\n    .check-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: .75rem;\r\n      font-size: .95rem;\r\n      line-height: 1.5;\r\n    }\r\n    .check-list li .ico { flex-shrink: 0; margin-top: .12rem; font-size: 1rem; }\r\n    .ico-no  { color: var(--red); }\r\n    .ico-yes { color: var(--cyan); }\r\n    .check-list.yes li { color: #e2e2f0; }\r\n    .check-list.no  li { color: var(--muted); }\r\n    .divider { width: 1px; background: rgba(255,255,255,.06); align-self: stretch; }\r\n    @media (max-width: 860px) {\r\n      .ps-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n      .divider { display: none; }\r\n    }\r\n\r\n    \/* ============================================================\r\n       STATS STRIP\r\n       ============================================================ *\/\r\n    .stats-strip {\r\n      padding: 4.5rem 0;\r\n      background: var(--bg-dark);\r\n      border-top: 1px solid rgba(255,255,255,.06);\r\n      border-bottom: 1px solid rgba(255,255,255,.06);\r\n    }\r\n    .stats-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 2rem;\r\n      text-align: center;\r\n    }\r\n    .stat h3 {\r\n      font-size: 3rem;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      margin-bottom: .4rem;\r\n      background: var(--grad);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .stat p { color: var(--muted); font-size: .875rem; }\r\n    @media (max-width: 640px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }\r\n\r\n    \/* ============================================================\r\n       FEATURES\r\n       ============================================================ *\/\r\n    .features-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n    }\r\n    .section-head { text-align: center; margin-bottom: 4.5rem; }\r\n    .section-head h2 {\r\n      font-size: clamp(1.9rem, 4vw, 3.2rem);\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1.15;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .section-head p {\r\n      color: var(--muted);\r\n      font-size: 1.05rem;\r\n      max-width: 540px;\r\n      margin: 0 auto;\r\n      line-height: 1.75;\r\n    }\r\n    .feat-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.4rem;\r\n    }\r\n    .feat-card {\r\n      background: var(--card-dark);\r\n      border: 1px solid var(--border-dark);\r\n      border-radius: 1.25rem;\r\n      padding: 2rem 1.75rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: transform .3s, box-shadow .3s, border-color .3s;\r\n    }\r\n    .feat-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; height: 1px;\r\n      background: var(--grad);\r\n      opacity: 0;\r\n      transition: opacity .3s;\r\n    }\r\n    .feat-card:hover { transform: translateY(-5px); border-color: rgba(0,212,255,.2); box-shadow: 0 20px 60px rgba(0,0,0,.35), 0 0 40px rgba(0,212,255,.06); }\r\n    .feat-card:hover::after { opacity: 1; }\r\n    .feat-icon {\r\n      width: 46px; height: 46px;\r\n      border-radius: 12px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 1.35rem;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    .fi-c { background: rgba(0,212,255,.1); }\r\n    .fi-p { background: rgba(124,58,237,.12); }\r\n    .fi-k { background: rgba(236,72,153,.1); }\r\n    .fi-g { background: rgba(34,197,94,.1); }\r\n    .fi-a { background: rgba(245,158,11,.1); }\r\n    .fi-b { background: rgba(59,130,246,.1); }\r\n    .feat-card h3 { font-size: 1.02rem; font-weight: 700; color: #fff; margin-bottom: .55rem; }\r\n    .feat-card p { color: var(--muted); font-size: .88rem; line-height: 1.65; }\r\n    .feat-card code {\r\n      background: rgba(255,255,255,.06);\r\n      border-radius: 4px;\r\n      padding: 1px 6px;\r\n      font-size: .82rem;\r\n      color: var(--cyan);\r\n      font-family: 'Courier New', monospace;\r\n    }\r\n    @media (max-width: 900px) { .feat-grid { grid-template-columns: repeat(2,1fr); } }\r\n    @media (max-width: 580px) { .feat-grid { grid-template-columns: 1fr; } }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 DARK\r\n       ============================================================ *\/\r\n    .demo-dark-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n    }\r\n    .demo-box-dark {\r\n      background: rgba(255,255,255,.025);\r\n      border: 1px solid rgba(255,255,255,.08);\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--cyan);\r\n      letter-spacing: .05em;\r\n      box-shadow: inset 0 0 80px rgba(0,212,255,.025), 0 0 0 1px rgba(0,212,255,.06);\r\n    }\r\n    .demo-caption {\r\n      text-align: center;\r\n      margin-top: 1.5rem;\r\n      color: var(--muted);\r\n      font-size: .82rem;\r\n    }\r\n    .demo-caption code {\r\n      background: rgba(255,255,255,.06);\r\n      border: 1px solid rgba(255,255,255,.1);\r\n      border-radius: 5px;\r\n      padding: 2px 8px;\r\n      font-family: 'Courier New', monospace;\r\n      color: var(--cyan);\r\n      font-size: .82rem;\r\n    }\r\n    @media (max-width: 1024px) {\r\n      .demo-box-dark {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .demo-box-dark {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 LIGHT\r\n       ============================================================ *\/\r\n    .demo-light-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-light);\r\n    }\r\n    .demo-light-section .section-head h2 { color: #111; }\r\n    .demo-light-section .section-head p  { color: #666; }\r\n    .demo-light-section .tag { background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.25); color: var(--purple); }\r\n    .demo-box-light {\r\n      background: #fff;\r\n      border: 1px solid #e2e2ed;\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--purple);\r\n      letter-spacing: .05em;\r\n      box-shadow: 0 8px 50px rgba(0,0,0,.07);\r\n    }\r\n    .demo-light-section .demo-caption { color: #888; }\r\n    .demo-light-section .demo-caption code {\r\n      background: #f0f0f8;\r\n      border-color: #ddd;\r\n      color: var(--purple);\r\n    }\r\n    @media (max-width: 1024px) {\r\n      .demo-box-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .demo-box-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       HOW IT WORKS\r\n       ============================================================ *\/\r\n    .how-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n    }\r\n    .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(3,1fr);\r\n      gap: 2rem;\r\n      margin-top: 5rem;\r\n      position: relative;\r\n    }\r\n    .steps::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 32px;\r\n      left: calc(16.67% + 32px);\r\n      right: calc(16.67% + 32px);\r\n      height: 1px;\r\n      background: linear-gradient(90deg, rgba(0,212,255,.35), rgba(124,58,237,.35));\r\n    }\r\n    .step { text-align: center; padding: .5rem; }\r\n    .step-num {\r\n      width: 64px; height: 64px;\r\n      border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 1.4rem;\r\n      font-weight: 900;\r\n      margin: 0 auto 2rem;\r\n      position: relative;\r\n      z-index: 2;\r\n      background: var(--bg-dark);\r\n      border: 2px solid rgba(255,255,255,.1);\r\n    }\r\n    .step:nth-child(1) .step-num { color: var(--cyan);   border-color: rgba(0,212,255,.4);   box-shadow: 0 0 24px rgba(0,212,255,.18); }\r\n    .step:nth-child(2) .step-num { color: var(--purple); border-color: rgba(124,58,237,.4);  box-shadow: 0 0 24px rgba(124,58,237,.18); }\r\n    .step:nth-child(3) .step-num { color: var(--pink);   border-color: rgba(236,72,153,.4);  box-shadow: 0 0 24px rgba(236,72,153,.18); }\r\n    .step h3 { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: .65rem; }\r\n    .step p   { color: var(--muted); font-size: .9rem; line-height: 1.7; }\r\n    .step code {\r\n      color: var(--pink);\r\n      background: rgba(236,72,153,.08);\r\n      border-radius: 4px;\r\n      padding: 1px 5px;\r\n      font-size: .85rem;\r\n      font-family: 'Courier New', monospace;\r\n    }\r\n    .how-cta { text-align: center; margin-top: 4rem; }\r\n    @media (max-width: 768px) { .steps { grid-template-columns: 1fr; } .steps::before { display: none; } }\r\n\r\n    \/* ============================================================\r\n       FREE SECTION\r\n       ============================================================ *\/\r\n    .free-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n      text-align: center;\r\n    }\r\n    .free-card {\r\n      display: inline-flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      background: rgba(0,212,255,.04);\r\n      border: 1px solid rgba(0,212,255,.18);\r\n      border-radius: 2rem;\r\n      padding: 3.5rem 4rem;\r\n      max-width: 680px;\r\n      width: 100%;\r\n      margin: 0 auto 3rem;\r\n      box-shadow: 0 0 80px rgba(0,212,255,.04);\r\n    }\r\n    .free-card .price-label {\r\n      font-size: .72rem;\r\n      font-weight: 700;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n      color: var(--cyan);\r\n      margin-bottom: .5rem;\r\n    }\r\n    .free-card .price-num {\r\n      font-size: 5.5rem;\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1;\r\n      margin-bottom: .3rem;\r\n    }\r\n    .free-card .price-sub {\r\n      color: var(--muted);\r\n      font-size: .93rem;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n    .free-features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2,1fr);\r\n      gap: .65rem 2.5rem;\r\n      text-align: left;\r\n      width: 100%;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n    .ff-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .55rem;\r\n      color: var(--muted);\r\n      font-size: .875rem;\r\n    }\r\n    .ff-item::before { content: '\u2713'; color: var(--cyan); font-weight: 700; flex-shrink: 0; }\r\n    .free-btns { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }\r\n    @media (max-width: 640px) {\r\n      .free-card { padding: 2.5rem 1.5rem; }\r\n      .free-card .price-num { font-size: 4rem; }\r\n      .free-features-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================================================\r\n       FINAL CTA\r\n       ============================================================ *\/\r\n    .cta-final {\r\n      padding: 10rem 0 8rem;\r\n      background: var(--bg-dark);\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .cta-final-glow {\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%,-50%);\r\n      width: 900px; height: 600px;\r\n      background: radial-gradient(ellipse, rgba(124,58,237,.16) 0%, rgba(0,212,255,.06) 50%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .cta-final h2 {\r\n      font-size: clamp(2rem, 5.5vw, 4.2rem);\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1.1;\r\n      letter-spacing: -.025em;\r\n      margin-bottom: 1.25rem;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .cta-final p {\r\n      color: var(--muted);\r\n      font-size: 1.1rem;\r\n      max-width: 520px;\r\n      margin: 0 auto 3rem;\r\n      line-height: 1.75;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .cta-actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; position: relative; z-index: 2; }\r\n    .cta-note {\r\n      margin-top: 1.75rem;\r\n      color: var(--muted);\r\n      font-size: .8rem;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* ============================================================\r\n       FOOTER\r\n       ============================================================ *\/\r\n    .footer {\r\n      background: #030308;\r\n      border-top: 1px solid rgba(255,255,255,.05);\r\n      padding: 3rem 2rem 2.5rem;\r\n      text-align: center;\r\n    }\r\n    .footer-brand {\r\n      font-size: 1.05rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: .6rem;\r\n    }\r\n    .footer-brand em { font-style: normal; color: var(--cyan); }\r\n    .footer p { color: var(--muted); font-size: .83rem; margin-bottom: .4rem; }\r\n    .footer a { color: var(--cyan); text-decoration: none; }\r\n    .footer a:hover { text-decoration: underline; }\r\n    .footer-links {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1.5rem 2.5rem;\r\n      justify-content: center;\r\n      list-style: none;\r\n      margin-top: 1.5rem;\r\n    }\r\n    .footer-links a { color: var(--muted); font-size: .83rem; text-decoration: none; transition: color .2s; }\r\n    .footer-links a:hover { color: #fff; }\r\n\r\n    \/* ============================================================\r\n       ADMIN SCREENSHOTS\r\n       ============================================================ *\/\r\n    .screens-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n    }\r\n    .screen-main {\r\n      border-radius: 1.25rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 30px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .screen-chrome {\r\n      background: #1e1e2e;\r\n      padding: .6rem 1rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      border-bottom: 1px solid rgba(255,255,255,.06);\r\n    }\r\n    .screen-chrome span {\r\n      width: 11px; height: 11px;\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n    }\r\n    .sc-red    { background: #ff5f57; }\r\n    .sc-yellow { background: #ffbd2e; }\r\n    .sc-green  { background: #28ca41; }\r\n    .screen-chrome .sc-url {\r\n      flex: 1;\r\n      background: rgba(255,255,255,.06);\r\n      border-radius: 5px;\r\n      height: 20px;\r\n      margin-left: .5rem;\r\n    }\r\n    .screen-main img,\r\n    .screen-small img {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    .screens-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.25rem;\r\n    }\r\n    .screen-small {\r\n      border-radius: 1rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 12px 40px rgba(0,0,0,.4);\r\n    }\r\n    .screen-label {\r\n      font-size: .78rem;\r\n      color: var(--muted);\r\n      margin-top: .65rem;\r\n      text-align: center;\r\n      letter-spacing: .04em;\r\n    }\r\n    @media (max-width: 768px) { .screens-row { grid-template-columns: 1fr; } }\r\n\r\n    \/* ============================================================\r\n       VIDEO PLACEHOLDER\r\n       ============================================================ *\/\r\n    .video-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n      text-align: center;\r\n    }\r\n    .video-wrapper {\r\n      position: relative;\r\n      border-radius: 1.5rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 30px 80px rgba(0,0,0,.5), 0 0 60px rgba(124,58,237,.08);\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      background: #0a0a18;\r\n      aspect-ratio: 16 \/ 9;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .video-placeholder-inner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n      color: var(--muted);\r\n    }\r\n    .play-btn {\r\n      width: 80px; height: 80px;\r\n      background: var(--grad);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 0 40px rgba(0,212,255,.3), 0 0 80px rgba(124,58,237,.2);\r\n      cursor: pointer;\r\n      transition: transform .3s, box-shadow .3s;\r\n    }\r\n    .play-btn:hover { transform: scale(1.08); box-shadow: 0 0 60px rgba(0,212,255,.45), 0 0 100px rgba(124,58,237,.3); }\r\n    .play-btn svg { margin-left: 5px; }\r\n    .video-placeholder-inner p {\r\n      font-size: .88rem;\r\n      color: var(--muted);\r\n      letter-spacing: .05em;\r\n    }\r\n    .video-placeholder-inner strong { color: rgba(255,255,255,.35); }\r\n    \/* TODO: replace .video-wrapper content with your <iframe> or <video> tag *\/\r\n    \/* NAV MOBILE BURGER *\/\r\n    .nav-burger {\r\n      display: none;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      cursor: pointer;\r\n      z-index: 210;\r\n    }\r\n    .nav-burger span {\r\n      display: block;\r\n      width: 26px;\r\n      height: 3px;\r\n      margin: 4px 0;\r\n      background: #fff;\r\n      border-radius: 2px;\r\n      transition: all .3s;\r\n    }\r\n    .nav-toggle { display: none; }\r\n    @media (max-width: 768px) {\r\n      .nav-burger { display: flex !important; }\r\n      .nav-links {\r\n        position: fixed;\r\n        top: 60px;\r\n        left: 0;\r\n        right: 0;\r\n        background: rgba(7,7,15,0.98);\r\n        flex-direction: column;\r\n        gap: 0;\r\n        padding: 1.5rem 0 1rem 0;\r\n        display: none;\r\n        z-index: 205;\r\n        border-bottom: 1px solid rgba(255,255,255,.06);\r\n      }\r\n      .nav-links li {\r\n        margin: 0;\r\n        padding: 0.7rem 0;\r\n        text-align: center;\r\n      }\r\n      .nav-toggle:checked ~ .nav-links {\r\n        display: flex !important;\r\n      }\r\n      .nav-cta {\r\n        display: none !important;\r\n      }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .nav {\r\n        flex-wrap: wrap;\r\n        padding: 1.1rem 1.2rem;\r\n      }\r\n      .nav-logo {\r\n        z-index: 211;\r\n      }\r\n    }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0655bf elementor-widget elementor-widget-html\" data-id=\"b0655bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     NAVIGATION\r\n     ================================================================ -->\r\n<nav class=\"nav\">\r\n  <a href=\"#\" class=\"nav-logo\">\r\n    <div class=\"nav-logo-img\" style=\"padding:0; background:none;\">\r\n      <img decoding=\"async\" src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/logo-aha-orbit.png\" \r\n      alt=\"Aha Orbit Logo\" style=\"width:auto;height:52px;border-radius:9px;display:block;\">\r\n    <\/div>    \r\n  <\/a>\r\n  <input type=\"checkbox\" id=\"nav-toggle\" class=\"nav-toggle\">\r\n  <label for=\"nav-toggle\" class=\"nav-burger\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/label>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#features\">Features<\/a><\/li>\r\n    <li><a href=\"#screenshots\">Screenshots<\/a><\/li>\r\n    <li><a href=\"#demo\">Demo<\/a><\/li>\r\n    <li><a href=\"#video\">Video<\/a><\/li>\r\n    <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\r\n    <li><a href=\"https:\/\/ahaplugins.com\" target=\"_blank\" rel=\"noopener\">Aha Plugins<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"https:\/\/br.wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-primary nav-cta\" target=\"_blank\" rel=\"noopener\" style=\"font-size:.8rem;padding:.7rem 1.6rem;\">Download Free \u2192<\/a>\r\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ac0ef elementor-widget elementor-widget-html\" data-id=\"15ac0ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     HERO\r\n     ================================================================ -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-glow\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-fade\"><\/div>\r\n  <div class=\"container\">\r\n    <div class=\"hero-inner\">\r\n      <div class=\"hero-eyebrow\">\r\n        <span class=\"dot\"><\/span>\r\n        100% Free \u2014 No Pro Version. No Upsells. No Strings.\r\n      <\/div>\r\n      <h1>\r\n        Your Testimonials<br>\r\n        <span class=\"accent\">Deserve Better Than<br>a Boring Carousel.<\/span>\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\r\n        <strong>Aha Orbit Testimonials<\/strong> is a free WordPress plugin that transforms static reviews into a stunning orbital experience \u2014 animated avatars, smooth transitions, and a design system that makes visitors <strong>stop, read, and trust<\/strong>.\r\n      <\/p>\r\n      <div class=\"hero-actions\">\r\n        <a href=\"https:\/\/br.wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n          \u2b07&nbsp; Install Free \u2014 WordPress.org\r\n        <\/a>\r\n        <a href=\"https:\/\/ahaplugins.com\/product\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">\r\n          Download from Our Site \u2192\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"hero-trust\">\r\n        <span class=\"trust-item\">\r\n          <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n          No jQuery \u2014 Pure Vanilla JS\r\n        <\/span>\r\n        <span class=\"trust-item\">\r\n          <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n          Works with Any Theme or Page Builder\r\n        <\/span>\r\n        <span class=\"trust-item\">\r\n          <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n          GPL Open Source \u00b7 WP 6.0+ \u00b7 PHP 7.4+\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce2f079 elementor-widget elementor-widget-html\" data-id=\"ce2f079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     PROBLEM \/ SOLUTION\r\n     ================================================================ -->\r\n<section class=\"problem-section\">\r\n  <div class=\"container\">\r\n    <div class=\"ps-grid\">\r\n\r\n      <!-- Problem -->\r\n      <div class=\"ps-block\">\r\n        <div class=\"tag tag-red\">The Problem with Standard Testimonials<\/div>\r\n        <h2>Generic Sliders Don't Build Trust \u2014 <span style=\"color:var(--red);\">They Destroy It.<\/span><\/h2>\r\n        <p>Every site looks the same. A plain carousel with tiny photos, or a grid nobody reads past the first row. Visitors see through it \u2014 and keep scrolling without converting.<\/p>\r\n        <ul class=\"check-list no\">\r\n          <li><span class=\"ico ico-no\">\u2715<\/span> Visually forgettable \u2014 blends into the page noise<\/li>\r\n          <li><span class=\"ico ico-no\">\u2715<\/span> No hierarchy \u2014 every testimonial feels equally unimportant<\/li>\r\n          <li><span class=\"ico ico-no\">\u2715<\/span> Zero interaction \u2014 visitors don't engage, they skip<\/li>\r\n          <li><span class=\"ico ico-no\">\u2715<\/span> Cluttered grids overwhelm instead of persuade<\/li>\r\n          <li><span class=\"ico ico-no\">\u2715<\/span> Bloated with jQuery and third-party carousel libraries<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Solution -->\r\n      <div class=\"ps-block\">\r\n        <div class=\"tag\">The Orbit Difference<\/div>\r\n        <h2>Make Social Proof <span class=\"text-grad\">Impossible to Ignore.<\/span><\/h2>\r\n        <p>Aha Orbit creates a visual focal point \u2014 one powerful testimonial at the center, surrounded by reviewer avatars orbiting dynamically. It's social proof that commands attention.<\/p>\r\n        <ul class=\"check-list yes\">\r\n          <li><span class=\"ico ico-yes\">\u2713<\/span> Orbital layout creates instant visual interest and depth<\/li>\r\n          <li><span class=\"ico ico-yes\">\u2713<\/span> Central focus card puts the spotlight on one review at a time<\/li>\r\n          <li><span class=\"ico ico-yes\">\u2713<\/span> Drag, swipe & autoplay keep visitors engaged longer<\/li>\r\n          <li><span class=\"ico ico-yes\">\u2713<\/span> 8 colour presets + custom pickers \u2014 matches any brand<\/li>\r\n          <li><span class=\"ico ico-yes\">\u2713<\/span> Vanilla JS only \u2014 zero dependencies, zero conflicts<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cd1a5b elementor-widget elementor-widget-html\" data-id=\"8cd1a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     STATS STRIP\r\n     ================================================================ -->\r\n<section class=\"stats-strip\">\r\n  <div class=\"container\">\r\n    <div class=\"stats-grid\">\r\n      <div class=\"stat\"><h3>8<\/h3><p>Built-in colour presets<\/p><\/div>\r\n      <div class=\"stat\"><h3>2<\/h3><p>Layout modes \u2014 Auto & Manual<\/p><\/div>\r\n      <div class=\"stat\"><h3>0<\/h3><p>jQuery or library dependencies<\/p><\/div>\r\n      <div class=\"stat\"><h3>\u221e<\/h3><p>Sliders you can create \u2014 for free<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a656b1c elementor-widget elementor-widget-html\" data-id=\"a656b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     FEATURES\r\n     ================================================================ -->\r\n<section class=\"features-section\" id=\"features\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag\">Every Feature You Need<\/div>\r\n      <h2>Built to Stand Out.<br>Not to Blend In.<\/h2>\r\n      <p>Every detail of Aha Orbit was engineered to make your testimonials the most memorable element on the page \u2014 without writing a single line of code.<\/p>\r\n    <\/div>\r\n    <div class=\"feat-grid\">\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-c\">\ud83c\udf00<\/div>\r\n        <h3>Orbital Avatar Layout<\/h3>\r\n        <p>Avatars animate in an elliptical orbit around the central testimonial card. <strong>Auto mode<\/strong> positions them automatically; <strong>Manual Coordinates<\/strong> gives you pixel-perfect control over every avatar.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-p\">\ud83c\udfa8<\/div>\r\n        <h3>Full Design System<\/h3>\r\n        <p>8 ready-made palettes \u2014 Default, Dark, Midnight, Purple, Ocean, Emerald, Warm, Rose \u2014 plus individual colour pickers for every design token. No CSS required.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-k\">\u26a1<\/div>\r\n        <h3>Vanilla JS \u2014 Zero Dependencies<\/h3>\r\n        <p>No jQuery. No Swiper. No external carousel library. The front end is powered by pure JavaScript \u2014 faster load times, zero theme conflicts, cleaner code.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-g\">\ud83d\udcf1<\/div>\r\n        <h3>Drag, Swipe & Autoplay<\/h3>\r\n        <p>Native drag on desktop, swipe on mobile. Configure autoplay interval, transition speed, and animation delay independently per slider \u2014 each Orbit is its own configuration.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-a\">\u270d\ufe0f<\/div>\r\n        <h3>Initials Fallback Avatar<\/h3>\r\n        <p>No photo available? The plugin automatically generates a styled avatar using the reviewer's initials (e.g. <em>DS<\/em> for David Smith) \u2014 so every testimonial always looks polished.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card\">\r\n        <div class=\"feat-icon fi-b\">\ud83d\udd17<\/div>\r\n        <h3>One Shortcode. Anywhere.<\/h3>\r\n        <p>Use <code><!-- Aha Orbit: Invalid or unpublished Slider ID --><\/code> in pages, posts, widgets, Elementor, Divi, Bricks, or the block editor. If WordPress can render a shortcode, your Orbit works there.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-902476e elementor-widget elementor-widget-html\" data-id=\"902476e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     ADMIN SCREENSHOTS\r\n     ================================================================ -->\r\n<section class=\"screens-section\" id=\"screenshots\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag\">Inside the Plugin<\/div>\r\n      <h2>Clean Admin Interface.<br>No Learning Curve.<\/h2>\r\n      <p>Everything you need is right in the WordPress editor \u2014 no settings maze, no external dashboards. Create, configure, and publish in minutes.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Main screenshot: CPT list \/ plugin overview -->\r\n    <div class=\"screen-main\">\r\n      <div class=\"screen-chrome\">\r\n        <span class=\"sc-red\"><\/span>\r\n        <span class=\"sc-yellow\"><\/span>\r\n        <span class=\"sc-green\"><\/span>\r\n        <span class=\"sc-url\"><\/span>\r\n      <\/div>\r\n      <!-- TODO: Replace with your admin list screenshot -->\r\n      <img fetchpriority=\"high\" decoding=\"async\"\r\n        src=\"https:\/\/placehold.co\/1140x560\/0d0d1a\/00d4ff?text=\ud83d\udccb+Orbit+Testimonials+\u2014+Admin+List+%28replace+this+with+your+screenshot%29&font=inter\"\r\n        alt=\"Aha Orbit Testimonials \u2014 Admin list view\"\r\n        width=\"1140\" height=\"560\"\r\n      >\r\n    <\/div>\r\n    <p class=\"screen-label\">\u2191 Orbit Testimonials admin list \u2014 all your sliders in one place<\/p>\r\n\r\n    <!-- 3-column row: editor \/ testimonials repeater \/ colour settings -->\r\n    <div class=\"screens-row\" style=\"margin-top:2rem;\">\r\n      <div>\r\n        <div class=\"screen-small\">\r\n          <div class=\"screen-chrome\">\r\n            <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n            <span class=\"sc-url\"><\/span>\r\n          <\/div>\r\n          <!-- TODO: Replace with slider editor \/ metabox screenshot -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/540x380\/0d0d1a\/7c3aed?text=\ud83d\udd8a+Slider+Editor+%28replace+with+screenshot%29&font=inter\"\r\n            alt=\"Slider editor with metaboxes\"\r\n            width=\"540\" height=\"380\"\r\n          >\r\n        <\/div>\r\n        <p class=\"screen-label\">Slider editor \u2014 title & settings<\/p>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"screen-small\">\r\n          <div class=\"screen-chrome\">\r\n            <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n            <span class=\"sc-url\"><\/span>\r\n          <\/div>\r\n          <!-- TODO: Replace with testimonials repeater screenshot -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/540x380\/0d0d1a\/ec4899?text=\ud83d\udc65+Testimonials+Repeater+%28replace+with+screenshot%29&font=inter\"\r\n            alt=\"Testimonials repeater metabox\"\r\n            width=\"540\" height=\"380\"\r\n          >\r\n        <\/div>\r\n        <p class=\"screen-label\">Add unlimited testimonials with ease<\/p>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"screen-small\">\r\n          <div class=\"screen-chrome\">\r\n            <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n            <span class=\"sc-url\"><\/span>\r\n          <\/div>\r\n          <!-- TODO: Replace with colour\/design settings screenshot -->\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/540x380\/0d0d1a\/f59e0b?text=\ud83c\udfa8+Colour+%26+Design+Settings+%28replace+with+screenshot%29&font=inter\"\r\n            alt=\"Colour presets and design settings panel\"\r\n            width=\"540\" height=\"380\"\r\n          >\r\n        <\/div>\r\n        <p class=\"screen-label\">8 presets + full colour customisation<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7343c elementor-widget elementor-widget-html\" data-id=\"bd7343c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     DEMO \u2014 DARK BACKGROUND\r\n     ================================================================ -->\r\n<section class=\"demo-dark-section\" id=\"demo\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag\">Live Preview \u2014 Dark Layout<\/div>\r\n      <h2>See the Orbit in Action<\/h2>\r\n      <p>This is exactly how it renders on a dark-background page. Drop in one shortcode \u2014 no configuration needed on your end.<\/p>\r\n    <\/div>\r\n    <div class=\"demo-box-dark\">\r\n      <div class=\"ot-testimonials-container\" id=\"aha-orbit-31\"\n\tstyle=\"--ot-container-height: 450px;\" data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true}\">\n\t<!-- Avatars layer \u2013 populated by JavaScript -->\n\t<div class=\"ot-avatars-layer\" id=\"avatars-layer-31\"><\/div>\n\n\t<!-- Testimonial card -->\n\t<div class=\"ot-testimonial-card\" id=\"testimonial-card-31\">\n\n\t\t<div class=\"ot-quote-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t<path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"ot-star-rating\" id=\"testimonial-rating-31\" role=\"img\" aria-label=\"\"\n\t\t\t\tstyle=\"display:none;\">\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"1\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"2\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"3\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"4\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"5\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<p class=\"ot-testimonial-text\" id=\"testimonial-text-31\"><\/p>\n\n\t\t\t\t<h3 class=\"ot-testimonial-name\" id=\"testimonial-name-31\"><\/h3>\n\n\t\t\t\t<p class=\"ot-testimonial-role\" id=\"testimonial-role-31\"><\/p>\n\n\t\t\t\t\n\t<\/div>\n<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96d88ab elementor-widget elementor-widget-html\" data-id=\"96d88ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     DEMO \u2014 LIGHT BACKGROUND\r\n     ================================================================ -->\r\n<section class=\"demo-light-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag tag-purp\">Live Preview \u2014 Light Layout<\/div>\r\n      <h2>Beautiful on Any Background<\/h2>\r\n      <p>Switch to a light colour preset and Orbit blends seamlessly into bright, minimal layouts. One plugin \u2014 infinite design possibilities.<\/p>\r\n    <\/div>\r\n    <div class=\"demo-box-light\">\r\n      <div class=\"ot-testimonials-container\" id=\"aha-orbit-70\"\n\tstyle=\"--ot-container-height: 450px;\" data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true}\">\n\t<!-- Avatars layer \u2013 populated by JavaScript -->\n\t<div class=\"ot-avatars-layer\" id=\"avatars-layer-70\"><\/div>\n\n\t<!-- Testimonial card -->\n\t<div class=\"ot-testimonial-card\" id=\"testimonial-card-70\">\n\n\t\t<div class=\"ot-quote-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t<path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"ot-star-rating\" id=\"testimonial-rating-70\" role=\"img\" aria-label=\"\"\n\t\t\t\tstyle=\"display:none;\">\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"1\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"2\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"3\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"4\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"5\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<p class=\"ot-testimonial-text\" id=\"testimonial-text-70\"><\/p>\n\n\t\t\t\t<h3 class=\"ot-testimonial-name\" id=\"testimonial-name-70\"><\/h3>\n\n\t\t\t\t<p class=\"ot-testimonial-role\" id=\"testimonial-role-70\"><\/p>\n\n\t\t\t\t\n\t<\/div>\n<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c299870 elementor-widget elementor-widget-html\" data-id=\"c299870\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     HOW IT WORKS\r\n     ================================================================ -->\r\n<section class=\"how-section\" id=\"how-it-works\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag\">Simple Setup<\/div>\r\n      <h2>From Install to Live<br>in Under 5 Minutes.<\/h2>\r\n      <p>No shortcode generators, no complex settings pages. Three steps and your Orbit testimonial slider is live.<\/p>\r\n    <\/div>\r\n    <div class=\"steps\">\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">01<\/div>\r\n        <h3>Install & Activate<\/h3>\r\n        <p>Search <strong>\"Aha Orbit Testimonials\"<\/strong> on WordPress.org and click Install, or download the ZIP from our site and upload it manually via <em>Plugins \u2192 Add New<\/em>.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">02<\/div>\r\n        <h3>Create Your Orbit<\/h3>\r\n        <p>Go to <strong>Aha Orbit \u2192 Orbit Testimonials \u2192 Add New<\/strong>. Add your testimonials, choose a colour preset, and configure the layout to match your brand \u2014 all in the post editor.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">03<\/div>\r\n        <h3>Paste & Publish<\/h3>\r\n        <p>Copy <code><!-- Aha Orbit: Invalid or unpublished Slider ID --><\/code> and paste it anywhere on your site \u2014 block editor, Elementor, Divi, Bricks, or any widget area. That's all it takes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"how-cta\">\r\n      <a href=\"https:\/\/ahaplugins.com\/docs\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">Read Full Documentation \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86a3d4a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"86a3d4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     VIDEO DEMO\r\n     ================================================================ -->\r\n<section class=\"video-section\" id=\"video\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <div class=\"tag\">See It in 60 Seconds<\/div>\r\n      <h2>Watch the Full Demo<\/h2>\r\n      <p>See how to install the plugin, create your first Orbit slider, and embed it on any page \u2014 all in under a minute.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"video-wrapper\">\r\n      <!--\r\n        TODO: Replace the placeholder below with your video.\r\n        Option A \u2014 YouTube embed:\r\n          <iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/YOUR_VIDEO_ID\"\r\n            title=\"Aha Orbit Testimonials Demo\" frameborder=\"0\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n            allowfullscreen style=\"position:absolute;inset:0;\"><\/iframe>\r\n\r\n        Option B \u2014 Self-hosted video:\r\n          <video controls width=\"100%\" height=\"100%\" poster=\"your-thumbnail.jpg\">\r\n            <source src=\"your-demo-video.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n      -->\r\n      <div class=\"video-placeholder-inner\">\r\n        <div class=\"play-btn\" aria-label=\"Play demo video\">\r\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n        <\/div>\r\n        <p><strong>[ Your demo video goes here ]<\/strong><br>Uncomment the iframe or video tag above and remove this placeholder.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ab857 elementor-widget elementor-widget-html\" data-id=\"e8ab857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     FREE \/ PRICING\r\n     ================================================================ -->\r\n<section class=\"free-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\" style=\"margin-bottom:3rem;\">\r\n      <div class=\"tag\">Pricing<\/div>\r\n      <h2>The Price Might<br>Surprise You.<\/h2>\r\n      <p>We believe powerful tools should be accessible to every WordPress user. That's why Aha Orbit Testimonials is completely free \u2014 forever.<\/p>\r\n    <\/div>\r\n    <div class=\"free-card\">\r\n      <span class=\"price-label\">Your Investment<\/span>\r\n      <span class=\"price-num\">$0<\/span>\r\n      <span class=\"price-sub\">Free. Always. No credit card. No catch. No \"freemium\".<\/span>\r\n      <div class=\"free-features-grid\">\r\n        <span class=\"ff-item\">Unlimited sliders<\/span>\r\n        <span class=\"ff-item\">Orbital & manual layouts<\/span>\r\n        <span class=\"ff-item\">8 colour presets<\/span>\r\n        <span class=\"ff-item\">Custom colour pickers<\/span>\r\n        <span class=\"ff-item\">Drag & swipe support<\/span>\r\n        <span class=\"ff-item\">Autoplay + pagination + arrows<\/span>\r\n        <span class=\"ff-item\">Initials avatar fallback<\/span>\r\n        <span class=\"ff-item\">Vanilla JS \u2014 no jQuery<\/span>\r\n        <span class=\"ff-item\">Works with any page builder<\/span>\r\n        <span class=\"ff-item\">Grayscale inactive avatars<\/span>\r\n        <span class=\"ff-item\">GPL open-source license<\/span>\r\n        <span class=\"ff-item\">WP 6.0+ \u00b7 PHP 7.4+<\/span>\r\n      <\/div>\r\n      <div class=\"free-btns\">\r\n        <a href=\"https:\/\/br.wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\u2b07 Install Free \u2014 WordPress.org<\/a>\r\n        <a href=\"https:\/\/ahaplugins.com\/product\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">Download from Aha Plugins \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1bebc elementor-widget elementor-widget-html\" data-id=\"1b1bebc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     FINAL CTA\r\n     ================================================================ -->\r\n<section class=\"cta-final\">\r\n  <div class=\"cta-final-glow\"><\/div>\r\n  <div class=\"container\">\r\n    <h2>Stop Hiding Your Best<br><span class=\"text-grad\">Social Proof Behind a Boring Slider.<\/span><\/h2>\r\n    <p>Give your testimonials the design they deserve. Install Aha Orbit Testimonials free and start converting more visitors today.<\/p>\r\n    <div class=\"cta-actions\">\r\n      <a href=\"https:\/\/br.wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\u2b07 Install Free Now \u2014 WordPress.org<\/a>\r\n      <a href=\"https:\/\/ahaplugins.com\/product\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">Download from Our Site \u2192<\/a>\r\n    <\/div>\r\n    <p class=\"cta-note\">Requires WordPress 6.0+ \u00b7 PHP 7.4+ \u00b7 GPLv2 or later \u00b7 No pro version \u00b7 No upsells \u00b7 No credit card<\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-534ad47 elementor-widget elementor-widget-html\" data-id=\"534ad47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     FOOTER\r\n     ================================================================ -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer-brand\">Aha <em>Orbit<\/em> Testimonials<\/div>\r\n  <p>A free WordPress plugin by <a href=\"https:\/\/ahaplugins.com\" target=\"_blank\" rel=\"noopener\">Aha Plugins<\/a> \u2014 tools built for quality and simplicity.<\/p>\r\n  <p>Open source &middot; GPL-2.0 or later &middot; Vanilla JS &middot; No jQuery &middot; No upsells<\/p>\r\n  <ul class=\"footer-links\">\r\n    <li><a href=\"https:\/\/ahaplugins.com\" target=\"_blank\" rel=\"noopener\">Aha Plugins<\/a><\/li>\r\n    <li><a href=\"https:\/\/br.wordpress.org\/plugins\/aha-orbit-testimonials\/\" target=\"_blank\" rel=\"noopener\">WordPress.org<\/a><\/li>\r\n    <li><a href=\"https:\/\/ahaplugins.com\/docs\/aha-orbit-testimonials\/\" target=\"_blank\" rel=\"noopener\">Documentation<\/a><\/li>\r\n  <\/ul>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25fefd4 elementor-widget elementor-widget-html\" data-id=\"25fefd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n  \/\/ Close mobile menu when a link is clicked\r\n  const navToggle = document.getElementById('nav-toggle');\r\n  const navLinks = document.querySelectorAll('.nav-links a');\r\n  \r\n  navLinks.forEach(link => {\r\n    link.addEventListener('click', () => {\r\n      navToggle.checked = false;\r\n    });\r\n  });\r\n<\/script>\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>Features Screenshots Demo Video How It Works Aha Plugins Download Free \u2192 100% Free \u2014 No Pro Version. No Upsells. No Strings. Your Testimonials Deserve Better Thana Boring Carousel. Aha Orbit Testimonials is a free WordPress plugin that transforms static reviews into a stunning orbital experience \u2014 animated avatars, smooth transitions, and a design system [&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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":43,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/19\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}