{"id":483,"date":"2023-08-25T02:56:15","date_gmt":"2023-08-25T02:56:15","guid":{"rendered":"https:\/\/luxspa.salonbookly.com\/?page_id=483"},"modified":"2026-08-11T21:08:11","modified_gmt":"2026-08-11T21:08:11","slug":"elementor-483","status":"publish","type":"page","link":"https:\/\/aioshop.io\/vi\/","title":{"rendered":"Homepage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"483\" class=\"elementor elementor-483\" data-elementor-post-type=\"page\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-367f2a3 e-flex e-con-boxed e-con\" data-id=\"367f2a3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e480c28 elementor-widget elementor-widget-html\" data-id=\"e480c28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n\t\t\t\t<div class=\"elementor-widget-container\">\r\n\t\t\t<!-- AIO Shop Landing Page - WordPress Custom HTML Block -->\n\n<style>\n  .ar-landing-page {\n    --ar-teal-primary: #0a97ad;\n    --ar-teal: #08788b;\n    --ar-teal-dark: #066273;\n    --ar-teal-pressed: #054e5c;\n    --ar-cyan: #18b9d8;\n    --ar-cyan-soft: #9ad5e2;\n    --ar-cyan-pale: #e8f7fa;\n    --ar-ink: #202a30;\n    --ar-text: #202a30;\n    --ar-muted: #5d6970;\n    --ar-bg-white: #ffffff;\n    --ar-bg: #f4f8fa;\n    --ar-border: #dde8ec;\n    --ar-card-shadow: 0 6px 20px rgba(8, 120, 139, 0.08);\n  }\n\n  .ar-landing-page,\n  .ar-landing-page * {\n    box-sizing: border-box;\n    font-family:\n      \"Inter\",\n      system-ui,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      sans-serif;\n  }\n\n  .ar-landing-page {\n    color: var(--ar-text);\n    background: var(--ar-bg-white);\n    overflow-x: clip;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ar-landing-page img {\n    max-width: 100%;\n  }\n\n  .ar-landing-page a:focus-visible,\n  .ar-landing-page button:focus-visible {\n    outline: 3px solid var(--ar-teal);\n    outline-offset: 3px;\n  }\n\n  .ar-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .ar-section {\n    padding: 56px 0;\n  }\n\n  .ar-section-soft {\n    background: var(--ar-cyan-pale);\n  }\n\n  .ar-section-alt {\n    background: var(--ar-bg);\n  }\n\n  .ar-title {\n    text-align: center;\n    font-size: clamp(26px, 4vw, 34px);\n    line-height: 1.2;\n    font-weight: 800;\n    margin: 0 0 10px;\n    color: var(--ar-text);\n  }\n\n  .ar-subtitle {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.5;\n    font-weight: 600;\n    color: var(--ar-muted);\n    margin: 0 0 34px;\n  }\n\n  \/* Nav *\/\n\n  \/* Hero *\/\n  .ar-hero {\n    padding: 70px 0;\n    background: linear-gradient(to right, #ffffff 0%, var(--ar-bg) 55%, var(--ar-cyan-pale) 100%);\n  }\n\n  .ar-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    align-items: center;\n    gap: 56px;\n  }\n\n  .ar-hero-grid > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .ar-eyebrow {\n    color: var(--ar-teal);\n    font-size: 14px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 16px;\n  }\n\n  .ar-hero h1 {\n    font-size: clamp(36px, 5.5vw, 56px);\n    line-height: 1.08;\n    font-weight: 900;\n    color: var(--ar-text);\n    margin: 0 0 20px;\n  }\n\n  .ar-hero-lead {\n    font-size: clamp(17px, 2.5vw, 20px);\n    color: var(--ar-muted);\n    line-height: 1.65;\n    margin: 0 0 30px;\n  }\n\n  .ar-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 34px;\n  }\n\n  .ar-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 50px;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-weight: 800;\n    text-decoration: none;\n    transition: 0.2s ease;\n  }\n\n  .ar-btn-primary {\n    background: var(--ar-teal);\n    color: #fff !important;\n  }\n\n  .ar-btn-primary:hover {\n    background: var(--ar-teal-dark);\n  }\n\n  .ar-btn-primary:active {\n    background: var(--ar-teal-pressed);\n  }\n\n  .ar-btn-outline {\n    background: #fff;\n    color: var(--ar-teal) !important;\n    border: 2px solid var(--ar-teal);\n  }\n\n  .ar-btn-outline:hover {\n    background: var(--ar-cyan-pale);\n  }\n\n  .ar-feature-row {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ar-feature-mini {\n    text-align: center;\n  }\n\n  .ar-feature-icon {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto 8px;\n    border-radius: 50%;\n    background: var(--ar-cyan-pale);\n    color: var(--ar-teal);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .ar-feature-title {\n    font-weight: 800;\n    font-size: 15px;\n    color: var(--ar-text);\n  }\n\n  .ar-feature-sub {\n    font-size: 13px;\n    color: var(--ar-muted);\n    line-height: 1.35;\n  }\n\n  .ar-hero-media,\n  .ar-hero-carousel {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .ar-hero-carousel {\n    max-width: 650px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .ar-hero-slide {\n    display: none;\n    aspect-ratio: 1 \/ 1;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 22px;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ar-hero-slide.is-active {\n    display: flex;\n  }\n\n  .ar-hero-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  .ar-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    background: rgba(255, 255, 255, 0.95);\n    border: 2px solid var(--ar-teal);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    color: var(--ar-teal);\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  .ar-hero-prev {\n    left: 10px;\n  }\n\n  .ar-hero-next {\n    right: 10px;\n  }\n\n  .ar-hero-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 14px;\n  }\n\n  .ar-hero-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: 0;\n    background: #c9d4da;\n    cursor: pointer;\n    padding: 0;\n  }\n\n  .ar-hero-dot.is-active {\n    background: var(--ar-teal);\n  }\n\n  .ar-hero-carousel.is-single .ar-hero-nav,\n  .ar-hero-carousel.is-single .ar-hero-dots {\n    display: none;\n  }\n\n  .ar-media-note {\n    margin-top: 12px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--ar-muted);\n  }\n\n  \/* Trusted *\/\n  .ar-trusted {\n    padding: 36px 0;\n    background: var(--ar-cyan-pale);\n    text-align: center;\n  }\n\n  .ar-trusted-title {\n    font-size: clamp(16px, 2.5vw, 20px);\n    font-weight: 800;\n    margin: 0 0 24px;\n    color: var(--ar-text);\n  }\n\n  .ar-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .ar-trust-item {\n    min-height: 88px;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 14px;\n    padding: 18px 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 800;\n    color: var(--ar-ink);\n    letter-spacing: 0.02em;\n  }\n\n  \/* Cards \/ features *\/\n  .ar-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .ar-steps {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 20px;\n    text-align: center;\n  }\n\n  .ar-card {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 16px;\n    padding: 22px;\n    box-shadow: var(--ar-card-shadow);\n  }\n\n  .ar-icon {\n    color: var(--ar-teal);\n    font-size: 24px;\n    font-weight: 900;\n    margin-bottom: 10px;\n  }\n\n  .ar-card h3 {\n    font-size: 18px;\n    line-height: 1.25;\n    margin: 0 0 8px;\n    color: var(--ar-text);\n  }\n\n  .ar-card p {\n    margin: 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .ar-step-number {\n    width: 36px;\n    height: 36px;\n    margin: 0 auto 12px;\n    background: var(--ar-teal);\n    color: #fff;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n  }\n\n  \/* Hardware showcase *\/\n  .ar-hardware-showcase {\n    --ar-hw-accent: #04aed8;\n    --ar-hw-accent-dark: #0396bb;\n    --ar-hw-accent-soft: #e6f8fc;\n    --ar-hw-accent-shadow: rgba(4, 174, 216, 0.14);\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .ar-hardware-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .ar-hardware {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 10px;\n    min-height: 188px;\n    width: 100%;\n    margin: 0;\n    padding: 20px 14px 28px;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 16px;\n    text-align: center;\n    cursor: pointer;\n    color: inherit;\n    font: inherit;\n    appearance: none;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .ar-hardware:hover {\n    border-color: #c9dce3;\n    box-shadow: 0 6px 18px rgba(32, 42, 48, 0.06);\n  }\n\n  .ar-hardware:focus-visible {\n    outline: 3px solid var(--ar-hw-accent);\n    outline-offset: 3px;\n  }\n\n  .ar-hardware.is-selected {\n    border-color: var(--ar-hw-accent);\n    border-width: 2px;\n    padding: 19px 13px 27px;\n    box-shadow: 0 8px 22px var(--ar-hw-accent-shadow);\n    z-index: 1;\n  }\n\n  .ar-hardware-media {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 78px;\n  }\n\n  .ar-hardware-media img,\n  .ar-hardware img {\n    width: 100%;\n    max-width: 95px;\n    height: 78px;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .ar-hardware-copy {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .ar-hardware-name,\n  .ar-hardware h3 {\n    display: block;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.3;\n    color: var(--ar-text);\n    margin: 0;\n  }\n\n  .ar-hardware-sub,\n  .ar-hardware p {\n    display: block;\n    font-size: 13px;\n    color: var(--ar-muted);\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  .ar-hardware-chevron {\n    position: absolute;\n    left: 50%;\n    bottom: 10px;\n    width: 10px;\n    height: 10px;\n    border-right: 2px solid #9aa6ad;\n    border-bottom: 2px solid #9aa6ad;\n    transform: translateX(-50%) rotate(45deg);\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ar-hardware.is-selected .ar-hardware-chevron {\n    border-color: var(--ar-hw-accent);\n    transform: translateX(-50%) rotate(-135deg);\n    bottom: 8px;\n    opacity: 1;\n  }\n\n  .ar-hardware-panel {\n    position: relative;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    box-shadow: 0 10px 28px rgba(32, 42, 48, 0.05);\n    overflow: hidden;\n    max-height: 0;\n    opacity: 0;\n    padding: 0 24px;\n    border-width: 0;\n    margin-top: 0;\n    pointer-events: none;\n    transition:\n      max-height 0.35s ease,\n      opacity 0.25s ease,\n      margin-top 0.25s ease,\n      padding 0.25s ease,\n      border-width 0.25s ease;\n  }\n\n  .ar-hardware-panel.is-open {\n    max-height: 1600px;\n    opacity: 1;\n    margin-top: 18px;\n    padding: 28px 24px 18px;\n    border-width: 1px;\n    pointer-events: auto;\n  }\n\n  .ar-hardware-panel-pointer {\n    position: absolute;\n    top: -8px;\n    left: 0;\n    width: 16px;\n    height: 16px;\n    background: #fff;\n    border-left: 1px solid var(--ar-border);\n    border-top: 1px solid var(--ar-border);\n    transform: translateX(-50%) rotate(45deg);\n    opacity: 0;\n    transition:\n      left 0.25s ease,\n      opacity 0.2s ease;\n  }\n\n  .ar-hardware-panel-inner {\n    display: grid;\n    grid-template-columns: 1.35fr 1fr 1fr 0.95fr;\n    gap: 28px;\n    align-items: start;\n    transition: opacity 0.2s ease;\n  }\n\n  .ar-hardware-panel-inner.is-switching {\n    opacity: 0.35;\n  }\n\n  .ar-hw-overview {\n    display: grid;\n    grid-template-columns: 120px minmax(0, 1fr);\n    gap: 16px 18px;\n    align-items: start;\n  }\n\n  .ar-hw-overview-media {\n    grid-row: 1;\n    grid-column: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 140px;\n  }\n\n  .ar-hw-overview-media img {\n    width: 100%;\n    max-width: 120px;\n    height: 140px;\n    object-fit: contain;\n  }\n\n  .ar-hw-overview-copy {\n    grid-row: 1;\n    grid-column: 2;\n    min-width: 0;\n  }\n\n  .ar-hw-overview-copy h3 {\n    margin: 0 0 6px;\n    font-size: clamp(22px, 2.4vw, 28px);\n    line-height: 1.15;\n    font-weight: 900;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-type {\n    margin: 0 0 10px;\n    color: var(--ar-hw-accent);\n    font-size: 15px;\n    font-weight: 800;\n  }\n\n  .ar-hw-desc {\n    margin: 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .ar-hw-caps {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .ar-hw-cap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    text-align: center;\n  }\n\n  .ar-hw-cap-icon {\n    width: 34px;\n    height: 34px;\n    border-radius: 10px;\n    background: var(--ar-hw-accent-soft);\n    color: var(--ar-hw-accent);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ar-hw-cap-icon svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n  }\n\n  .ar-hw-cap-label {\n    font-size: 12px;\n    line-height: 1.3;\n    font-weight: 700;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features h4,\n  .ar-hw-specs h4,\n  .ar-hw-price-col h4 {\n    margin: 0 0 14px;\n    font-size: 16px;\n    font-weight: 800;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 12px;\n  }\n\n  .ar-hw-features li {\n    position: relative;\n    padding-left: 28px;\n    font-size: 14px;\n    line-height: 1.45;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 1px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent);\n  }\n\n  .ar-hw-features li::after {\n    content: \"\";\n    position: absolute;\n    left: 6px;\n    top: 4px;\n    width: 5px;\n    height: 9px;\n    border-right: 2px solid #fff;\n    border-bottom: 2px solid #fff;\n    transform: rotate(40deg);\n  }\n\n  .ar-hw-spec-list {\n    display: grid;\n    gap: 10px;\n  }\n\n  .ar-hw-spec-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 12px;\n    align-items: baseline;\n  }\n\n  .ar-hw-spec-label {\n    color: var(--ar-muted);\n    font-size: 14px;\n  }\n\n  .ar-hw-spec-value {\n    color: var(--ar-text);\n    font-size: 14px;\n    font-weight: 700;\n    text-align: right;\n  }\n\n  .ar-hw-price-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 8px;\n    margin-bottom: 14px;\n  }\n\n  .ar-hw-price-prefix {\n    color: var(--ar-text);\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .ar-hw-price {\n    color: var(--ar-hw-accent);\n    font-size: clamp(28px, 3vw, 34px);\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .ar-hw-price-note {\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n    background: var(--ar-hw-accent-soft);\n    border-radius: 12px;\n    padding: 12px 14px;\n    margin-bottom: 16px;\n  }\n\n  .ar-hw-price-note-icon {\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 18px;\n    text-align: center;\n  }\n\n  .ar-hw-price-note p {\n    margin: 0;\n    color: var(--ar-text);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .ar-hw-actions {\n    display: grid;\n    gap: 10px;\n  }\n\n  .ar-hw-actions .ar-btn {\n    width: 100%;\n    min-height: 46px;\n    justify-content: center;\n  }\n\n  .ar-hw-actions .ar-btn-primary {\n    background: var(--ar-hw-accent);\n  }\n\n  .ar-hw-actions .ar-btn-primary:hover {\n    background: var(--ar-hw-accent-dark);\n  }\n\n  .ar-hw-close {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    margin-top: 18px;\n    padding: 10px;\n    border: 0;\n    background: transparent;\n    color: var(--ar-hw-accent);\n    font-size: 14px;\n    font-weight: 800;\n    cursor: pointer;\n  }\n\n  .ar-hw-close:focus-visible {\n    outline: 3px solid var(--ar-hw-accent);\n    outline-offset: 3px;\n    border-radius: 8px;\n  }\n\n  .ar-hw-close span {\n    width: 9px;\n    height: 9px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: rotate(-135deg);\n    margin-top: 4px;\n  }\n\n  .ar-hardware-trust {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 18px 0 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  .ar-hardware-trust-icon {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent-soft);\n    color: var(--ar-hw-accent);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ar-hardware-trust-icon::before {\n    content: \"\";\n    position: absolute;\n    inset: 3px;\n    border-radius: 50%;\n    border: 1.5px solid currentColor;\n  }\n\n  .ar-hardware-trust-icon::after {\n    content: \"\";\n    position: absolute;\n    left: 7px;\n    top: 5px;\n    width: 6px;\n    height: 9px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: rotate(40deg);\n  }\n\n  \/* Pricing *\/\n  .ar-pricing-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .ar-price-card {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    padding: 34px 28px;\n    position: relative;\n  }\n\n  .ar-price-card.is-featured {\n    border: 2px solid var(--ar-teal);\n    box-shadow: 0 8px 24px rgba(8, 120, 139, 0.12);\n  }\n\n  .ar-badge {\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--ar-teal);\n    color: #fff;\n    padding: 8px 18px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  .ar-plan-name,\n  .ar-price {\n    text-align: center;\n    font-size: clamp(34px, 5vw, 40px);\n    font-weight: 900;\n    margin: 14px 0 10px;\n  }\n\n  .ar-plan-name {\n    color: var(--ar-teal);\n  }\n\n  .ar-price span {\n    font-size: 16px;\n    font-weight: 500;\n  }\n\n  .ar-plan-label {\n    text-align: center;\n    display: inline-block;\n    width: 100%;\n    font-size: 13px;\n    font-weight: 800;\n    color: var(--ar-teal);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 4px;\n  }\n\n  .ar-plan-desc {\n    text-align: center;\n    font-weight: 800;\n    line-height: 1.35;\n    margin-bottom: 12px;\n  }\n\n  .ar-plan-small {\n    text-align: center;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 24px;\n  }\n\n  .ar-feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 28px;\n  }\n\n  .ar-feature-list li {\n    display: flex;\n    gap: 9px;\n    align-items: flex-start;\n    font-size: 14px;\n    line-height: 1.4;\n    margin-bottom: 12px;\n  }\n\n  .ar-feature-list li::before {\n    content: \"\u2713\";\n    color: var(--ar-teal);\n    font-weight: 900;\n    flex: 0 0 auto;\n  }\n\n  .ar-price-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 50px;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-weight: 800;\n    text-decoration: none;\n    background: var(--ar-teal);\n    color: #fff !important;\n    transition: 0.2s ease;\n  }\n\n  .ar-price-btn:hover {\n    background: var(--ar-teal-dark);\n  }\n\n  .ar-price-btn.is-secondary {\n    background: #fff;\n    color: var(--ar-teal) !important;\n    border: 2px solid var(--ar-teal);\n  }\n\n  .ar-price-btn.is-secondary:hover {\n    background: var(--ar-cyan-pale);\n  }\n\n  \/* Free POS terms disclaimer *\/\n  .ar-free-terms {\n    margin: 20px auto 0;\n    max-width: 760px;\n    padding: 0 4px;\n    color: var(--ar-muted);\n    font-size: 12px;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  .ar-free-terms strong {\n    color: var(--ar-text);\n    font-weight: 700;\n  }\n\n  .ar-free-terms a {\n    color: var(--ar-teal);\n    font-weight: 700;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  \/* FAQ \u2014 card accordion (Mindbody-style) *\/\n  .ar-faq {\n    display: grid;\n    gap: 12px;\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .ar-faq details {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 12px;\n    padding: 0;\n    box-shadow: none;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .ar-faq details[open] {\n    border-color: var(--ar-cyan-soft);\n    box-shadow: var(--ar-card-shadow);\n  }\n\n  .ar-faq summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    cursor: pointer;\n    font-weight: 700;\n    font-size: clamp(15px, 2.2vw, 17px);\n    line-height: 1.35;\n    color: var(--ar-text);\n    list-style: none;\n    padding: 18px 20px;\n  }\n\n  .ar-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .ar-faq summary::after {\n    content: \"\";\n    flex: 0 0 auto;\n    width: 10px;\n    height: 10px;\n    margin-top: -4px;\n    border-right: 2px solid var(--ar-muted);\n    border-bottom: 2px solid var(--ar-muted);\n    transform: rotate(45deg);\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ar-faq details[open] summary::after {\n    margin-top: 4px;\n    border-color: var(--ar-teal-primary);\n    transform: rotate(225deg);\n  }\n\n  .ar-faq .ar-faq-body {\n    padding: 0 20px 18px;\n    color: var(--ar-muted);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .ar-faq .ar-faq-body p {\n    margin: 0 0 10px;\n  }\n\n  .ar-faq .ar-faq-body p:last-child {\n    margin-bottom: 0;\n  }\n\n  .ar-faq .ar-faq-body ul {\n    margin: 0;\n    padding-left: 1.15em;\n  }\n\n  .ar-faq .ar-faq-body li {\n    margin-bottom: 6px;\n  }\n\n  .ar-faq .ar-faq-body li:last-child {\n    margin-bottom: 0;\n  }\n\n  \/* Contact *\/\n  .ar-contact-card {\n    max-width: 720px;\n    margin: 0 auto;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    padding: 28px 24px;\n    box-shadow: var(--ar-card-shadow);\n    text-align: center;\n  }\n\n  .ar-contact-card p {\n    color: var(--ar-muted);\n    margin: 0 0 18px;\n    line-height: 1.55;\n  }\n\n  .ar-contact-meta {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px 20px;\n    margin-bottom: 22px;\n    font-size: 15px;\n    font-weight: 600;\n  }\n\n  .ar-contact-meta a {\n    color: var(--ar-teal);\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 992px) {\n    .ar-hero {\n      padding: 54px 0;\n    }\n\n    .ar-hero-grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 36px;\n      text-align: center;\n    }\n\n    .ar-buttons {\n      justify-content: center;\n    }\n\n    .ar-feature-row,\n    .ar-grid,\n    .ar-steps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ar-hardware-grid {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      padding-bottom: 6px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .ar-hardware {\n      flex: 0 0 160px;\n      scroll-snap-align: start;\n      min-height: 178px;\n    }\n\n    .ar-hardware-panel-inner {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    .ar-hw-overview {\n      grid-column: 1 \/ -1;\n    }\n\n    .ar-trust-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 640px) {\n    .ar-hero,\n    .ar-section,\n    .ar-trusted {\n      padding: 40px 0;\n    }\n\n    .ar-container {\n      padding: 0 16px;\n    }\n\n    .ar-eyebrow {\n      font-size: 12px;\n    }\n\n    .ar-hero h1 {\n      font-size: 34px;\n      line-height: 1.12;\n    }\n\n    .ar-hero-lead {\n      font-size: 16px;\n    }\n\n    .ar-buttons {\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .ar-btn {\n      width: 100%;\n    }\n\n    .ar-feature-row {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 12px;\n    }\n\n    .ar-feature-mini {\n      display: grid;\n      grid-template-columns: 44px 1fr;\n      text-align: left;\n      align-items: center;\n      column-gap: 12px;\n      padding: 14px;\n      border: 1px solid var(--ar-border);\n      border-radius: 14px;\n      background: #fff;\n    }\n\n    .ar-feature-icon {\n      grid-row: span 2;\n      margin: 0;\n    }\n\n    .ar-grid,\n    .ar-steps,\n    .ar-pricing-grid,\n    .ar-trust-grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ar-hardware-grid {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      padding-bottom: 6px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .ar-hardware {\n      flex: 0 0 148px;\n      scroll-snap-align: start;\n    }\n\n    .ar-hardware-panel-inner {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 22px;\n    }\n\n    .ar-hw-overview {\n      grid-template-columns: 96px minmax(0, 1fr);\n    }\n\n    .ar-hw-overview-media img {\n      max-width: 96px;\n      height: 110px;\n    }\n\n    .ar-hw-caps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ar-hw-actions .ar-btn {\n      width: 100%;\n    }\n\n    .ar-price-card {\n      padding: 28px 18px;\n    }\n\n    .ar-free-terms {\n      text-align: left;\n    }\n  }\n<\/style>\n\n<style>\n  .ar-aio-modal-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 100000;\n    background: rgba(32, 42, 48, 0.5);\n    backdrop-filter: blur(3px);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .ar-aio-modal-overlay.is-open {\n    display: flex;\n  }\n  .ar-aio-modal {\n    background: #fff;\n    border-radius: 18px;\n    max-width: 480px;\n    width: 100%;\n    max-height: 92vh;\n    overflow-y: auto;\n    padding: 34px 30px;\n    position: relative;\n    font-family: Inter, system-ui, sans-serif;\n    box-shadow: 0 24px 60px rgba(32, 42, 48, 0.22);\n    color: #202a30;\n  }\n  .ar-aio-modal h3 {\n    font-family: Inter, system-ui, sans-serif;\n    font-weight: 800;\n    font-size: 1.45rem;\n    color: #202a30;\n    letter-spacing: -0.01em;\n    margin: 0 0 6px;\n  }\n  .ar-aio-modal .ar-aio-sub {\n    font-size: 0.92rem;\n    color: #5d6970;\n    margin: 0 0 22px;\n    line-height: 1.5;\n  }\n  .ar-aio-close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: none;\n    background: #e8f7fa;\n    color: #202a30;\n    font-size: 1.1rem;\n    line-height: 1;\n    cursor: pointer;\n  }\n  .ar-aio-close:hover {\n    background: #9ad5e2;\n  }\n  .ar-aio-field {\n    margin-bottom: 14px;\n  }\n  .ar-aio-field label {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: #202a30;\n    margin-bottom: 5px;\n  }\n  .ar-aio-field label .ar-aio-opt {\n    font-weight: 400;\n    color: #5d6970;\n  }\n  .ar-aio-field input,\n  .ar-aio-field select,\n  .ar-aio-field textarea {\n    width: 100%;\n    padding: 11px 13px;\n    border: 1.5px solid #dde8ec;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-family: inherit;\n    color: #202a30;\n    background: #fff;\n    box-sizing: border-box;\n  }\n  .ar-aio-field input:focus,\n  .ar-aio-field select:focus,\n  .ar-aio-field textarea:focus {\n    outline: none;\n    border-color: #0a97ad;\n    box-shadow: 0 0 0 3px rgba(10, 151, 173, 0.18);\n  }\n  .ar-aio-hp {\n    position: absolute !important;\n    left: -9999px !important;\n    top: auto !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n  .ar-aio-submit {\n    width: 100%;\n    padding: 14px;\n    border: none;\n    border-radius: 999px;\n    cursor: pointer;\n    font-family: Inter, sans-serif;\n    font-weight: 700;\n    font-size: 1rem;\n    color: #fff;\n    background: #0a97ad;\n    margin-top: 6px;\n    transition:\n      transform 0.15s ease,\n      box-shadow 0.15s ease,\n      background 0.15s ease;\n  }\n  .ar-aio-submit:hover {\n    transform: translateY(-1px);\n    background: #08788b;\n    box-shadow: 0 8px 22px rgba(10, 151, 173, 0.32);\n  }\n  .ar-aio-submit:disabled {\n    opacity: 0.6;\n    cursor: wait;\n    transform: none;\n    box-shadow: none;\n  }\n  .ar-aio-note {\n    font-size: 0.78rem;\n    color: #5d6970;\n    text-align: center;\n    margin-top: 12px;\n  }\n  .ar-aio-success {\n    text-align: center;\n    padding: 26px 6px;\n    display: none;\n  }\n  .ar-aio-success .ar-aio-check {\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    margin: 0 auto 16px;\n    background: #0a97ad;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.7rem;\n  }\n  .ar-aio-success h4 {\n    font-family: Inter, sans-serif;\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: #202a30;\n    margin: 0 0 8px;\n  }\n  .ar-aio-success p {\n    font-size: 0.92rem;\n    color: #5d6970;\n    margin: 0 0 20px;\n  }\n  .ar-aio-error {\n    display: none;\n    font-size: 0.85rem;\n    color: #b4232c;\n    background: #fdecec;\n    border-radius: 8px;\n    padding: 10px 12px;\n    margin-top: 10px;\n  }\n  @media (max-width: 520px) {\n    .ar-aio-modal {\n      padding: 28px 20px;\n      border-radius: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"ar-landing-page\">\n  <span id=\"demo\" hidden aria-hidden=\"true\"><\/span>\n\n  <section class=\"ar-hero\" id=\"home\">\n    <div class=\"ar-container\">\n      <div class=\"ar-hero-grid\">\n        <div class=\"ar-hero-copy\">\n          <p class=\"ar-eyebrow\">Shop Point of Sale<\/p>\n          <h1>Run Your Shop From One System<\/h1>\n          <p class=\"ar-hero-lead\">\n            Manage checkout, inventory, employees, customers, reports, and payments from one\n            easy-to-use shop POS platform.\n          <\/p>\n          <div class=\"ar-buttons\">\n            <a href=\"https:\/\/app.aioshop.io\/register\" class=\"ar-btn ar-btn-primary\">Sign Up<\/a>\n            <a href=\"#pricing\" class=\"ar-btn ar-btn-outline\">View Pricing<\/a>\n          <\/div>\n          <div class=\"ar-feature-row\">\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udda5\ufe0f<\/div>\n              <div class=\"ar-feature-title\">Powerful POS<\/div>\n              <div class=\"ar-feature-sub\">Fast shop checkout<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udce6<\/div>\n              <div class=\"ar-feature-title\">Inventory<\/div>\n              <div class=\"ar-feature-sub\">Track stock in real time<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udc65<\/div>\n              <div class=\"ar-feature-title\">Customers<\/div>\n              <div class=\"ar-feature-sub\">Profiles and history<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udcc8<\/div>\n              <div class=\"ar-feature-title\">Insights<\/div>\n              <div class=\"ar-feature-sub\">Sales and settlements<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ar-hero-media\">\n          <!-- index:heroImages -->\n          <div class=\"ar-hero-carousel\" data-ar-carousel>\n            <div class=\"ar-hero-slide is-active\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/08\/POS-Cashier-Catalog.png\"\n                alt=\"AIO Shop POS Cashier Catalog on iPad - menu catalog and current order\"\n              \/>\n            <\/div>\n            <div class=\"ar-hero-slide\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/08\/POS-Cashier-CRM.png\"\n                alt=\"AIO Shop POS CRM on iPad - customer profiles and purchase history\"\n              \/>\n            <\/div>\n            <div class=\"ar-hero-slide\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/08\/POS-Manager-Dashboard.png\"\n                alt=\"AIO Shop POS Manager Dashboard on iPad - sales, inventory, and tasks\"\n              \/>\n            <\/div>\n            <div class=\"ar-hero-slide\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/08\/0C95DA96-E178-4615-9E3C-842FFC3E270B.png\"\n                alt=\"AIO Shop POS Manager Dashboard on PAX A3700 - sales, inventory, and tasks\"\n              \/>\n            <\/div>\n            <button class=\"ar-hero-nav ar-hero-prev\" type=\"button\" aria-label=\"Previous image\">\n              \u2039\n            <\/button>\n            <button class=\"ar-hero-nav ar-hero-next\" type=\"button\" aria-label=\"Next image\">\n              \u203a\n            <\/button>\n            <div class=\"ar-hero-dots\" data-ar-dots><\/div>\n          <\/div>\n          <!-- \/index:heroImages -->\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-trusted\">\n    <div class=\"ar-container\">\n      <div class=\"ar-trusted-title\">Built for modern shop businesses<\/div>\n      <div class=\"ar-trust-grid\">\n        <div class=\"ar-trust-item\">Convenience<\/div>\n        <div class=\"ar-trust-item\">Boutique<\/div>\n        <div class=\"ar-trust-item\">Specialty<\/div>\n        <div class=\"ar-trust-item\">Grocery<\/div>\n        <div class=\"ar-trust-item\">Apparel<\/div>\n        <div class=\"ar-trust-item\">General Shop<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"features\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Shop POS Features<\/h2>\n      <div class=\"ar-subtitle\">\n        Everything you need to run checkout, inventory, staff, and customers from one platform.\n      <\/div>\n      <div class=\"ar-grid\">\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Fast Checkout<\/h3>\n          <p>Process sales quickly with a clean, shop-ready point-of-sale flow.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Product & Inventory<\/h3>\n          <p>Manage products, categories, variants, and stock levels in one place.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Barcode Scanning<\/h3>\n          <p>Scan barcodes at checkout and during inventory updates to reduce errors.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Customer Management<\/h3>\n          <p>Save customer profiles and purchase history to support better service.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Employee PIN Access<\/h3>\n          <p>Give staff secure PIN access and control what each role can do.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Clock In & Clock Out<\/h3>\n          <p>Track employee time with clock-in and clock-out tools built into the POS.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Sales & Settlement Reports<\/h3>\n          <p>Review sales, settlements, and operational reports to understand performance.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Cash & Card Payments<\/h3>\n          <p>Accept cash and credit card payments with supported payment workflows.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Payment Terminal Integration<\/h3>\n          <p>Connect compatible payment terminals for countertop card acceptance.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Low-Stock Tracking<\/h3>\n          <p>Monitor inventory levels and stay ahead of low-stock products.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Discounts & Taxes<\/h3>\n          <p>Apply discounts and taxes during checkout to match your store policies.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Loyalty & Marketing Tools<\/h3>\n          <p>Use customer loyalty and marketing tools to help bring shoppers back.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-soft\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">How AIO Shop Works<\/h2>\n      <div class=\"ar-subtitle\">A simple flow for cashiers, managers, and store owners.<\/div>\n      <div class=\"ar-steps\">\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">1<\/div>\n          <h3>Set Up Products<\/h3>\n          <p>Add products, categories, prices, taxes, and inventory details.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">2<\/div>\n          <h3>Ring Up Sales<\/h3>\n          <p>Check out customers with barcode scanning, discounts, and payments.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">3<\/div>\n          <h3>Manage Your Team<\/h3>\n          <p>Give employees PIN access and track clock-in and clock-out activity.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">4<\/div>\n          <h3>Review Reports<\/h3>\n          <p>Use sales and settlement reports to close shifts and understand results.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"hardware\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Hardware & Payment Terminals<\/h2>\n      <div class=\"ar-subtitle\">\n        AIO Shop works with these supported shop devices for checkout and payments.\n      <\/div>\n      <!-- index:hardwareItems -->\n      <div class=\"ar-hardware-showcase\" data-ar-hardware-showcase>\n        <div class=\"ar-hardware-grid\" role=\"group\" aria-label=\"Supported hardware\">\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"pax-l1400\"\n            aria-label=\"View details for PAX L1400\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/Quick-Checkout-Mockup-Retail-2.png\"\n                alt=\"PAX L1400 Android kiosk\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">PAX L1400<\/span>\n              <span class=\"ar-hardware-sub\">Android kiosk<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"pax-a3700\"\n            aria-label=\"View details for PAX A3700\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/paxelys_a3700_tablet_front_1.png\"\n                alt=\"PAX A3700 payment device\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">PAX A3700<\/span>\n              <span class=\"ar-hardware-sub\">Payment device<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"printer\"\n            aria-label=\"View details for Printer\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/star-micronics.webp\"\n                alt=\"Star Micronics receipt printer\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Printer<\/span>\n              <span class=\"ar-hardware-sub\">Star Micronics<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"barcode-scanner\"\n            aria-label=\"View details for Barcode Scanner\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/inateck_scanner.jpg\"\n                alt=\"Handheld barcode scanner\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Barcode Scanner<\/span>\n              <span class=\"ar-hardware-sub\">Handheld scanner<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"cash-drawer\"\n            aria-label=\"View details for Cash Drawer\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/volcora-cash-drawer.jpg\"\n                alt=\"Volcora cash drawer\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Cash Drawer<\/span>\n              <span class=\"ar-hardware-sub\">Under-counter drawer<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/div>\n        <div\n          class=\"ar-hardware-panel\"\n          id=\"ar-hardware-panel\"\n          data-ar-hardware-panel\n hidden\n aria-hidden=\"true\"\n        >\n          <div class=\"ar-hardware-panel-pointer\" data-ar-hardware-pointer aria-hidden=\"true\"><\/div>\n          <div class=\"ar-hardware-panel-inner\" data-ar-hardware-panel-inner>\n            <div class=\"ar-hw-overview\">\n              <div class=\"ar-hw-overview-media\">\n                <img data-ar-hw-image alt=\"\" \/>\n              <\/div>\n              <div class=\"ar-hw-overview-copy\">\n                <h3 data-ar-hw-name><\/h3>\n                <p class=\"ar-hw-type\" data-ar-hw-type><\/p>\n                <p class=\"ar-hw-desc\" data-ar-hw-desc><\/p>\n              <\/div>\n              <div class=\"ar-hw-caps\" data-ar-hw-caps><\/div>\n            <\/div>\n            <div class=\"ar-hw-features\">\n              <h4>Key Features<\/h4>\n              <ul data-ar-hw-features><\/ul>\n            <\/div>\n            <div class=\"ar-hw-specs\">\n              <h4>Specifications<\/h4>\n              <div class=\"ar-hw-spec-list\" data-ar-hw-specs><\/div>\n            <\/div>\n            <div class=\"ar-hw-price-col\">\n              <h4>Hardware Price<\/h4>\n              <div class=\"ar-hw-price-row\">\n                <span class=\"ar-hw-price-prefix\">Starting at<\/span>\n                <span class=\"ar-hw-price\" data-ar-hw-price><\/span>\n              <\/div>\n              <div class=\"ar-hw-price-note\">\n                <span class=\"ar-hw-price-note-icon\" aria-hidden=\"true\">i<\/span>\n                <p data-ar-hw-note>\n                  Final pricing may vary based on configuration, availability, shipping,\n                  installation, and quantity.\n                <\/p>\n              <\/div>\n              <div class=\"ar-hw-actions\">\n                <a class=\"ar-btn ar-btn-primary ar-open-demo\" data-ar-hw-quote href=\"#demo\"\n                  >Book a Demo<\/a\n>\n              <\/div>\n            <\/div>\n          <\/div>\n          <button type=\"button\" class=\"ar-hw-close\" data-ar-hardware-close>\n            Close Details\n            <span aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/div>\n        <p class=\"ar-hardware-trust\">\n          <span class=\"ar-hardware-trust-icon\" aria-hidden=\"true\"><\/span>\n          <span>All devices are tested and fully compatible with AIO Shop.<\/span>\n        <\/p>\n      <\/div>\n      <script type=\"application\/json\" id=\"ar-hardware-data\">\n        [\n          {\n            \"id\": \"pax-l1400\",\n            \"name\": \"PAX L1400\",\n            \"subtitle\": \"Android kiosk\",\n            \"type\": \"Android Kiosk\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/Quick-Checkout-Mockup-Retail-2.png\",\n            \"alt\": \"PAX L1400 Android kiosk\",\n            \"description\": \"The PAX L1400 is an all-in-one Android kiosk designed for shop environments.\",\n            \"capabilities\": [\n              { \"icon\": \"android\", \"label\": \"Android 10\" },\n              { \"icon\": \"screen\", \"label\": \"14\\\" Touchscreen\" },\n              { \"icon\": \"wifi\", \"label\": \"Wi-Fi \/ LAN\" },\n              { \"icon\": \"secure\", \"label\": \"Secure\" }\n            ],\n            \"features\": [\n              \"14\\\" Full HD touchscreen display\",\n              \"Built-in receipt printer optional\",\n              \"Multiple connectivity options\",\n              \"Sleek, space-saving design\",\n              \"Reliable performance for shop POS\"\n            ],\n            \"specs\": [\n              { \"label\": \"Screen Size\", \"value\": \"14\\\"\" },\n              { \"label\": \"Resolution\", \"value\": \"1920 \u00d7 1080\" },\n              { \"label\": \"Processor\", \"value\": \"Quad-core\" },\n              { \"label\": \"Memory\", \"value\": \"4GB RAM \/ 64GB ROM\" },\n              { \"label\": \"Connectivity\", \"value\": \"Wi-Fi, LAN, Bluetooth\" },\n              { \"label\": \"OS\", \"value\": \"Android 10\" },\n              { \"label\": \"Weight\", \"value\": \"3.2 kg\" }\n            ],\n            \"price\": \"$1,099\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"pax-a3700\",\n            \"name\": \"PAX A3700\",\n            \"subtitle\": \"Payment device\",\n            \"type\": \"Payment Device\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/paxelys_a3700_tablet_front_1.png\",\n            \"alt\": \"PAX A3700 payment device\",\n            \"description\": \"The PAX A3700 is a compact Android payment terminal built for fast, secure card acceptance at the counter.\",\n            \"capabilities\": [\n              { \"icon\": \"android\", \"label\": \"Android OS\" },\n              { \"icon\": \"screen\", \"label\": \"Touch Display\" },\n              { \"icon\": \"wifi\", \"label\": \"Wi-Fi \/ 4G\" },\n              { \"icon\": \"secure\", \"label\": \"PCI Secure\" }\n            ],\n            \"features\": [\n              \"Contactless, chip, and swipe payments\",\n              \"Customer-facing touchscreen checkout\",\n              \"Fast authorization for busy counters\",\n              \"Compact footprint for limited counter space\",\n              \"Compatible with AIO Shop payment workflows\"\n            ],\n            \"specs\": [\n              { \"label\": \"Display\", \"value\": \"Color touchscreen\" },\n              { \"label\": \"Payments\", \"value\": \"NFC, EMV, MSR\" },\n              { \"label\": \"Processor\", \"value\": \"Quad-core\" },\n              { \"label\": \"Memory\", \"value\": \"2GB RAM \/ 16GB ROM\" },\n              { \"label\": \"Connectivity\", \"value\": \"Wi-Fi, Bluetooth, 4G*\" },\n              { \"label\": \"OS\", \"value\": \"Android\" },\n              { \"label\": \"Security\", \"value\": \"PCI PTS compliant*\" }\n            ],\n            \"price\": \"$599\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"printer\",\n            \"name\": \"Printer\",\n            \"subtitle\": \"Star Micronics\",\n            \"type\": \"Receipt Printer\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/star-micronics.webp\",\n            \"alt\": \"Star Micronics receipt printer\",\n            \"description\": \"A Star Micronics receipt printer delivers clear, reliable receipts for everyday shop checkout.\",\n            \"capabilities\": [\n              { \"icon\": \"print\", \"label\": \"Thermal Print\" },\n              { \"icon\": \"speed\", \"label\": \"Fast Output\" },\n              { \"icon\": \"wifi\", \"label\": \"USB \/ LAN*\" },\n              { \"icon\": \"secure\", \"label\": \"Shop Ready\" }\n            ],\n            \"features\": [\n              \"Crisp thermal receipt printing\",\n              \"Designed for high-volume shop counters\",\n              \"Compact design that saves counter space\",\n              \"Easy drop-in paper loading\",\n              \"Works with AIO Shop checkout flows\"\n            ],\n            \"specs\": [\n              { \"label\": \"Print Method\", \"value\": \"Direct thermal\" },\n              { \"label\": \"Paper Width\", \"value\": \"80 mm*\" },\n              { \"label\": \"Print Speed\", \"value\": \"Up to 250 mm\/s*\" },\n              { \"label\": \"Interfaces\", \"value\": \"USB, Ethernet*\" },\n              { \"label\": \"Auto Cutter\", \"value\": \"Yes*\" },\n              { \"label\": \"Color\", \"value\": \"Black \/ White*\" },\n              { \"label\": \"Use Case\", \"value\": \"Receipts & tickets\" }\n            ],\n            \"price\": \"$299\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"barcode-scanner\",\n            \"name\": \"Barcode Scanner\",\n            \"subtitle\": \"Handheld scanner\",\n            \"type\": \"Handheld Scanner\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/inateck_scanner.jpg\",\n            \"alt\": \"Handheld barcode scanner\",\n            \"description\": \"A handheld barcode scanner helps cashiers ring up items quickly and keep inventory counts accurate.\",\n            \"capabilities\": [\n              { \"icon\": \"scan\", \"label\": \"1D \/ 2D*\" },\n              { \"icon\": \"speed\", \"label\": \"Fast Scan\" },\n              { \"icon\": \"wifi\", \"label\": \"USB \/ Wireless*\" },\n              { \"icon\": \"secure\", \"label\": \"Durable\" }\n            ],\n            \"features\": [\n              \"Quick barcode capture at checkout\",\n              \"Helps reduce manual entry errors\",\n              \"Comfortable handheld design for long shifts\",\n              \"Supports common shop barcode formats\",\n              \"Pairs with AIO Shop product lookup\"\n            ],\n            \"specs\": [\n              { \"label\": \"Scan Type\", \"value\": \"1D \/ 2D barcodes*\" },\n              { \"label\": \"Interface\", \"value\": \"USB \/ Wireless*\" },\n              { \"label\": \"Form Factor\", \"value\": \"Handheld\" },\n              { \"label\": \"Trigger\", \"value\": \"Manual scan button\" },\n              { \"label\": \"Use Case\", \"value\": \"Checkout & inventory\" },\n              { \"label\": \"Durability\", \"value\": \"Shop counter use\" },\n              { \"label\": \"Compatibility\", \"value\": \"AIO Shop POS\" }\n            ],\n            \"price\": \"$129\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"cash-drawer\",\n            \"name\": \"Cash Drawer\",\n            \"subtitle\": \"Under-counter drawer\",\n            \"type\": \"Cash Drawer\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/volcora-cash-drawer.jpg\",\n            \"alt\": \"Volcora cash drawer\",\n            \"description\": \"An under-counter cash drawer keeps bills and coins organized and secure during every shift.\",\n            \"capabilities\": [\n              { \"icon\": \"secure\", \"label\": \"Secure Lock\" },\n              { \"icon\": \"drawer\", \"label\": \"Multi-Till\" },\n              { \"icon\": \"speed\", \"label\": \"Auto Open*\" },\n              { \"icon\": \"print\", \"label\": \"Printer Kick*\" }\n            ],\n            \"features\": [\n              \"Secure storage for cash and coin\",\n              \"Organized till layout for faster counting\",\n              \"Fits standard under-counter setups\",\n              \"Can open with compatible receipt printers*\",\n              \"Built for everyday shop use\"\n            ],\n            \"specs\": [\n              { \"label\": \"Mount\", \"value\": \"Under-counter\" },\n              { \"label\": \"Lock\", \"value\": \"Key lock*\" },\n              { \"label\": \"Till Insert\", \"value\": \"Bill & coin compartments\" },\n              { \"label\": \"Open Method\", \"value\": \"Manual \/ printer kick*\" },\n              { \"label\": \"Material\", \"value\": \"Steel construction*\" },\n              { \"label\": \"Finish\", \"value\": \"Black*\" },\n              { \"label\": \"Compatibility\", \"value\": \"AIO Shop POS\" }\n            ],\n            \"price\": \"$119\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          }\n        ]\n      <\/script>\n      <!-- \/index:hardwareItems -->\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-soft\" id=\"pricing\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Simple, Transparent Pricing<\/h2>\n      <div class=\"ar-subtitle\">Choose the plan that fits how your store processes payments.<\/div>\n\n      <div class=\"ar-pricing-grid\">\n        <div class=\"ar-price-card is-featured\">\n          <div class=\"ar-badge\">Best Value<\/div>\n          <div class=\"ar-plan-name\">Free POS<\/div>\n          <div class=\"ar-price\">$0 <span>\/ month<\/span><\/div>\n          <div class=\"ar-plan-desc\">With AIO Shop payment processing<\/div>\n          <p class=\"ar-plan-small\">\n            Included with approved AIO Shop payment processing. Requires about $25,000\/month in\n            processing volume and a one-year commitment.\n          <\/p>\n          <ul class=\"ar-feature-list\">\n            <li>Full shop POS access<\/li>\n            <li>Checkout and payment tools<\/li>\n            <li>Product and inventory management<\/li>\n            <li>Employee access<\/li>\n            <li>Customer management<\/li>\n            <li>Sales and settlement reports<\/li>\n            <li>Payment terminal integration<\/li>\n            <li>Standard support<\/li>\n          <\/ul>\n          <a\n            href=\"https:\/\/app.aioshop.io\/register\"\n            class=\"ar-price-btn\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >Start With Processing<\/a\n>\n        <\/div>\n\n        <div class=\"ar-price-card\">\n          <div class=\"ar-plan-label\">Promotional Price<\/div>\n          <div class=\"ar-plan-name\">POS Subscription<\/div>\n          <div class=\"ar-price\">$99.99 <span>\/ month<\/span><\/div>\n          <div class=\"ar-plan-desc\">Use an eligible supported payment setup<\/div>\n          <p class=\"ar-plan-small\">\n            Promotional pricing may be changed or discontinued for future customers.\n          <\/p>\n          <ul class=\"ar-feature-list\">\n            <li>Full shop POS access<\/li>\n            <li>Use an eligible supported payment setup<\/li>\n            <li>Product and inventory management<\/li>\n            <li>Employee access<\/li>\n            <li>Customer management<\/li>\n            <li>Sales and settlement reports<\/li>\n            <li>Standard support<\/li>\n          <\/ul>\n          <a\n            href=\"https:\/\/app.aioshop.io\/register\"\n            class=\"ar-price-btn is-secondary\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >Choose Subscription<\/a\n>\n        <\/div>\n      <\/div>\n\n      <p class=\"ar-free-terms\">\n        <strong>Free POS Subscription Terms.<\/strong> The $0 monthly POS plan is available only to\n        merchants approved for AIO Shop payment processing who process approximately $25,000 or more\n        per month through an approved AIO Shop processing partner and agree to a one-year\n        commitment. Merchants must keep an active eligible processing account and use AIO Shop\n        processing as the primary payment solution for AIO Shop transactions. Processing fees,\n        hardware, PCI, chargebacks, taxes, and other charges are separate. Approval is subject to\n        underwriting. If you stop qualifying, you may need to move to the paid POS subscription to\n        continue using AIO Shop.\n        <a href=\"\/vi\/.\/terms.html\/\">Full Terms and Conditions<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"faq\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Frequently Asked Questions<\/h2>\n      <div class=\"ar-subtitle\">\n        How AIO Shop helps specialty shops run checkout, inventory, customers, and payments from one\n        platform.\n      <\/div>\n      <div class=\"ar-faq\">\n        <details>\n          <summary>\n            Can AIO Shop replace my existing POS, inventory, and CRM with one platform?\n          <\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Yes. AIO Shop is built as an all-in-one shop system \u2014 Quick Checkout POS, catalog and\n              inventory, customer CRM with loyalty, employee access, settlement reports, and payment\n              workflows \u2014 so your counter and back office stay in sync.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>How does Quick Checkout work for my store?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>Cashiers ring up sales from a tablet-friendly Quick Checkout screen:<\/p>\n            <ul>\n              <li>Browse favorites and categories, or search by product name\/code<\/li>\n              <li>Add items with sizes, variants, and modifiers<\/li>\n              <li>Apply discounts, tax, and attach a customer for loyalty and receipts<\/li>\n              <li>Take cash or card and keep a clear running order total<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>How does AIO Shop handle payments?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              AIO Shop supports cash and credit card acceptance through compatible payment workflows\n              and terminals (including PAX devices). Merchants approved for AIO Shop processing can\n              qualify for the free POS plan; processing fees, PCI, and related charges remain\n              separate. Prefer your own processor? Choose the paid subscription plan instead.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Can I manage inventory, stock alerts, and purchasing?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Yes. Manager tools cover products and catalog, stock levels, low-stock and\n              out-of-stock alerts, warehouses, purchase orders, receiving, and suppliers \u2014 so you\n              can keep shelves accurate without a separate inventory spreadsheet.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Does it include customer profiles, loyalty, and ID verification?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Yes. Store customer profiles and purchase history, run loyalty and promotions, and use\n              ID verification (such as driver license checks) when your store needs age-restricted\n              or compliance workflows at the counter.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>How do employees access the POS securely?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Staff unlock the register with an employee PIN. Cashiers stay in Quick Checkout;\n              managers can open Manager View for dashboard, catalog, inventory, CRM, and reports.\n              Clock-in \/ clock-out support helps track who is on shift.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Can AIO Shop help with accounting, bills, and reports?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Managers get a dashboard with sales and ops snapshots, settlement reports for\n              end-of-day close, and accounting tools for bills and expenses \u2014 including invoice scan\n              \/ OCR to speed up bill entry from supplier paperwork.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Why is the POS subscription free with processing?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Merchants approved for AIO Shop payment processing who meet the free-plan requirements\n              \u2014 including about $25,000\/month in processing volume and a one-year commitment \u2014 can\n              receive the POS subscription at $0 per month. Processing fees and related charges\n              remain separate. Approval is subject to underwriting.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Is hardware included, and what devices are supported?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Hardware is not automatically included. AIO Shop works with supported shop devices\n              such as PAX terminals, receipt printers, barcode scanners, and cash drawers.\n              Computers, terminals, accessories, and installation may require additional fees.\n            <\/p>\n          <\/div>\n        <\/details>\n        <details>\n          <summary>Can I choose the $99.99 monthly plan instead?<\/summary>\n          <div class=\"ar-faq-body\">\n            <p>\n              Yes. The promotional POS Subscription plan is available if you prefer an eligible\n              supported payment setup outside the free processing-based option. If you stop\n              qualifying for free processing, you may need to move to the paid plan to keep using\n              AIO Shop.\n            <\/p>\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-alt\" id=\"contact\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Contact<\/h2>\n      <div class=\"ar-subtitle\">Talk with AIO Shop about POS setup and pricing.<\/div>\n      <div class=\"ar-contact-card\">\n        <p>\n          Ready to get started with AIO Shop? Reach out and our team can help you choose the right\n          plan and payment setup for your store.\n        <\/p>\n        <div class=\"ar-contact-meta\">\n          <span\n            >Website:\n            <a href=\"https:\/\/aioshop.io\/vi\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n              >aioshop.io<\/a\n><\/span\n>\n          <span>Email: <a href=\"mailto:support@aioshop.io\">support@aioshop.io<\/a><\/span>\n          <span>Phone: <a href=\"tel: 18336599930\">+1 (833) 659-9930<\/a><\/span>\n        <\/div>\n        <div class=\"ar-buttons\" style=\"justify-content: center; margin-bottom: 0\">\n          <a href=\"#demo\" class=\"ar-btn ar-btn-primary ar-open-demo\">Book a Demo<\/a>\n          <a\n            href=\"https:\/\/aioshop.io\/vi\/business\/\"\n            class=\"ar-btn ar-btn-outline\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >Sign Up<\/a\n>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<div\n  class=\"ar-aio-modal-overlay\"\n  id=\"arDemoOverlay\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"arDemoTitle\"\n>\n  <div class=\"ar-aio-modal\">\n    <button class=\"ar-aio-close\" type=\"button\" aria-label=\"Close\" onclick=\"arDemoClose()\">\n      &#10005;\n    <\/button>\n\n    <div id=\"arDemoFormWrap\">\n      <h3 id=\"arDemoTitle\">Start With Processing<\/h3>\n      <p class=\"ar-aio-sub\">\n        Tell us a little about your store and our team will reach out to get you started with AIO\n        Shop payment processing.\n      <\/p>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arBiz\">Business Name *<\/label>\n        <input\n          id=\"arBiz\"\n          name=\"salonName\"\n          type=\"text\"\n          required\n autocomplete=\"organization\"\n          placeholder=\"Enter your business name\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arName\">Your Name *<\/label>\n        <input\n          id=\"arName\"\n          name=\"contactName\"\n          type=\"text\"\n          required\n autocomplete=\"name\"\n          placeholder=\"Enter your full name\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arPhone\">Phone Number *<\/label>\n        <input\n          id=\"arPhone\"\n          name=\"phone\"\n          type=\"tel\"\n          required\n autocomplete=\"tel\"\n          placeholder=\"(xxx) xxx-xxxx\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arEmail\">Email <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <input\n          id=\"arEmail\"\n          name=\"email\"\n          type=\"email\"\n          autocomplete=\"email\"\n          placeholder=\"Enter your email address\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arCity\">City \/ State <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <input\n          id=\"arCity\"\n          name=\"location\"\n          type=\"text\"\n          autocomplete=\"address-level2\"\n          placeholder=\"Enter your city and state\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arTime\">Best Time to Contact <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <select id=\"arTime\" name=\"bestTime\">\n          <option value=\"Anytime\" selected>Anytime<\/option>\n          <option value=\"Morning (9AM \u2013 12PM)\">Morning (9AM \u2013 12PM)<\/option>\n          <option value=\"Afternoon (12PM \u2013 5PM)\">Afternoon (12PM \u2013 5PM)<\/option>\n          <option value=\"Evening (5PM \u2013 8PM)\">Evening (5PM \u2013 8PM)<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"ar-aio-hp\" aria-hidden=\"true\">\n        <label for=\"arWebsite\">Website<\/label>\n        <input\n          id=\"arWebsite\"\n          name=\"website\"\n          type=\"text\"\n          tabindex=\"-1\"\n          autocomplete=\"off\"\n          value=\"\"\n        \/>\n      <\/div>\n\n      <button class=\"ar-aio-submit\" type=\"button\" id=\"arSubmitBtn\" onclick=\"arDemoSubmit()\">\n        Submit Application\n      <\/button>\n      <div class=\"ar-aio-error\" id=\"arDemoError\">\n        Something went wrong \u2014 please try again, or call us at (833) 659-9930.\n      <\/div>\n      <p class=\"ar-aio-note\">We'll contact you shortly. Approval is subject to underwriting.<\/p>\n    <\/div>\n\n    <div class=\"ar-aio-success\" id=\"arDemoSuccess\">\n      <div class=\"ar-aio-check\">&#10003;<\/div>\n      <h4>Thank you!<\/h4>\n      <p>You're on the list. Watch for a text with your onboarding link to finish setup.<\/p>\n      <button class=\"ar-aio-submit\" type=\"button\" onclick=\"arDemoClose()\">Close<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var carousel = document.querySelector(\"[data-ar-carousel]\");\n    if (!carousel) return;\n    var slides = Array.prototype.slice.call(carousel.querySelectorAll(\".ar-hero-slide\"));\n    var dotsWrap = carousel.querySelector(\"[data-ar-dots]\");\n    var index = 0;\n\n    function show(i) {\n      index = (i + slides.length) % slides.length;\n      slides.forEach(function (slide, n) {\n        slide.classList.toggle(\"is-active\", n === index);\n      });\n      if (dotsWrap) {\n        Array.prototype.forEach.call(dotsWrap.children, function (dot, n) {\n          dot.classList.toggle(\"is-active\", n === index);\n        });\n      }\n    }\n\n    if (dotsWrap) {\n      slides.forEach(function (_, n) {\n        var dot = document.createElement(\"button\");\n        dot.type = \"button\";\n        dot.className = \"ar-hero-dot\" + (n === 0 ? \" is-active\" : \"\");\n        dot.setAttribute(\"aria-label\", \"Show image \" + (n + 1));\n        dot.addEventListener(\"click\", function () {\n          show(n);\n        });\n        dotsWrap.appendChild(dot);\n      });\n    }\n\n    var prev = carousel.querySelector(\".ar-hero-prev\");\n    var next = carousel.querySelector(\".ar-hero-next\");\n    if (prev)\n      prev.addEventListener(\"click\", function () {\n        show(index - 1);\n      });\n    if (next)\n      next.addEventListener(\"click\", function () {\n        show(index + 1);\n      });\n  });\n<\/script>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var root = document.querySelector(\"[data-ar-hardware-showcase]\");\n    var dataEl = document.getElementById(\"ar-hardware-data\");\n    if (!root || !dataEl) return;\n\n    var items;\n    try {\n      items = JSON.parse(dataEl.textContent || \"[]\");\n    } catch (err) {\n      return;\n    }\n    if (!items.length) return;\n\n    var cards = Array.prototype.slice.call(root.querySelectorAll(\".ar-hardware\"));\n    var panel = root.querySelector(\"[data-ar-hardware-panel]\");\n    var pointer = root.querySelector(\"[data-ar-hardware-pointer]\");\n    var closeBtn = root.querySelector(\"[data-ar-hardware-close]\");\n    var selectedId = null;\n    var open = false;\n    var closeTimer = null;\n\n    var iconMap = {\n      android:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M17.6 9.48l1.84-3.18a.5.5 0 10-.87-.5l-1.9 3.28A7.9 7.9 0 0012 8c-1.55 0-3 .44-4.67 1.08l-1.9-3.28a.5.5 0 10-.87.5L6.4 9.48C4.34 10.86 3 13.05 3 15.5v.5h18v-.5c0-2.45-1.34-4.64-3.4-6.02zM8.5 13.25a.75.75 0 110-1.5.75.75 0 010 1.5zm7 0a.75.75 0 110-1.5.75.75 0 010 1.5zM7 17h2v3H7v-3zm8 0h2v3h-2v-3z\"\/><\/svg>',\n      screen:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4 5h16a1 1 0 011 1v10a1 1 0 01-1 1h-6.2l.5 1.5H15a.75.75 0 010 1.5H9a.75.75 0 010-1.5h1.7L11.2 17H4a1 1 0 01-1-1V6a1 1 0 011-1zm1 2v8h14V7H5z\"\/><\/svg>',\n      wifi: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 18.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0-5.25a4.75 4.75 0 013.36 1.39.75.75 0 001.06-1.06 6.25 6.25 0 00-8.84 0 .75.75 0 101.06 1.06A4.75 4.75 0 0112 13.25zm0-4a8.75 8.75 0 016.19 2.56.75.75 0 001.06-1.06 10.25 10.25 0 00-14.5 0 .75.75 0 101.06 1.06A8.75 8.75 0 0112 9.25z\"\/><\/svg>',\n      secure:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 2.75l7 2.6v5.9c0 4.55-2.95 8.55-7 9.85-4.05-1.3-7-5.3-7-9.85v-5.9l7-2.6zm0 1.6L6.5 6.3v4.95c0 3.7 2.35 7 5.5 8.2 3.15-1.2 5.5-4.5 5.5-8.2V6.3L12 4.35zm-.1 3.4a.75.75 0 01.7.75v.85h.9a1.75 1.75 0 011.75 1.75v2.6A1.75 1.75 0 0113.5 15.45h-3A1.75 1.75 0 018.75 13.7v-2.6A1.75 1.75 0 0110.5 9.35h.9V8.5a.75.75 0 01.75-.75h-.25zm-1.4 4.1v2.6c0 .14.11.25.25.25h3c.14 0 .25-.11.25-.25v-2.6a.25.25 0 00-.25-.25h-3a.25.25 0 00-.25.25z\"\/><\/svg>',\n      print:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M7 3.75h10A1.25 1.25 0 0118.25 5v3.25H5.75V5A1.25 1.25 0 017 3.75zm-2.5 6h15A1.75 1.75 0 0121.25 11.5v5A1.75 1.75 0 0119.5 18.25h-1.25V21a.75.75 0 01-.75.75H6.5a.75.75 0 01-.75-.75v-2.75H4.5A1.75 1.75 0 012.75 16.5v-5A1.75 1.75 0 014.5 9.75zM7.25 17.5v2.75h9.5V17.5h-9.5zM5 12.5a1 1 0 100 2 1 1 0 000-2z\"\/><\/svg>',\n      speed:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 3.5a8.5 8.5 0 018.5 8.5c0 1.53-.4 2.96-1.12 4.2l-1.2-.9A7 7 0 0019 12a7 7 0 10-7 7 6.9 6.9 0 003.3-.82l.9 1.2A8.45 8.45 0 0112 20.5 8.5 8.5 0 0112 3.5zm5.03 4.47l-4.2 4.2a1.25 1.25 0 11-1.06.4l4.9-4.9a.75.75 0 011.06 1.06l-.7.7z\"\/><\/svg>',\n      scan: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4 5.75A1.75 1.75 0 015.75 4h3a.75.75 0 010 1.5h-3a.25.25 0 00-.25.25v3a.75.75 0 01-1.5 0v-3zM15.25 4h3A1.75 1.75 0 0120 5.75v3a.75.75 0 01-1.5 0v-3a.25.25 0 00-.25-.25h-3a.75.75 0 010-1.5zM4 15.25a.75.75 0 011.5 0v3c0 .14.11.25.25.25h3a.75.75 0 010 1.5h-3A1.75 1.75 0 014 18.25v-3zm16 0a.75.75 0 00-1.5 0v3a.25.25 0 01-.25.25h-3a.75.75 0 000 1.5h3A1.75 1.75 0 0020 18.25v-3zM6.5 11.25h11a.75.75 0 010 1.5h-11a.75.75 0 010-1.5z\"\/><\/svg>',\n      drawer:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4.75 5h14.5A1.75 1.75 0 0121 6.75v10.5A1.75 1.75 0 0119.25 19H4.75A1.75 1.75 0 013 17.25V6.75A1.75 1.75 0 014.75 5zm0 1.5a.25.25 0 00-.25.25v3h15v-3a.25.25 0 00-.25-.25H4.75zm-.25 9.75c0 .14.11.25.25.25h14.5a.25.25 0 00.25-.25v-5H4.5v5zM12 13.25a1 1 0 110 2 1 1 0 010-2z\"\/><\/svg>',\n    };\n\n    function findItem(id) {\n      for (var i = 0; i < items.length; i++) {\n        if (items[i].id === id) return items[i];\n      }\n      return null;\n    }\n\n    function findCard(id) {\n      for (var i = 0; i < cards.length; i++) {\n        if (cards[i].getAttribute(\"data-ar-hardware-id\") === id) return cards[i];\n      }\n      return null;\n    }\n\n    function updatePointer() {\n      if (!pointer || !panel) return;\n      var selected = root.querySelector(\".ar-hardware.is-selected\");\n      if (!selected || !open) {\n        pointer.style.opacity = \"0\";\n        return;\n      }\n      var rootRect = panel.getBoundingClientRect();\n      var cardRect = selected.getBoundingClientRect();\n      var left = cardRect.left + cardRect.width \/ 2 - rootRect.left;\n      pointer.style.left = left + \"px\";\n      pointer.style.opacity = \"1\";\n    }\n\n    function escapeText(value) {\n      return String(value || \"\")\n        .replace(\/&\/g, \"&amp;\")\n        .replace(\/<\/g, \"&lt;\")\n        .replace(\/>\/g, \"&gt;\")\n        .replace(\/\"\/g, \"&quot;\");\n    }\n\n    function fillPanel(item, animate) {\n      var panelInner = panel.querySelector(\"[data-ar-hardware-panel-inner]\");\n      var img = panel.querySelector(\"[data-ar-hw-image]\");\n      var name = panel.querySelector(\"[data-ar-hw-name]\");\n      var type = panel.querySelector(\"[data-ar-hw-type]\");\n      var desc = panel.querySelector(\"[data-ar-hw-desc]\");\n      var caps = panel.querySelector(\"[data-ar-hw-caps]\");\n      var features = panel.querySelector(\"[data-ar-hw-features]\");\n      var specs = panel.querySelector(\"[data-ar-hw-specs]\");\n      var price = panel.querySelector(\"[data-ar-hw-price]\");\n      var note = panel.querySelector(\"[data-ar-hw-note]\");\n      var quote = panel.querySelector(\"[data-ar-hw-quote]\");\n\n      function apply() {\n        if (img) {\n          img.src = item.src;\n          img.alt = item.alt || item.name;\n        }\n        if (name) name.textContent = item.name;\n        if (type) type.textContent = item.type;\n        if (desc) desc.textContent = item.description;\n        if (price) price.textContent = item.price;\n        if (note) note.textContent = item.priceNote;\n        if (quote) quote.href = item.quoteHref || \"#demo\";\n\n        if (caps) {\n          caps.innerHTML = (item.capabilities || [])\n            .map(function (cap) {\n              return (\n                '<div class=\"ar-hw-cap\"><span class=\"ar-hw-cap-icon\">' +\n                (iconMap[cap.icon] || iconMap.secure) +\n                '<\/span><span class=\"ar-hw-cap-label\">' +\n                escapeText(cap.label) +\n                \"<\/span><\/\" +\n                \"div>\"\n              );\n            })\n            .join(\"\");\n        }\n\n        if (features) {\n          features.innerHTML = (item.features || [])\n            .map(function (feature) {\n              return \"<li>\" + escapeText(feature) + \"<\/li>\";\n            })\n            .join(\"\");\n        }\n\n        if (specs) {\n          specs.innerHTML = (item.specs || [])\n            .map(function (spec) {\n              return (\n                '<div class=\"ar-hw-spec-row\"><span class=\"ar-hw-spec-label\">' +\n                escapeText(spec.label) +\n                '<\/span><span class=\"ar-hw-spec-value\">' +\n                escapeText(spec.value) +\n                \"<\/span><\/\" +\n                \"div>\"\n              );\n            })\n            .join(\"\");\n        }\n      }\n\n      if (animate && panelInner) {\n        panelInner.classList.add(\"is-switching\");\n        window.setTimeout(function () {\n          apply();\n          panelInner.classList.remove(\"is-switching\");\n          updatePointer();\n        }, 120);\n        return;\n      }\n\n      apply();\n    }\n\n    function syncCardState() {\n      cards.forEach(function (card) {\n        var isSelected = open && card.getAttribute(\"data-ar-hardware-id\") === selectedId;\n        card.classList.toggle(\"is-selected\", isSelected);\n        card.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n        card.setAttribute(\"aria-expanded\", isSelected ? \"true\" : \"false\");\n      });\n    }\n\n    function setOpen(nextOpen, options) {\n      options = options || {};\n      if (closeTimer) {\n        window.clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n\n      open = nextOpen;\n      syncCardState();\n\n      if (open) {\n        panel.hidden = false;\n        panel.setAttribute(\"aria-hidden\", \"false\");\n        requestAnimationFrame(function () {\n          panel.classList.add(\"is-open\");\n          updatePointer();\n        });\n        return;\n      }\n\n      panel.classList.remove(\"is-open\");\n      panel.setAttribute(\"aria-hidden\", \"true\");\n      pointer.style.opacity = \"0\";\n      closeTimer = window.setTimeout(function () {\n        if (!open) panel.hidden = true;\n        closeTimer = null;\n      }, 320);\n\n      if (options.focusId) {\n        var focusCard = findCard(options.focusId);\n        if (focusCard) focusCard.focus();\n      }\n    }\n\n    function closePanel(focusId) {\n      var previousId = selectedId;\n      selectedId = null;\n      setOpen(false, { focusId: focusId || previousId });\n    }\n\n    function selectCard(id) {\n      if (selectedId === id && open) {\n        closePanel(id);\n        return;\n      }\n\n      var item = findItem(id);\n      if (!item) return;\n\n      var shouldAnimate = open && selectedId !== id;\n      selectedId = id;\n      fillPanel(item, shouldAnimate);\n      setOpen(true);\n    }\n\n    cards.forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        selectCard(card.getAttribute(\"data-ar-hardware-id\"));\n      });\n    });\n\n    if (closeBtn) {\n      closeBtn.addEventListener(\"click\", function () {\n        closePanel(selectedId);\n      });\n    }\n\n    window.addEventListener(\"resize\", updatePointer);\n    syncCardState();\n    updatePointer();\n  });\n<\/script>\n\n<script>\n  (function () {\n    \/* Ops self-serve intake (Merchant + Onboarding + SMS \/onboard\/{token}). Shop brand. *\/\n    window.AR_FORM_ENDPOINT =\n      window.AR_FORM_ENDPOINT || \"https:\/\/salonbookly.com\/api\/public\/leads\/demo-request\/\";\n    window.AR_FORM_ENDPOINT_FALLBACK =\n      window.AR_FORM_ENDPOINT_FALLBACK ||\n      \"https:\/\/sb-operations-backend-cyujvckcpa-uc.a.run.app\/api\/public\/leads\/demo-request\/\";\n    window.AR_DEMO_SOURCE = window.AR_DEMO_SOURCE || \"Shop - Get started with processing\";\n    window.AR_DEMO_PLATFORM = window.AR_DEMO_PLATFORM || \"shop\";\n\n    var overlay = document.getElementById(\"arDemoOverlay\");\n    if (!overlay || overlay.dataset.arBound === \"1\") return;\n    overlay.dataset.arBound = \"1\";\n\n    window.arDemoOpen = function (e) {\n      if (e) e.preventDefault();\n      overlay.classList.add(\"is-open\");\n      document.body.style.overflow = \"hidden\";\n      document.getElementById(\"arDemoFormWrap\").style.display = \"\";\n      document.getElementById(\"arDemoSuccess\").style.display = \"none\";\n      document.getElementById(\"arDemoError\").style.display = \"none\";\n      var first = document.getElementById(\"arBiz\");\n      if (first) first.focus();\n    };\n    window.arDemoClose = function () {\n      overlay.classList.remove(\"is-open\");\n      document.body.style.overflow = \"\";\n    };\n    overlay.addEventListener(\"click\", function (e) {\n      if (e.target === overlay) arDemoClose();\n    });\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\") arDemoClose();\n    });\n\n    function bindTriggers(root) {\n      (root || document)\n        .querySelectorAll('a[href=\"#demo\"], a[href$=\"#demo\"], .ar-open-demo, .js-open-demo')\n        .forEach(function (el) {\n          if (el.dataset.arDemoBound === \"1\") return;\n          el.dataset.arDemoBound = \"1\";\n          el.addEventListener(\"click\", arDemoOpen);\n        });\n    }\n    bindTriggers(document);\n\n    function getData() {\n      var websiteEl = document.getElementById(\"arWebsite\");\n      return {\n        salon_name: document.getElementById(\"arBiz\").value.trim(),\n        contact_name: document.getElementById(\"arName\").value.trim(),\n        phone: document.getElementById(\"arPhone\").value.trim(),\n        email: document.getElementById(\"arEmail\").value.trim(),\n        location: document.getElementById(\"arCity\").value.trim(),\n        best_time: document.getElementById(\"arTime\").value || \"Anytime\",\n        intent: \"processing\",\n        platform: window.AR_DEMO_PLATFORM || \"shop\",\n        source: window.AR_DEMO_SOURCE || \"Shop - Get started with processing\",\n        website: websiteEl ? websiteEl.value : \"\",\n      };\n    }\n\n    function formatApiErrors(body) {\n      if (!body) return \"Unable to submit processing signup request.\";\n      if (body.message) return body.message;\n      if (body.errors && typeof body.errors === \"object\") {\n        var parts = [];\n        Object.keys(body.errors).forEach(function (key) {\n          var val = body.errors[key];\n          if (Array.isArray(val)) parts.push(val.join(\" \"));\n          else if (val) parts.push(String(val));\n        });\n        if (parts.length) return parts.join(\" \");\n      }\n      return \"Unable to submit processing signup request.\";\n    }\n\n    function showSuccess() {\n      document.getElementById(\"arDemoFormWrap\").style.display = \"none\";\n      document.getElementById(\"arDemoSuccess\").style.display = \"block\";\n    }\n\n    function postLead(endpoint, data) {\n      return fetch(endpoint, {\n        method: \"POST\",\n        mode: \"cors\",\n        credentials: \"omit\",\n        headers: {\n          \"Content-Type\": \"application\/json\",\n          Accept: \"application\/json\",\n        },\n        body: JSON.stringify(data),\n      }).then(function (res) {\n        return res\n          .json()\n          .catch(function () {\n            return null;\n          })\n          .then(function (body) {\n            return { res: res, body: body };\n          });\n      });\n    }\n\n    function submitLead(data) {\n      var primary = window.AR_FORM_ENDPOINT || \"\";\n      var fallback = window.AR_FORM_ENDPOINT_FALLBACK || \"\";\n      if (!primary) {\n        return Promise.reject(\n          new Error(\"Signup form is not configured. Please call us at (833) 659-9930.\"),\n        );\n      }\n      return postLead(primary, data)\n        .catch(function () {\n          if (fallback && fallback !== primary) return postLead(fallback, data);\n          return Promise.reject(\n            new Error(\"Something went wrong \u2014 please try again, or call us at (833) 659-9930.\"),\n          );\n        })\n        .then(function (result) {\n          var res = result.res;\n          var body = result.body;\n          if (res.status === 429) {\n            throw new Error(\"Too many requests \u2014 please wait a bit and try again.\");\n          }\n          if (res.status !== 201 || !body || body.success !== true) {\n            throw new Error(formatApiErrors(body));\n          }\n        });\n    }\n\n    window.arDemoSubmit = function (e) {\n      if (e && e.preventDefault) e.preventDefault();\n      var d = getData();\n      var err = document.getElementById(\"arDemoError\");\n      err.style.display = \"none\";\n\n      if (!d.salon_name || !d.contact_name || !d.phone) {\n        err.textContent = \"Please fill in the required fields (business name, your name, phone).\";\n        err.style.display = \"block\";\n        return;\n      }\n\n      var digits = d.phone.replace(\/\\D\/g, \"\");\n      if (digits.length < 10) {\n        err.textContent = \"Please enter a valid phone number (at least 10 digits).\";\n        err.style.display = \"block\";\n        return;\n      }\n\n      var btn = document.getElementById(\"arSubmitBtn\");\n      btn.disabled = true;\n      btn.textContent = \"Sending\u2026\";\n\n      submitLead(d)\n        .then(function () {\n          showSuccess();\n        })\n        .catch(function (error) {\n          err.textContent =\n            (error && error.message) ||\n            \"Something went wrong \u2014 please try again, or call us at (833) 659-9930.\";\n          err.style.display = \"block\";\n        })\n        .finally(function () {\n          btn.disabled = false;\n          btn.textContent = \"Submit Application\";\n        });\n    };\n  })();\n<\/script>\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Shop Point of Sale Run Your Shop From One System Manage checkout, inventory, employees, customers, reports, and payments from one easy-to-use shop POS platform. Sign Up View Pricing \ud83d\udda5\ufe0f Powerful POS Fast shop checkout \ud83d\udce6 Inventory Track stock in real &hellip; <a href=\"https:\/\/aioshop.io\/vi\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/pages\/483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":5,"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/pages\/483\/revisions"}],"predecessor-version":[{"id":3785,"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/pages\/483\/revisions\/3785"}],"wp:attachment":[{"href":"https:\/\/aioshop.io\/vi\/wp-json\/wp\/v2\/media?parent=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}