1<!DOCTYPE html> 2<html class="h-full"> 3 <head> 4 <title>Insyn.ai â Vi visar exakt var AI kan skapa värde i ert företag</title> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <meta name="description" content="Vi gÃ¥r igenom ert företag och hittar exakt var AI är värt att använda â och var det inte är det. PÃ¥ 14 dagar fÃ¥r ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI."> 7 <meta name="apple-mobile-web-app-capable" content="yes"> 8 <meta name="application-name" content="Insyn.ai"> 9 <meta name="mobile-web-app-capable" content="yes"> 10 11 <meta property="og:type" content="website"> 12 <meta property="og:site_name" content="Insyn.ai"> 13 <meta property="og:locale" content="sv_SE"> 14 <meta property="og:url" content="https://insyn.ai/"> 15 <meta property="og:title" content="Insyn.ai â Vi visar exakt var AI kan skapa värde i ert företag"> 16 <meta property="og:description" content="Vi gÃ¥r igenom ert företag och hittar exakt var AI är värt att använda â och var det inte är det. PÃ¥ 14 dagar fÃ¥r ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI."> 17 <meta property="og:image" content="https://insyn.ai/og-image.png"> 18 <meta property="og:image:width" content="1200"> 19 <meta property="og:image:height" content="630"> 20 <meta property="og:image:alt" content="Insyn.ai â Vi visar exakt var AI kan skapa värde i ert företag"> 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="Insyn.ai â Vi visar exakt var AI kan skapa värde i ert företag"> 23 <meta name="twitter:description" content="Vi gÃ¥r igenom ert företag och hittar exakt var AI är värt att använda â och var det inte är det. PÃ¥ 14 dagar fÃ¥r ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI."> 24 <meta name="twitter:image" content="https://insyn.ai/og-image.png"> 25 <meta name="csrf-param" content="authenticity_token" /> 26<meta name="csrf-token" content="S0vlpbBEw6uO2gK4omNbmwvwsd6uy-jHVxclrE3XXB7qxcljSEvJiSxd_ygxOstmJnlizu609K5RosnQuAEHDw" /> 27 28 29 30 31 <link rel="icon" href="/assets/ico-aee10850.png" type="image/png"> 32 <link rel="apple-touch-icon" href="/assets/ico-aee10850.png"> 33 34 <link rel="preconnect" href="https://fonts.googleapis.com"> 35 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 36 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 37 38 <link rel="stylesheet" href="/assets/application-8b441ae0.css" data-turbo-track="reload" /> 39<link rel="stylesheet" href="/assets/tailwind-882c8ae5.css" data-turbo-track="reload" /> 40
40<script src="https://unpkg.com/lucide@latest"></script>
40 41
41<script type="importmap" data-turbo-track="reload">{ 42 "imports": { 43 "application": "/assets/application-bfcdf840.js", 44 "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js", 45 "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js", 46 "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js", 47 "controllers/application": "/assets/controllers/application-3affb389.js", 48 "controllers/assistant_chat_controller": "/assets/controllers/assistant_chat_controller-6df19e25.js", 49 "controllers/auto_refresh_controller": "/assets/controllers/auto_refresh_controller-a38996ec.js", 50 "controllers/chat_controller": "/assets/controllers/chat_controller-11b49414.js", 51 "controllers/collapsible_controller": "/assets/controllers/collapsible_controller-d53c6080.js", 52 "controllers/copy_controller": "/assets/controllers/copy_controller-645397ec.js", 53 "controllers/dashboard_panel_controller": "/assets/controllers/dashboard_panel_controller-1ae57039.js", 54 "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-b77ab5b7.js", 55 "controllers/file_drop_controller": "/assets/controllers/file_drop_controller-5aa95c96.js", 56 "controllers/hello_controller": "/assets/controllers/hello_controller-708796bd.js", 57 "controllers": "/assets/controllers/index-ee64e1f1.js", 58 "controllers/modal_controller": "/assets/controllers/modal_controller-39f99bf2.js", 59 "controllers/onboarding_hub_controller": "/assets/controllers/onboarding_hub_controller-a43d28f3.js", 60 "controllers/report_rows_controller": "/assets/controllers/report_rows_controller-b196d1a3.js", 61 "controllers/todo_kanban_controller": "/assets/controllers/todo_kanban_controller-61ae514c.js", 62 "controllers/todo_load_more_controller": "/assets/controllers/todo_load_more_controller-2cfeb184.js", 63 "controllers/todo_search_controller": "/assets/controllers/todo_search_controller-7ea9250c.js", 64 "controllers/todo_sortable_controller": "/assets/controllers/todo_sortable_controller-2d09c4e2.js" 65 } 66}</script>
66 67<link rel="modulepreload" href="/assets/application-bfcdf840.js"> 68<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js"> 69<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js"> 70<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js"> 71<link rel="modulepreload" href="/assets/controllers/application-3affb389.js"> 72<link rel="modulepreload" href="/assets/controllers/assistant_chat_controller-6df19e25.js"> 73<link rel="modulepreload" href="/assets/controllers/auto_refresh_controller-a38996ec.js"> 74<link rel="modulepreload" href="/assets/controllers/chat_controller-11b49414.js"> 75<link rel="modulepreload" href="/assets/controllers/collapsible_controller-d53c6080.js"> 76<link rel="modulepreload" href="/assets/controllers/copy_controller-645397ec.js"> 77<link rel="modulepreload" href="/assets/controllers/dashboard_panel_controller-1ae57039.js"> 78<link rel="modulepreload" href="/assets/controllers/dropdown_controller-b77ab5b7.js"> 79<link rel="modulepreload" href="/assets/controllers/file_drop_controller-5aa95c96.js"> 80<link rel="modulepreload" href="/assets/controllers/hello_controller-708796bd.js"> 81<link rel="modulepreload" href="/assets/controllers/index-ee64e1f1.js"> 82<link rel="modulepreload" href="/assets/controllers/modal_controller-39f99bf2.js"> 83<link rel="modulepreload" href="/assets/controllers/onboarding_hub_controller-a43d28f3.js"> 84<link rel="modulepreload" href="/assets/controllers/report_rows_controller-b196d1a3.js"> 85<link rel="modulepreload" href="/assets/controllers/todo_kanban_controller-61ae514c.js"> 86<link rel="modulepreload" href="/assets/controllers/todo_load_more_controller-2cfeb184.js"> 87<link rel="modulepreload" href="/assets/controllers/todo_search_controller-7ea9250c.js"> 88<link rel="modulepreload" href="/assets/controllers/todo_sortable_controller-2d09c4e2.js">
89<script type="module">import "application"</script>
89 90
90<script defer data-domain="insyn.ai" src="https://stats.reemove.ai/js/script.js"></script>
90 91 92 </head> 93 94 <style> 95 :root { --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } 96 </style> 97 <body class="h-full"> 98 99 100 101 102<canvas id="particles-canvas" style="position:fixed;inset:0;z-index:0;pointer-events:none;"></canvas> 103 104<div class="relative min-h-screen font-sans selection:bg-blue-500/20"> 105 106 <nav class="fixed top-0 w-full z-50 bg-white/80 backdrop-blur-xl border-b border-gray-100"> 107 <div class="w-full px-8 md:px-16 h-16 flex items-center justify-between"> 108 <a href="/"> 109 <img alt="insyn.ai" class="h-7" src="/assets/logotype-d5464511.png" /> 110 </a> 111 <div class="hidden md:flex items-center gap-10"> 112 <a href="#exempel" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Exempel</a> 113 <a href="#metoden" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Så gör vi</a> 114 <a href="#rapporten" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Handlingsplanen</a> 115 <a class="text-sm text-gray-500 hover:text-gray-900 transition-colors" href="/om-oss">Om oss</a> 116 <a href="#kontakt" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Kontakt</a> 117 </div> 118 <div class="hidden md:flex items-center gap-4"> 119 <a class="text-sm text-gray-500 hover:text-gray-900 transition-colors" href="/session/new">Logga in</a> 120 <a href="#kontakt" class="px-5 py-2.5 text-sm bg-gray-900 text-white hover:bg-gray-800 rounded-full font-medium transition-all"> 121 Börja med Insyn 122 </a> 123 </div> 124 <div class="md:hidden flex items-center gap-3"> 125 <a class="text-sm text-gray-500" href="/session/new">Logga in</a> 126 <a href="#kontakt" class="px-4 py-2 text-sm bg-gray-900 text-white rounded-full font-medium">Börja</a> 127 </div> 128 </div> 129 </nav> 130 131 <section class="relative z-10 pt-36 md:pt-48 pb-10 md:pb-16 px-8 md:px-16"> 132 <div class="max-w-6xl mx-auto"> 133 <div class="max-w-4xl mx-auto text-center"> 134 <h1 class="text-4xl md:text-5xl lg:text-[4.25rem] font-medium tracking-tight text-gray-900 mb-7 leading-[1.08] landing-fade-in" style="animation-delay: 0.1s;"> 135 Vi visar exakt var AI kan<br class="hidden md:block"> 136 skapa värde i ert företag 137 </h1> 138 <p class="text-lg md:text-2xl text-gray-500 leading-relaxed max-w-3xl mx-auto mb-10 landing-fade-in" style="animation-delay: 0.2s;"> 139 På 14 dagar kartlägger vi era processer, intervjuar ledning och medarbetare, 140 analyserar dokument och jämför er med konkurrenterna. 141 </p> 142 <div class="flex flex-col sm:flex-row items-center gap-4 justify-center landing-fade-in" style="animation-delay: 0.3s;"> 143 <a href="#kontakt" class="px-8 py-3.5 bg-gray-900 text-white rounded-full font-medium hover:bg-gray-800 transition-all text-base"> 144 Börja med Insyn 145 </a> 146 <a href="#exempel" class="px-8 py-3.5 bg-white text-gray-700 rounded-full font-medium border border-gray-200 hover:border-gray-300 hover:bg-gray-50 transition-all text-base"> 147 Se ett exempel 148 </a> 149 </div> 150 </div> 151 152 <div class="grid lg:grid-cols-2 gap-6 lg:gap-8 mt-16 md:mt-24 items-stretch landing-fade-in" style="animation-delay: 0.45s;"> 153 <div class="neon-card p-8 md:p-10 rounded-3xl bg-white border border-gray-100 flex flex-col"> 154 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-6">Ni får en prioriterad lista över</p> 155 <ul class="space-y-4 text-gray-700 text-base md:text-lg flex-1"> 156 <li class="flex items-start gap-3"> 157 <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center"> 158 <i data-lucide="check" class="w-3 h-3"></i> 159 </span> 160 <span>vilka processer som bör automatiseras</span> 161 </li> 162 <li class="flex items-start gap-3">
163 <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center"> 164 <i data-lucide="check" class="w-3 h-3"></i> 165 </span> 166 <span>var AI kan spara tid och pengar</span> 167 </li> 168 <li class="flex items-start gap-3"> 169 <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center"> 170 <i data-lucide="check" class="w-3 h-3"></i> 171 </span> 172 <span>vilka satsningar som inte är värda att göra</span> 173 </li> 174 <li class="flex items-start gap-3"> 175 <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center"> 176 <i data-lucide="check" class="w-3 h-3"></i> 177 </span> 178 <span>vad ni bör göra först</span> 179 </li> 180 <li class="flex items-start gap-3"> 181 <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center"> 182 <i data-lucide="check" class="w-3 h-3"></i> 183 </span> 184 <span>uppskattad effekt och ROI</span> 185 </li> 186 </ul> 187 <p class="mt-8 pt-6 border-t border-gray-100 text-gray-900 font-semibold text-base md:text-lg leading-snug"> 188 Resultatet: ett konkret beslutsunderlag för er AI-satsning â inte ännu en AI-rapport. 189 </p> 190 </div> 191 192 <div id="exempel" class="scroll-mt-24 neon-card relative rounded-3xl bg-gray-900 text-white p-8 md:p-10 overflow-hidden"> 193 <div class="absolute -top-24 -right-24 w-72 h-72 rounded-full bg-blue-500/20 blur-3xl pointer-events-none"></div> 194 <div class="relative"> 195 <div class="flex items-center justify-between gap-4 mb-6"> 196 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400">Exempel</p> 197 <span class="text-[11px] font-medium uppercase tracking-wider text-gray-300 bg-white/10 border border-white/10 rounded-full px-2.5 py-1">Illustrativt</span> 198 </div> 199 <h3 class="text-2xl md:text-3xl font-medium tracking-tight mb-1">Tillverkningsbolag, 80 anställda</h3> 200 <p class="text-gray-400 mb-8">SÃ¥ kan resultatet se ut efter 14 dagar.</p> 201 202 <div class="grid grid-cols-4 gap-2 md:gap-3 mb-8"> 203 <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4"> 204 <div class="text-2xl md:text-4xl font-semibold tracking-tight text-white">17</div> 205 <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">möjliga initiativ</div> 206 </div> 207 <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4"> 208 <div class="text-2xl md:text-4xl font-semibold tracking-tight text-emerald-300">4</div> 209 <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">prioriteras</div> 210 </div> 211 <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4"> 212 <div class="text-2xl md:text-4xl font-semibold tracking-tight text-amber-300">3</div> 213 <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">bör vänta</div> 214 </div> 215 <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4"> 216 <div class="text-2xl md:text-4xl font-semibold tracking-tight text-gray-400">10</div> 217 <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">för lÃ¥g ROI</div> 218 </div> 219 </div> 220 221 <p class="text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3">Högst potential</p> 222 <div class="flex flex-wrap gap-2 mb-8"> 223 <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Offertarbete</span>
224 <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Kundservice</span> 225 <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Intern dokumentation</span> 226 <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Inköp</span> 227 </div> 228 229 <div class="flex items-end justify-between gap-4 pt-6 border-t border-white/10"> 230 <div> 231 <p class="text-xs font-semibold uppercase tracking-widest text-gray-500 mb-1">Potentiell tidsbesparing</p> 232 <p class="text-3xl md:text-4xl font-semibold tracking-tight">430 <span class="text-base font-medium text-gray-400">timmar/mÃ¥nad</span></p> 233 </div> 234 <a href="#rapporten" class="text-sm text-gray-300 hover:text-white transition-colors whitespace-nowrap">Vad som ingÃ¥r â</a> 235 </div> 236 <p class="mt-5 text-[11px] text-gray-500">Typexempel som visar formatet pÃ¥ resultatet, inte en enskild kundleverans.</p> 237 </div> 238 </div> 239 </div> 240 </div> 241 </section> 242 243 <section class="py-12 md:py-24 px-8 md:px-16 relative z-10"> 244 <div class="max-w-6xl mx-auto"> 245 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> 246 <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100"> 247 <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">01</p> 248 <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad fÃ¥r jag?</h3> 249 <p class="text-gray-500 leading-relaxed">Vi hittar var AI kan spara pengar, tid eller förbättra kvalitet â och var den inte gör det.</p> 250 </div> 251 <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100"> 252 <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">02</p> 253 <h3 class="text-lg font-semibold text-gray-900 mb-3">Hur gör ni det?</h3> 254 <p class="text-gray-500 leading-relaxed">Vi pratar med människorna, analyserar processerna, dokumenten och datan och tittar pÃ¥ konkurrenterna.</p> 255 </div> 256 <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100"> 257 <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">03</p> 258 <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad fÃ¥r jag i handen?</h3> 259 <p class="text-gray-500 leading-relaxed">En prioriterad lista pÃ¥ konkreta AI-initiativ med nytta, svÃ¥righetsgrad, kostnad och ROI.</p> 260 </div> 261 <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100"> 262 <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">04</p> 263 <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad händer sedan?</h3> 264 <p class="text-gray-500 leading-relaxed">Ni kan genomföra själva eller ta hjälp vidare. Planen är skriven för att agera pÃ¥ direkt.</p> 265 </div> 266 </div> 267 </div> 268 </section> 269 270 <section class="py-12 md:py-24 px-8 md:px-16 relative z-10"> 271 <div class="max-w-4xl mx-auto text-center"> 272 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">VÃ¥r utgÃ¥ngspunkt</p> 273 <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-6 tracking-tight leading-[1.1]"> 274 Vi säljer inte AI.<br> 275 <span class="text-gray-500">Vi tar reda pÃ¥ var AI faktiskt är lönsamt.</span> 276 </h2> 277 <p class="text-xl text-gray-500 max-w-3xl mx-auto mb-12 leading-relaxed"> 278 Alla processer blir inte bättre med AI. En stor del av analysen handlar om att skilja 279 det som skapar verkligt värde frÃ¥n det som bara skapar komplexitet. 280 Därför berättar vi ocksÃ¥ <strong class="text-gray-700">var ni inte ska använda AI</strong> â 281 rätt beslut kan vara att inte investera. 282 </p> 283 <div class="grid md:grid-cols-3 gap-6 text-left"> 284 <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100"> 285 <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4"> 286 <i data-lucide="check-circle" class="w-5 h-5 text-gray-500"></i> 287 </div> 288 <h4 class="font-semibold text-gray-900 mb-2">Var AI tillför värde</h4> 289 <p class="text-sm text-gray-500">Konkreta processer där AI sparar tid, pengar eller höjer kvaliteten mätbart.</p> 290 </div> 291 <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100"> 292 <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4"> 293 <i data-lucide="x-circle" class="w-5 h-5 text-gray-500"></i> 294 </div> 295 <h4 class="font-semibold text-gray-900 mb-2">Var AI inte lönar sig</h4> 296 <p class="text-sm text-gray-500">Ibland är det manuella snabbare, billigare och säkrare. Vi säger det, även om det säljer sämre.</p> 297 </div> 298 <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100"> 299 <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4"> 300 <i data-lucide="scale" class="w-5 h-5 text-gray-500"></i> 301 </div> 302 <h4 class="font-semibold text-gray-900 mb-2">I vilken ordning</h4> 303 <p class="text-sm text-gray-500">Initiativen rankas efter nytta mot insats â sÃ¥ ni börjar där det faktiskt räknas.</p> 304 </div> 305 </div> 306 </div> 307 </section> 308 309 <section id="metoden" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10"> 310 <div class="max-w-6xl mx-auto"> 311 <div class="text-center mb-16"> 312 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">SÃ¥ gör vi</p> 313 <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-5 tracking-tight">Vi pratar med människorna och läser materialet</h2> 314 <p class="text-xl text-gray-500 max-w-3xl mx-auto"> 315 Sex oberoende källor korsrefereras: ledning, medarbetare, dokument, data, era system 316 och konkurrenterna. En dedikerad AI-assistent driver insamlingen sÃ¥ att ni kan fokusera pÃ¥ verksamheten. 317 </p> 318 </div> 319 320 <div class="grid md:grid-cols-2 gap-6 mb-12"> 321 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 322 <div class="flex items-start gap-5"> 323 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 324 <i data-lucide="users" class="w-6 h-6 text-gray-500"></i> 325 </div> 326 <div> 327 <h3 class="text-lg font-semibold text-gray-900 mb-2">Intervjuar ledning och medarbetare</h3> 328 <p class="text-gray-500 leading-relaxed">Djupintervju med VD och ledningsgrupp. Medarbetare intervjuas av assistenten, anpassat efter roll och tillgänglighet â det är där de verkliga processerna syns.</p> 329 </div> 330 </div> 331 </div> 332 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 333 <div class="flex items-start gap-5"> 334 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 335 <i data-lucide="file-scan" class="w-6 h-6 text-gray-500"></i> 336 </div> 337 <div> 338 <h3 class="text-lg font-semibold text-gray-900 mb-2">Analyserar dokument och processer</h3> 339 <p class="text-gray-500 leading-relaxed">Strategidokument, processbeskrivningar, systemförteckningar och rutiner läses och korsrefereras mot vad intervjuerna säger.</p> 340 </div> 341 </div> 342 </div> 343 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 344 <div class="flex items-start gap-5"> 345 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 346 <i data-lucide="bar-chart-3" class="w-6 h-6 text-gray-500"></i> 347 </div> 348 <div> 349 <h3 class="text-lg font-semibold text-gray-900 mb-2">Analyserar er data</h3> 350 <p class="text-gray-500 leading-relaxed">CSV, Excel, PDF eller JSON. AI:n hittar mönster, avvikelser och volymer â underlaget för att sätta siffror pÃ¥ tid och pengar.</p> 351 </div> 352 </div> 353 </div> 354 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 355 <div class="flex items-start gap-5"> 356 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 357 <i data-lucide="plug" class="w-6 h-6 text-gray-500"></i> 358 </div> 359 <div> 360 <h3 class="text-lg font-semibold text-gray-900 mb-2">Läser era system</h3> 361 <p class="text-gray-500 leading-relaxed">Koppla Google Drive, Microsoft OneDrive och Teams. Befintliga dokument och konversationer läses direkt, utan manuella uppladdningar.</p> 362 </div> 363 </div> 364 </div> 365 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 366 <div class="flex items-start gap-5"> 367 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 368 <i data-lucide="git-compare-arrows" class="w-6 h-6 text-gray-500"></i> 369 </div> 370 <div> 371 <h3 class="text-lg font-semibold text-gray-900 mb-2">Jämför med konkurrenterna</h3> 372 <p class="text-gray-500 leading-relaxed">Hur lÃ¥ngt har namngivna konkurrenter och branschen kommit? Det avgör vad som är hygienfaktor och vad som är försprÃ¥ng.</p> 373 </div> 374 </div> 375 </div> 376 <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300"> 377 <div class="flex items-start gap-5"> 378 <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center"> 379 <i data-lucide="headphones" class="w-6 h-6 text-gray-500"></i> 380 </div> 381 <div> 382 <h3 class="text-lg font-semibold text-gray-900 mb-2">Deltar i möten</h3> 383 <p class="text-gray-500 leading-relaxed">Assistenten kan delta i interna möten, transkribera och fÃ¥nga AI-relevanta möjligheter där de dyker upp.</p> 384 </div> 385 </div> 386 </div> 387 </div> 388 389 <div class="neon-card p-8 md:p-10 rounded-3xl bg-gray-50 border border-gray-100"> 390 <div class="flex flex-col md:flex-row items-start gap-6">
391 <div class="shrink-0 w-14 h-14 rounded-2xl bg-white border border-gray-200 flex items-center justify-center"> 392 <i data-lucide="handshake" class="w-7 h-7 text-gray-500"></i> 393 </div> 394 <div> 395 <h3 class="text-xl font-semibold text-gray-900 mb-2">Fysiska möten â den mänskliga faktorn</h3> 396 <p class="text-gray-500 leading-relaxed"> 397 Utöver assistenten genomför vi ett antal möten som inte är AI-ledda. 398 Nyanser, kultur och signaler fÃ¥ngas bäst ansikte mot ansikte â och det är ofta där 399 det avgörs vilka initiativ som faktiskt gÃ¥r att genomföra. 400 </p> 401 </div> 402 </div> 403 </div> 404 </div> 405 </section> 406 407 <section id="rapporten" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10"> 408 <div class="max-w-6xl mx-auto"> 409 <div class="grid lg:grid-cols-2 gap-20 items-center"> 410 <div> 411 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Det ni fÃ¥r i handen</p> 412 <h2 class="text-3xl md:text-5xl font-medium tracking-tight text-gray-900 mb-6"> 413 En AI-handlingsplan.<br> 414 <span class="text-gray-500">Inte ännu en AI-rapport.</span> 415 </h2> 416 <p class="text-lg text-gray-500 leading-relaxed mb-10"> 417 Ett beslutsunderlag som styrelsen, ledningen och de som ska göra jobbet 418 kan agera pÃ¥ samma dag â med siffror man kan ifrÃ¥gasätta, inte adjektiv. 419 </p> 420 421 <ul class="space-y-6"> 422 <li class="flex items-start gap-4"> 423 <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center"> 424 <i data-lucide="list-ordered" class="w-5 h-5 text-gray-500"></i> 425 </div> 426 <div> 427 <h4 class="font-semibold text-gray-900 mb-1">Prioriterade initiativ</h4> 428 <p class="text-sm text-gray-500">Varje initiativ med nytta, svÃ¥righetsgrad, kostnad, uppskattad effekt och ROI â och vad ni bör göra först.</p> 429 </div> 430 </li> 431 <li class="flex items-start gap-4"> 432 <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center"> 433 <i data-lucide="ban" class="w-5 h-5 text-gray-500"></i> 434 </div> 435 <div> 436 <h4 class="font-semibold text-gray-900 mb-1">Det ni bör lÃ¥ta bli</h4> 437 <p class="text-sm text-gray-500">Satsningar som inte är värda att göra, med motiveringen â sÃ¥ att ingen behöver argumentera om dem igen.</p> 438 </div> 439 </li> 440 <li class="flex items-start gap-4"> 441 <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center"> 442 <i data-lucide="gauge" class="w-5 h-5 text-gray-500"></i> 443 </div> 444 <div> 445 <h4 class="font-semibold text-gray-900 mb-1">Underlaget bakom</h4> 446 <p class="text-sm text-gray-500">Ert AI-index i sex dimensioner, benchmark mot namngivna konkurrenter och vad varje slutsats bygger pÃ¥. Beviset â inte huvudbudskapet.</p> 447 </div> 448 </li> 449 </ul> 450 </div> 451 452 <div class="relative"> 453 <div class="absolute -inset-6 bg-gradient-to-br from-gray-100/50 to-gray-200/30 rounded-[2rem] blur-3xl pointer-events-none"></div> 454 <div class="neon-card relative bg-white border border-gray-200 rounded-3xl overflow-hidden shadow-2xl p-8"> 455 <div class="flex items-center justify-between mb-6"> 456 <div class="flex items-center gap-3"> 457 <div class="w-9 h-9 rounded-xl bg-gray-100 flex items-center justify-center"> 458 <i data-lucide="list-ordered" class="w-4 h-4 text-gray-500"></i> 459 </div> 460 <div> 461 <p class="font-semibold text-sm text-gray-900">AI-handlingsplan</p> 462 <p class="text-xs text-gray-400">Exempel AB â 2026</p> 463 </div> 464 </div>
465 <span class="text-xs font-medium text-gray-500 bg-gray-100 rounded-full px-2.5 py-1">17 initiativ bedömda</span> 466 </div> 467 468 <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 text-[11px] font-semibold uppercase tracking-wider text-gray-400 px-3 mb-2"> 469 <span>Initiativ</span><span class="w-14 text-center">Nytta</span><span class="w-14 text-center">Insats</span><span class="w-16 text-right">ROI/Ã¥r</span> 470 </div> 471 <div class="space-y-1.5 mb-5"> 472 <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100"> 473 <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">1</span>Offertarbete</span> 474 <span class="w-14 text-center text-xs font-medium text-gray-600">Hög</span> 475 <span class="w-14 text-center text-xs font-medium text-gray-600">LÃ¥g</span> 476 <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">6,1Ã</span> 477 </div> 478 <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100"> 479 <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">2</span>Kundservice â första svar</span> 480 <span class="w-14 text-center text-xs font-medium text-gray-600">Hög</span> 481 <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span> 482 <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">3,8Ã</span> 483 </div> 484 <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100"> 485 <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">3</span>Intern dokumentation</span> 486 <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span> 487 <span class="w-14 text-center text-xs font-medium text-gray-600">LÃ¥g</span> 488 <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">3,2Ã</span> 489 </div> 490 <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100"> 491 <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">4</span>Inköp â prisjämförelse</span> 492 <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span> 493 <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span> 494 <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">2,4Ã</span> 495 </div> 496 </div> 497 498 <div class="grid grid-cols-2 gap-2 mb-6"> 499 <div class="rounded-xl border border-amber-100 bg-amber-50 px-3 py-2.5"> 500 <p class="text-[11px] font-semibold uppercase tracking-wider text-amber-700">Vänta</p> 501 <p class="text-sm text-gray-700">3 initiativ · beror pÃ¥ datakvalitet</p> 502 </div> 503 <div class="rounded-xl border border-gray-200 bg-gray-50 px-3 py-2.5"> 504 <p class="text-[11px] font-semibold uppercase tracking-wider text-gray-500">AvstÃ¥</p> 505 <p class="text-sm text-gray-700">10 initiativ · för lÃ¥g ROI</p> 506 </div> 507 </div> 508 509 <div class="flex items-center justify-between text-xs text-gray-400 pt-4 border-t border-gray-100"> 510 <span>AI-index <strong class="text-gray-700">72</strong>/100 · 6 dimensioner</span> 511 <span>Benchmark: 3 konkurrenter</span> 512 </div> 513 </div> 514 </div> 515 </div> 516 </div> 517 </section> 518 519 <section class="py-12 md:py-24 px-8 md:px-16 relative z-10"> 520 <div class="max-w-5xl mx-auto"> 521 <div class="grid md:grid-cols-3 gap-8 text-center"> 522 <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100"> 523 <div class="text-5xl font-bold text-gray-900 mb-3">14</div> 524 <p class="text-gray-500">Dagar frÃ¥n start till färdig handlingsplan</p> 525 </div> 526 <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100"> 527 <div class="text-5xl font-bold text-gray-900 mb-3">6</div> 528 <p class="text-gray-500">Oberoende datakällor korsrefereras</p> 529 </div> 530 <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100"> 531 <div class="text-5xl font-bold text-gray-900 mb-3">1</div> 532 <p class="text-gray-500">Prioriterad lista â inte tjugo rekommendationer</p> 533 </div> 534 </div> 535 </div> 536 </section> 537 538 <section class="py-12 md:py-24 px-8 md:px-16 relative z-10"> 539 <div class="max-w-4xl mx-auto">
540 <div class="neon-card p-10 md:p-14 rounded-3xl bg-gray-50 border border-gray-100"> 541 <div class="text-center mb-10"> 542 <div class="w-14 h-14 rounded-2xl bg-gray-100 flex items-center justify-center mx-auto mb-5"> 543 <i data-lucide="shield-check" class="w-7 h-7 text-gray-500"></i> 544 </div> 545 <h2 class="text-3xl md:text-4xl font-medium text-gray-900 mb-4 tracking-tight"> 546 Er data är skyddad 547 </h2> 548 <p class="text-lg text-gray-500 max-w-2xl mx-auto"> 549 Datasäkerhet är vÃ¥r högsta prioritet. Vi använder kryptering i bankklass, 550 genomför regelbundna säkerhetsgranskningar och följer alla relevanta 551 dataskyddsregelverk för att hÃ¥lla er information trygg. 552 </p> 553 </div> 554 555 <div class="grid md:grid-cols-2 gap-6"> 556 <div class="flex items-start gap-4"> 557 <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center"> 558 <i data-lucide="lock" class="w-5 h-5 text-gray-500"></i> 559 </div> 560 <div> 561 <h4 class="font-semibold text-gray-900 mb-1">Er data, era regler</h4> 562 <p class="text-sm text-gray-500">All data tillhör er â alltid. Vi lagrar inget längre än vad som krävs för analysen.</p> 563 </div> 564 </div> 565 <div class="flex items-start gap-4"> 566 <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center"> 567 <i data-lucide="eye-off" class="w-5 h-5 text-gray-500"></i> 568 </div> 569 <div> 570 <h4 class="font-semibold text-gray-900 mb-1">Säljs aldrig vidare</h4> 571 <p class="text-sm text-gray-500">Vi säljer aldrig, delar eller tränar modeller pÃ¥ er data. Punkt.</p> 572 </div> 573 </div> 574 <div class="flex items-start gap-4"> 575 <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center"> 576 <i data-lucide="server" class="w-5 h-5 text-gray-500"></i> 577 </div> 578 <div> 579 <h4 class="font-semibold text-gray-900 mb-1">GDPR-kompatibelt</h4> 580 <p class="text-sm text-gray-500">Fullständig efterlevnad av GDPR och svenska dataskyddsregler. Data lagras inom EU.</p> 581 </div> 582 </div> 583 <div class="flex items-start gap-4"> 584 <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center"> 585 <i data-lucide="file-lock" class="w-5 h-5 text-gray-500"></i> 586 </div> 587 <div> 588 <h4 class="font-semibold text-gray-900 mb-1">Krypterad överföring & lagring</h4> 589 <p class="text-sm text-gray-500">TLS-kryptering i transit och AES-256 i vila. Samma standarder som banker och myndigheter.</p> 590 </div> 591 </div> 592 </div> 593 </div> 594 </div> 595 </section> 596 597 <section id="processen" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10"> 598 <div class="max-w-6xl mx-auto"> 599 <div class="grid lg:grid-cols-2 gap-20 items-center"> 600 <div class="neon-card bg-white border border-gray-200 shadow-xl rounded-3xl p-10 order-2 lg:order-1"> 601 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-8">Processen</p> 602 603 <div class="space-y-0"> 604 <div class="relative flex gap-5 pb-8"> 605 <div class="flex flex-col items-center"> 606 <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">1</div> 607 <div class="w-px h-full bg-gray-200 mt-2"></div> 608 </div> 609 <div> 610 <h3 class="font-semibold text-gray-900 mb-1">Kickoff & onboarding</h3> 611 <p class="text-sm text-gray-500">Vi definierar scope och startar djupintervjun med er ledning för att förstÃ¥ hur AI används idag.</p> 612 <span class="text-xs text-gray-400 mt-1 inline-block">Dag 1â2</span> 613 </div> 614 </div> 615 616 <div class="relative flex gap-5 pb-8"> 617 <div class="flex flex-col items-center"> 618 <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">2</div> 619 <div class="w-px h-full bg-gray-200 mt-2"></div> 620 </div> 621 <div> 622 <h3 class="font-semibold text-gray-900 mb-1">FrÃ¥geformulär & intervjuer</h3> 623 <p class="text-sm text-gray-500">Medarbetare svarar anonymt. Vi intervjuar CEO och ledningsgrupp pÃ¥ djupet.</p>
624 <span class="text-xs text-gray-400 mt-1 inline-block">Dag 3â8</span> 625 </div> 626 </div> 627 628 <div class="relative flex gap-5 pb-8"> 629 <div class="flex flex-col items-center"> 630 <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">3</div> 631 <div class="w-px h-full bg-gray-200 mt-2"></div> 632 </div> 633 <div> 634 <h3 class="font-semibold text-gray-900 mb-1">Dokumentanalys, dataanalys & syntes</h3> 635 <p class="text-sm text-gray-500">Dokument, kopplade system, data och konkurrenter analyseras â och alla sex källor korsrefereras.</p> 636 <span class="text-xs text-gray-400 mt-1 inline-block">Dag 5â11</span> 637 </div> 638 </div> 639 640 <div class="relative flex gap-5"> 641 <div class="flex flex-col items-center"> 642 <div class="w-10 h-10 rounded-full bg-gray-900 text-white flex items-center justify-center shrink-0"> 643 <i data-lucide="check" class="w-5 h-5"></i> 644 </div> 645 </div> 646 <div> 647 <h3 class="font-semibold text-gray-900 mb-1">Handlingsplan & genomgÃ¥ng</h3> 648 <p class="text-sm text-gray-500">Ni fÃ¥r handlingsplanen och vi gÃ¥r igenom den tillsammans â redo att agera.</p> 649 <span class="text-xs text-gray-400 mt-1 inline-block">Dag 12â14</span> 650 </div> 651 </div> 652 </div> 653 </div> 654 655 <div class="order-1 lg:order-2"> 656 <h2 class="text-3xl md:text-5xl font-medium tracking-tight text-gray-900 mb-6"> 657 FrÃ¥n start till svar<br>pÃ¥ 14 dagar 658 </h2> 659 <p class="text-lg text-gray-500 leading-relaxed mb-6"> 660 Ingen utdragen konsultprocess. Vi jobbar intensivt i tvÃ¥ veckor â 661 med minimal störning av er vardag. Ni svarar pÃ¥ frÃ¥gor, vi gör resten. 662 </p> 663 <div class="p-6 rounded-2xl bg-gray-50 border border-gray-200 mb-4"> 664 <div class="flex items-start gap-3"> 665 <i data-lucide="arrow-right-circle" class="w-5 h-5 text-gray-500 mt-0.5 shrink-0"></i> 666 <div> 667 <h4 class="font-semibold text-gray-900 mb-1">Vad händer sedan?</h4> 668 <p class="text-sm text-gray-600"> 669 Ni kan genomföra själva eller ta hjälp vidare. Planen är skriven sÃ¥ att 670 den gÃ¥r att lämna över till den som ska göra jobbet. 671 </p> 672 </div> 673 </div> 674 </div> 675 <div class="p-6 rounded-2xl bg-amber-50 border border-amber-200/60"> 676 <div class="flex items-start gap-3"> 677 <i data-lucide="repeat" class="w-5 h-5 text-amber-500 mt-0.5 shrink-0"></i> 678 <div> 679 <h4 class="font-semibold text-gray-900 mb-1">à terkommande kartläggning?</h4> 680 <p class="text-sm text-gray-600"> 681 Kör analysen kvartalsvis eller Ã¥rligen för att mäta er progression. 682 Se om satsningarna ger resultat â med samma mätmetod varje gÃ¥ng. 683 </p> 684 </div> 685 </div> 686 </div> 687 </div> 688 </div> 689 </div> 690 </section> 691 692 <section id="kontakt" class="py-12 md:py-28 px-8 md:px-16 relative z-10"> 693 <div class="max-w-3xl mx-auto"> 694 <div class="text-center mb-12"> 695 <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Kontakt</p> 696 <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-6 tracking-tight"> 697 Börja med Insyn 698 </h2> 699 <p class="text-xl text-gray-500 max-w-2xl mx-auto"> 700 Lämna era uppgifter sÃ¥ kontaktar vi er inom 24 timmar. Vi gÃ¥r igenom ert 701 bolag och Ã¥terkommer med hur en kartläggning skulle läggas upp för er. 702 </p> 703 </div> 704 705 706 <div class="neon-card bg-white border border-gray-200 rounded-3xl shadow-xl p-8 md:p-12"> 707 <form class="space-y-6" action="/contact_messages" accept-charset="UTF-8" method="post">
707<input type="hidden" name="authenticity_token" value="0Q8CHZB5KJg6WWRI83W9sUBuTX6lU5HYJbxqa2_PWrC_2dEhzeGM3ibAXzr9Kp-Ttjy0owcbBoaxGCzeljYnQA" /> 708 <div class="grid md:grid-cols-2 gap-5"> 709 <div> 710 <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_name">Namn *</label> 711 <input required="required" placeholder="Ditt namn" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="text" name="contact_message[name]" id="contact_message_name" /> 712 </div> 713 <div> 714 <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_email">E-post *</label> 715 <input required="required" placeholder="[email protected]" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="email" name="contact_message[email]" id="contact_message_email" /> 716 </div> 717 </div> 718 719 <div class="grid md:grid-cols-2 gap-5"> 720 <div> 721 <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_company">Företag</label> 722 <input placeholder="Företagsnamn" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="text" name="contact_message[company]" id="contact_message_company" /> 723 </div> 724 <div> 725 <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_phone">Telefon</label> 726 <input placeholder="070-123 45 67" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="tel" name="contact_message[phone]" id="contact_message_phone" /> 727 </div> 728 </div> 729 730 <div> 731 <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_message">Meddelande *</label> 732 <textarea required="required" rows="4" placeholder="Berätta kort om ert bolag och vad ni är intresserade av..." class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all resize-none" name="contact_message[message]" id="contact_message_message"> 733</textarea> 734 </div> 735 736 <div class="text-center pt-2"> 737 <button type="submit" class="w-full sm:w-auto px-10 py-4 rounded-full bg-gray-900 hover:bg-gray-800 text-white font-semibold text-base transition-all cursor-pointer whitespace-nowrap group"> 738 Skicka meddelande 739 <i data-lucide="send" class="w-4 h-4 inline ml-1 transition-transform group-hover:translate-x-0.5"></i> 740 </button> 741 <p class="text-sm text-gray-400 mt-4">Vi svarar inom 24 timmar. Ingen spam.</p> 742 </div> 743</form> </div> 744 </div> 745 </section> 746 747 <footer class="border-t border-gray-100 bg-gray-50/50 relative z-10"> 748 <div class="w-full px-8 md:px-16 py-16"> 749 <div class="grid md:grid-cols-4 gap-10"> 750 <div> 751 <div class="mb-4"> 752 <img alt="insyn.ai" class="h-6" src="/assets/logotype-d5464511.png" /> 753 </div> 754 <p class="text-sm text-gray-500"> 755 Vi tar reda pÃ¥ var AI faktiskt är lönsamt i ert företag â och var det inte är det. 756 </p> 757 </div> 758 <div> 759 <h4 class="font-semibold text-gray-900 mb-4 text-sm">Produkt</h4> 760 <ul class="space-y-2 text-sm text-gray-500"> 761 <li>
761<a href="#exempel" class="hover:text-gray-900 transition-colors">Exempel</a></li> 762 <li><a href="#metoden" class="hover:text-gray-900 transition-colors">SÃ¥ gör vi</a></li> 763 <li><a href="#rapporten" class="hover:text-gray-900 transition-colors">Handlingsplanen</a></li> 764 <li><a href="#processen" class="hover:text-gray-900 transition-colors">14 dagar</a></li> 765 </ul> 766 </div> 767 <div> 768 <h4 class="font-semibold text-gray-900 mb-4 text-sm">Företag</h4> 769 <ul class="space-y-2 text-sm text-gray-500"> 770 <li><a class="hover:text-gray-900 transition-colors" href="/om-oss">Om oss</a></li> 771 <li><a href="#kontakt" class="hover:text-gray-900 transition-colors">Kontakt</a></li> 772 <li><a href="#" class="hover:text-gray-900 transition-colors">Integritetspolicy</a></li> 773 </ul> 774 </div> 775 <div> 776 <h4 class="font-semibold text-gray-900 mb-4 text-sm">Kontakt</h4> 777 <ul class="space-y-2 text-sm text-gray-500"> 778 <li class="flex items-center gap-2"> 779 <i data-lucide="mail" class="w-4 h-4"></i> 780 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="553c3b333a153c3b262c3b7b343c">[email protected]</a> 781 </li> 782 <li class="flex items-center gap-2"> 783 <i data-lucide="map-pin" class="w-4 h-4"></i> 784 Arvika, Sverige 785 </li> 786 </ul> 787 </div> 788 </div> 789 <div class="border-t border-gray-200 mt-12 pt-8 text-center text-sm text-gray-400"> 790 <p>© 2026 insyn.ai. Alla rättigheter förbehÃ¥llna.</p> 791 </div> 792 </div> 793 </footer> 794 795</div> 796 797<style> 798 @property --neon-angle { 799 syntax: "<angle>"; 800 initial-value: 0deg; 801 inherits: false; 802 } 803 804 .neon-card { 805 position: relative; 806 } 807 808 .neon-card::before { 809 content: ''; 810 position: absolute; 811 inset: 0; 812 border-radius: inherit; 813 padding: 1px; 814 background: conic-gradient( 815 from var(--neon-angle), 816 transparent 0%, 817 transparent 70%, 818 rgba(45, 212, 191, 0.3) 75%, 819 rgba(168, 85, 247, 0.2) 80%, 820 rgba(59, 130, 246, 0.3) 85%, 821 transparent 90%, 822 transparent 100% 823 ); 824 -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 825 -webkit-mask-composite: xor; 826 mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 827 mask-composite: exclude; 828 animation: neon-spin 25s linear infinite; 829 pointer-events: none; 830 } 831 832 @keyframes neon-spin { 833 to { --neon-angle: 360deg; } 834 } 835 836 .landing-fade-in { 837 animation: landing-fade 0.6s ease-out forwards; 838 opacity: 0; 839 } 840 841 @keyframes landing-fade { 842 from { opacity: 0; transform: translateY(15px); } 843 to { opacity: 1; transform: translateY(0); } 844 } 845</style>
vendor: 110 bytes, lines 845-847
845 846 847<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
847<script> 848(function() { 849 var canvas = document.getElementById("particles-canvas"); 850 if (!canvas) return; 851 var ctx = canvas.getContext("2d"); 852 var mouse = { x: -9999, y: -9999 }; 853 var particles = []; 854 var COUNT = 180; 855 var colors = [ 856 "rgba(20,184,166,0.4)", // teal-500 857 "rgba(45,212,191,0.35)", // teal-400 858 "rgba(13,148,136,0.4)", // teal-600 859 "rgba(94,234,212,0.3)", // teal-300 860 "rgba(148,163,184,0.3)", // slate-400 861 "rgba(203,213,225,0.35)", // slate-300 862 "rgba(100,116,139,0.25)", // slate-500 863 ]; 864 var raf; 865 866 function resize() { 867 canvas.width = window.innerWidth; 868 canvas.height = window.innerHeight; 869 } 870 871 function create() { 872 particles = []; 873 for (var i = 0; i < COUNT; i++) { 874 var speed = 0.15 + Math.random() * 0.35; 875 var angle = Math.random() * Math.PI * 2; 876 particles.push({ 877 x: Math.random() * canvas.width, 878 y: Math.random() * canvas.height, 879 vx: Math.cos(angle) * speed, 880 vy: Math.sin(angle) * speed, 881 radius: 1 + Math.random() * 2.5, 882 color: colors[Math.floor(Math.random() * colors.length)] 883 }); 884 } 885 } 886 887 function draw() { 888 ctx.clearRect(0, 0, canvas.width, canvas.height); 889 for (var i = 0; i < particles.length; i++) { 890 var p = particles[i]; 891 // Random wobble 892 p.vx += (Math.random() - 0.5) * 0.04; 893 p.vy += (Math.random() - 0.5) * 0.04; 894 895 p.x += p.vx; 896 p.y += p.vy; 897 898 // Mouse repulse 899 var dx = p.x - mouse.x, dy = p.y - mouse.y; 900 var dist = Math.sqrt(dx * dx + dy * dy); 901 if (dist < 130 && dist > 0) { 902 var force = (1 - dist / 130) * 0.5; 903 p.vx += (dx / dist) * force; 904 p.vy += (dy / dist) * force; 905 } 906 907 // Damping back to drift speed 908 p.vx *= 0.995; 909 p.vy *= 0.995; 910 911 // Wrap edges 912 if (p.x < -10) p.x = canvas.width + 10; 913 if (p.x > canvas.width + 10) p.x = -10; 914 if (p.y < -10) p.y = canvas.height + 10; 915 if (p.y > canvas.height + 10) p.y = -10; 916 917 // Draw circle 918 ctx.beginPath(); 919 ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2); 920 ctx.fillStyle = p.color; 921 ctx.fill(); 922 } 923 raf = requestAnimationFrame(draw); 924 } 925 926 resize(); 927 create(); 928 draw(); 929 930 window.addEventListener("resize", function() { resize(); create(); }); 931 window.addEventListener("mousemove", function(e) { mouse.x = e.clientX; mouse.y = e.clientY; }); 932 document.addEventListener("turbo:before-visit", function() { cancelAnimationFrame(raf); }); 933})(); 934</script>
934 935 936
936<script>lucide.createIcons();</script>
936 937 </body> 938</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.