1import{a as y,f as z}from"../chunks/DKz0tcJs.js";import{i as I}from"../chunks/D5Fcda2T.js";import{o as R}from"../chunks/DbCY998T.js";import{f as O,g as W,i as D,n as k,$ as G}from"../chunks/Bl0SW8gn.js";import{h as L}from"../chunks/CwCZqKpk.js";var j=z(`<meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Archivo:wght@400;500;600&display=swap" rel="stylesheet"/> <style>*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 2 :root { 3 --accent: #4141F2; 4 --accent-2: #6868f5; 5 --red: #FF4444; 6 --green: #00C48C; 7 --gold: #F59E0B; 8 --bg: #0a0a0f; 9 --bg-card: rgba(255,255,255,0.04); 10 --text-primary: #ffffff; 11 --text-secondary: rgba(255,255,255,0.6); 12 --border: rgba(255,255,255,0.08); 13 --font-heading: 'Space Grotesk', sans-serif; 14 --font-body: 'Archivo', sans-serif; 15 } 16 html { scroll-behavior: smooth; } 17 body { background: var(--bg); color: var(--text-primary); font-family: var(--font-body); overflow-x: hidden; } 18 ::selection { background: var(--accent); color: white; } 19 ::-webkit-scrollbar { width: 6px; } 20 ::-webkit-scrollbar-track { background: #111; } 21 ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--accent), var(--accent-2)); border-radius: 3px; } 22 ::-webkit-scrollbar-thumb:hover { box-shadow: 0 0 8px var(--accent); } 23 #starscape { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.55; } 24 #scroll-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, var(--accent), var(--accent-2), #9999ff); z-index: 999; transition: width 0.06s linear; } 25 #navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 22px 44px; transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1); } 26 #navbar.pill { top: 12px; padding: 0 44px; } 27 .nav-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1); } 28 #navbar.pill .nav-inner { max-width: 860px; background: rgba(10,10,15,0.88); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid var(--border); border-radius: 50px; padding: 10px 22px; } 29 #navbar.pill .nav-links { gap: 16px; } 30 #navbar.pill .nav-links a { font-size: 12px; } 31 .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } 32 .nav-logo img { height: 30px; width: auto; } 33 .nav-logo-text { font-family: var(--font-heading); font-size: 16px; font-weight: 600; color: white; } 34 .nav-links { display: flex; align-items: center; gap: 24px; list-style: none; } 35 .nav-links a { font-size: 14px; color: var(--text-secondary); text-decoration: none; transition: color 0.2s; } 36 .nav-links a:hover, .nav-links a.active { color: white; } 37 .nav-cta { background: var(--accent); color: white; padding: 10px 22px; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: var(--font-heading); text-decoration: none; transition: all 0.2s; box-shadow: 0 0 22px rgba(65,65,242,0.35); } 38 .nav-cta:hover { background: #5555f5; box-shadow: 0 0 32px rgba(65,65,242,0.55); transform: translateY(-1px); } 39 @media (max-width: 768px) { 40 .nav-links { display: none; } 41 #navbar { padding: 16px 20px; } 42 #navbar.pill { padding: 0 16px; top: 8px; } 43 } 44 .wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; } 45 .section-label { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); font-weight: 600; margin-bottom: 14px; text-align: center; } 46 .section-title { font-family: var(--font-heading); font-size: clamp(28px, 4vw, 50px); font-weight: 700; color: white; margin-bottom: 16px; letter-spacing: -0.02em; text-align: center; } 47 .section-sub { font-size: 18px; color: var(--text-secondary); max-width: 620px; margin: 0 auto 56px; text-align: center; line-height: 1.7; } 48 .grad-text { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 49 #hero { position: relative; min-height: 80vh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; z-index: 1; padding: 120px 24px 60px; } 50 .hero-orb { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; } 51 .hero-orb-1 { width: 600px; height: 600px; background: rgba(65,65,242,0.12); top: -120px; left: -120px; } 52 .hero-orb-2 { width: 450px; height: 450px; background: rgba(68,68,244,0.08); bottom: -80px; right: -80px; } 53 .hero-orb-3 { width: 300px; height: 300px; background: rgba(100,100,255,0.06); top: 40%; left: 50%; transform: translate(-50%, -50%); } 54 .hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(65,65,242,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(65,65,242,0.04) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%); } 55 .hero-content { position: relative; z-index: 2; max-width: 820px; } 56 .hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 50px; background: rgba(0,196,140,0.1); border: 1px solid rgba(0,196,140,0.25); font-size: 12px; font-weight: 600; font-family: var(--font-heading); color: var(--green); margin-bottom: 28px; } 57 .hero-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); animation: pulse 2s ease infinite; }
58 @keyframes pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(0,196,140,0.4); } 50% { opacity: 0.8; box-shadow: 0 0 0 8px rgba(0,196,140,0); } } 59 .hero-title { font-family: var(--font-heading); font-size: clamp(36px, 6vw, 60px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.1; margin-bottom: 20px; } 60 .hero-sub { font-size: 18px; color: var(--text-secondary); line-height: 1.7; max-width: 620px; margin: 0 auto 36px; } 61 .hero-btns { display: flex; gap: 14px; justify-content: center; } 62 .btn-primary { display: inline-block; padding: 13px 28px; background: var(--accent); color: white; font-size: 15px; font-weight: 600; font-family: var(--font-heading); border-radius: 10px; text-decoration: none; transition: all 0.2s; box-shadow: 0 0 22px rgba(65,65,242,0.3); } 63 .btn-primary:hover { background: #5555f5; box-shadow: 0 0 32px rgba(65,65,242,0.5); transform: translateY(-1px); } 64 .btn-secondary { display: inline-block; padding: 13px 28px; background: transparent; color: white; font-size: 15px; font-weight: 600; font-family: var(--font-heading); border-radius: 10px; border: 1px solid var(--border); text-decoration: none; transition: all 0.2s; } 65 .btn-secondary:hover { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.04); } 66 @media (max-width: 768px) { .hero-btns { flex-direction: column; align-items: center; } #hero { padding-top: 90px; } .hero-title { font-size: clamp(32px, 8vw, 52px) !important; } } 67 .stats-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; margin-bottom: 0; position: relative; z-index: 1; } 68 .stat-item { background: var(--bg); padding: 32px 24px; text-align: center; } 69 .stat-num { font-family: var(--font-heading); font-size: 40px; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 8px; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 70 .stat-label { font-size: 14px; color: var(--text-secondary); line-height: 1.4; } 71 @media (max-width: 768px) { .stats-strip { grid-template-columns: repeat(2, 1fr); } } 72 #what-we-do { padding: 120px 0; position: relative; z-index: 1; } 73 .wwd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } 74 @media (max-width: 768px) { .wwd-grid { grid-template-columns: 1fr; } } 75 .wwd-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 36px; transition: all 0.3s; } 76 .wwd-card:hover { border-color: rgba(65,65,242,0.2); } 77 .wwd-num { font-family: var(--font-heading); font-size: 12px; font-weight: 700; color: var(--accent-2); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; } 78 .wwd-title { font-family: var(--font-heading); font-size: 20px; font-weight: 700; margin-bottom: 12px; } 79 .wwd-desc { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px; } 80 .wwd-tags { display: flex; flex-wrap: wrap; gap: 6px; } 81 .wwd-tag { font-size: 11px; font-weight: 600; font-family: var(--font-heading); color: var(--accent-2); background: rgba(65,65,242,0.1); border: 1px solid rgba(65,65,242,0.2); padding: 4px 10px; border-radius: 6px; } 82 #directory { padding: 100px 0; position: relative; z-index: 1; } 83 .filter-bar { display: flex; align-items: center; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 16px; } 84 .filter-btn { display: inline-block; padding: 8px 18px; border-radius: 8px; border: 1px solid var(--border); background: transparent; color: var(--text-secondary); font-family: var(--font-heading); font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.25s; } 85 .filter-btn.active { background: var(--accent); border-color: var(--accent); color: white; box-shadow: 0 0 20px rgba(65,65,242,0.3); } 86 .filter-btn:hover:not(.active) { border-color: rgba(255,255,255,0.2); color: white; } 87 .search-wrap { display: flex; justify-content: center; margin-bottom: 48px; } 88 .search-input { background: rgba(255,255,255,0.04); border: 1px solid var(--border); border-radius: 10px; padding: 10px 18px; font-size: 14px; color: white; font-family: var(--font-body); width: 320px; outline: none; transition: border-color 0.2s; } 89 .search-input::placeholder { color: rgba(255,255,255,0.25); } 90 .search-input:focus { border-color: rgba(65,65,242,0.4); } 91 .intg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 16px; } 92 .intg-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 24px 16px; text-align: center; transition: all 0.3s; cursor: default; } 93 .intg-card:hover { border-color: rgba(65,65,242,0.3); background: rgba(65,65,242,0.04); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(65,65,242,0.1); } 94 .intg-icon { width: 48px; height: 48px; border-radius: 12px; margin: 0 auto 12px; display: block; } 95 .intg-name { font-family: var(--font-heading); font-size: 14px; font-weight: 600; color: white; } 96 .intg-region { font-size: 11px; color: var(--text-secondary); margin-top: 4px; } 97 .intg-subgroup { grid-column: 1 / -1; padding: 24px 0 8px; display: flex; align-items: center; gap: 12px; } 98 .intg-subgroup:first-child { padding-top: 0; } 99 .intg-subgroup-title { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: white; } 100 .intg-subgroup-line { flex: 1; height: 1px; background: var(--border); } 101 .intg-cat-heading { grid-column: 1 / -1; padding: 48px 0 12px; } 102 .intg-cat-heading:first-child { padding-top: 0; } 103 .intg-cat-heading h3 { font-family: var(--font-heading); font-size: 22px; font-weight: 700; color: white; margin-bottom: 4px; } 104 .intg-cat-heading p { font-size: 14px; color: var(--text-secondary); } 105 #cta { padding: 120px 0; text-align: center; position: relative; overflow: hidden; z-index: 1; } 106 .cta-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(65,65,242,0.15) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; } 107 .cta-inner { position: relative; z-index: 1; max-width: 620px; margin: 0 auto; } 108 .cta-eyebrow { font-size: 12px; color: var(--accent-2); font-family: var(--font-heading); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 22px; } 109 .cta-title { font-family: var(--font-heading); font-size: clamp(28px, 4vw, 44px); font-weight: 700; letter-spacing: -0.03em; margin-bottom: 16px; } 110 .cta-sub { font-size: 16px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 36px; } 111 .cta-btns { display: flex; gap: 14px; justify-content: center; } 112 footer { padding: 48px 0; border-top: 1px solid var(--border); text-align: center; position: relative; z-index: 1; } 113 footer p { font-size: 13px; color: var(--text-secondary); } 114 footer a { color: var(--accent-2); text-decoration: none; } 115 .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); } 116 .reveal.visible { opacity: 1; transform: translateY(0); } 117 @media (max-width: 768px) { 118 .filter-bar { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding: 0 24px; -webkit-overflow-scrolling: touch; } 119 .filter-btn { white-space: nowrap; flex-shrink: 0; } 120 .search-input { width: 100%; } 121 .intg-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; } 122 #directory, #what-we-do { padding: 60px 0; } 123 #cta { padding: 80px 0; } 124 }</style>
124`,1),H=z(`<canvas id="starscape"></canvas> <div id="scroll-progress"></div> <nav id="navbar"><div class="nav-inner"><a href="/" class="nav-logo"><img src="/frames/onsite-support-logo.png" alt="Onsite Support" style="height:32px;width:auto;border-radius:8px"/> <span class="nav-logo-text">Onsite Support</span></a> <ul class="nav-links"><li><a href="/ai">Onsite AI</a></li> <li><a href="/amazon-brands">Amazon & Marketplaces</a></li> <li><a href="/integrations" class="active">Integrations</a></li> <li><a href="/pricing">Pricing</a></li></ul> <a href="https://calendly.com/d/cvqs-tjp-s79/onsite-support-ai-helpdesk" class="nav-cta" target="_blank" rel="noreferrer">Book a Demo</a></div></nav> <section id="hero"><div class="hero-orb hero-orb-1"></div> <div class="hero-orb hero-orb-2"></div> <div class="hero-orb hero-orb-3"></div> <div class="hero-grid"></div> <div class="hero-content"><div class="hero-badge reveal"><span class="hero-badge-dot"></span>50+ Native Integrations</div> <h1 class="hero-title reveal">Connect <span class="grad-text">every channel</span><br/>in one place</h1> <p class="hero-sub reveal">Marketplaces, messaging apps, CRMs, voice tools, and app store reviews — Onsite Support connects to everything your support team needs.</p> <div class="hero-btns reveal"><a href="https://calendly.com/d/cvqs-tjp-s79/onsite-support-ai-helpdesk" class="btn-primary" target="_blank" rel="noreferrer">Book a Demo</a> <a href="#directory" class="btn-secondary">Browse Integrations</a></div></div></section> <div class="wrap"><div class="stats-strip reveal"><div class="stat-item"><div class="stat-num">50+</div><div class="stat-label">Total Integrations</div></div> <div class="stat-item"><div class="stat-num">40+</div><div class="stat-label">Marketplaces & Platforms</div></div> <div class="stat-item"><div class="stat-num">9</div><div class="stat-label">Messaging Channels</div></div> <div class="stat-item"><div class="stat-num">10+</div><div class="stat-label">Tools & Connectors</div></div></div></div> <section id="what-we-do"><div class="wrap"><p class="section-label reveal">How it works</p> <h2 class="section-title reveal">What we do with <span class="grad-text">every connection</span></h2> <p class="section-sub reveal">Each integration serves a specific purpose — from pulling in order data to processing refunds to capturing every customer message.</p> <div class="wwd-grid"><div class="wwd-card reveal"><div class="wwd-num">Marketplace Integrations</div> <div class="wwd-title">Order data, actions, and customer messages — all in one place</div> <div class="wwd-desc">We pull in order information, customer messages, and product data from every connected marketplace. For supported marketplaces, your agents can process refunds, send replacements, and handle cancellations — all without leaving the ticket.</div> <div class="wwd-tags"><span class="wwd-tag">Order data</span><span class="wwd-tag">Buyer messages</span><span class="wwd-tag">Refunds</span><span class="wwd-tag">Replacements</span><span class="wwd-tag">Cancellations</span></div></div>
124 <div class="wwd-card reveal" style="transition-delay:.06s"><div class="wwd-num">Support Channels</div> <div class="wwd-title">Every customer message, no matter where it comes from</div> <div class="wwd-desc">Social messages, reviews, emails, texts, live chat — every conversation flows into a single unified inbox. Your team never has to switch between platforms or miss a message again.</div> <div class="wwd-tags"><span class="wwd-tag">Social DMs</span><span class="wwd-tag">Reviews</span><span class="wwd-tag">Email</span><span class="wwd-tag">Live chat</span><span class="wwd-tag">SMS</span></div></div> <div class="wwd-card reveal" style="transition-delay:.12s"><div class="wwd-num">Tool Integrations</div> <div class="wwd-title">Connect to the CRMs and tools your team already uses</div> <div class="wwd-desc">Sync customer data with Salesforce, HubSpot, or Zoho. Push tickets to Jira. Route calls from Aircall and JustCall as tickets. Everything stays connected so your team works from a single source of truth.</div> <div class="wwd-tags"><span class="wwd-tag">CRM sync</span><span class="wwd-tag">Ticket routing</span><span class="wwd-tag">Call transcription</span></div></div> <div class="wwd-card reveal" style="transition-delay:.18s"><div class="wwd-num">Migration Tool</div> <div class="wwd-title">Bring everything with you — seamless migration from any helpdesk</div> <div class="wwd-desc">Our migration tool pulls in all historical tickets, customer records, rules, and automations from your current helpdesk. No data left behind, no starting from scratch. Switch to Onsite without losing a thing.</div> <div class="wwd-tags"><span class="wwd-tag">Historical tickets</span><span class="wwd-tag">Customer data</span><span class="wwd-tag">Rules & automations</span></div></div></div></div></section> <section id="directory"><div class="wrap"><p class="section-label reveal">Directory</p> <h2 class="section-title reveal">All <span class="grad-text">integrations</span></h2> <p class="section-sub reveal">Everything Onsite Support connects to — filter by category or search by name.</p> <div class="filter-bar reveal"><button class="filter-btn active" data-filter="all">All</button> <button class="filter-btn" data-filter="marketplace">Marketplaces</button> <button class="filter-btn" data-filter="channel">Channels</button> <button class="filter-btn" data-filter="crm">CRM & Tools</button> <button class="filter-btn" data-filter="other">Other</button></div> <div class="search-wrap reveal"><input type="text" class="search-input" id="intg-search" placeholder="Search integrations..."/></div> <div class="intg-grid" id="intg-grid"><div class="intg-cat-heading" data-category="marketplace"><h3>Marketplaces & Platforms</h3><p>Ecommerce platforms and marketplaces across every region</p></div> <div class="intg-subgroup" data-category="marketplace"><div class="intg-subgroup-title">Global</div><div class="intg-subgroup-line"></div></div> <div class="intg-card" data-category="marketplace" data-name="Amazon"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=amazon.com" alt="Amazon" class="intg-icon"/><div class="intg-name">Amazon</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="eBay"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=ebay.com" alt="eBay" class="intg-icon"/><div class="intg-name">eBay</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Etsy"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=etsy.com" alt="Etsy" class="intg-icon"/><div class="intg-name">Etsy</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Back Market"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=backmarket.com" alt="Back Market" class="intg-icon"/><div class="intg-name">Back Market</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Decathlon"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=decathlon.com" alt="Decathlon" class="intg-icon"/><div class="intg-name">Decathlon</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Fanatics"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=fanatics.com" alt="Fanatics" class="intg-icon"/><div class="intg-name">Fanatics</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Anthropologie"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=anthropologie.com" alt="Anthropologie" class="intg-icon"/><div class="intg-name">Anthropologie</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="C
124arrefour"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=carrefour.com" alt="Carrefour" class="intg-icon"/><div class="intg-name">Carrefour</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Fruugo"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=fruugo.com" alt="Fruugo" class="intg-icon"/><div class="intg-name">Fruugo</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Rakuten"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=rakuten.com" alt="Rakuten" class="intg-icon"/><div class="intg-name">Rakuten</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="TikTok Shop"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=tiktok.com" alt="TikTok Shop" class="intg-icon"/><div class="intg-name">TikTok Shop</div><div class="intg-region">Global</div></div> <div class="intg-card" data-category="marketplace" data-name="Temu"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=temu.com" alt="Temu" class="intg-icon"/><div class="intg-name">Temu</div><div class="intg-region">Global</div></div> <div class="intg-subgroup" data-category="marketplace"><div class="intg-subgroup-title">North America</div><div class="intg-subgroup-line"></div></div> <div class="intg-card" data-category="marketplace" data-name="Walmart"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=walmart.com" alt="Walmart" class="intg-icon"/><div class="intg-name">Walmart</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="Newegg"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=newegg.com" alt="Newegg" class="intg-icon"/><div class="intg-name">Newegg</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="Best Buy Canada"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=bestbuy.ca" alt="Best Buy Canada" class="intg-icon"/><div class="intg-name">Best Buy Canada</div><div class="intg-region">Canada</div></div> <div class="intg-card" data-category="marketplace" data-name="Macy's"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=macys.com" alt="Macy's" class="intg-icon"/><div class="intg-name">Macy's</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="Bloomingdale's"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=bloomingdales.com" alt="Bloomingdale's" class="intg-icon"/><div class="intg-name">Bloomingdale's</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="Saks Fifth Avenue"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=saksfifthavenue.com" alt="Saks Fifth Avenue" class="intg-icon"/><div class="intg-name">Saks Fifth Avenue</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="J.Crew"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=jcrew.com" alt="J.Crew" class="intg-icon"/><div class="intg-name">J.Crew</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="The Knot"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=theknot.com" alt="The Knot" class="intg-icon"/><div class="intg-name">The Knot</div><div class="intg-region">United States</div></div> <div class="intg-card" data-category="marketplace" data-name="Shein"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=shein.com" alt="Shein" class="intg-icon"/><div class="intg-name">Shein</div><div class="intg-region">North America</div></div> <div class="intg-subgroup" data-category="marketplace"><div class="intg-subgroup-title">Europe</div><div class="intg-subgroup-line"></div></div> <div class="intg-card" data-category="marketplace" data-name="ASOS"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=asos.com" alt="ASOS" class="intg-icon"/><div class="intg-name">ASOS</div><div class="intg-region">United Kingdom</div></div> <div class="intg-card" data-category="marketplace" data-name="B&Q"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=diy.com" alt="B&Q" class="intg-icon"/><div class="intg-name">B&Q</div><div class="intg-region">United Kingdom</div></div> <div class="intg-card" data-category="marketplace" data-name="Wowcher"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=wowcher.co.uk" alt="Wowcher" class="intg-icon"/><div class="intg-name">Wowcher</div><div class="intg-region">United Kingdom</div></div> <div class="intg-card" data-category="marketplace" data-name="Douglas"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=douglas.de" alt="Douglas" class="intg-icon"/><div class="intg-name">Douglas</div><div class="intg-region">Germany</div></div> <div class="intg-card" data-category="marketplace" data-name="Bild"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=bild.de" alt="Bild" class="intg-icon"/><div class="intg-name">Bild</div><div class="intg-region">Germany</div></div> <div class="intg-card" data-category="marketplace" data-name="Cdiscount"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=cdiscount.com" alt="Cdiscount" class="intg-icon"/><div class="intg-name">Cdiscount</div><div class="intg-region">France</div></div> <div class="intg-card" data-category="marketplace" data-name="C
124astorama"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=castorama.fr" alt="Castorama" class="intg-icon"/><div class="intg-name">Castorama</div><div class="intg-region">France</div></div> <div class="intg-card" data-category="marketplace" data-name="Leroy Merlin"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=leroymerlin.com" alt="Leroy Merlin" class="intg-icon"/><div class="intg-name">Leroy Merlin</div><div class="intg-region">France</div></div> <div class="intg-card" data-category="marketplace" data-name="BestSecret"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=bestsecret.com" alt="BestSecret" class="intg-icon"/><div class="intg-name">BestSecret</div><div class="intg-region">Europe</div></div> <div class="intg-card" data-category="marketplace" data-name="AFound"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=afound.com" alt="AFound" class="intg-icon"/><div class="intg-name">AFound</div><div class="intg-region">Europe</div></div> <div class="intg-card" data-category="marketplace" data-name="Worten"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=worten.pt" alt="Worten" class="intg-icon"/><div class="intg-name">Worten</div><div class="intg-region">Portugal</div></div> <div class="intg-card" data-category="marketplace" data-name="Praxis"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=praxis.nl" alt="Praxis" class="intg-icon"/><div class="intg-name">Praxis</div><div class="intg-region">Netherlands</div></div> <div class="intg-card" data-category="marketplace" data-name="CDON"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=cdon.com" alt="CDON" class="intg-icon"/><div class="intg-name">CDON</div><div class="intg-region">Scandinavia</div></div> <div class="intg-card" data-category="marketplace" data-name="Kingfisher"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=kingfisher.com" alt="Kingfisher" class="intg-icon"/><div class="intg-name">Kingfisher</div><div class="intg-region">Europe</div></div> <div class="intg-card" data-category="marketplace" data-name="DIY.com"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=diy.com" alt="DIY.com" class="intg-icon"/><div class="intg-name">DIY.com</div><div class="intg-region">United Kingdom</div></div> <div class="intg-subgroup" data-category="marketplace"><div class="intg-subgroup-title">Asia-Pacific</div><div class="intg-subgroup-line"></div></div> <div class="intg-card" data-category="marketplace" data-name="FairPrice"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=fairprice.com.sg" alt="FairPrice" class="intg-icon"/><div class="intg-name">FairPrice</div><div class="intg-region">Singapore</div></div> <div class="intg-card" data-category="marketplace" data-name="Baby Bunting"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=babybunting.com.au" alt="Baby Bunting" class="intg-icon"/><div class="intg-name">Baby Bunting</div><div class="intg-region">Australia</div></div> <div class="intg-card" data-category="marketplace" data-name="Bunnings"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=bunnings.com.au" alt="Bunnings" class="intg-icon"/><div class="intg-name">Bunnings</div><div class="intg-region">Australia</div></div> <div class="intg-subgroup" data-category="marketplace"><div class="intg-subgroup-title">Ecommerce Platforms</div><div class="intg-subgroup-line"></div></div> <div class="intg-card" data-category="marketplace" data-name="Shopify"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=shopify.com" alt="Shopify" class="intg-icon"/><div class="intg-name">Shopify</div><div class="intg-region">Platform</div></div> <div class="intg-card" data-category="marketplace" data-name="WooCommerce"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=woocommerce.com" alt="WooCommerce" class="intg-icon"/><div class="intg-name">WooCommerce</div><div class="intg-region">Platform</div></div> <div class="intg-card" data-category="marketplace" data-name="Magento"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=magento.com" alt="Magento" class="intg-icon"/><div class="intg-name">Magento</div><div class="intg-region">Platform</div></div> <div class="intg-card" data-category="marketplace" data-name="Mirakl"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=mirakl.com" alt="Mirakl" class="intg-icon"/><div class="intg-name">Mirakl</div><div class="intg-region">Platform</div></div> <div class="intg-card" data-category="marketplace" data-name="Octopia"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=octopia.com" alt="Octopia" class="intg-icon"/><div class="intg-name">Octopia</div><div class="intg-region">Platform</div></div> <div class="intg-card" data-category="marketplace" data-name="REST API"><img src="/frames/onsite-support-logo.png" alt="API" class="intg-icon"/><div class="intg-name">REST API</div><div class="intg-region">Custom</div></div> <div class="intg-card" data-category="marketplace" data-name="FTP"><img src="/frames/onsite-support-logo.png" alt="FTP" class="intg-icon"/><div class="intg-name">FTP / SFTP</div><div class="intg-region">Custom</div></div> <div class="intg-cat-heading" data-category="channel"><h3>Communication Channels</h3><p>Every messaging platform your customers use, in one inbox</p></div> <div class="intg-card" data-category="channel" data-name="Facebook Messenger"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=messenger.com" alt="Messenger" class="intg-icon"/><div class="intg-name">Messenger</div></div> <div class="intg-card" data-category="channel" data-name="WhatsApp"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=whatsapp.com" alt="WhatsApp" class="intg-icon"/><div class="intg-name">WhatsApp</div></div> <div class="intg-card" data-category="channel" data-name="Instagram"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=instagram.com" alt="Instagram" class="intg-icon"/><div class="intg-name">Instagram</div></div> <div class="intg-card" data-category="channel" data-name="Telegram"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=telegram.org" alt="Telegram" class="intg-icon"/><div class="intg-name">Telegram</div></div> <div class="intg-card" data-category="channel" data-name="Viber"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=viber.com" alt="Viber" class="intg-icon"/><div class="intg-name">Viber</div></div> <div class="intg-card" data-category="channel" data-name="WeChat"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=wechat.com" alt="WeChat" class="intg-icon"/><div class="intg-name">WeChat</div></div> <div class="intg-card" data-category="channel" data-name="VK"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=vk.com" alt="VK" class="intg-icon"/><div class="intg-name">VK</div></div> <div class="intg-card" data-category="channel" data-name="Line"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=line.me" alt="Line" class="intg-icon"/><div class="intg-name">Line</div></div> <div class="intg-card" data-category="channel" data-name="Slack"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=slack.com" alt="Slack" class="intg-icon"/><div class="intg-name">Slack</div></div> <div class="intg-card" data-category="channel" data-name="X"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=x.com" alt="X" class="intg-icon"/><div class="intg-name">X</div></div> <div class="intg-card" data-category="channel" data-name="PayPal"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=paypal.com" alt="PayPal" class="intg-icon"/><div class="intg-name">PayPal</div></div> <div class="intg-card" data-category="channel" data-name="Aircall"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=aircall.io" alt="Aircall" class="intg-icon"/><div class="intg-name">Aircall</div></div> <div class="intg-card" data-category="channel" data-name="JustCall"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=justcall.io" alt="JustCall" class="intg-icon"/><div class="intg-name">JustCall</div></div> <div class="intg-cat-heading" data-category="crm"><h3>CRM & Business Tools</h3><p>Sync customer data and manage workflows</p></div> <div class="intg-card" data-category="crm" data-name="Salesforce"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=salesforce.com" alt="Salesforce" class="intg-icon"/><div class="intg-name">Salesforce</div></div> <div class="intg-card" data-category="crm" data-name="HubSpot"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=hubspot.com" alt="HubSpot" class="intg-icon"/><div class="intg-name">HubSpot</div></div> <div class="intg-card" data-category="crm" data-name="Zoho CRM"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=zoho.com" alt="Zoho CRM" class="intg-icon"/><div class="intg-name">Zoho CRM</div></div> <div class="intg-card" data-category="crm" data-name="Jira"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=atlassian.com" alt="Jira" class="intg-icon"/><div class="intg-name">Jira</div></div> <div class="intg-cat-heading" data-category="other"><h3>Other</h3><p>Reviews, migration tools, and developer integrations</p></div> <div class="intg-card" data-category="other" data-name="Play Store Reviews"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=play.google.com" alt="Play Store" class="intg-icon"/><div class="intg-name">Play Store Reviews</div></div> <div class="intg-card" data-category="other" data-name="App Store Reviews"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=apple.com" alt="App Store" class="intg-icon"/><div class="intg-name">App Store Reviews</div></div> <div class="intg-card" data-category="other" data-name="Data Migration"><img src="/frames/onsite-support-logo.png" alt="Data Migration" class="intg-icon"/><div class="intg-name">Data Migration</div></div> <div class="intg-card" data-category="other" data-name="Git"><img src="https://www.google.com/s2/favicons?sz=64&domain_url=github.com" alt="Git" class="intg-icon"/><div class="intg-name">Git</div></div></div> <div style="text-align:center;margin-top:48px;padding:16px 24px;background:rgba(65,65,242,0.06);border:1px solid rgba(65,65,242,0.15);border-radius:12px" class="reveal"><p style="font-size:15px;color:rgba(255,255,255,0.7);line-height:1.6;font-family:var(--font-body)">We're constantly adding new integrations. Don't see what you need? <a href="https://calendly.com/d/cvqs-tjp-s79/onsite-support-ai-helpdesk" target="_blank" rel="noreferrer" style="color:var(--accent-2);font-weight:600;text-decoration:none">Talk to our team</a> — we may already have it in the works.</p></div></div></section> <section id="cta"><div class="cta-glow"></div> <div class="cta-inner"><div class="cta-eyebrow reveal">Ready to connect?</div> <h2 class="cta-title reveal">Integrate your channels<br/><span class="grad-text">in minutes</span></h2> <p class="cta-sub reveal">Book a demo and we'll show you how Onsite Support connects to your existing stack.</p> <div class="cta-btns reveal"><a href="https://calendly.com/d/cvqs-tjp-s79/onsite-support-ai-helpdesk" class="btn-primary" target="_blank" rel="noreferrer">Book a Demo</a> <a href="/" class="btn-secondary">Back to Home</a></div></div></section> <footer><p>© 2026 Onsite Support · <a href="/">onsitesupport.io</a> ·
124 <a href="https://support.onsitesupport.io/" target="_blank">Help Center</a></p></footer>`,1);function Y(S,_){O(_,!1),R(()=>{const e=document.getElementById("starscape"),s=e==null?void 0:e.getContext("2d"),M=180;let l=[],o=0,r=0,g=0;function m(){e&&(o=e.width=window.innerWidth,r=e.height=window.innerHeight)}function p(){l=Array.from({length:M},()=>({x:Math.random()*o,y:Math.random()*r,r:Math.random()*1.1+.3,dx:(Math.random()-.5)*.14,dy:(Math.random()-.5)*.14,ts:Math.random()*.018+.005,tp:Math.random()*Math.PI*2,bo:Math.random()*.45+.08}))}function v(){s&&(s.clearRect(0,0,o,r),g+=.016,l.forEach(a=>{a.x=(a.x+a.dx+o)%o,a.y=(a.y+a.dy+r)%r;const t=Math.max(0,a.bo+Math.sin(g*a.ts*60+a.tp)*.18);s.beginPath(),s.arc(a.x,a.y,a.r,0,Math.PI*2),s.fillStyle=`rgba(180,180,255,${t})`,s.fill()}),requestAnimationFrame(v))}const w=()=>{m(),p()};window.addEventListener("resize",w),m(),p(),v();const B=document.getElementById("navbar"),A=document.getElementById("scroll-progress"),h=()=>{const a=document.body.scrollHeight-window.innerHeight;A.style.width=`${window.scrollY/a*100}%`,B.classList.toggle("pill",window.scrollY>80)};window.addEventListener("scroll",h,{passive:!0});const c=new IntersectionObserver(a=>{a.forEach(t=>{t.isIntersecting&&(t.target.classList.add("visible"),c.unobserve(t.target))})},{threshold:.1});document.querySelectorAll(".reveal").forEach(a=>c.observe(a));const u=document.querySelectorAll(".filter-btn"),f=document.querySelectorAll(".intg-card"),P=document.querySelectorAll(".intg-cat-heading"),E=document.querySelectorAll(".intg-subgroup"),n=document.getElementById("intg-search");u.forEach(a=>{a.addEventListener("click",()=>{u.forEach(i=>i.classList.remove("active")),a.classList.add("active");
124const t=a.dataset.filter;f.forEach(i=>{i.style.display=t==="all"||i.dataset.category===t?"":"none"}),P.forEach(i=>{i.style.display=t==="all"||i.dataset.category===t?"":"none"}),E.forEach(i=>{i.style.display=t==="all"||i.dataset.category===t?"":"none"}),n&&(n.value="")})});const b=function(){const t=this.value.toLowerCase(),i=document.querySelector(".filter-btn.active"),x=i?i.dataset.filter:"all";f.forEach(d=>{const F=(d.dataset.name||"").toLowerCase(),T=x==="all"||d.dataset.category===x;d.style.display=T&&F.includes(t)?"":"none"})};return n==null||n.addEventListener("input",b),()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",h),n==null||n.removeEventListener("input",b),c.disconnect()}}),I();var C=H();L("kso9fs",e=>{var s=j();k(8),D(()=>{G.title="Onsite Support â Integrations"}),y(e,s)}),k(16),y(S,C),W()}export{Y as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.