1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="generator" content="Astro v7.2.9"> 7 <link rel="icon" type="image/svg+xml" href="/favicon.svg"> 8 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 9 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 10 <link rel="manifest" href="/site.webmanifest"> 11 <meta name="apple-mobile-web-app-title" content="MECH AI"> 12 <meta name="application-name" content="MECH AI"> 13 14 <!-- 15 Fonts are self-hosted (variable woff2 in /public/fonts, @font-face in 16 src/styles/fonts.css, bundled via global.css). No cross-origin Google 17 Fonts request. Preload only the latin Inter file â it covers the LCP 18 heading (wght 800) and body; JetBrains Mono (mono micro-labels) and 19 latin-ext load on demand. crossorigin is required even same-origin 20 because fonts are always fetched in CORS mode. 21 --> 22 <link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin> 23 24 <title>For Shops â AI Diagnostics, OEM Wiring & TSBs | MECH AI</title> 25 <meta name="description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat."> 26 <link rel="canonical" href="https://mechai.app/for-shops/"> 27 <!-- 28 hreflang. Pages with a translated counterpart (src/data/i18n-routes) 29 declare BOTH sides plus x-default pointing at English; every other 30 page keeps the self-referencing en + x-default pair, which tells 31 Google it is the default for any language not specifically 32 targeted. Reciprocity is enforced by the build gate â a one-way 33 hreflang is ignored by Google and is worse than none, because it 34 reads as a mistake in the pair. 35 --> 36 37 <link rel="alternate" hreflang="x-default" href="https://mechai.app/for-shops/"> 38 <link rel="alternate" hreflang="en" href="https://mechai.app/for-shops/"> 39 40 <link rel="alternate" type="application/rss+xml" title="The Wrench Report â MECH AI" href="/rss.xml"> 41 <meta name="robots" content="index, follow, max-image-preview:large"> 42 <meta name="author" content="MECH.AI LLC"> 43 44 <!-- OpenGraph --> 45 <meta property="og:type" content="website"> 46 <meta property="og:url" content="https://mechai.app/for-shops/"> 47 <meta property="og:title" content="For Shops â AI Diagnostics, OEM Wiring & TSBs | MECH AI"> 48 <meta property="og:description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat."> 49 <meta property="og:image" content="https://mechai.app/og-default.png"> 50 <meta property="og:image:width" content="1200"> 51 <meta property="og:image:height" content="630"> 52 <meta property="og:image:alt" content="MECH AI â Your car, explained."> 53 <meta property="og:site_name" content="MECH AI"> 54 <meta property="og:locale" content="en_US"> 55 56 57 58 59 60 61 <!-- Twitter --> 62 <meta name="twitter:card" content="summary_large_image"> 63 <meta name="twitter:title" content="For Shops â AI Diagnostics, OEM Wiring & TSBs | MECH AI"> 64 <meta name="twitter:description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat."> 65 <meta name="twitter:image" content="https://mechai.app/og-default.png"> 66 <meta name="twitter:image:alt" content="MECH AI â Your car, explained."> 67 68 <!-- Sitemap discovery --> 69 <link rel="sitemap" type="application/xml" href="/sitemap-index.xml"> 70 71 <!-- JSON-LD structured data (Organization, SoftwareApplication, WebSite, + per-page) --> 72
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://mechai.app/#organization","name":"MECH AI","legalName":"MECH.AI LLC","url":"https://mechai.app","logo":"https://mechai.app/icon-512.png","description":"MECH AI is the automotive multitool â an AI mechanic, OBD2 scanner, repair guides, wiring diagrams, parts search, and shop management in one app, in seven languages, free to start.","disambiguatingDescription":"MECH AI is an automotive diagnostic and repair application (OBD-II trouble-code lookup, symptom diagnosis, repair guidance, parts). It is unrelated to any foreign-exchange, trading, investment, or \"MechAI FX\" financial product.","knowsAbout":["Automotive diagnostics","OBD-II diagnostic trouble codes","Check engine light","Vehicle repair","Car maintenance","Technical service bulletins","Auto parts"],"foundingDate":"2024","address":{"@type":"PostalAddress","addressLocality":"Draper","addressRegion":"UT","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support","availableLanguage":["en"]}],"founder":{"@id":"https://mechai.app/why/#founder"},"sameAs":["https://x.com/mech_app","https://www.crunchbase.com/organization/mech-ai","https://www.linkedin.com/company/mechai/","https://www.facebook.com/mechaiapp/","https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","https://play.google.com/store/apps/details?id=app.mechai.mobile"]}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://mechai.app/#app","name":"MECH AI","applicationCategory":"AutomotiveApplication","operatingSystem":"iOS, Android, Web","description":"Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.","url":"https://mechai.app","image":"https://mechai.app/og-default.png","sameAs":["https://x.com/mech_app","https://www.crunchbase.com/organization/mech-ai","https://www.linkedin.com/company/mechai/","https://www.facebook.com/mechaiapp/","https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","https://play.google.com/store/apps/details?id=app.mechai.mobile"],"inLanguage":["en","es","pt-BR","ru","de","fr","it"],"featureList":["AI Mechanic chat with vehicle context","OBD2 code reading over BLE and WiFi ELM327 adapters","Guided diagnostics with resumable sessions","Digital garage with Vehicle Health score and timeline","Technical Service Bulletin (TSB) lookups in plain English","AI wiring, vacuum, cooling and fuel-system diagrams","OEM repair and wiring diagrams (AUTOSHOP)","Step-by-step repair guides","Amazon and eBay parts search","NHTSA recall alerts"],"installUrl":"https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","downloadUrl":"https://play.google.com/store/apps/details?id=app.mechai.mobile","offers":[{"@type":"Offer","name":"FREE","price":"0","priceCurrency":"USD","description":"free, ad-supported"},{"@type":"Offer","name":"DIY","price":"7.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"DIY (yearly)","price":"66.99","priceCurrency":"USD","description":"billed yearly"},{"@type":"Offer","name":"MECHANIC","price":"19.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"MECHANIC (yearly)","price":"167.99","priceCurrency":"USD","description":"billed yearly"},{"@type":"Offer","name":"AUTOSHOP","price":"59.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"AUTOSHOP (yearly)","price":"499.99","priceCurrency":"USD","description":"billed yearly"}],"publisher":{"@id":"https://mechai.app/#organization"}}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://mechai.app/#website","name":"MECH AI","alternateName":["MECH AI app","AI Mechanic","MECH.AI"],"url":"https://mechai.app","publisher":{"@id":"https://mechai.app/#organization"}}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://mechai.app/for-shops/","url":"https://mechai.app/for-shops/","name":"For Shops â AI Diagnostics, OEM Wiring & TSBs | MECH AI","description":"Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.","isPartOf":{"@id":"https://mechai.app/#website"},"inLanguage":"en","dateModified":"2026-09-17T14:10:02-06:00"}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How does seat / device coverage work?","acceptedAnswer":{"@type":"Answer","text":"One AUTOSHOP account covers your shop's shared devices â bay tablets, the service desk, and shop-owned phones. SHOP MANAGER adds named members with roles (Owner / Manager / Tech / Front Desk) in a guided pilot."}},{"@type":"Question","name":"Can my techs use it in Spanish?","acceptedAnswer":{"@type":"Answer","text":"Yes. MECH AI works in English, Spanish, Portuguese, Russian, German, French, and Italian â the AI answers in your language. Each tech picks their language in the app settings."}},{"@type":"Question","name":"Can we run this alongside our existing shop management software?","acceptedAnswer":{"@type":"Answer","text":"Yes. AUTOSHOP is a repair-intelligence layer and can sit beside your current system. SHOP MANAGER adds customer records, repair orders, invoices, team roles, manual payment status, and reports. Scheduling, integrated payment capture, accounting sync, and parts inventory are not yet part of the pilot."}},{"@type":"Question","name":"How current is the TSB and recall data?","acceptedA
72nswer":{"@type":"Answer","text":"We pull from manufacturer sources and refresh regularly. If you spot a gap, ping us and we'll investigate â shop feedback shapes what we surface."}},{"@type":"Question","name":"Can my customers see what the AI said?","acceptedAnswer":{"@type":"Answer","text":"Yes. Explanations are shareable, so you can send a plain-English breakdown of the diagnosis and recommended fix along with the estimate."}}]}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://mechai.app/"},{"@type":"ListItem","position":2,"name":"For Shops"}]}</script>
72 73 74 <meta name="theme-color" content="#050505"> 75 76 77
77<script>document.documentElement.classList.add('js');</script>
77 78
78<script> 79 (function(){ 80 try { 81 var qclid = new URLSearchParams(location.search).get('qclid'); 82 if (!qclid) return; 83 var d = new Date(Date.now() + 90 * 24 * 60 * 60 * 1000).toUTCString(); 84 document.cookie = '_qclid=' + encodeURIComponent(qclid) 85 + ';expires=' + d 86 + ';path=/;domain=.mechai.app;secure;samesite=lax'; 87 } catch (e) { /* private mode / cookies disabled */ } 88 })(); 89 </script>
89 90
90<script> 91 (function () { 92 try { 93 var qs = new URLSearchParams(location.search); 94 var clickIds = ['rdt_cid', 'fbclid', 'gclid', 'msclkid', 'ttclid']; 95 var utms = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content']; 96 var exp = new Date(Date.now() + 90 * 24 * 60 * 60 * 1000).toUTCString(); 97 clickIds.concat(utms).forEach(function (k) { 98 var v = qs.get(k); 99 if (!v) return; 100 document.cookie = '_' + k + '=' + encodeURIComponent(v) 101 + ';expires=' + exp 102 + ';path=/;domain=.mechai.app;secure;samesite=lax'; 103 }); 104 /* utm_* survives page NAVIGATION via the cookies above â 105 the qs-only rewrite kept campaign params only while the 106 visitor stayed on the landing page; one click deeper and 107 every app CTA lost them (fixed 2026-07-09). Cookie fills 108 in, the current URL always wins (freshest click). 109 Click-ids are NOT cookie-forwarded onto URLs: the app 110 already reads their cookies directly (attribution.ts). */ 111 var readCookie = function (name) { 112 var m = document.cookie.match(new RegExp('(?:^|;)\\s*' + name + '=([^;]*)')); 113 if (!m) return null; 114 try { return decodeURIComponent(m[1]); } catch (e) { return m[1]; } 115 }; 116 var forward = new URLSearchParams(); 117 utms.forEach(function (k) { 118 var v = readCookie('_' + k); 119 if (v) forward.set(k, v); 120 }); 121 qs.forEach(function (val, key) { 122 if (key.indexOf('utm_') === 0 || clickIds.indexOf(key) !== -1) { 123 forward.set(key, val); 124 } 125 }); 126 if (!forward.toString()) return; 127 /* AppsFlyer ignores utm_* â install attribution comes from 128 pid/c/af_channel. site-config gives shared OneLinks an 129 explicit website/organic default so dashboard-era 130 Instagram presets never leak into organic traffic. When 131 inbound campaign UTMs exist, mirror them over that 132 website default at click time. Links with another custom 133 pid (for example /reviews) stay fixed. pid values become 134 permanent case-sensitive AppsFlyer media-source buckets. */ 135 var afPid = forward.get('utm_source'); 136 var afCampaign = forward.get('utm_campaign'); 137 var afChannel = forward.get('utm_medium'); 138 /* The rewrite must wait for the DOM: this script runs 139 synchronously in <head> (required for the cookie capture 140 above), where the <body> anchors don't exist yet â run 141 immediately, querySelectorAll matches nothing and the 142 forwarding silently no-ops (bug fixed 2026-07-01). */ 143 var rewrite = function () { 144 document.querySelectorAll( 145 'a[data-cta="app"], a[href*="prod.mechai.app"], a[href*="app.mechai.app"]' 146 ).forEach(function (a) { 147 try { 148 var u = new URL(a.href); 149 forward.forEach(function (val, key) { u.searchParams.set(key, val); }); 150 if ( 151 afPid && 152 /(^|\.)onelink\.me$/.test(u.hostname) && 153 (!u.searchParams.has('pid') || u.searchParams.get('pid') === 'website') 154 ) { 155 u.searchParams.set('pid', afPid); 156 if (afCampaign) u.searchParams.set('c', afCampaign); 157 if (afChannel) u.searchParams.set('af_channel', afChannel); 158 } 159 /* Preserve the same paid attribution through a 160 OneLink desktop/web fallback. af_web_dp is a 161 nested app URL, so rewriting only the outer 162 OneLink would lose campaign data on redirect. */ 163 var fallback = u.searchParams.get('af_web_dp'); 164 if (fallback) { 165 try { 166 var fallbackUrl = new URL(fallback); 167 forward.forEach(function (val, key) { 168 fallbackUrl.searchParams.set(key, val); 169 }); 170 u.searchParams.set('af_web_dp', fallbackUrl.toString()); 171 } catch (e) {} 172 } 173 a.href = u.toString(); 174 } catch (e) {} 175 }); 176 }; 177 if (document.readyState === 'loading') { 178 document.addEventListener('DOMContentLoaded', rewrite); 179 } else { 180 rewrite(); 181 } 182 } catch (e) { /* private mode / cookies disabled â never break the page */ } 183 })(); 184 </script>
184 185
185<script> 186 (function () { 187 window.__mechaiDeferThirdParty = function (start) { 188 var started = false; 189 var run = function () { 190 if (started) return; 191 started = true; 192 start(); 193 }; 194 var schedule = function () { 195 if ('requestIdleCallback' in window) { 196 window.requestIdleCallback(run, { timeout: 2500 }); 197 } else { 198 window.setTimeout(run, 1200); 199 } 200 }; 201 window.addEventListener('pointerdown', run, { once: true, passive: true }); 202 window.addEventListener('keydown', run, { once: true }); 203 if (document.readyState === 'complete') schedule(); 204 else window.addEventListener('load', schedule, { once: true }); 205 }; 206 })(); 207 </script>
207<script>(function(){const openAiPixelId = "HhAcSspdQfL6ggpWcF4TCW"; 208 209 (function () { 210 var allowed = ['www.mechai.app', 'mechai.app']; 211 var ok = allowed.indexOf(location.hostname) !== -1 212 || location.search.indexOf('openai_pixel_test=1') !== -1; 213 if (!ok) return; 214 var load = function () { 215 (function (w, d, s, u) { 216 if (w.oaiq) return; 217 var q = function () { q.q.push(arguments); }; 218 q.q = []; 219 w.oaiq = q; 220 var js = d.createElement(s); 221 js.async = true; 222 js.src = u; 223 var f = d.getElementsByTagName(s)[0]; 224 f.parentNode.insertBefore(js, f); 225 })(window, document, 'script', 'https://bzrcdn.openai.com/sdk/oaiq.min.js'); 226 oaiq('init', { pixelId: openAiPixelId }); 227 }; 228 if (location.search.indexOf('openai_pixel_test=1') !== -1) load(); 229 else window.__mechaiDeferThirdParty(load); 230 })(); 231 })();</script>
231 232 233 234
234<script>(function(){const gaId = "G-5L5C34MBYD"; 235const awId = "AW-16585849566"; 236const aiHosts = ["chatgpt.com","chat.openai.com","openai.com","perplexity.ai","copilot.microsoft.com","gemini.google.com","claude.ai","you.com","duckduckgo.com"]; 237 238 /* Astro wraps define:vars scripts in an IIFE, so a bare 239 `function gtag()` never reaches window.* â and every 240 window.gtag consumer (the data-event delegation below, 241 lib/analytics.ts trackEvent) silently no-ops. Assign 242 to window explicitly. */ 243 window.dataLayer = window.dataLayer || []; 244 window.gtag = function gtag(){window.dataLayer.push(arguments);}; 245 window.gtag('js', new Date()); 246 const linkerDomains = ['prod.mechai.app', 'app.mechai.app', 'mobile.mechai.app']; 247 if (gaId) window.gtag('config', gaId, { anonymize_ip: true, linker: { domains: linkerDomains } }); 248 if (awId) window.gtag('config', awId, { linker: { domains: linkerDomains } }); 249 var load = function () { 250 var js = document.createElement('script'); 251 js.async = true; 252 js.src = 'https://www.googletagmanager.com/gtag/js?id=' + (gaId || awId); 253 document.head.appendChild(js); 254 }; 255 /* AI-answer attribution. GA4 buckets chatgpt.com and 256 perplexity.ai under generic "Referral" alongside every 257 other site, and a custom channel group needs GA4 admin. 258 Tagging the hit ourselves needs neither: the event 259 carries the source, so it can be segmented today. 260 Matching rule mirrors matchAiSource() in 261 scripts/lib/ai-referrer.mjs (unit-tested) â exact host 262 or a true subdomain, anchored on a leading dot. */ 263 try { 264 var aiRef = document.referrer ? new URL(document.referrer).hostname.toLowerCase() : ''; 265 var aiSource = aiRef && aiHosts.filter(function (h) { 266 return aiRef === h || aiRef.slice(-(h.length + 1)) === '.' + h; 267 })[0]; 268 if (aiSource) { 269 window.gtag('set', 'user_properties', { ai_source: aiSource }); 270 window.gtag('event', 'ai_referral', { 271 ai_source: aiSource, 272 landing_page: location.pathname, 273 }); 274 document.cookie = '_ai_ref=' + encodeURIComponent(aiSource) 275 + ';expires=' + new Date(Date.now() + 90 * 864e5).toUTCString() 276 + ';path=/;domain=.mechai.app;secure;samesite=lax'; 277 } 278 } catch (e) { /* never break the page for a measurement */ } 279 280 if (location.search.indexOf('ga_debug=1') !== -1) load(); 281 else window.__mechaiDeferThirdParty(load); 282 })();</script>
282 283 284
284<script>(function(){const gtmId = "GTM-PSDPPMPG"; 285 286 (function(){ 287 var allowed = ['www.mechai.app', 'mechai.app']; 288 var ok = allowed.indexOf(location.hostname) !== -1 289 || location.search.indexOf('quora_pixel_test=1') !== -1; 290 if (!ok) return; 291 var load = function () { 292 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 293 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 294 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 295 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 296 })(window,document,'script','dataLayer',gtmId); 297 }; 298 if (location.search.indexOf('quora_pixel_test=1') !== -1) load(); 299 else window.__mechaiDeferThirdParty(load); 300 })(); 301 })();</script>
301 302 <link rel="stylesheet" href="/_astro/BaseLayout.BCsSpKOt.css"></head> 303 <body class="bg-brand-bg text-white antialiased">
vendor: 97 bytes, lines 303-305
303 304 <noscript> 305 <iframe src="https://www.googletagmanager.com/ns.html?id=
305GTM-PSDPPMPG
vendor: 108 bytes, lines 305-307
305" height="0" width="0" style="display:none;visibility:hidden"></iframe> 306 </noscript> 307
307<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-black"> 308 Skip to content 309 </a> 310 <nav aria-label="Main navigation" class="fixed top-0 z-50 w-full border-b border-white/10 bg-brand-bg/80 backdrop-blur-md"> 311 <div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-6 xl:h-20"> 312 <a href="/" class="group flex items-center gap-2"> 313 <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true"> 314 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg> 315 </span> 316 <span class="text-base font-bold tracking-tight">MECH AI</span> 317</a> 318 319 <div class="hidden items-center gap-8 xl:flex"> 320 <a href="/how-it-works/" class="text-sm font-medium text-white/70 transition hover:text-white"> 321 How it works 322 </a><a href="/#features" class="text-sm font-medium text-white/70 transition hover:text-white"> 323 Features 324 </a><a href="/demo/" class="text-sm font-medium text-white/70 transition hover:text-white"> 325 Demo 326 </a><a href="/pricing/" class="text-sm font-medium text-white/70 transition hover:text-white"> 327 Pricing 328 </a><a href="/for-shops/" class="text-sm font-medium text-white/70 transition hover:text-white"> 329 For Shops 330 </a> 331 </div> 332 333 <div class="hidden items-center gap-3 xl:flex"> 334 335 <a href="https://prod.mechai.app/v2/login" class="btn-link" data-event="login_click" data-event-location="nav_desktop"> 336 Log in 337 </a> 338 <a href="https://prod.mechai.app/v2/login" class="btn-primary" data-event="sign_up_click" data-event-location="nav_desktop"> 339 Get started 340 </a> 341 </div> 342 343 <!-- 344 Mobile menu â native <dialog>, zero JS framework. showModal() gives 345 us focus trapping, Escape handling, and focus restore for free; 346 the tiny script below only toggles open/close + scroll lock. 347 --> 348 <div class="xl:hidden"> 349 <button type="button" id="nav-menu-open" aria-label="Open menu" class="flex h-11 w-11 items-center justify-center rounded-lg border border-white/10 bg-white/5 text-white/90"> 350 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"> 351 <line x1="4" x2="20" y1="6" y2="6"></line> 352 <line x1="4" x2="20" y1="12" y2="12"></line> 353 <line x1="4" x2="20" y1="18" y2="18"></line> 354 </svg> 355 </button> 356 </div> 357 </div> 358</nav> 359 360<dialog id="nav-menu" aria-label="Site menu" class="m-0 h-full max-h-none w-full max-w-none bg-brand-bg p-0 text-white backdrop:bg-transparent"> 361 <div class="flex h-full flex-col"> 362 <div class="flex h-16 flex-none items-center justify-between border-b border-white/10 px-6"> 363 <a href="/" class="group flex items-center gap-2"> 364 <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true"> 365 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg> 366 </span> 367 <span class="text-base font-bold tracking-tight">MECH AI</span> 368</a> 369 <button type="button" id="nav-menu-close" aria-label="Close menu" class="flex h-11 w-11 items-center justify-center rounded-lg border border-white/10 bg-white/5 text-white/90"> 370 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"> 371 <path d="M18 6 6 18"></path> 372 <path d="m6 6 12 12"></path> 373 </svg> 374 </button> 375 </div> 376 377 <nav class="flex-1 overflow-y-auto px-6 pt-6 pb-4" style="-webkit-overflow-scrolling: touch;"> 378 <ul class="flex flex-col gap-1"> 379 <li> 380 <a href="/how-it-works/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5"> 381 How it works 382 </a> 383 </li><li> 384 <a href="/#features" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5"> 385 Features 386 </a> 387 </li><li> 388 <a href="/demo/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5"> 389 Demo 390 </a> 391 </li><li> 392 <a href="/pricing/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5"> 393 Pricing 394 </a> 395 </li><li> 396 <a href="/for-shops/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5"> 397 For Shops 398 </a> 399 </li> 400 </ul> 401 </nav> 402 403 <div class="flex flex-none flex-col gap-3 border-t border-white/10 px-6 pt-4" style="padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem);"> 404 405 <a href="https://prod.mechai.app/v2/login" class="btn-ghost justify-center" data-event="web_app_launch" data-event-location="nav_mobile"> 406 Open web app 407 </a> 408 <a href="https://mechai.onelink.me/SHKN/MECH?pid=website&c=site&af_channel=organic" class="btn-primary justify-center" data-cta="app" data-event="get_app_click" data-event-location="nav_mobile"> 409 Get the app 410 </a> 411 </div> 412 </div> 413</dialog> 414 415<div class="h-16 xl:h-20" aria-hidden="true"></div> 416
417<script type="module">var e=document.getElementById(`nav-menu`),t=document.getElementById(`nav-menu-open`),n=document.getElementById(`nav-menu-close`);if(e&&t&&n){let r=()=>{e.showModal(),document.body.style.overflow=`hidden`},i=()=>e.close();t.addEventListener(`click`,r),n.addEventListener(`click`,i),e.addEventListener(`close`,()=>{document.body.style.overflow=``}),e.querySelectorAll(`a`).forEach(e=>e.addEventListener(`click`,i))}</script>
417 418 <main id="main"> 419 420 <section class="relative overflow-hidden"> 421 <div class="absolute inset-0 bg-glow-orange opacity-50" aria-hidden="true"> 422 </div> 423 <div class="relative mx-auto grid max-w-7xl gap-12 px-6 pt-20 pb-16 md:pt-28 lg:grid-cols-[1.15fr_0.85fr] lg:items-center"> 424 <div> 425 <span class="eyebrow">For shops & mechanics</span> 426 <h1 class="mt-5 text-4xl font-extrabold leading-[1.05] tracking-tight md:text-6xl"> 427 The modern shop tool 428 <span class="text-brand-accent">built in this decade.</span> 429 </h1> 430 <p class="mt-6 max-w-xl text-lg text-white/70"> 431 Choose the tool your shop actually needs: high-volume repair 432 intelligence with AUTOSHOP, or a guided SHOP MANAGER operations pilot. 433 </p> 434 <div class="mt-8 flex flex-wrap gap-3"> 435 <a href="https://prod.mechai.app/v2/login?utm_source=website&utm_medium=organic&utm_campaign=for_shops&src=for_shops&returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops" class="btn-primary" data-event="shop_signup_click" data-event-location="hero" data-event-page="for_shops"> 436 Get AUTOSHOP 437 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> 438 </a> 439 <a href="/contact/?topic=shop_manager_pilot" class="btn-ghost" data-event="sales_inquiry_click" data-event-location="hero" data-event-page="for_shops"> 440 Apply for Manager pilot 441 </a> 442 </div> 443 <p class="mt-5 font-mono text-[11px] uppercase tracking-widest text-white/55"> 444 AUTOSHOP · $59.99/mo · self-serve · cancel 445 anytime 446 </p> 447 </div> 448 <div class="relative"> 449 <div class="relative "> 450 <div class="absolute -inset-12 -z-10 rounded-[80px] bg-gradient-to-br from-brand-accent/20 via-brand-accent/5 to-transparent blur-3xl" aria-hidden="true"></div> 451 452 <!-- Laptop lid --> 453 <div class="relative mx-auto w-full rounded-[18px] border border-white/10 bg-brand-surface p-2 shadow-[0_40px_80px_-20px_rgba(0,0,0,0.8)]"> 454 <!-- Title bar --> 455 <div class="flex items-center gap-2 rounded-t-[10px] border border-b-0 border-white/5 bg-brand-bg px-3 py-2"> 456 <div class="flex items-center gap-1.5"> 457 <span class="h-2.5 w-2.5 rounded-full bg-[#FF5F57]/70"></span> 458 <span class="h-2.5 w-2.5 rounded-full bg-[#FEBC2E]/70"></span> 459 <span class="h-2.5 w-2.5 rounded-full bg-[#28C840]/70"></span> 460 </div> 461 <div class="flex flex-1 justify-center"> 462 <span class="rounded-md border border-white/10 bg-white/5 px-3 py-0.5 font-mono text-[10px] text-white/60"> 463 prod.mechai.app 464 </span> 465 </div> 466 467 </div> 468 469 <!-- Screen --> 470 <div class="relative aspect-[16/10] w-full overflow-hidden rounded-b-[10px] border border-white/5 bg-brand-bg"> 471 472 473 <div class="flex h-full"> 474 <!-- Sidebar --> 475 <div class="flex w-[28%] flex-col gap-1 border-r border-white/5 bg-brand-surface/70 p-3"> 476 <div class="flex items-center gap-2 pb-2"> 477 <span class="flex h-5 w-5 items-center justify-center rounded-md bg-brand-accent/20 text-brand-accent"> 478 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
478ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg> 479 </span> 480 <span class="text-[10px] font-bold tracking-tight text-white"> 481 MECH AI · Shop 482 </span> 483 </div> 484 <div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60"> 485 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg> 486 Dashboard 487 </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60"> 488 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg> 489 AI Mechanic 490 </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60"> 491 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-warehouse" aria-hidden="true"><path d="M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11"></path><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z"></path><path d="M6 13h12"></path><path d="M6 17h12"></path></svg> 492 Garage · 34 493 </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60"> 494 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stethoscope" aria-hidden="true"><path d="M11 2v2"></path><path d="M5 2v2"></path><path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"></path><path d="M8 15a6 6 0 0 0 12 0v-3"></path><circle cx="20" cy="10" r="2"></circle></svg> 495 Diagnostics 496 </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60"> 497 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg> 498 TSBs 499 </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium bg-brand-accent/15 text-brand-accent"> 500 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-search" aria-hidden="true"><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"></path><path d="m9 18-1.5-1.5"></path><circle cx="5" cy="14" r="3"></circle></svg> 501 OEM Diagrams 502 </div> 503 </div> 504 505 <!-- Main area: OEM wiring-diagram viewer --> 506 <div class="flex-1 p-4"> 507 <div class="flex items-center justify-between"> 508 <div> 509 <p class="font-mono text-[8px] uppercase tracking-widest text-white/55"> 510 OEM Diagrams 511 </p> 512 <p class="mt-0.5 text-[13px] font-semibold tracking-tight text-white"> 513 2018 Ford F-150 · Engine harness 514 </p> 515 </div>
516 <span class="rounded-full border border-brand-accent/30 bg-brand-accent/10 px-2 py-0.5 font-mono text-[8px] uppercase tracking-widest text-brand-accent"> 517 OEM · Wiring 518 </span> 519 </div> 520 521 <!-- Diagram panel --> 522 <div class="mt-3 overflow-hidden rounded-md border border-white/5 bg-white/[0.02]"> 523 <svg viewBox="0 0 320 124" class="block h-auto w-full" aria-hidden="true"> 524 <defs> 525 <pattern id="wiring-grid" width="16" height="16" patternUnits="userSpaceOnUse"> 526 <path d="M16 0H0v16" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"></path> 527 </pattern> 528 </defs> 529 <rect width="320" height="124" fill="url(#wiring-grid)"></rect> 530 <!-- wiring runs --> 531 <polyline points="14,100 64,100 64,58 142,58 142,36 228,36" fill="none" stroke="#F27D26" stroke-width="1.5"></polyline> 532 <polyline points="14,88 46,88 46,30 110,30 110,18 196,18" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1"></polyline> 533 <polyline points="14,110 124,110 124,82 228,82" fill="none" stroke="rgba(255,255,255,0.18)" stroke-width="1"></polyline> 534 <!-- connector node C-1042 --> 535 <rect x="228" y="28" width="16" height="16" rx="2" fill="rgba(242,125,38,0.15)" stroke="rgba(242,125,38,0.6)" stroke-width="1"></rect> 536 <text x="250" y="39" font-size="8" font-family="ui-monospace, monospace" fill="rgba(255,255,255,0.7)"> 537 C-1042 538 </text> 539 <!-- connector node C-1167 --> 540 <rect x="228" y="74" width="16" height="16" rx="2" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.3)" stroke-width="1"></rect> 541 <text x="250" y="85" font-size="8" font-family="ui-monospace, monospace" fill="rgba(255,255,255,0.7)"> 542 C-1167 543 </text> 544 </svg> 545 </div> 546 547 <!-- AI Mechanic strip --> 548 <div class="mt-3 rounded-md border border-white/10 bg-white/[0.03] p-2.5"> 549 <div class="flex items-center gap-1.5"> 550 <span class="flex h-4 w-4 items-center justify-center rounded-sm bg-brand-accent/20 text-brand-accent"> 551 <svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg> 552 </span> 553 <span class="font-mono text-[8px] uppercase tracking-widest text-white/60"> 554 AI Mechanic 555 </span> 556 </div> 557 <p class="mt-1.5 text-[10px] leading-snug text-white/85"> 558 <span class="text-white">Pin 42 is the fuel-pump relay control</span> â check continuity to C-1042 first. 559 </p> 560 <div class="mt-2 flex flex-wrap gap-1"> 561 <span class="rounded-sm border border-white/10 bg-white/5 px-1.5 py-0.5 font-mono text-[7.5px] uppercase tracking-widest text-white/70"> 562 TSB 19-2346 563 </span> 564 <span class="rounded-sm border border-white/10 bg-white/5 px-1.5 py-0.5 font-mono text-[7.5px] uppercase tracking-widest text-white/70"> 565 Parts · $186 566 </span> 567 </div> 568 </div> 569 </div> 570 </div> 571 572 </div> 573 </div> 574 575 <!-- Laptop base hint (subtle) --> 576 <div class="mx-auto h-1 w-11/12 rounded-b-full bg-gradient-to-b from-white/10 to-transparent" aria-hidden="true"> 577 </div> 578</div> 579 </div> 580 </div> 581 </section> 582 583 <section class="reveal mx-auto max-w-7xl px-6 py-16" aria-labelledby="shop-path-heading"> 584 <div class="max-w-3xl">
585 <span class="eyebrow">Two shop jobs</span> 586 <h2 id="shop-path-heading" class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl"> 587 Repair intelligence and shop operations are different products. 588 </h2> 589 <p class="mt-4 text-base text-white/65"> 590 Pay for OEM data when that is the job. Move to SHOP MANAGER only when 591 you want MECH AI to become the workflow your team runs. 592 </p> 593 </div> 594 <div class="mt-10 grid gap-5 lg:grid-cols-2"> 595 <article class="card flex flex-col p-6 md:p-8"> 596 <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent"> 597 Repair intelligence · self-serve 598 </p> 599 <h3 class="mt-3 text-2xl font-semibold">AUTOSHOP</h3> 600 <p class="mt-2 text-sm text-white/60"> 601 The high-volume repair-intelligence plan for a working shop. 602 </p> 603 <p class="mt-5 text-3xl font-bold"> 604 $59.99<span class="text-sm font-normal text-white/55">/month</span> 605 </p> 606 <ul class="mt-6 flex-1 space-y-3 text-sm text-white/75"> 607 <li class="flex items-start gap-2"> 608 609 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 610 <span>Everything in MECHANIC</span> 611 612 </li><li class="flex items-start gap-2"> 613 614 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 615 <span>OEM parts + wiring â 300 lookups each per day</span> 616 617 </li><li class="flex items-start gap-2"> 618 619 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 620 <span>AI wiring diagrams â 100 per day</span> 621 622 </li><li class="flex items-start gap-2"> 623 624 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 625 <span>1,000 AI messages + 200 photo messages per day</span> 626 627 </li><li class="flex items-start gap-2"> 628 629 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 630 <span>MECH Vision â 15 scans per day with OEM links</span> 631 632 </li><li class="flex items-start gap-2"> 633 634 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 635 <span>One account on shared shop devices</span> 636 637 </li> 638 </ul> 639 <a href="https://prod.mechai.app/v2/login?utm_source=website&utm_medium=organic&utm_campaign=for_shops_split&src=for_shops_split&returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops_split" class="mt-7 btn-primary justify-center" data-event="sign_up_click" data-event-location="shop_path_autoshop" data-event-page="for_shops" data-event-tier="autoshop"> 640 Get AUTOSHOP <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
640ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> 641 </a> 642 </article> 643 <article class="card flex flex-col border-brand-accent/50 bg-gradient-to-b from-brand-accent/[0.06] to-brand-surface p-6 md:p-8"> 644 <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent"> 645 Shop operations · guided pilot 646 </p> 647 <h3 class="mt-3 text-2xl font-semibold">SHOP MANAGER</h3> 648 <p class="mt-2 text-sm text-white/60"> 649 Run customers, repair orders, invoices, and your team in one workflow. 650 </p> 651 <p class="mt-5 text-2xl font-bold"> 652 Scope and pricing confirmed before onboarding 653 </p> 654 <ul class="mt-6 flex-1 space-y-3 text-sm text-white/75"> 655 <li class="flex items-start gap-2"> 656 657 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 658 <span>Everything in AUTOSHOP</span> 659 660 </li><li class="flex items-start gap-2"> 661 662 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 663 <span>Customer and vehicle records</span> 664 665 </li><li class="flex items-start gap-2"> 666 667 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 668 <span>Repair orders + invoices</span> 669 670 </li><li class="flex items-start gap-2"> 671 672 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 673 <span>Named team members with role-based access</span> 674 675 </li><li class="flex items-start gap-2"> 676 677 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 678 <span>Manual payment status + shop reports</span> 679 680 </li><li class="flex items-start gap-2"> 681 682 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> 683 <span>Guided setup and direct feedback channel</span> 684 685 </li> 686 </ul> 687 <a href="/contact/?topic=shop_manager_pilot" class="mt-7 btn-primary justify-center" data-event="sales_inquiry_click" data-event-location="shop_path_manager_pilot" data-event-page="for_shops" data-event-tier="shop-manager"> 688 Apply for the pilot <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
688ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> 689 </a> 690 </article> 691 </div> 692 <p class="mt-5 text-center text-xs text-white/50"> 693 SHOP MANAGER pilot scope does not yet include scheduling, integrated 694 payment capture, accounting sync, or parts inventory. 695 </p> 696 </section> 697 698 <section class="reveal mx-auto max-w-7xl px-6 py-20"> 699 <div class="max-w-2xl"> 700 <span class="eyebrow">Outcomes, not features</span> 701 <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl"> 702 What AUTOSHOP changes on the floor. 703 </h2> 704 </div> 705 <div class="mt-12 grid gap-4 md:grid-cols-2 lg:grid-cols-3"> 706 <div class="card group relative overflow-hidden transition hover:border-white/20 "> 707 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 708 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge" slot="icon" aria-hidden="true"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg> 709 </div> 710 <h3 class="text-lg font-semibold tracking-tight">Faster throughput</h3> 711 <p class="mt-2 text-sm leading-relaxed text-white/60">Less time per RO. Diagnostic narrowing that used to take an hour of forum hunting happens in minutes â so the bay turns over faster.</p> 712 </div><div class="card group relative overflow-hidden transition hover:border-white/20 "> 713 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 714 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" slot="icon" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg> 715 </div> 716 <h3 class="text-lg font-semibold tracking-tight">Team consistency</h3> 717 <p class="mt-2 text-sm leading-relaxed text-white/60">New techs get guided by the same reference your veterans use. One account on the shop's shared devices keeps everyone on the same page.</p> 718 </div><div class="card group relative overflow-hidden transition hover:border-white/20 "> 719 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 720 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-search" slot="icon" aria-hidden="true"><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"></path><path d="m9 18-1.5-1.5"></path><circle cx="5" cy="14" r="3"></circle></svg> 721 </div> 722 <h3 class="text-lg font-semibold tracking-tight">OEM-grade lookups</h3> 723 <p class="mt-2 text-sm leading-relaxed text-white/60">OEM wiring + parts diagrams, recalls, and TSBs, searchable in plain English. Skip the dealer portal dance.</p> 724 </div><div class="card group relative overflow-hidden transition hover:border-white/20 "> 725 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 726 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open" slot="icon" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg> 727 </div> 728 <h3 class="text-lg font-semibold tracking-tight">Client-friendly explanations</h3> 729 <p class="mt-2 text-sm leading-relaxed text-white/60">Show customers the reasoning, not just the quote. Clearer repair orders, easier upsells, fewer disputes.</p> 730 </div><div class="card group relative overflow-hidden transition hover:border-white/20 "> 731 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 732 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" slot="icon" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg> 733 </div> 734 <h3 class="text-lg font-semibold tracking-tight">Shop-scale allowances</h3> 735 <p class="mt-2 text-sm leading-relaxed text-white/60">Work through multiple repair jobs with 1,000 AI messages and 200 photo messages per day on your shopâs shared account.</p> 736 </div><div class="card group relative overflow-hidden transition hover:border-white/20 "> 737 <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent"> 738 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera" slot="icon" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg> 739 </div> 740 <h3 class="text-lg font-semibold tracking-tight">Estimates from photos</h3> 741 <p class="mt-2 text-sm leading-relaxed text-white/60">MECH Vision turns guided photos of the damage into an AI repair estimate you can sanity-check the RO against â before the teardown.</p> 742 </div> 743 </div> 744 <div class="mt-8 flex flex-wrap items-center gap-3 rounded-xl border border-white/10 bg-white/[0.02] px-5 py-4">
745 <span class="rounded-full border border-brand-accent/30 bg-brand-accent/10 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-widest text-brand-accent"> 746 Live now 747 </span> 748 <p class="text-sm text-white/70"> 749 Pair Bluetooth LE (BLE) or WiFi ELM327 adapters in the iOS or Android 750 app for live sensor data and fault codes in the bay, read-only. 751 </p> 752 </div> 753 </section> 754 755 <section class="reveal mx-auto max-w-5xl px-6 pb-16"> 756 <div class="rounded-2xl border border-white/10 bg-brand-surface p-8 md:p-10"> 757 <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent"> 758 The math 759 </p> 760 <h2 class="mt-3 text-2xl font-semibold tracking-tight md:text-3xl"> 761 Keep the tools that still earn their place. 762 </h2> 763 <p class="mt-4 max-w-2xl text-sm text-white/70"> 764 AUTOSHOP consolidates AI-assisted diagnosis, TSB research, wiring 765 generation, and OEM diagram lookups at <strong class="text-white">$59.99/mo</strong>. Validate coverage on the makes and jobs your shop sees, then decide 766 which legacy seats you can reduce. Do not replace a liability-critical 767 reference until your own comparison supports it. 768 </p> 769 </div> 770 </section> 771 772 <section class="mx-auto max-w-7xl px-6 py-20"> 773 <div class="max-w-2xl"> 774 <span class="eyebrow">From the bay</span> 775 <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl">Pros and power users.</h2> 776 <p class="mt-3 text-base text-white/60">Real reviews from working mechanics and power users on Google Play.</p> 777 </div> 778 779 <div class="mt-12 grid gap-5 md:grid-cols-2"> 780 <figure class="card flex h-full flex-col"> 781 <span role="img" aria-label="4 out of 5 stars" class="flex items-center gap-1 text-brand-accent"> 782 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> 783 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> 784 </span> 785 <blockquote class="mt-4 text-sm leading-relaxed text-white/85"> 786 “This is the future we need. I work as a mechanic for a reputable worldwide company. It's been able to correctly diagnose the exact problem first. Also gives me other possible issues to fix that can cause the problem I had.” 787 </blockquote>
788 <figcaption class="mt-6 flex items-end justify-between gap-4 border-t border-white/5 pt-4"> 789 <div> 790 <p class="text-sm font-semibold text-white">Alix Goldpoint</p> 791 <p class="mt-0.5 text-xs text-white/55">Professional mechanic</p> 792 </div> 793 <p class="font-mono text-[10px] uppercase tracking-widest text-white/55"> 794 Google Play · Jan 2025 795 </p> 796 </figcaption> 797 </figure><figure class="card flex h-full flex-col"> 798 <span role="img" aria-label="5 out of 5 stars" class="flex items-center gap-1 text-brand-accent"> 799 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> 800 801 </span> 802 <blockquote class="mt-4 text-sm leading-relaxed text-white/85"> 803 “Wiring/parts diagrams, parts/tool finder, diagnostics, repair guides, OBD decoder, & more. Different 'personalities' to fit your chatting comfort level. Real cool app & very reasonable premium options.” 804 </blockquote>
805 <figcaption class="mt-6 flex items-end justify-between gap-4 border-t border-white/5 pt-4"> 806 <div> 807 <p class="text-sm font-semibold text-white">Rex Minke</p> 808 <p class="mt-0.5 text-xs text-white/55">Power user, MECHANIC plan</p> 809 </div> 810 <p class="font-mono text-[10px] uppercase tracking-widest text-white/55"> 811 Google Play · Mar 2026 812 </p> 813 </figcaption> 814 </figure> 815 </div> 816</section> 817 818 <section class="reveal mx-auto max-w-3xl px-6 py-16"> 819 <div class="text-center"> 820 <span class="eyebrow">FAQ</span> 821 <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl"> 822 Shop questions, straight answers. 823 </h2> 824 </div> 825 <div class="mt-10"> 826 <div class="divide-y divide-white/10 overflow-hidden rounded-2xl border border-brand-border bg-brand-surface"> 827 <details class="group" open> 828 <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&::-webkit-details-marker]:hidden"> 829 <span class="text-base font-medium text-white">How does seat / device coverage work?</span> 830 <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"> 831 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> 832 <line x1="12" y1="5" x2="12" y2="19"></line> 833 <line x1="5" y1="12" x2="19" y2="12"></line> 834 </svg> 835 </span> 836 </summary> 837 <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">One AUTOSHOP account covers your shop's shared devices â bay tablets, the service desk, and shop-owned phones. SHOP MANAGER adds named members with roles (Owner / Manager / Tech / Front Desk) in a guided pilot.</div> 838 </details><details class="group"> 839 <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&::-webkit-details-marker]:hidden"> 840 <span class="text-base font-medium text-white">Can my techs use it in Spanish?</span> 841 <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"> 842 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> 843 <line x1="12" y1="5" x2="12" y2="19"></line> 844 <line x1="5" y1="12" x2="19" y2="12"></line> 845 </svg> 846 </span> 847 </summary> 848 <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. MECH AI works in English, Spanish, Portuguese, Russian, German, French, and Italian â the AI answers in your language. Each tech picks their language in the app settings.</div> 849 </details><details class="group"> 850 <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&::-webkit-details-marker]:hidden"> 851 <span class="text-base font-medium text-white">Can we run this alongside our existing shop management software?</span> 852 <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"> 853 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> 854 <line x1="12" y1="5" x2="12" y2="19"></line> 855 <line x1="5" y1="12" x2="19" y2="12"></line> 856 </svg> 857 </span> 858 </summary> 859 <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. AUTOSHOP is a repair-intelligence layer and can sit beside your current system. SHOP MANAGER adds customer records, repair orders, invoices, team roles, manual payment status, and reports. Scheduling, integrated payment capture, accounting sync, and parts inventory are not yet part of the pilot.</div> 860 </details>
860<details class="group"> 861 <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&::-webkit-details-marker]:hidden"> 862 <span class="text-base font-medium text-white">How current is the TSB and recall data?</span> 863 <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"> 864 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> 865 <line x1="12" y1="5" x2="12" y2="19"></line> 866 <line x1="5" y1="12" x2="19" y2="12"></line> 867 </svg> 868 </span> 869 </summary> 870 <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">We pull from manufacturer sources and refresh regularly. If you spot a gap, ping us and we'll investigate â shop feedback shapes what we surface.</div> 871 </details><details class="group"> 872 <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&::-webkit-details-marker]:hidden"> 873 <span class="text-base font-medium text-white">Can my customers see what the AI said?</span> 874 <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"> 875 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> 876 <line x1="12" y1="5" x2="12" y2="19"></line> 877 <line x1="5" y1="12" x2="19" y2="12"></line> 878 </svg> 879 </span> 880 </summary> 881 <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. Explanations are shareable, so you can send a plain-English breakdown of the diagnosis and recommended fix along with the estimate.</div> 882 </details> 883</div> 884 </div> 885 </section> 886 887 <section class="relative overflow-hidden py-24"> 888 <div class="absolute inset-0 bg-glow-orange opacity-80" aria-hidden="true"></div> 889 <div class="relative mx-auto max-w-4xl px-6 text-center"> 890 <h2 class="text-3xl font-semibold tracking-tight md:text-5xl">Start with the shop job you need solved.</h2> 891 <p class="mx-auto mt-5 max-w-2xl text-lg text-white/70">Choose AUTOSHOP for repair intelligence now, or apply for the SHOP MANAGER operations pilot.</p> 892 <div class="mt-8 flex flex-wrap items-center justify-center gap-3"> 893 <a href="https://prod.mechai.app/v2/login?utm_source=website&utm_medium=organic&utm_campaign=for_shops_footer&src=for_shops_footer&returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops_footer" class="btn-primary btn-lg" data-event="sign_up_click" data-event-location="footer_cta" data-event-page="for_shops"> 894 Get AUTOSHOP 895 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> 896 </a> 897 <a href="/contact/?topic=shop_manager_pilot" class="btn-ghost btn-lg" data-event="secondary_cta_click" data-event-location="footer_cta" data-event-page="for_shops"> 898 Apply for Manager pilot 899 </a> 900 </div> 901 <p class="mt-6 font-mono text-[11px] uppercase tracking-widest text-white/60">AUTOSHOP · $59.99/mo · cancel anytime</p> 902 </div> 903</section> 904 905 </main> 906 <footer class="mt-24 border-t border-white/10 bg-brand-bg"> 907 <div class="mx-auto max-w-7xl px-5 py-14 sm:px-6 sm:py-16"> 908 <div class="grid grid-cols-2 gap-8 sm:gap-10 md:grid-cols-6"> 909 <div class="col-span-2"> 910 <a href="/" class="group flex items-center gap-2"> 911 <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true"> 912 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg> 913 </span> 914 <span class="text-base font-bold tracking-tight">MECH AI</span> 915</a> 916 <p class="mt-4 max-w-sm text-sm text-white/60">MECH AI is the automotive multitool â an AI mechanic, OBD2 scanner, repair guides, wiring diagrams, parts search, and shop management in one app, in seven languages, free to start.</p> 917 <div class="mt-6"> 918 <div class="flex flex-wrap items-center gap-2.5"> 919 <a href="https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2.5 rounded-xl border border-white/15 bg-white/[0.04] px-3.5 py-2 transition hover:border-white/30 hover:bg-white/[0.08]" data-event="ios_download_click" data-event-source="footer" data-event-platform="ios"> 920 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
920ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple flex-none text-white" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg> 921 <span class="text-left leading-none"> 922 <span class="block text-[9px] font-medium uppercase tracking-wider text-white/60">Download on the</span> 923 <span class="block text-xs font-semibold text-white">App Store</span> 924 </span> 925 </a> 926 <a href="https://play.google.com/store/apps/details?id=app.mechai.mobile" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2.5 rounded-xl border border-white/15 bg-white/[0.04] px-3.5 py-2 transition hover:border-white/30 hover:bg-white/[0.08]" data-event="android_download_click" data-event-source="footer" data-event-platform="android"> 927 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play flex-none text-white" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg> 928 <span class="text-left leading-none"> 929 <span class="block text-[9px] font-medium uppercase tracking-wider text-white/60">Get it on</span> 930 <span class="block text-xs font-semibold text-white">Google Play</span> 931 </span> 932 </a> 933</div> 934 </div> 935 <address class="mt-6 not-italic text-xs leading-relaxed text-white/60"> 936 <strong class="font-semibold text-white/80">MECH.AI LLC</strong><br> 937 Draper, Utah, USA<br> 938 <a href="mailto:[email protected]" class="hover:text-white">[email protected]</a> 939 940 </address> 941 <ul class="mt-5 flex gap-3"> 942 <li> 943 <a href="https://x.com/mech_app" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white"> 944 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 945 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> 946 </svg> 947 </a> 948 </li> 949 <li> 950 <a href="https://www.linkedin.com/company/mechai" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white"> 951 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg> 952 </a> 953 </li> 954 <li> 955 <a href="https://www.facebook.com/mechaiapp/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white"> 956 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> 957 </a> 958 </li> 959 </ul> 960 </div> 961 <div> 962 963 <p class="text-xs font-mono uppercase tracking-widest text-white/60"> 964 Product 965 </p> 966 <ul class="mt-4 space-y-2"> 967 <li> 968 <a href="/#features" class="text-sm text-white/70 transition hover:text-white"> 969 Features 970 </a> 971 </li><li> 972 <a href="/how-it-works/" class="text-sm text-white/70 transition hover:text-white"> 973 How it works 974 </a> 975 </li><li> 976 <a href="/demo/" class="text-sm text-white/70 transition hover:text-white"> 977 Demo 978 </a> 979 </li><li> 980 <a href="/pricing/" class="text-sm text-white/70 transition hover:text-white"> 981 Pricing 982 </a> 983 </li><li> 984 <a href="/for-shops/" class="text-sm text-white/70 transition hover:text-white"> 985 For Shops 986 </a> 987 </li><li> 988 <a href="/download/" class="text-sm text-white/70 transition hover:text-white"> 989 Download 990 </a> 991 </li><li> 992 <a href="/diagnose/" class="text-sm text-white/70 transition hover:text-white">
993 OBD2 Code Lookup 994 </a> 995 </li> 996 </ul> 997 </div><div> 998 999 <p class="text-xs font-mono uppercase tracking-widest text-white/60"> 1000 Resources 1001 </p> 1002 <ul class="mt-4 space-y-2"> 1003 <li> 1004 <a href="/ai-mechanic/" class="text-sm text-white/70 transition hover:text-white"> 1005 AI Mechanic 1006 </a> 1007 </li><li> 1008 <a href="/car-diagnostic-app/" class="text-sm text-white/70 transition hover:text-white"> 1009 Car Diagnostic App 1010 </a> 1011 </li><li> 1012 <a href="/ai-obd2-scanner/" class="text-sm text-white/70 transition hover:text-white"> 1013 AI OBD2 Scanner 1014 </a> 1015 </li><li> 1016 <a href="/obd2-codes/" class="text-sm text-white/70 transition hover:text-white"> 1017 OBD2 Codes 1018 </a> 1019 </li><li> 1020 <a href="/diagnose/recalls/" class="text-sm text-white/70 transition hover:text-white"> 1021 Recall Database 1022 </a> 1023 </li><li> 1024 <a href="/repair-cost/" class="text-sm text-white/70 transition hover:text-white"> 1025 Repair Costs 1026 </a> 1027 </li><li> 1028 <a href="/maintenance/" class="text-sm text-white/70 transition hover:text-white"> 1029 Maintenance Schedule 1030 </a> 1031 </li><li> 1032 <a href="/symptoms/" class="text-sm text-white/70 transition hover:text-white"> 1033 Symptom Guides 1034 </a> 1035 </li><li> 1036 <a href="/database/" class="text-sm text-white/70 transition hover:text-white"> 1037 Fix Database 1038 </a> 1039 </li><li> 1040 <a href="/compare/" class="text-sm text-white/70 transition hover:text-white"> 1041 Compare 1042 </a> 1043 </li><li> 1044 <a href="/best-ai-for-mechanics/" class="text-sm text-white/70 transition hover:text-white"> 1045 Best AI for Mechanics 1046 </a> 1047 </li><li> 1048 <a href="/blog/" class="text-sm text-white/70 transition hover:text-white"> 1049 Wrench Report 1050 </a> 1051 </li> 1052 </ul> 1053 </div><div> 1054 1055 <p class="text-xs font-mono uppercase tracking-widest text-white/60"> 1056 Company 1057 </p> 1058 <ul class="mt-4 space-y-2"> 1059 <li> 1060 <a href="/why/" class="text-sm text-white/70 transition hover:text-white"> 1061 Why MECH AI 1062 </a> 1063 </li><li> 1064 <a href="/why/#story" class="text-sm text-white/70 transition hover:text-white"> 1065 Our story 1066 </a> 1067 </li><li> 1068 <a href="/press/" class="text-sm text-white/70 transition hover:text-white"> 1069 Press & reviewer kit 1070 </a> 1071 </li><li> 1072 <a href="/partners/" class="text-sm text-white/70 transition hover:text-white"> 1073 Partnerships 1074 </a> 1075 </li><li> 1076 <a href="/editorial-policy/" class="text-sm text-white/70 transition hover:text-white"> 1077 Editorial policy 1078 </a> 1079 </li><li> 1080 <a href="/contact/" class="text-sm text-white/70 transition hover:text-white"> 1081 Contact 1082 </a> 1083 </li> 1084 </ul> 1085 </div><div> 1086 1087 <p class="text-xs font-mono uppercase tracking-widest text-white/60"> 1088 Legal 1089 </p> 1090 <ul class="mt-4 space-y-2"> 1091 <li> 1092 <a href="/legal/terms/" class="text-sm text-white/70 transition hover:text-white"> 1093 Terms 1094 </a> 1095 </li><li> 1096 <a href="/legal/privacy/" class="text-sm text-white/70 transition hover:text-white"> 1097 Privacy 1098 </a> 1099 </li><li> 1100 <a href="/legal/eula/" class="text-sm text-white/70 transition hover:text-white"> 1101 EULA 1102 </a> 1103 </li> 1104 </ul> 1105 </div> 1106 </div> 1107 1108 <div class="mt-12 flex flex-col items-start justify-between gap-4 border-t border-white/10 pt-6 md:flex-row md:items-center"> 1109 <p class="text-xs text-white/60">© 2026 MECH.AI LLC. All rights reserved.</p> 1110 <p class="font-mono text-[11px] uppercase tracking-widest text-white/60"> 1111 Made in Draper, UT 1112 </p> 1113 </div> 1114 </div> 1115</footer> 1116 1117 1118
1118<script> 1119 (function () { 1120 document.addEventListener( 1121 'click', 1122 function (ev) { 1123 var el = ev.target instanceof Element ? ev.target.closest('[data-event]') : null; 1124 if (!el) return; 1125 var name = el.getAttribute('data-event'); 1126 if (!name) return; 1127 var params = {}; 1128 for (var i = 0; i < el.attributes.length; i++) { 1129 var a = el.attributes[i]; 1130 if (a.name.indexOf('data-event-') === 0 && a.name !== 'data-event') { 1131 params[a.name.substring('data-event-'.length).replace(/-/g, '_')] = a.value; 1132 } 1133 } 1134 try { 1135 if (typeof window.gtag === 'function') { 1136 window.gtag('event', name, params); 1137 } 1138 } catch (e) { 1139 /* ad-blocker â don't break the click */ 1140 } 1141 }, 1142 true 1143 ); 1144 })(); 1145 </script>
1145 1146
1146<script> 1147 (function () { 1148 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 1149 if (!('IntersectionObserver' in window)) return; 1150 var io = new IntersectionObserver( 1151 function (entries) { 1152 entries.forEach(function (e) { 1153 if (e.isIntersecting) { 1154 e.target.classList.add('reveal-in'); 1155 io.unobserve(e.target); 1156 } 1157 }); 1158 }, 1159 { threshold: 0.12, rootMargin: '0px 0px -8% 0px' } 1160 ); 1161 document.querySelectorAll('.reveal').forEach(function (el) { 1162 io.observe(el); 1163 }); 1164 })(); 1165 </script>
1165</body> 1166</html>
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.