1<!DOCTYPE html> 2<html lang="en" class="dark"> 3 <head> 4 <meta charset="utf-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 7<title>Spreka AI</title> 8 9<link rel="icon" href="/favicon.ico?v=3" sizes="48x48"> 10<link rel="icon" href="/favicon.svg?v=3" type="image/svg+xml"> 11<link rel="icon" href="/favicon-96x96.png?v=3" sizes="96x96" type="image/png"> 12<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=3"> 13 14 15<link rel="manifest" href="/manifest.webmanifest?v=3"> 16<meta name="theme-color" content="#18181b"> 17<meta name="apple-mobile-web-app-capable" content="yes"> 18<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 19<meta name="apple-mobile-web-app-title" content="Spreka AI"> 20 21<link rel="preconnect" href="https://fonts.bunny.net"> 22<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" /> 23 24<link rel="preload" as="style" href="https://spreka.ai/build/assets/app-BldHsAT5.css" /><link rel="modulepreload" as="script" href="https://spreka.ai/build/assets/app-9HlkqSRD.js" /><link rel="stylesheet" href="https://spreka.ai/build/assets/app-BldHsAT5.css" data-navigate-track="reload" />
24<script type="module" src="https://spreka.ai/build/assets/app-9HlkqSRD.js" data-navigate-track="reload"></script>
24<style> 25 :root.dark { 26 color-scheme: dark; 27 } 28</style>
29<script> 30 window.Flux = { 31 applyAppearance (appearance) { 32 let applyDark = () => document.documentElement.classList.add('dark') 33 let applyLight = () => document.documentElement.classList.remove('dark') 34 35 if (appearance === 'system') { 36 let media = window.matchMedia('(prefers-color-scheme: dark)') 37 38 window.localStorage.removeItem('flux.appearance') 39 40 media.matches ? applyDark() : applyLight() 41 } else if (appearance === 'dark') { 42 window.localStorage.setItem('flux.appearance', 'dark') 43 44 applyDark() 45 } else if (appearance === 'light') { 46 window.localStorage.setItem('flux.appearance', 'light') 47 48 applyLight() 49 } 50 } 51 } 52 53 window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 54</script>
54 55 56 57<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.css">
58<script src="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.js"></script>
vendor: 1 bytes, line 58
58
59<script> 60 document.addEventListener('DOMContentLoaded', () => { 61 if (typeof Coloris !== 'undefined') { 62 Coloris({ 63 themeMode: 'dark', 64 alpha: false, 65 format: 'hex', 66 swatches: [ 67 '#3b82f6', '#6366f1', '#8b5cf6', '#a855f7', 68 '#ec4899', '#ef4444', '#f97316', '#eab308', 69 '#22c55e', '#14b8a6', '#06b6d4', '#0891b2', 70 '#ffffff', '#f1f5f9', '#0f172a', '#1e293b', 71 ], 72 onChange: (color, input) => { 73 input.dispatchEvent(new Event('input', { bubbles: true })); 74 } 75 }); 76 } 77 }); 78</script>
78 79 80 <link rel="preconnect" href="https://fonts.bunny.net"> 81 <link href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800" rel="stylesheet" /> 82 <style> 83 body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; } 84 </style> 85 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 86</head> 87 <body class="min-h-screen bg-zinc-50 antialiased dark:bg-zinc-950"> 88 89 <nav class="fixed top-0 z-50 w-full border-b border-zinc-200 bg-white/80 backdrop-blur-xl dark:border-zinc-800 dark:bg-zinc-950/80"> 90 <div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-5 sm:px-8"> 91 <a href="https://spreka.ai" class="flex items-center gap-2.5" wire:navigate> 92 93 <span class="text-lg font-bold tracking-tight text-zinc-900 dark:text-white">Spreka AI</span> 94 </a> 95 96 97 <div class="flex items-center gap-1 rounded-lg border border-zinc-200 px-1 py-0.5 dark:border-zinc-700"> 98 <form method="POST" action="https://spreka.ai/locale/en" class="inline"> 99 <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off"> <button type="submit" class="rounded-md px-2 py-1 text-xs font-semibold transition-colors bg-indigo-600 text-white">EN</button> 100 </form> 101 <form method="POST" action="https://spreka.ai/locale/de" class="inline"> 102 <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off"> <button type="submit" class="rounded-md px-2 py-1 text-xs font-semibold transition-colors text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white">DE</button> 103 </form> 104 </div> 105 </div> 106 </nav> 107 108 109 <div class="flex min-h-screen flex-col items-center justify-center px-5 pt-14"> 110 <div class="w-full max-w-sm"> 111 <div class="flex flex-col gap-6"> 112 <div class="flex flex-col gap-6"> 113 <div class="flex w-full flex-col text-center"> 114 <h1 class="text-2xl font-bold tracking-tight text-zinc-900 dark:text-white">Create your account</h1> 115 <p class="mt-1.5 text-sm text-zinc-500 dark:text-zinc-400">Get started with your first AI voice agent</p> 116 </div> 117 118 <!-- Session Status --> 119 120 <form method="POST" action="https://spreka.ai/register" class="flex flex-col gap-5"> 121 <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off"> 122 <!-- Name --> 123 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 124 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 125 Full name 126 127 128 129 </ui-label> 130 131 132 <div class="w-full relative block group/input" data-flux-input> 133 134 <input 135 type="text" 136 137 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Full name" required="required" autofocus="autofocus" autocomplete="name" placeholder="Full name" 138 name="name" data-flux-control 139 data-flux-group-target 140 > 141 142 </div> 143 144 145 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 146 </div> 147</ui-field> 148 149 <!-- Email Address --> 150 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 151 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 152 Email address 153 154 155 156 </ui-label> 157 158 159 <div class="w-full relative block group/input" data-flux-input> 160 161 <input 162 type="email" 163 164 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Email address" required="required" autocomplete="email" placeholder="[email protected]" 165 name="email" data-flux-control 166 data-flux-group-target 167 > 168 169 </div> 170 171 172 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 173 </div> 174</ui-field> 175 176 <!-- Password --> 177 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 178 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 179 Password 180 181 182 183 </ui-label> 184 185 186 <div class="w-full relative block group/input" data-flux-input> 187 188 <input 189 type="password" 190 191 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Password" required="required" autocomplete="new-password" placeholder="Password" 192 name="password" data-flux-control 193 data-flux-group-target 194 > 195 196 <div class="absolute top-0 bottom-0 flex items-center gap-x-1.5 pe-2 border-e border-transparent end-0 text-xs text-zinc-400"> 197 198 199 200 201 202 203 <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex -ms-1.5 -me-1.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white -me-1" data-flux-button="data-flux-button" x-data="fluxInputVie
203wable" x-on:click="toggle()" x-bind:data-viewable-open="open" aria-label="Toggle password visibility"> 204 <svg class="shrink-0 [:where(&)]:size-5 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 205 <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z" clip-rule="evenodd"/> 206 <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"/> 207</svg> 208 209 <svg class="shrink-0 [:where(&)]:size-5 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 210 <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/> 211 <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/> 212</svg> 213 </button> 214 215 </div> 216 </div> 217 218 219 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 220 </div> 221</ui-field> 222 223 <!-- Confirm Password --> 224 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 225 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 226 Confirm password 227 228 229 230 </ui-label> 231 232 233 <div class="w-full relative block group/input" data-flux-input> 234 235 <input 236 type="password" 237 238 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Confirm password" required="required" autocomplete="new-password" placeholder="Confirm password" 239 name="password_confirmation" data-flux-control 240 data-flux-group-target 241 > 242 243 <div class="absolute top-0 bottom-0 flex items-center gap-x-1.5 pe-2 border-e border-transparent end-0 text-xs text-zinc-400"> 244 245 246 247 248 249 250 <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex -ms-1.5 -me-1.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white -me-1" data-flux-button="data-flux-button" x-data="fluxInputVie
250wable" x-on:click="toggle()" x-bind:data-viewable-open="open" aria-label="Toggle password visibility"> 251 <svg class="shrink-0 [:where(&)]:size-5 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 252 <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z" clip-rule="evenodd"/> 253 <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"/> 254</svg> 255 256 <svg class="shrink-0 [:where(&)]:size-5 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 257 <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/> 258 <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/> 259</svg> 260 </button> 261 262 </div> 263 </div> 264 265 266 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 267 </div> 268</ui-field> 269 270 <!-- Language --> 271 <div> 272 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 273 Language 274 275 276 277 </ui-label> 278 <div class="mt-2 flex gap-3"> 279 <label class="flex items-center gap-2 rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-2.5 cursor-pointer has-[:checked]:border-indigo-500 has-[:checked]:bg-indigo-50 dark:has-[:checked]:bg-indigo-950 transition-colors"> 280 <input type="radio" name="locale" value="de" checked class="accent-indigo-600" /> 281 <span class="text-sm font-medium text-zinc-700 dark:text-zinc-300">Deutsch</span> 282 </label> 283 <label class="flex items-center gap-2 rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-2.5 cursor-pointer has-[:checked]:border-indigo-500 has-[:checked]:bg-indigo-50 dark:has-[:checked]:bg-indigo-950 transition-colors"> 284 <input type="radio" name="locale" value="en" class="accent-indigo-600" /> 285 <span class="text-sm font-medium text-zinc-700 dark:text-zinc-300">English</span> 286 </label> 287 </div> 288 </div> 289 290 <!-- Terms & Privacy (required) --> 291 <div class="space-y-3"> 292 <label class="flex items-start gap-3 cursor-pointer"> 293 <input type="checkbox" name="accepted_terms" value="1" class="mt-0.5 size-4 shrink-0 rounded border-zinc-300 accent-indigo-600 dark:border-zinc-600" required /> 294 <span class="text-sm leading-snug text-zinc-600 dark:text-zinc-400"> 295 I accept the <a href="https://spreka.ai/terms" target="_blank" class="font-medium text-indigo-600 hover:underline dark:text-indigo-400">Terms of Service</a> and <a href="https://spreka.ai/privacy" target="_blank" class="font-medium text-indigo-600 hover:underline dark:text-indigo-400">Privacy Policy</a> and agree to receive system notifications (e.g. account updates, security alerts). 296 </span> 297 </label> 298 299 <!-- Newsletter (optional) --> 300 <label class="flex items-start gap-3 cursor-pointer"> 301 <input type="checkbox" name="accepts_newsletter" value="1" class="mt-0.5 size-4 shrink-0 rounded border-zinc-300 accent-indigo-600 dark:border-zinc-600" />
302 <span class="text-sm leading-snug text-zinc-600 dark:text-zinc-400"> 303 I would like to receive product updates and tips via email (optional). 304 </span> 305 </label> 306 </div> 307 308 <div class="flex items-center justify-end"> 309 <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" data-test="register-user-button"> 310 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 311 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 312 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 313 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 314</svg> 315 </div> 316 317 318 319 320 <span>Create account</span> 321 </button> 322 </div> 323 </form> 324 325 <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-500 dark:text-zinc-400"> 326 <span>Already have an account?</span> 327 <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://spreka.ai/login" wire:navigate="" data-flux-link >Sign in</a> </div> 328 </div> 329 </div> 330 </div> 331 </div> 332
332<script src="https://spreka.ai/flux/flux.min.js?id=497da1a7" data-navigate-once></script>
332 333
333<script src="https://spreka.ai/livewire-46e198e4/livewire.min.js?id=4735e441" data-csrf="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" data-module-url="https://spreka.ai/livewire-46e198e4" data-update-uri="https://spreka.ai/livewire-46e198e4/update" data-navigate-once="true"></script>
333 334</body> 335</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.