1<!DOCTYPE html><html lang="en" style="--background: 0 0% 99%; --foreground: 220 15% 20%; --card: 0 0% 100%; --card-foreground: 220 15% 20%; --popover: 0 0% 100%; --popover-foreground: 220 15% 20%; --primary: 210 100% 45%; --primary-foreground: 0 0% 100%; --secondary: 220 10% 94%; --secondary-foreground: 220 15% 30%; --muted: 220 10% 96%; --muted-foreground: 220 10% 50%; --accent: 32 95% 50%; --accent-foreground: 0 0% 100%; --border: 220 10% 90%; --input: 220 10% 90%; --ring: 32 95% 50%; --sidebar-background: 0 0% 99%; --sidebar-foreground: 220 15% 20%; --sidebar-primary: 210 100% 45%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 220 10% 94%; --sidebar-accent-foreground: 220 15% 30%; --sidebar-border: 220 10% 90%; --sidebar-ring: 32 95% 50%;"><head> 2 <!-- Google tag (gtag.js) with Consent Mode -->
vendor: 71 bytes, lines 2-3
2 3 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
3G-1M4N5S4TRT
vendor: 16 bytes, lines 3-4
3"></script> 4
4<script> 5 window.dataLayer = window.dataLayer || []; 6 function gtag(){dataLayer.push(arguments);} 7 8 // Default to denied - will be updated by CookieConsent component 9 gtag('consent', 'default', { 10 'analytics_storage': 'denied', 11 'ad_storage': 'denied', 12 'wait_for_update': 500 13 }); 14 15 gtag('js', new Date()); 16 gtag('config', 'G-1M4N5S4TRT', { 17 'anonymize_ip': true 18 }); 19 </script>
19 20 21 <meta charset="UTF-8"> 22 <!-- Favicon - Google Search requires 48x48+ PNG, absolute URLs for consistent indexing --> 23 <!-- Primary favicon for Google Search (48x48 PNG recommended) --> 24 <link rel="icon" type="image/png" sizes="48x48" href="https://www.garageinsight.com/favicon-48x48.png"> 25 <!-- Fallback for browsers --> 26 <link rel="icon" href="https://www.garageinsight.com/favicon.ico" sizes="48x48"> 27 <!-- Apple Touch Icon --> 28 <link rel="apple-touch-icon" sizes="180x180" href="https://www.garageinsight.com/apple-touch-icon.png"> 29 <!-- Web App Manifest --> 30 <link rel="manifest" href="https://www.garageinsight.com/site.webmanifest"> 31 <link rel="preconnect" href="https://fonts.googleapis.com"> 32 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 33 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap"> 34 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 35 36 <!-- Primary Meta Tags --> 37 <title>For Shop Owners | GarageInsight</title> 38 <meta name="title" content="GarageInsight - Smart Inspections for Auto Shops"> 39 <meta name="description" content="GarageInsight helps auto repair shops run VIN-specific inspections, share photo-backed reports, and get more customer approvals. Save 45 min/day per tech."> 40 <meta name="author" content="GarageInsight"> 41 <meta name="keywords" content="auto repair software, vehicle inspection, multi-point inspection, auto shop management, VIN lookup, repair estimates, TSB alerts, digital vehicle inspection, automotive software, shop management system, technician tools, service writer softw
41are"> 42 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 43 <meta name="googlebot" content="index, follow"> 44 45 46 <!-- Language and Geo --> 47 <meta name="language" content="English"> 48 <meta name="geo.region" content="US"> 49 <meta name="geo.placename" content="United States"> 50 51 <!-- Open Graph / Facebook --> 52 <meta property="og:type" content="website"> 53 54 <meta property="og:site_name" content="GarageInsight"> 55 56 57 <meta property="og:image" content="https://www.garageinsight.com/og-image.png"> 58 <meta property="og:image:alt" content="GarageInsight - Smarter Inspections"> 59 <meta property="og:image:type" content="image/png"> 60 <meta property="og:image:width" content="1200"> 61 <meta property="og:image:height" content="630"> 62 <meta property="og:locale" content="en_US"> 63 64 <!-- Twitter --> 65 <meta name="twitter:card" content="summary_large_image"> 66 <meta name="twitter:site" content="@GarageInsight"> 67 <meta name="twitter:creator" content="@GarageInsight"> 68 69 70 71 <meta name="twitter:image" content="https://www.garageinsight.com/og-image.png"> 72 <meta name="twitter:image:alt" content="GarageInsight - Smarter Inspections"> 73 74 <!-- Additional SEO --> 75 <meta name="format-detection" content="telephone=no"> 76 <meta name="theme-color" content="#1a1a2e"> 77 <meta name="msapplication-TileColor" content="#1a1a2e"> 78 79 <!-- Structured Data - Organization --> 80
80<script type="application/ld+json"> 81 { 82 "@context": "https://schema.org", 83 "@type": "Organization", 84 "name": "GarageInsight", 85 "url": "https://www.garageinsight.com", 86 "logo": "https://www.garageinsight.com/android-chrome-512x512.png", 87 "description": "Smart vehicle inspection software for auto repair shops", 88 "email": "[email protected]", 89 "sameAs": [ 90 "https://twitter.com/GarageInsight" 91 ], 92 "contactPoint": { 93 "@type": "ContactPoint", 94 "email": "[email protected]", 95 "contactType": "sales" 96 } 97 } 98 </script>
98 99 100 <!-- Structured Data - Software Application --> 101
101<script type="application/ld+json"> 102 { 103 "@context": "https://schema.org", 104 "@type": "SoftwareApplication", 105 "name": "GarageInsight", 106 "applicationCategory": "BusinessApplication", 107 "operatingSystem": "Web", 108 "description": "Digital vehicle inspection platform for auto repair shops. Features VIN-specific inspections, voice notes, AI summaries, and customer approval portal.", 109 "image": "https://www.garageinsight.com/og-image.png", 110 "logo": "https://www.garageinsight.com/android-chrome-512x512.png", 111 "offers": { 112 "@type": "Offer", 113 "price": "99", 114 "priceCurrency": "USD", 115 "priceValidUntil": "2026-12-31", 116 "availability": "https://schema.org/PreOrder" 117 }, 118 "aggregateRating": { 119 "@type": "AggregateRating", 120 "ratingValue": "4.8", 121 "ratingCount": "50", 122 "bestRating": "5", 123 "worstRating": "1" 124 }, 125 "featureList": [ 126 "VIN-specific vehicle inspections", 127 "Voice-to-text documentation", 128 "AI-generated customer summaries", 129 "Photo and video capture", 130 "Customer approval portal", 131 "NHTSA recall and TSB alerts", 132 "Shop management system integration", 133 "Real-time analytics dashboard" 134 ] 135 } 136 </script>
136 137 138 <!-- Structured Data - FAQ --> 139
139<script type="application/ld+json"> 140 { 141 "@context": "https://schema.org", 142 "@type": "FAQPage", 143 "mainEntity": [ 144 { 145 "@type": "Question", 146 "name": "What is GarageInsight?", 147 "acceptedAnswer": { 148 "@type": "Answer", 149 "text": "GarageInsight is a digital vehicle inspection platform that helps auto repair technicians run VIN-specific inspections, capture photos and voice notes, and share professional reports that customers trust and approve." 150 } 151 }, 152 { 153 "@type": "Question", 154 "name": "How much does GarageInsight cost?", 155 "acceptedAnswer": { 156 "@type": "Answer", 157 "text": "GarageInsight Early Access is $99/month with a 60-day free trial. Design Partners receive 50% off forever ($49.50/month)." 158 } 159 }, 160 { 161 "@type": "Question", 162 "name": "Does GarageInsight integrate with my shop management system?", 163 "acceptedAnswer": { 164 "@type": "Answer", 165 "text": "Yes, GarageInsight integrates with popular shop management systems including Tekmetric, Shop-Ware, and Shopmonkey." 166 } 167 }, 168 { 169 "@type": "Question", 170 "name": "How long does it take to learn GarageInsight?", 171 "acceptedAnswer": { 172 "@type": "Answer", 173 "text": "Most technicians are comfortable using GarageInsight within their first inspection. The mobile-first design and voice notes make it intuitive to use on the shop floor." 174 } 175 } 176 ] 177 } 178 </script>
178 179 180 <!-- Structured Data - WebSite with SearchAction --> 181
181<script type="application/ld+json"> 182 { 183 "@context": "https://schema.org", 184 "@type": "WebSite", 185 "name": "GarageInsight", 186 "url": "https://www.garageinsight.com", 187 "description": "Smart vehicle inspection software for auto repair shops" 188 } 189 </script>
189 190 191 <!-- Preload critical resources --> 192 <link rel="preload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gInJlYWN0LWRvbS9jbGllbnQiOwppbXBvcnQgQXBwIGZyb20gIi4vQXBwLnRzeCI7CmltcG9ydCAiLi9pbmRleC5jc3MiOwoKY3JlYXRlUm9vdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicm9vdCIpISkucmVuZGVyKDxBcHAgLz4pOwo=" as="script" crossorigin=""> 193 194 195 196 197 <meta property="og:title" content="GarageInsight - Smart Inspections for Auto Shops"> 198 <meta name="twitter:title" content="GarageInsight - Smart Inspections for Auto Shops"> 199 <meta property="og:description" content="GarageInsight helps auto repair shops run VIN-specific inspections, share photo-backed reports, and get more customer approvals. Save 45 min/day per tech."> 200 <meta name="twitter:description" content="GarageInsight helps auto repair shops run VIN-specific inspections, share photo-backed reports, and get more customer approvals. Save 45 min/day per tech."> 201
201<script type="module" crossorigin="" src="/assets/index-BuO1qYX_.js"></script>
201 202 <link rel="stylesheet" crossorigin="" href="/assets/index-C6q5wRMQ.css"> 203<style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
203left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
203:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
203--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 204</style><meta property="og:type" content="website" data-rh="true"><meta property="og:image" content="https://www.garageinsight.com/og-image.png" data-rh="true"><meta property="og:site_name" content="GarageInsight" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:image" content="https://www.garageinsight.com/og-image.png" data-rh="true"><meta name="prerendered" content="true"><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
204left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
204:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
204--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 205</style><link rel="canonical" href="https://www.garageinsight.com/solutions/for-shop-owners" data-rh="true"><meta name="title" content="For Shop Owners | GarageInsight" data-rh="true"><meta name="description" content="Run a tighter shop without micromanaging. Real-time dashboards, team analytics, and complete documentation." data-rh="true"><meta name="keywords" content="shop management, owner dashboard, team performance, repair shop analytics" data-rh="true"><meta property="og:url" content="https://www.garageinsight.com/solutions/for-shop-owners" data-rh="true"><meta property="og:title" content="For Shop Owners | GarageInsight" data-rh="true"><meta property="og:description" content="Run a tighter shop without micromanaging. Real-time dashboards, team analytics, and complete documentation." data-rh="true"><meta name="twitter:url" content="https://www.garageinsight.com/solutions/for-shop-owners" data-rh="true"><meta name="twitter:title" content="For Shop Owners | GarageInsight" data-rh="true"><meta name="twitter:description" content="Run a tighter shop without micromanaging. Real-time dashboards, team analytics, and complete documentation." data-rh="true"><meta name="prerendered" content="true"></head> 206 207 <body> 208 <div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
208<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><main class="min-h-screen bg-background overflow-x-hidden"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="container mx-auto px-4"><nav class="flex items-center justify-between h-20"><a class="flex items-center gap-3" href="/"><img src="/assets/logo-white-CCI5LII6.svg" alt="Garage Insight" class="h-8 sm:h-9 object-contain"></a><div class="hidden lg:block"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex max-w-max flex-1 items-center justify-center"><div style="position: relative;"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center space-x-1 gap-1" dir="ltr"><li><a class="group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50 bg-transparent text-white/80 hover:text-white hover:bg-white/10" href="/">Home</a></li><li><button id="radix-:r0:-trigger-radix-:r2:" data-state="closed" aria-expanded="false" aria-controls="radix-:r0:-content-radix-:r2:" class="group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 group bg-transparent text-white/80 hover:text-white hover:bg-white/10 data-[state=open]:bg-white/10 data-[state=open]:text-white" data-radix-collection-item="">Features <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li><button id="radix-:r0:-trigger-radix-:r3:" data-state="closed" aria-expanded="false" aria-controls="radix-:r0:-content-radix-:r3:" class="group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 group bg-transparent text-white/80 hover:text-white hover:bg-white/10 data-[state=open]:bg-white/10 data-[state=open]:text-white" data-radix-collection-item="">Solutions <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li><a class="group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50 bg-transparent text-white/80 hover:text-white hover:bg-white/10" href="/blog">Blog</a></li><li><a class="group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50 bg-transparent text-white/80 hover:text-white hover:bg-white/10" href="/design-partner">Design Partner</a></li></ul></div><div class="absolute left-0 top-full flex justify-center"></div></nav></div><div class="hidden lg:flex items-center gap-3"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-9 rounded-lg px-4 text-white/70 hover:text-white hover:bg-white/10">Join Waitlist</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-accent text-accent-foreground hover:opacity-90 shadow-glow hover:shadow-lg h-9 rounded-lg px-4">Schedule Demo</button></div><button class="lg:hidden p-2 text-white" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></nav></div></header>
208<section class="relative min-h-[90vh] md:min-h-screen overflow-hidden flex items-end"><div class="absolute inset-0 z-0"><img src="/assets/hero-shop-owner-DQwgywvi.jpg" alt="" class="w-full h-full object-cover"><div class="absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900/80 to-slate-900/40"></div><div class="absolute inset-0 bg-gradient-to-r from-slate-900/60 to-transparent"></div></div><div class="relative z-10 w-full"><div class="container mx-auto px-4 pb-16 md:pb-24"><div class="max-w-3xl" style="opacity: 0; transform: translateY(0.0238106px);"><div style="opacity: 0;"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent mb-6 bg-rose-500 hover:bg-rose-600 text-white border-0 px-4 py-1.5 text-sm font-medium shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-4 h-4 mr-2"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg>For Shop Owners</div></div><h1 class="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-white mb-6 leading-[1.05] tracking-tight drop-shadow-[0_2px_10px_rgba(0,0,0,0.5)]" style="opacity: 0; transform: translateY(8.10855px);">Run a Tighter Shop, <span class="text-rose-500 drop-shadow-[0_2px_10px_rgba(0,0,0,0.3)]">Without Micromanaging</span></h1><p class="text-lg md:text-xl lg:text-2xl text-white/90 max-w-2xl mb-10 leading-relaxed font-light drop-shadow-[0_1px_3px_rgba(0,0,0,0.4)]" style="opacity: 0; transform: translateY(7.04422px);">See everything happening in your shop from anywhere. Data-driven decisions, consistent quality, and a team that performs even when you're not watching.</p><div class="flex flex-wrap gap-4" style="opacity: 0; transform: translateY(11.0894px);"><a href="#day-in-the-life" class="inline-flex items-center justify-center whitespace-nowrap font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-soft hover:shadow-card rounded-lg gap-2 bg-rose-500 hover:bg-rose-600 text-white px-8 h-14 text-base shadow-lg">See It In Action<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#solutions" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-soft hover:shadow-card rounded-lg px-8 h-14 text-base bg-white/20 text-white border border-white/30 hover:bg-white/30 backdrop-blur-sm">Explore Features</a></div></div></div></div></section><section class="py-16 md:py-24 border-b border-border" style="opacity: 0; transform: translateY(60px);"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto"><div class="flex items-center gap-3 mb-6" style="opacity: 0; transform: translateY(30px);"><div class="w-10 h-10 rounded-full bg-destructive/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert w-5 h-5 text-destructive"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><h2 class="text-2xl md:text-3xl font-bold text-foreground">The Problem</h2></div><p class="text-lg text-muted-foreground mb-8" style="opacity: 0; transform: translateY(30px);">Owning a shop means constantly worrying about what's happening when you're not there. Are inspections thorough? Are customers being served well? Is money being left on the table? Without visibility, you're left guessing.</p><div class="grid md:grid-cols-3 gap-6" style="opacity: 0;"><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground shadow-sm h-full border-destructive/20 bg-destructive/5 transition-all duration-300 hover:scale-[1.02] hover:shadow-lg"><div class="p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-8 h-8 text-destructive mb-4"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg><h3 class="font-semibold text-foreground mb-2">No Visibility</h3><p class="text-sm text-muted-foreground">You know the shop is busy, but can't see the details. Which techs are productive? Which services are getting declined?</p></div></div></div><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground shadow-sm h-full border-destructive/20 bg-destructive/5 transition-all duration-300 hover:scale-[1.02] hover:shadow-lg"><div class="p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down w-8 h-8 text-destructive mb-4"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg><h3 class="font-semibold text-foreground mb-2">Inconsistent Results</h3><p class="text-sm text-muted-foreground">Quality depends on who's working that day. Some techs are thorough, others rush. You can't be everywhere at once.</p></div></div></div><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground shadow-sm h-full border-destructive/20 bg-destructive/5 transition-all duration-300 hover:scale-[1.02] hover:shadow-lg"><div class="p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-8 h-8 text-destructive mb-4"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><h3 class="font-semibold text-foreground mb-2">Liability Exposure</h3><p class="text-sm text-muted-foreground">Without documentation, comebacks become arguments. One missed brake inspection could become a lawsuit.</p></div></div></div></div></div></div></section><section id="solutions" class="py-16 md:py-24 scroll-mt-20"><div class="container mx-auto px-4 max-w-6xl"><div class="text-center mb-12 md:mb-16" style="opacity: 0; transform: translateY(30px);"><div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border bg-rose-500/10 border-current/20 mb-6" style="transform: scale(0.9);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-rose-500"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm font-semibold tracking-wide text-rose-500">THE SOLUTION</span></div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4 tracking-tight">Built for <span class="text-rose-500">how you work</span></h2><p class="text-lg text-muted-foreground max-w-2xl mx-auto">GarageInsight gives shop owners complete visibility into operations. Track performance, ensure quality, and protect your businessâall from real-time dashboards and comprehensive documentation.</p></div><section class="py-12 md:py-20 "><div class="grid lg:grid-cols-2 gap-8 lg:gap-12 items-center"><div class="" style="opacity: 0; transform: translateX(-20px);"><div class="flex items-center gap-3 mb-4 md:mb-6"><div class="w-10 h-10 md:w-12 md:h-12 rounded-full bg-rose-500 hover:bg-rose-600 text-white flex items-center justify-center text-lg md:text-xl font-bold">1</div><div><div class="text-xs md:text-sm text-muted-foreground uppercase tracking-wide">Feature 1</div><h2 class="text-2xl md:text-3xl font-bold">Real-Time Shop Dashboard</h2></div></div><p class="text-base md:text-lg text-muted-foreground mb-4 md:mb-6">See your shop's vital signs from anywhere. Inspections in progress, approval rates, revenue trendsâupdated live.</p><div class="space-y-3 md:space-y-4">
208<div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Live activity feed</div></div><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Technician performance metrics</div></div>
208<div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Approval and close rate tracking</div></div><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Mobile access from anywhere</div></div></div></div><div class="hidden lg:block " style="opacity: 0; transform: translateX(20px);"><div class="bg-slate-900 p-4 md:p-6 rounded-2xl"><div class="w-full max-w-lg mx-auto bg-background rounded-2xl shadow-2xl overflow-hidden border border-border"><div class="bg-card px-4 py-3 border-b border-border"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-purple-500"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><div><div class="font-semibold text-foreground text-sm">Shop Dashboard</div><div class="text-xs text-muted-foreground">Real-time overview</div></div></div><div class="flex items-center gap-1 text-xs text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Today</div></div></div><div class="p-4 space-y-4"><div class="grid grid-cols-2 gap-3"><div class="p-3 rounded-xl border bg-emerald-500/5 border-emerald-500/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 text-emerald-500"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><div class="flex items-center gap-0.5 text-xs font-medium text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up w-3 h-3"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg>+12%</div></div><div class="text-lg font-bold">$4,280</div><div class="text-xs text-muted-foreground">Today's Revenue</div></div><div class="p-3 rounded-xl border bg-blue-500/5 border-blue-500/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-4 h-4 text-blue-500"><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><div class="flex items-center gap-0.5 text-xs font-medium text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up w-3 h-3"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg>+3</div></div><div class="text-lg font-bold">14</div><div class="text-xs text-muted-foreground">Inspections</div></div><div class="p-3 rounded-xl border bg-amber-500/5 border-amber-500/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-4 h-4 text-amber-500"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg><div class="flex items-center gap-0.5 text-xs font-medium text-red-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-3 h-3"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg>-2%</div></div><div class="text-lg font-bold">68%</div><div class="text-xs text-muted-foreground">Approval Rate</div></div><div class="p-3 rounded-xl border bg-purple-500/5 border-purple-500/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-purple-500"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div class="text-lg font-bold">4</div><div class="text-xs text-muted-foreground">Active Techs</div></div></div><div class="p-3 rounded-xl border border-border bg-muted/20"><div class="flex items-center justify-between mb-3"><span class="text-sm font-medium">Weekly Revenue</span><span class="text-xs text-emerald-600 font-medium">+18% vs last week</span></div><div class="flex items-end gap-1 h-16"><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 39.8835%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 53.2246%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 41.0951%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 58.695%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 44.8013%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 54.4631%;"></div><div class="flex-1 bg-gradient-to-t from-purple-500 to-purple-400 rounded-t" style="height: 39.1749%;"></div></div><div class="flex justify-between text-xs text-muted-foreground mt-2"><span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span><span>
208Sun</span></div></div></div></div></div></div></div></section><section class="py-12 md:py-20 bg-muted/30 -mx-4 px-4 md:-mx-8 md:px-8 rounded-3xl"><div class="grid lg:grid-cols-2 gap-8 lg:gap-12 items-center"><div class="lg:order-2" style="opacity: 0; transform: translateX(20px);"><div class="flex items-center gap-3 mb-4 md:mb-6"><div class="w-10 h-10 md:w-12 md:h-12 rounded-full bg-rose-500 hover:bg-rose-600 text-white flex items-center justify-center text-lg md:text-xl font-bold">2</div><div><div class="text-xs md:text-sm text-muted-foreground uppercase tracking-wide">Feature 2</div><h2 class="text-2xl md:text-3xl font-bold">Team Performance Analytics</h2></div></div><p class="text-base md:text-lg text-muted-foreground mb-4 md:mb-6">Track individual and team metrics. Identify coaching opportunities and recognize top performers with data-driven insights.</p><div class="space-y-3 md:space-y-4"><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Individual performance tracking</div></div>
208<div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Coaching opportunity alerts</div></div><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Performance benchmarking</div></div>
208<div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Trend analysis over time</div></div></div></div><div class="hidden lg:block lg:order-1" style="opacity: 0; transform: translateX(-20px);"><div class="bg-slate-900 p-4 md:p-6 rounded-2xl"><div class="w-full max-w-lg mx-auto bg-background rounded-2xl shadow-2xl overflow-hidden border border-border"><div class="bg-card px-4 py-3 border-b border-border"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-purple-500"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><div class="font-semibold text-foreground text-sm">Team Performance</div><div class="text-xs text-muted-foreground">This week</div></div></div></div></div><div class="p-4 space-y-4"><div class="space-y-3"><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"><span class="text-sm font-medium text-purple-600">M</span></div><span class="font-medium text-sm">Mike</span></div><span class="text-sm font-semibold text-emerald-600">$2840</span></div><div class="grid grid-cols-2 gap-4 text-xs"><div><span class="text-muted-foreground">Inspections</span><div class="font-medium">8</div></div><div><span class="text-muted-foreground">Approval Rate</span><div class="font-medium text-emerald-600">72%</div></div></div><div class="mt-2 h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-emerald-500" style="width: 71.7903%;"></div></div></div><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"><span class="text-sm font-medium text-purple-600">C</span></div><span class="font-medium text-sm">Carlos</span></div><span class="text-sm font-semibold text-emerald-600">$2120</span></div><div class="grid grid-cols-2 gap-4 text-xs"><div><span class="text-muted-foreground">Inspections</span><div class="font-medium">6</div></div><div><span class="text-muted-foreground">Approval Rate</span><div class="font-medium text-emerald-600">68%</div></div></div><div class="mt-2 h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-emerald-500" style="width: 62.0992%;"></div></div></div><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-center justify-between mb-2"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"><span class="text-sm font-medium text-purple-600">J</span></div><span class="font-medium text-sm">Jake</span></div><span class="text-sm font-semibold text-emerald-600">$1680</span></div><div class="grid grid-cols-2 gap-4 text-xs"><div><span class="text-muted-foreground">Inspections</span><div class="font-medium">5</div></div><div><span class="text-muted-foreground">Approval Rate</span><div class="font-medium text-amber-600">54%</div></div></div><div class="mt-2 h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-amber-500" style="width: 40.3212%;"></div></div></div></div><div class="p-3 rounded-xl bg-amber-500/10 border border-amber-500/20"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-4 h-4 text-amber-600 mt-0.5"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg><div><div class="text-sm font-medium text-amber-700">
208Coaching Opportunity</div><p class="text-xs text-muted-foreground">Jake's approval rate dropped 8% this week. Consider reviewing his presentation approach.</p></div></div></div></div></div></div></div></div></section><section class="py-12 md:py-20 "><div class="grid lg:grid-cols-2 gap-8 lg:gap-12 items-center"><div class="" style="opacity: 0; transform: translateX(-20px);"><div class="flex items-center gap-3 mb-4 md:mb-6"><div class="w-10 h-10 md:w-12 md:h-12 rounded-full bg-rose-500 hover:bg-rose-600 text-white flex items-center justify-center text-lg md:text-xl font-bold">3</div><div><div class="text-xs md:text-sm text-muted-foreground uppercase tracking-wide">Feature 3</div><h2 class="text-2xl md:text-3xl font-bold">Complete Documentation & Protection</h2></div></div><p class="text-base md:text-lg text-muted-foreground mb-4 md:mb-6">Every inspection is timestamped, photo-documented, and stored permanently. When disputes arise, you have the proof.</p><div class="space-y-3 md:space-y-4"><div class="flex items-center gap-3 p-3 md:p-4 roun
208ded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Timestamped audit trail for every inspection</div></div><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Photo proof attached to all flagged items</div></div>
208<div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Searchable vehicle history</div></div><div class="flex items-center gap-3 p-3 md:p-4 rounded-xl bg-card border" style="opacity: 0; transform: translateX(-20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-rose-500 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="text-sm md:text-base font-medium">Defensible documentation for disputes</div></div></div></div><div class="hidden lg:block " style="opacity: 0; transform: translateX(20px);"><div class="bg-slate-900 p-4 md:p-6 rounded-2xl"><div class="w-full max-w-lg mx-auto bg-background rounded-2xl shadow-2xl overflow-hidden border border-border"><div class="bg-card px-4 py-3 border-b border-border"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-lg bg-rose-500/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-rose-500"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><div class="font-semibold text-foreground text-sm">Audit Trail</div><div class="text-xs text-muted-foreground">Complete documentation</div></div></div><div class="flex items-center gap-1 px-2 py-1 rounded-lg bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-3 h-3 text-muted-foreground"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><span class="text-xs text-muted-foreground">Search...</span></div></div></div><div class="p-4 space-y-3"><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-start justify-between mb-2"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-muted-foreground"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="text-xs text-muted-foreground">2:34 PM</span></div><div class="flex items-center gap-1 text-xs text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3 h-3"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Logged</div></div><div class="text-sm font-medium mb-1">Inspection completed</div><div class="flex items-center justify-between text-xs text-muted-foreground"><span>2019 Ford F-150</span><div class="flex items-center gap-2"><span>Tech: Mike</span><div class="flex items-center gap-1 text-blue-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-3 h-3"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>4</div></div></div></div><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-start justify-between mb-2"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-muted-foreground"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="text-xs text-muted-foreground">1:15 PM</span></div><div class="flex items-center gap-1 text-xs text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3 h-3"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Logged</div></div><div class="text-sm font-medium mb-1">Customer approved 3 items</div><div class="flex items-center justify-between text-xs text-muted-foreground"><span>2021 Toyota Camry</span><div class="flex items-center gap-2"><span>Tech: Carlos</span><div class="flex items-center gap-1 text-blue-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-3 h-3"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>2</div></div></div></div><div class="p-3 rounded-xl border border-border bg-muted/20" style="opacity: 1; transform: none;"><div class="flex items-start justify-between mb-2"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-muted-foreground"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="text-xs text-muted-foreground">11:42 AM</span></div><div class="flex items-center gap-1 text-xs text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3 h-3"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Logged</div></div><div class="text-sm font-medium mb-1">Inspection submitted</div><div class="flex items-center justify-between text-xs text-muted-foreground"><span>2018 Honda Accord</span><div class="flex items-center gap-2"><span>Tech: Jake</span><div class="flex items-center gap-1 text-blue-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-3 h-3"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>5</div></div></div></div><div class="p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/20" style="opacity: 1;"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-4 h-4 text-emerald-600"><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><span class="text-sm font-medium text-emerald-700">This Month</span></div><div class="grid grid-cols-3 gap-2 text-center"><div><div class="text-lg font-bold text-emerald-600">847</div><div class="text-xs text-muted-foreground">Photos</div></div><div><div class="text-lg font-bold text-emerald-600">142</div><div class="text-xs text-muted-foreground">Inspections</div></div><div><div class="text-lg font-bold text-emerald-600">100%</div><div class="text-xs text-muted-foreground">Documented</div></div></div></div></div></div></div></div></div></section></div></section><section class="py-12 border-y border-border bg-card" style="opacity: 0; transform: translateY(60px);"><div class="container mx-auto px-4"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 max-w-4xl mx-auto" style="opacity: 0;"><div class="text-center" style="opacity: 0; transform: translateY(30px);"><p class="text-3xl md:text-4xl font-bold text-rose-500">$180</p><p class="text-sm text-muted-foreground mt-1">ARO increase</p></div><div class="text-center" style="opacity: 0; transform: translateY(30px);"><p class="text-3xl md:text-4xl font-bold text-rose-500">67%</p><p class="text-sm text-muted-foreground mt-1">Fewer comebacks</p></div><div class="text-center" style="opacity: 0; transform: translateY(30px);"><p class="text-3xl md:text-4xl font-bold text-rose-500">100%</p><p class="text-sm text-muted-foreground mt-1">Documentation</p></div><div class="text-center" style="opacity: 0; transform: translateY(30px);"><p class="text-3xl md:text-4xl font-bold text-rose-500">360°</p><p class="text-sm text-muted-foreground mt-1">Shop visibility</p></div></div></div></section><section id="day-in-the-life" class="py-16 md:py-24 border-b border-border bg-muted/30 scroll-mt-20" style="opacity: 0; transform: translateY(60px);"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto text-center mb-12" style="opacity: 0; transform: translateY(30px);"><h2 class="text-3xl md:text-4xl font-bold text-foreground mb-4">A Day in the Life</h2><p class="text-lg text-muted-foreground">Follow Tom as he monitors his shops from home</p></div><div class="max-w-6xl mx-auto" style="opacity: 0; transform: translateY(40px);"><div class="w-full"><div class="bg-card rounded-2xl border border-border overflow-hidden shadow-xl"><div class="flex items-center justify-between p-4 border-b border-border bg-muted/30"><div class="flex items-center gap-3"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-accent text-accent-foreground hover:opacity-90 shadow-glow hover:shadow-lg h-9 rounded-lg px-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 mr-2"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Play Journey</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-lg px-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-ccw w-4 h-4 mr-2"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path></svg>Restart</button></div><div class="flex items-center gap-4"><span class="text-sm text-muted-foreground hidden sm:block">Step 1 of 6</span><div class="w-24 sm:w-32 h-2 bg-muted rounded-full overflow-hidden"><div class="h-full bg-gradient-to-r from-rose-500 to-pink-500" style="width: 16.6667%;"></div></div></div></div><div class="relative px-4 py-6 bg-gradient-to-r from-muted/50 via-background to-muted/50 border-b border-border"><div class="flex items-center justify-between relative"><div class="absolute left-0 right-0 top-1/2 h-0.5 bg-border -translate-y-1/2"></div><div class="absolute left-0 top-1/2 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 -translate-y-1/2" style="width: 0%;"></div><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-gradient-to-r from-rose-500 to-pink-500 text-white border-transparent shadow-lg scale-110" tabindex="0">1</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-foreground">O1</span></button><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-background text-muted-foreground border-border group-hover:border-primary/50" tabindex="0">2</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-muted-foreground">O2</span></button><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-background text-muted-foreground border-border group-hover:border-primary/50" tabindex="0">3</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-muted-foreground">O3</span></button><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-background text-muted-foreground border-border group-hover:border-primary/50" tabindex="0">4</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-muted-foreground">O4</span></button><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-background text-muted-foreground border-border group-hover:border-primary/50" tabindex="0">5</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-muted-foreground">O5</span></button><button class="relative z-10 flex flex-col items-center gap-2 group"><div class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all border-2 bg-background text-muted-foreground border-border group-hover:border-primary/50" tabindex="0">6</div><span class="text-[10px] font-medium max-w-[60px] text-center leading-tight hidden sm:block text-muted-foreground">O6</span></button></div></div>
208<div class="relative touch-pan-y"><div style="opacity: 1; transform: none;"><div class="relative bg-gradient-to-br from-slate-50 via-white to-slate-100 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900"><div class="flex flex-col lg:flex-row min-h-[500px] lg:min-h-[550px]"><div class="flex-1 lg:w-[55%] relative p-6 lg:p-12 flex flex-col justify-center"><div class="max-w-xl" style="opacity: 1; transform: none;"><div class="flex items-center gap-3 mb-6"><div class="px-3 py-1 rounded-full bg-gradient-to-r from-rose-500 to-pink-500 text-white text-sm font-semibold">Step 1</div><div class="flex gap-1.5"><button class="h-2 rounded-full transition-all bg-gradient-to-r from-rose-500 to-pink-500 w-6"></button><button class="w-2 h-2 rounded-full transition-all bg-muted-foreground/30"></button><button class="w-2 h-2 rounded-full transition-all bg-muted-foreground/30"></button><button class="w-2 h-2 rounded-full transition-all bg-muted-foreground/30"></button><button class="w-2 h-2 rounded-full transition-all bg-muted-foreground/30"></button><button class="w-2 h-2 rounded-full transition-all bg-muted-foreground/30"></button></div></div><h3 class="text-2xl lg:text-3xl font-bold text-foreground leading-tight mb-4">Tom checks his dashboard from home. He sees real-time inspection activity across both shop locations.</h3><div class="flex items-start gap-3 p-4 bg-accent/10 rounded-xl border border-accent/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-5 h-5 text-accent flex-shrink-0 mt-0.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><div><div class="text-xs font-semibold text-accent uppercase tracking-wide mb-1">The Value</div><p class="text-foreground font-medium">Know what's happening even when you're not there</p></div></div><div class="flex items-center justify-between mt-8 lg:hidden"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-lg px-4" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4"><path d="m15 18-6-6 6-6"></path></svg></button><span class="text-xs text-muted-foreground">Swipe to navigate</span><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-lg px-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div><div class="lg:w-[45%] relative flex items-center justify-center p-6 lg:p-8"><div class="absolute inset-0 bg-gradient-to-l from-slate-200/50 to-transparent dark:from-slate-800/50"></div><div class="relative z-10" style="opacity: 1; transform: rotate(4deg);"><div class="w-[280px] lg:w-[320px] transform origin-center"><div class="bg-slate-900 p-3 rounded-[2.5rem] shadow-2xl relative"><div class="absolute -right-1 top-24 w-1 h-12 bg-slate-700 rounded-r-full"></div><div class="absolute -left-1 top-20 w-1 h-8 bg-slate-700 rounded-l-full"></div><div class="absolute -left-1 top-32 w-1 h-8 bg-slate-700 rounded-l-full"></div><div class="bg-background rounded-[2rem] overflow-hidden border border-border/50"><div class="bg-card h-8 flex items-center justify-center relative"><div class="w-24 h-5 bg-slate-900 rounded-full flex items-center justify-center gap-2"><div class="w-2 h-2 bg-slate-700 rounded-full"></div><div class="w-1.5 h-1.5 bg-slate-600 rounded-full"></div></div></div><div class="h-[420px] lg:h-[480px] overflow-hidden"><div class="h-full bg-slate-900 p-4 flex items-center justify-center"><div class="w-full max-w-lg bg-background rounded-2xl shadow-2xl overflow-hidden border border-border"><div class="bg-card px-4 py-3 border-b border-border"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-lg bg-rose-500/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-4 h-4 text-rose-500"><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></div><div><div class="font-semibold text-foreground text-sm">Analytics Dashboard</div><div class="text-xs text-muted-foreground">All Locations ⢠Today</div></div></div></div></div><div class="p-4 space-y-4 max-h-[350px] overflow-y-auto"><div class="space-y-4" style="opacity: 1;"><div class="grid grid-cols-2 gap-3"><div class="bg-card rounded-xl p-3 border border-border"><div class="text-xs text-muted-foreground mb-1">Active Inspections</div><div class="text-2xl font-bold">3</div><div class="text-xs text-emerald-500">â 2 in progress</div></div><div class="bg-card rounded-xl p-3 border border-border"><div class="text-xs text-muted-foreground mb-1">Completed Today</div><div class="text-2xl font-bold">12</div><div class="text-xs text-muted-foreground">vs 10 yesterday</div></div></div><div class="bg-muted/30 rounded-xl p-3"><div class="text-xs text-muted-foreground mb-2">Live Activity</div><div class="space-y-2"><div class="flex items-center gap-2 text-xs"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500"></div>Mike: Starting RO #45893</div><div class="flex items-center gap-2 text-xs"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500"></div>Sarah: Sent report to customer</div><div class="flex items-center gap-2 text-xs"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500"></div>Jake: Completed inspection</div></div></div></div></div></div></div></div><div class="bg-card h-6 flex items-center justify-center"><div class="w-28 h-1 bg-slate-300 dark:bg-slate-600 rounded-full"></div></div></div></div>
208<div class="absolute inset-0 -z-10 blur-3xl opacity-40 bg-gradient-to-r from-rose-500 to-pink-500 rounded-full scale-125"></div></div></div><div class="hidden lg:flex absolute bottom-6 left-1/2 -translate-x-1/2 items-center gap-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 rounded-full" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5"><path d="m15 18-6-6 6-6"></path></svg></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div></div></div></div></div></div></section><section class="py-16 md:py-24" style="opacity: 0; transform: translateY(60px);"><div class="container mx-auto px-4"><div class="max-w-3xl mx-auto" style="opacity: 0; transform: scale(0.95);"><div class="rounded-lg bg-card text-card-foreground shadow-sm border-2 hover:border-rose-500/50 border-border bg-gradient-to-br from-rose-500/10 to-transparent transition-all duration-300 hover:shadow-xl"><div class="p-8 md:p-12"><div style="opacity: 0; transform: translateY(20px);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-10 h-10 text-rose-500 mb-6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><blockquote class="text-xl md:text-2xl text-foreground mb-6 leading-relaxed" style="opacity: 0; transform: translateY(20px);">"I can finally take a day off without worrying. The dashboard shows me everything happening in the shop, and the documentation protects us from any disputes."</blockquote><div class="flex items-center gap-4" style="opacity: 0; transform: translateY(20px);"><div class="w-12 h-12 rounded-full bg-rose-500/10 flex items-center justify-center"><span class="text-rose-500 font-bold">RK</span></div><div><p class="font-semibold text-foreground">Robert Kim</p><p class="text-sm text-muted-foreground">Owner, Kim's Auto Service (3 locations)</p></div></div></div></div></div></div></section><section class="py-16 md:py-24 bg-rose-500/10" style="opacity: 0; transform: translateY(60px);"><div class="container mx-auto px-4"><div class="max-w-3xl mx-auto text-center" style="opacity: 0;"><h2 class="text-3xl md:text-4xl font-bold text-foreground mb-4" style="opacity: 0; transform: translateY(30px);">Ready to Run a Smarter Shop?</h2><p class="text-lg text-muted-foreground mb-8" style="opacity: 0; transform: translateY(30px);">See how visibility and consistency can transform your business.</p><div style="opacity: 0; transform: translateY(30px);"><a class="inline-flex items-center justify-center whitespace-nowrap font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow-soft hover:shadow-card h-12 rounded-lg px-8 text-base gap-2 bg-rose-500 hover:bg-rose-600" href="/#demo">Schedule a Discovery Call<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><div class="h-1 bg-gradient-to-r from-accent via-rose-400 to-accent"></div><footer class="relative py-10 md:py-12 bg-primary overflow-hidden"><div class="absolute inset-0 opacity-[0.02]" style="background-image: url("
208data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");"></div><div class="absolute -top-40 -right-40 w-80 h-80 bg-white/5 rounded-full blur-3xl"></div><div class="absolute -bottom-40 -left-40 w-80 h-80 bg-accent/10 rounded-full blur-3xl"></div><div class="container mx-auto px-4 relative z-10"><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 lg:gap-5 pb-6 border-b border-primary-foreground/10"><div class="col-span-2 md:col-span-3 lg:col-span-2"><a class="inline-block mb-4" href="/"><img src="/assets/logo-stacked-pdawHhlk.svg" alt="Garage Insight" class="h-12 object-contain brightness-0 invert"></a><p class="text-primary-foreground/70 leading-relaxed mb-4 max-w-sm text-sm">Smart digital vehicle inspections that help independent auto repair shops build trust, increase approvals, and grow revenue.</p><div class="flex items-center gap-3"><a href="https://www.facebook.com/profile.php?id=61585875412502" target="_blank" rel="noopener noreferrer" class="text-primary-foreground/50 hover:text-accent transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/garageinsight" target="_blank" rel="noopener noreferrer" class="text-primary-foreground/50 hover:text-accent transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.linkedin.com/company/garage-insight/" target="_blank" rel="noopener noreferrer" class="text-primary-foreground/50 hover:text-accent transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5"><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></a><a href="https://x.com/garageinsight" target="_blank" rel="noopener noreferrer" class="text-primary-foreground/50 hover:text-accent transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-5 w-5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.youtube.com/@trygarageinsight" target="_blank" rel="noopener noreferrer" class="text-primary-foreground/50 hover:text-accent transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-5 w-5"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></div></div><div><h4 class="font-heading font-semibold text-primary-foreground mb-3 text-sm uppercase tracking-wider">Learn More</h4><ul class="space-y-2"><li>
208<a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/early-access">Request Early Access</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/design-partner">Become a Design Partner</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/blog">Read Our Blog</a></li></ul></div><div><h4 class="font-heading font-semibold text-primary-foreground mb-3 text-sm uppercase tracking-wider">Features</h4><ul class="space-y-2"><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/features/vin-decoding">VIN Decoding</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/features/voice-notes">Voice Notes</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/features/recalls-tsb">Recalls & TSBs</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/features/ai-summaries">AI Summaries</a></li></ul></div><div><h4 class="font-heading font-semibold text-primary-foreground mb-3 text-sm uppercase tracking-wider">By Role</h4><ul class="space-y-2"><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/for-technicians">For Technicians</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/for-service-writers">For Service Writers</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/for-customers">For Customers</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/for-shop-owners">For Shop Owners</a></li></ul></div><div><h4 class="font-heading font-semibold text-primary-foreground mb-3 text-sm uppercase tracking-wider">By Outcome</h4><ul class="space-y-2"><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/save-time">Save Time</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/increase-revenue">Increase Revenue</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/improve-quality">Improve Quality</a></li><li><a class="text-primary-foreground/60 hover:text-accent transition-colors text-sm" href="/solutions/gain-insights">Gain Insights</a></li></ul></div></div><div class="flex flex-col sm:flex-row items-center justify-between gap-4 pt-4"><p class="text-primary-foreground/50 text-xs">© 2026 GarageInsight. All rights reserved.</p><div class="flex items-center gap-4"><a class="text-primary-foreground/50 hover:text-accent transition-colors text-xs" href="/privacy">Privacy Policy</a><a class="text-primary-foreground/50 hover:text-accent transition-colors text-xs" href="/terms">Terms of Service</a><a class="text-primary-foreground/50 hover:text-accent transition-colors text-xs" href="/disclaimer">Disclaimer</a></div></div></div></footer></main></div> 209 210</body></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.