1 2<!doctype html> 3<html lang="en"> 4 <head> 5 <meta http-equiv="content-type" content="text/html;charset=UTF-8"> 6<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 7<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 8 9<title>Effortless time tracking solution | Slog</title> 10<link rel="icon" type="image/png" href="/assets/logo-bd0773d7e0395550695cc8bc9b1b1b7dbf1fe54e15c8c45784e16fdbc3009e59.png"> 11<link rel="icon" type="image/svg+xml" href="/assets/logo-11958f10150ef49431953ead1e0193c3965164f3f720a441e591e698eb5bf410.svg"> 12<link rel="apple-touch-icon" type="image/x-icon" href="/assets/apple-touch-icon-dbe849e04b45858f8b9c264e873143c10262d0d817b107472952eec1d5940858.png"> 13<meta name="description" content="Slog is the easiest time tracking solution. Drag & drop your hours, create professional timesheets, and export your data effortlessly."> 14<link rel="manifest" href="/manifest.webmanifest"> 15<meta name="twitter:card" content="summary_large_image"> 16<meta name="twitter:creator" content="@guillaumebriday"> 17<meta name="twitter:description" content="Slog is the easiest time tracking solution. Drag & drop your hours, create professional timesheets, and export your data effortlessly."> 18<meta property="og:title" content="Effortless time tracking solution"> 19<meta property="og:site_name" content="Slog"> 20<meta property="og:description" content="Slog is the easiest time tracking solution. Drag & drop your hours, create professional timesheets, and export your data effortlessly."> 21<meta property="og:image" content="/assets/open-graph-ffd093254c49535a1e4255356638a9c57b46bcf139d2ec565fa3cf165ed7bc22.png"> 22<meta name="author" content="Oxolyn Lab"> 23<meta name="mobile-web-app-capable" content="yes"> 24<meta name="apple-mobile-web-app-capable" content="yes"> 25 26<meta name="csrf-param" content="authenticity_token" /> 27<meta name="csrf-token" content="THiIHRKqkI7WBZKzgTbukXTHh3Zpr_zTFAb7UidCqSmGhajUST55lB1-Gfh_wCMhFKoBamrkLz1WVXcDiWZ8iw" /> 28<meta name="csp-nonce" content="461cad17fd9cc4a04f41e362fc4eb726" /> 29
30<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.slog-app.com/en","name":"Slog","logo":"/assets/logo-11958f10150ef49431953ead1e0193c3965164f3f720a441e591e698eb5bf410.svg"}</script>
30 31 32 33 34 35 36
36<script src="/vite/assets/application-ZNtfrW1Z.js" crossorigin="" type="module" data-turbo-track="reload"></script>
36<link rel="modulepreload" href="/vite/assets/preload-helper-B5xOqXdS.js" as="script" crossorigin="" data-turbo-track="reload"> 37<link rel="modulepreload" href="/vite/assets/application-DnbuEubj.js" as="script" crossorigin="" data-turbo-track="reload"><link rel="stylesheet" crossorigin="" href="/vite/assets/application-BT2aj3pb.css" data-turbo-track="reload" /> 38<meta name="turbo-refresh-method" content="morph"><meta name="turbo-refresh-scroll" content="preserve"> 39 40
40<script defer data-domain="slog-app.com" src="https://plausible.io/js/script.tagged-events.js"></script>
40 41 42
42<script> 43 window.chatwootSettings = { 44 useBrowserLanguage: true, 45 type: 'expanded_bubble' 46 }; 47 48 (function(d,t) { 49 const BASE_URL="https://app.chatwoot.com"; 50 const g=d.createElement(t),s=d.getElementsByTagName(t)[0]; 51 g.src=BASE_URL+"/packs/js/sdk.js"; 52 g.defer = true; 53 g.async = true; 54 s.parentNode.insertBefore(g,s); 55 g.onload=function(){ 56 window.chatwootSDK.run({ 57 websiteToken: '6wWG1vNk995KUN1aBkrTJ1WH', 58 baseUrl: BASE_URL 59 }) 60 } 61 })(document, "script") 62 63 </script>
63 64 65
65<script type="text/javascript"> 66 _linkedin_partner_id = "7112162"; 67 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 68 window._linkedin_data_partner_ids.push(_linkedin_partner_id); 69 </script>
69 70 71
71<script type="text/javascript"> 72 (function(l) { 73 if (!l) { 74 window.lintrk = function(a,b){ window.lintrk.q.push([a,b]) }; 75 window.lintrk.q=[] 76 } 77 78 var s = document.getElementsByTagName("script")[0]; 79 var b = document.createElement("script"); 80 b.type = "text/javascript"; 81 b.async = true; 82 b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 83 s.parentNode.insertBefore(b, s); 84 })(window.lintrk); 85 </script>
85 86 87 </head> 88 89 <body class="font-sans bg-gray-100"> 90 91 92 <div class="min-h-screen flex flex-col"> 93 94 95<div class="relative bg-white"> 96 97 98 99 100<div data-controller="dropdown" class="relative pt-6 z-50"> 101 <nav class="relative max-w-screen-xl mx-auto flex items-center justify-between px-4 sm:px-6"> 102 <div class="flex items-center flex-1"> 103 <div class="flex items-center justify-around flex-1 gap-8"> 104 <a aria-label="Home" href="/en"><img class="w-auto h-20 sm:h-24" loading="auto" alt="Slog-app" src="/assets/logo-11958f10150ef49431953ead1e0193c3965164f3f720a441e591e698eb5bf410.svg" /></a> 105 106 <div class="relative flex flex-1 justify-center items-center gap-8"> 107 <div class="relative" data-controller="dropdown"> 108 <button 109 type="button" 110 data-action="dropdown#toggle click@window->dropdown#hide" 111 class="hidden md:inline-flex items-center gap-x-1 leading-6 font-medium text-gray-500 hover:text-gray-900" 112 > 113 <span> 114 Use cases 115 </span> 116 117 <i class="fa-light fa-chevron-down fa-fw"></i> 118 </button> 119 120 121<div class="transition hidden absolute z-30 -translate-x-1/2 left-1/2 mt-2 min-w-56 rounded-md shadow-lg" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"> 122 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm leading-6 shadow-lg ring ring-gray-900/5"> 123 <div class="p-4"> 124 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 125 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 126 <i class="fa-light fa-users fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 127 </div> 128 129 <div> 130 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/use-cases/agencies"> 131 Agencies 132 133 <span class="absolute inset-0"></span> 134</a> 135 <p class="mt-1 text-gray-600"> 136 Track your team's time with ease. Get accurate timesheets, monitor project costs, and optimize your agencyâs performance with Slog. 137 </p> 138 </div> 139 </div> 140 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 141 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 142 <i class="fa-light fa-user-clock fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 143 </div> 144 145 <div> 146 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/use-cases/freelancers"> 147 Freelancers 148 149 <span class="absolute inset-0"></span> 150</a> 151 <p class="mt-1 text-gray-600"> 152 Track your billable hours and create professional timesheets in a few clicks. Slog helps freelancers stay organized and get paid with confidence. 153 </p> 154 </div> 155 </div> 156 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 157 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 158 <i class="fa-light fa-user-tie fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 159 </div> 160 161 <div> 162 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/use-cases/managers"> 163 Managers 164 165 <span class="absolute inset-0"></span> 166</a> 167 <p class="mt-1 text-gray-600"> 168 Understand where your teamâs time goes, make better decisions. 169 </p> 170 </div> 171 </div> 172 </div> 173 </div> 174</div> 175 </div> 176 177 <div class="relative" data-controller="dropdown"> 178 <button 179 type="button" 180 data-action="dropdown#toggle click@window->dropdown#hide" 181 class="hidden md:inline-flex items-center gap-x-1 leading-6 font-medium text-gray-500 hover:text-gray-900" 182 >
183 <span> 184 Features 185 </span> 186 187 <i class="fa-light fa-chevron-down fa-fw"></i> 188 </button> 189 190 191<div class="transition hidden absolute z-30 -translate-x-1/2 left-1/2 mt-2 min-w-56 rounded-md shadow-lg" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"> 192 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm leading-6 shadow-lg ring ring-gray-900/5"> 193 <div class="p-4"> 194 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 195 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 196 <i class="fa-light fa-user-clock fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 197 </div> 198 199 <div> 200 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/features/time-tracking"> 201 Time Tracking 202 203 <span class="absolute inset-0"></span> 204</a> 205 <p class="mt-1 text-gray-600"> 206 Start your timer, assign a project and forget it until you get the job done! 207 </p> 208 </div> 209 </div> 210 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 211 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 212 <i class="fa-light fa-chart-mixed fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 213 </div> 214 215 <div> 216 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/features/dashboard"> 217 Dashboard 218 219 <span class="absolute inset-0"></span> 220</a> 221 <p class="mt-1 text-gray-600"> 222 Understand your time usage through graphs 223 </p> 224 </div> 225 </div> 226 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 227 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 228 <i class="fa-light fa-folder-open fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 229 </div> 230 231 <div> 232 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/features/project-management"> 233 Project Management 234 235 <span class="absolute inset-0"></span> 236</a> 237 <p class="mt-1 text-gray-600"> 238 Create, Manage and track your projects in one place 239 </p> 240 </div> 241 </div> 242 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 243 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 244 <i class="fa-light fa-user-tie fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 245 </div> 246 247 <div> 248 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/features/client-management"> 249 Client Management 250 251 <span class="absolute inset-0"></span> 252</a> 253 <p class="mt-1 text-gray-600"> 254 See all your client's projects in one look, in one place 255 </p> 256 </div> 257 </div> 258 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-gray-50"> 259 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 260 <i class="fa-light fa-calendar-day fa-fw text-gray-600 group-hover:text-secondary-700 text-xl"></i> 261 </div> 262 263 <div> 264 <a class="font-semibold text-gray-900 group-hover:text-secondary-700" href="/en/features/calendar"> 265 Calendar 266 267 <span class="absolute inset-0"></span> 268</a> 269 <p class="mt-1 text-gray-600"> 270 You can see and manage all your time entries in your calendar 271 </p> 272 </div> 273 </div> 274 </div> 275 </div> 276</div> 277 </div> 278 279 <a class="hidden md:inline-block font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out hover:underline" href="/en/blog">Blog</a> 280 <a class="hidden md:inline-block font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out hover:underline" href="/en/pricing">Pricing</a> 281 </div> 282 </div> 283 </div> 284 285 <div class="hidden md:flex items-center justify-between gap-8"> 286 <a data-turbo="false" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out hover:underline" href="/en/login">Log in</a> 287 288 <a data-turbo="false" class="btn btn-secondary font-medium plausible-event-name--get-started" href="/en/register">Get started →</a> 289 290 <div class="text-right relative" data-controller="dropdown"> 291 <button 292 data-action="dropdown#toggle click@window->dropdown#hide" 293 class="p-2 hover:bg-gray-100 rounded-md flex items-center gap-2 plausible-event-name--switch-locale-dropdown" 294 > 295 ðºð¸ 296 297 <span class="uppercase"> 298 en 299 </span> 300 </button> 301 302 <div class="transition hidden absolute z-30 origin-top-right right-0 mt-2 min-w-56 rounded-md shadow-lg min-w-fit whitespace-nowrap" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"> 303 <div class="rounded-md bg-white ring ring-gray-200"> 304 <div class="py-1"> 305 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/en"> 306 ðºð¸ 307
308 <span> 309 English 310 </span> 311</a> </div> 312 <div class="py-1"> 313 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/fr"> 314 ð«ð· 315 316 <span> 317 Français 318 </span> 319</a> </div> 320 <div class="py-1"> 321 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/de"> 322 ð©ðª 323 324 <span> 325 German 326 </span> 327</a> </div> 328 <div class="py-1"> 329 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/es"> 330 ðªð¸ 331 332 <span> 333 Español 334 </span> 335</a> </div> 336 <div class="py-1"> 337 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/it"> 338 ð®ð¹ 339 340 <span> 341 Italiano 342 </span> 343</a> </div> 344 <div class="py-1"> 345 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/pl"> 346 ðµð± 347 348 <span> 349 Polski 350 </span> 351</a> </div> 352 <div class="py-1"> 353 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/pt"> 354 ðµð¹ 355 356 <span> 357 Português 358 </span> 359</a> </div> 360 <div class="py-1"> 361 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/nl"> 362 ð³ð± 363 364 <span> 365 Dutch 366 </span> 367</a> </div> 368 </div> 369</div></div> 370 371 </div> 372 373 <div class="flex gap-2 md:hidden"> 374 <div class="text-right relative" data-controller="dropdown"> 375 <button 376 data-action="dropdown#toggle click@window->dropdown#hide" 377 class="p-2 hover:bg-gray-100 rounded-md flex items-center gap-2 plausible-event-name--switch-locale-dropdown" 378 > 379 ðºð¸ 380 381 <span class="uppercase"> 382 en 383 </span> 384 </button> 385 386 <div class="transition hidden absolute z-30 origin-top-right right-0 mt-2 min-w-56 rounded-md shadow-lg min-w-fit whitespace-nowrap" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"> 387 <div class="rounded-md bg-white ring ring-gray-200"> 388 <div class="py-1"> 389 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/en"> 390 ðºð¸ 391 392 <span> 393 English 394 </span> 395</a> </div> 396 <div class="py-1"> 397 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/fr"> 398 ð«ð· 399 400 <span> 401 Français 402 </span> 403</a> </div> 404 <div class="py-1"> 405 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/de"> 406 ð©ðª 407 408 <span> 409 German 410 </span> 411</a> </div> 412 <div class="py-1"> 413 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/es"> 414 ðªð¸ 415 416 <span> 417 Español 418 </span> 419</a> </div> 420 <div class="py-1"> 421 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/it"> 422 ð®ð¹ 423 424 <span> 425 Italiano 426 </span> 427</a> </div> 428 <div class="py-1"> 429 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/pl"> 430 ðµð± 431
432 <span> 433 Polski 434 </span> 435</a> </div> 436 <div class="py-1"> 437 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/pt"> 438 ðµð¹ 439 440 <span> 441 Português 442 </span> 443</a> </div> 444 <div class="py-1"> 445 <a class="dropdown-item group flex items-center gap-2" data-turbo-frame="_top" data-action="dropdown#toggle" href="/nl"> 446 ð³ð± 447 448 <span> 449 Dutch 450 </span> 451</a> </div> 452 </div> 453</div></div> 454 455 456 <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="p-2 hover:bg-gray-100 rounded-md"> 457 <i class="fa-light fa-bars fa-fw text-gray-600 text-xl"></i> 458 </button> 459 </div> 460 </nav> 461 462 463<div class="transition hidden absolute z-30 origin-top-right right-0 top-0 inset-x-0 p-2 md:hidden" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"> 464 <div class="rounded-lg shadow-md bg-white ring ring-black/5 overflow-hidden"> 465 <div class="px-5 pt-4 flex items-center justify-between"> 466 <a href="/en"> 467 <img class="block w-auto h-20" alt="Slog Logo" src="/assets/logo-11958f10150ef49431953ead1e0193c3965164f3f720a441e591e698eb5bf410.svg" loading="lazy" /> 468</a> 469 <div class="-mr-2"> 470 <button 471 data-action="dropdown#toggle" 472 type="button" 473 class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500" 474 > 475 <span class="sr-only"> 476 Close menu 477 </span> 478 479 <i class="fa-light fa-times fa-fw text-xl"></i> 480 </button> 481 </div> 482 </div> 483 484 <div class="px-2 pt-8 pb-3"> 485 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/use-cases/agencies">Agencies</a> 486 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/use-cases/freelancers">Freelancers</a> 487 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/use-cases/managers">Managers</a> 488 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/features/time-tracking">Time Tracking</a> 489 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/features/dashboard">Dashboard</a> 490 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/features/project-management">Project Management</a> 491 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/features/client-management">Client Management</a> 492 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/features/calendar">Calendar</a> 493 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/blog">Blog</a> 494 <a data-action="dropdown#toggle" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50" href="/en/pricing">Pricing</a> 495 </div> 496 497 <a data-turbo="false" class="block w-full btn btn-primary rounded-none text-center" href="/en/register">Get started →</a> 498 </div> 499</div> 500</div> 501 502 503 <div class="relative isolate pt-14"> 504 <div class="pointer-events-none absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true"> 505 <div 506 class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-primary-400 to-primary-600 opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" 507 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)" 508 ></div> 509 </div> 510 511 <div class="py-10 sm:py-16 lg:pb-40"> 512 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 513 <div class="mx-auto max-w-2xl text-center"> 514 <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> 515 Simplify your time tracking with 516
517 <span class="text-primary-500 sm:text-6xl lg:text-5xl xl:text-6xl"> 518 Slog 519 </span> 520 </h1> 521 522 <p class="mt-3 text-lg leading-8 text-gray-600"> 523 Slog simplifies time tracking to make agencies, consultants, and freelancers more at ease. 524 </p> 525 526 <div class="mt-10 flex items-center justify-center gap-x-6"> 527 <a data-turbo="false" class="btn btn-secondary" href="/en/register">Get started →</a> 528 529 <a class="text-sm font-semibold leading-6 text-gray-900" href="/en/login"> 530 Log in 531 <span aria-hidden="true">→</span> 532</a> </div> 533 534 <p class="text-sm text-gray-500 text-center mt-2"> 535 No credit card required. 536 </p> 537 </div> 538 539 540<div class="mt-16 flow-root sm:mt-24"> 541 <div class="shadow-xs rounded-lg border border-tertiary-100 mb-4 min-w-0 px-4 py-5 sm:p-6 bg-tertiary-100"> 542 <div class="grid grid-cols-2 sm:grid-cols-5 gap-6"> 543 <div class="text-secondary-900 text-center"> 544 <i class="fa-light fa-calendar-day fa-fw text-4xl"></i> 545 546 <p class="mt-4 font-normal"> 547 Simplified input 548 </p> 549 </div> 550 <div class="text-secondary-900 text-center"> 551 <i class="fa-light fa-alarm-clock fa-fw text-4xl"></i> 552 553 <p class="mt-4 font-normal"> 554 Personalized reminders 555 </p> 556 </div> 557 <div class="text-secondary-900 text-center"> 558 <i class="fa-light fa-chart-mixed fa-fw text-4xl"></i> 559 560 <p class="mt-4 font-normal"> 561 Easy control 562 </p> 563 </div> 564 <div class="text-secondary-900 text-center"> 565 <i class="fa-light fa-mobile fa-fw text-4xl"></i> 566 567 <p class="mt-4 font-normal"> 568 Mobile-friendly 569 </p> 570 </div> 571 <div class="text-secondary-900 text-center"> 572 <i class="fa-light fa-download fa-fw text-4xl"></i> 573 574 <p class="mt-4 font-normal"> 575 Export and synchronization 576 </p> 577 </div> 578 </div> 579</div></div> 580 581 </div> 582 </div> 583 </div> 584</div> 585 586 587<section class="bg-white py-12"> 588 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 589 <div class="grid md:grid-cols-2 gap-4 justify-between items-center"> 590 <h2 class="text-lg font-normal text-balance leading-8 text-gray-900"> 591 More than <strong>100,000 time entries</strong> have already been entered effortlessly on Slog by freelancers, agencies, and international groups. 592 </h2> 593 594 <div class="grid max-w-lg grid-cols-2 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 595 <a rel="noopener noreferrer" target="_blank" href="https://www.spendhq.com/"> 596 <img class="max-h-12 w-full object-contain lg:col-span-1" width="158" height="48" alt="SpendHQ Logo" src="/assets/customers/spendhq-c1303f0cee34b19f2e5e0ec879cd95a9302f132ae4d20bce89027495a8689b21.svg" loading="lazy" /> 597</a> <a rel="noopener noreferrer" target="_blank" href="https://www.studio-hb.com/"> 598 <img class="max-h-12 w-full object-contain lg:col-span-1" width="158" height="48" alt="Studio HB Logo" src="/assets/customers/studiohb-b1b61322938e69ed30522393e374c378278d10727a7c7a0d7310fe6f6fc6c19c.svg" loading="lazy" /> 599</a> <a rel="noopener noreferrer" target="_blank" href="https://laruchequiditoui.fr/"> 600 <img class="max-h-12 w-full object-contain lg:col-span-1" width="158" height="48" alt="La Ruche Logo" src="/assets/customers/laruche-c914eecab0a04e620985611aac55d9e2d3147ff74262e99bafd8ca01b8e7e3ac.svg" loading="lazy" /> 601</a> </div> 602 </div> 603 </div> 604</section> 605 606 607 608<section class="overflow-hidden bg-white py-24"> 609 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 610 <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"> 611 <div class="lg:pr-8 lg:pt-4"> 612 <div class="lg:max-w-lg"> 613 <h2 class="text-base font-semibold leading-7 text-primary-600"> 614 Why Slog? 615 </h2> 616 617 <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"> 618 We want to make time tracking fast, accurate, and effortless 619 </p> 620 621 <dl class="mt-10 max-w-xl space-y-4 text-base leading-7 text-gray-600 lg:max-w-none"> 622 <div class="flex gap-4"> 623 <dt> 624 <i class="fa-light fa-calendar-day fa-fw text-4xl text-primary-500"></i> 625 </dt> 626 627 <dd>
628 <span class="font-semibold text-gray-900"> 629 Input simplified to the maximum from a calendar. 630 </span> 631 632 Click, drag, drop, duplicate your time entries in seconds. 633 </dd> 634 </div> 635 <div class="flex gap-4"> 636 <dt> 637 <i class="fa-light fa-user-clock fa-fw text-4xl text-primary-500"></i> 638 </dt> 639 640 <dd> 641 <span class="font-semibold text-gray-900"> 642 Personalized automatic reminders 643 </span> 644 645 Receive your reminders at the best moment. 646 </dd> 647 </div> 648 <div class="flex gap-4"> 649 <dt> 650 <i class="fa-light fa-chart-mixed fa-fw text-4xl text-primary-500"></i> 651 </dt> 652 653 <dd> 654 <span class="font-semibold text-gray-900"> 655 Simplified synthesis and control. 656 </span> 657 658 Easily and efficiently visualize your time, check your entries at a glance. 659 </dd> 660 </div> 661 <div class="flex gap-4"> 662 <dt> 663 <i class="fa-light fa-download fa-fw text-4xl text-primary-500"></i> 664 </dt> 665 666 <dd> 667 <span class="font-semibold text-gray-900"> 668 Export and API synchronization. 669 </span> 670 671 Instantly integrate your time data with your favorite tools. Automate your integrations and enjoy the saved time. 672 </dd> 673 </div> 674 </dl> 675 </div> 676 677 <a data-turbo="false" class="btn btn-primary-outline mt-5" href="/en/register">Get started →</a> 678 </div> 679 680 <picture><source srcset="/assets/home/dashboard-0305248ee5f49641bb26d0d262fdff9e6f8cdf46339cfbcf72f63635f4eee2e5.webp" type="image/webp" /><source srcset="/assets/home/dashboard-a7aef3b291efbda3e488e6c8d9175ae5aced36ccc14c5d0f3485d680d3240178.png" type="image/png" /><img class="w-[48rem] max-w-none rounded-xl shadow-xl ring ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0" width="1500" height="812" alt="Dashboard" src="/assets/home/dashboard-a7aef3b291efbda3e488e6c8d9175ae5aced36ccc14c5d0f3485d680d3240178.png" loading="lazy" /></picture> 681 </div> 682 </div> 683</section> 684 685 686<section class="relative isolate bg-white py-24"> 687 <div class="pointer-events-none absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true"> 688 <div 689 class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-primary-400 to-primary-600 opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" 690 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)" 691 ></div> 692 </div> 693 694 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 695 <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"> 696 <div class="lg:ml-auto lg:pl-4 lg:pt-4"> 697 <div class="lg:max-w-lg"> 698 <h2 class="text-base font-semibold leading-7 text-primary-600"> 699 Simple and fast entry 700 </h2> 701 702 <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"> 703 Enter your time in just a few seconds and keep your mind on what matters most 704 </p> 705 706 <dl class="mt-10 max-w-xl flex flex-col gap-4 text-base leading-7 text-gray-600 lg:max-w-none"> 707 <div class="flex items-center gap-3"> 708 <dt> 709 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 710 </dt> 711 712 <dd class="text-gray-900"> 713 Calendar view entry. 714 </dd> 715 </div> 716 <div class="flex items-center gap-3"> 717 <dt> 718 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 719 </dt> 720 721 <dd class="text-gray-900"> 722 One-click duplication 723 </dd> 724 </div> 725 <div class="flex items-center gap-3"> 726 <dt> 727 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 728 </dt> 729 730 <dd class="text-gray-900"> 731 Entry suggestions 732 </dd> 733 </div> 734 <div class="flex items-center gap-3"> 735 <dt> 736 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 737 </dt> 738 739 <dd class="text-gray-900"> 740 Visual control of totals 741 </dd> 742 </div> 743 <div class="flex items-center gap-3"> 744 <dt> 745 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 746 </dt> 747 748 <dd class="text-gray-900"> 749 Customizable email reminders 750 </dd> 751 </div> 752 </dl> 753 </div> 754 755 <a data-turbo="false" class="btn btn-primary-outline mt-5" href="/en/register">Get started →</a> 756 </div> 757 758 <div class="flex items-start justify-end lg:order-first"> 759 <picture><source srcset="/assets/home/calendar-d104ba95593fe5d11bbb18181a6741519ec489afa5212bfb8b45f53a841f4805.webp" type="image/webp" /><source srcset="/assets/home/calendar-3e71970913a0ca758049b7424d224c8dbedaa069e92edd57674f16811fbb8575.png" t
759ype="image/png" /><img class="w-[48rem] max-w-none rounded-xl shadow-xl ring ring-gray-400/10 sm:w-[57rem]" width="1500" height="812" alt="Calendar" src="/assets/home/calendar-3e71970913a0ca758049b7424d224c8dbedaa069e92edd57674f16811fbb8575.png" loading="lazy" /></picture> 760 </div> 761 </div> 762 </div> 763</section> 764 765 766<section class="overflow-hidden bg-white py-24"> 767 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 768 <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"> 769 <div class="lg:pr-8 lg:pt-4"> 770 <div class="lg:max-w-lg"> 771 <h2 class="text-base font-semibold leading-7 text-primary-600"> 772 Tracking and export made easy 773 </h2> 774 775 <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"> 776 Quickly improve your processes with time analysis 777 </p> 778 779 <dl class="mt-10 max-w-xl space-y-4 text-base leading-7 text-gray-600 lg:max-w-none"> 780 <div class="flex items-center gap-3"> 781 <dt> 782 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 783 </dt> 784 785 <dd class="text-gray-900"> 786 Activity management with tags and clients 787 </dd> 788 </div> 789 <div class="flex items-center gap-3"> 790 <dt> 791 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 792 </dt> 793 794 <dd class="text-gray-900"> 795 Team management 796 </dd> 797 </div> 798 <div class="flex items-center gap-3"> 799 <dt> 800 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 801 </dt> 802 803 <dd class="text-gray-900"> 804 Filterable dashboard 805 </dd> 806 </div> 807 <div class="flex items-center gap-3"> 808 <dt> 809 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 810 </dt> 811 812 <dd class="text-gray-900"> 813 Filterable timesheet 814 </dd> 815 </div> 816 <div class="flex items-center gap-3"> 817 <dt> 818 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 819 </dt> 820 821 <dd class="text-gray-900"> 822 Customizable .csv export of the timesheet 823 </dd> 824 </div> 825 <div class="flex items-center gap-3"> 826 <dt> 827 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 828 </dt> 829 830 <dd class="text-gray-900"> 831 Access to all your data via API 832 </dd> 833 </div> 834 </dl> 835 </div> 836 837 <a data-turbo="false" class="btn btn-primary-outline mt-5" href="/en/register">Get started →</a> 838 </div> 839 840 <picture><source srcset="/assets/home/time-entries-41f8add85684aa400888700e7691f825f0c0a3fc460462b0b521530ca61c50a8.webp" type="image/webp" /><source srcset="/assets/home/time-entries-4caa136a0524bf0fb48139a2aac5ea971be457404340124c51d1615f43f76bec.png" type="image/png" /><img class="w-[48rem] max-w-none rounded-xl shadow-xl ring ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0" width="1500" height="812" alt="Time entries" src="/assets/home/time-entries-4caa136a0524bf0fb48139a2aac5ea971be457404340124c51d1615f43f76bec.png" loading="lazy" /></picture> 841 </div> 842 </div> 843</section> 844 845 846 847<section class="border-y border-gray-900/5 bg-gray-50 py-24"> 848 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 849 <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"> 850 <div class="lg:order-last lg:pl-8 lg:pt-4"> 851 <div class="lg:max-w-lg"> 852 <h2 class="text-base font-semibold leading-7 text-primary-600">MCP server</h2> 853 854 <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Ask your assistant, it lands in your timesheet</p> 855 856 <p class="mt-6 text-lg leading-8 text-gray-600"> 857 Slog ships an MCP server: connect ChatGPT, Claude, Cursor or any other compatible assistant, and ask it for what you would otherwise do by hand in the app. 858 </p> 859 860 <dl class="mt-10 max-w-xl space-y-4 text-base leading-7 text-gray-600 lg:max-w-none"> 861 <div class="flex items-center gap-3"> 862 <dt> 863 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 864 </dt> 865 866 <dd class="text-gray-900"> 867 Your time entries, your projects and your clients can be read and edited straight from the conversation. 868 </dd> 869 </div> 870 <div class="flex items-center gap-3"> 871 <dt> 872 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 873 </dt> 874 875 <dd class="text-gray-900"> 876 The connection goes through OAuth: you sign in to Slog once, and you cut the access whenever you want. 877 </dd> 878 </div> 879 <div class="flex items-center gap-3"> 880 <dt> 881 <i class="fa-light fa-check fa-fw text-2xl text-primary-500"></i> 882 </dt> 883 884 <dd class="text-gray-900"> 885 Nothing to install. One address to paste, and the assistant discovers what it can do. 886 </dd> 887 </div> 888 </dl> 889 890 <div class="mt-8"> 891 <div class="text-sm font-medium text-gray-500"> 892 One address to paste into your assistant 893 </div> 894 895 <code class="mt-2 inline-block rounded-xl bg-gray-900 px-4 py-2 font-mono text-sm text-primary-200 ring ring-gray-900/10"> 896 https://www.slog-app.com/mcp 897 </code> 898 </div> 899 900 <a class="btn btn-primary-outline mt-8" href="/en/model-context-protocol-server">How to connect it →</a> 901 </div> 902 </div> 903 904 <div class="rounded-2xl bg-gray-950 p-6 shadow-xl ring ring-gray-900/10 sm:p-8"> 905 <div class="flex justify-end"> 906 <div class="max-w-[85%] rounded-2xl rounded-br-sm bg-primary-600 px-4 py-3"> 907 <div class="text-xs font-semibold text-primary-100"> 908 You 909 </div> 910 911 <p class="mt-1 text-base leading-7 text-pretty text-white"> 912 Log 3 hours on the Acme redesign this morning, and tell me how much time I spent for that client this week. 913 </p> 914 </div> 915 </div> 916 917 <div class="mt-4 flex justify-start"> 918 <div class="max-w-[90%] rounded-2xl rounded-bl-sm bg-white/5 px-4 py-3 ring ring-white/10"> 919 <div class="flex items-center gap-2 text-xs font-semibold text-gray-400"> 920 <i class="fa-light fa-wand-magic-sparkles fa-fw text-primary-400"></i> 921 922 Your assistant 923 </div> 924 925 <p class="mt-1 text-base leading-7 text-pretty text-gray-200"> 926 Logged: 3 h on âAcme â Redesignâ, today from 9:00 to 12:00. This week you have tracked 11 h 30 for Acme, spread over two projects. 927 </p> 928 </div> 929 </div> 930 931 <p class="mt-6 border-t border-white/10 pt-5 text-sm text-gray-500">
932 An example exchange with an assistant connected to your Slog account. 933 </p> 934 </div> 935 </div> 936 </div> 937</section> 938 939 940 941 942<section class="relative isolate bg-white py-24"> 943 <div class="pointer-events-none absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true"> 944 <div 945 class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-primary-400 to-primary-600 opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" 946 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)" 947 ></div> 948 </div> 949 950 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 951 <div class="text-center"> 952 <h2 class="text-base font-semibold leading-7 text-primary-600"> 953 Use cases 954 </h2> 955 956 <p class="mt-2 text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"> 957 <span class="text-primary-500">Slog</span> 958 for who? 959 </p> 960 </div> 961 962 <div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 963 <article class="flex flex-col items-start justify-between"> 964 <div class="relative w-full"> 965 <img class="aspect-video w-full rounded-2xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" src="/assets/use-cases/agencies-45f0099accab73b5f3bc561efef7ef79a1779011be46751be5c0a0ad2f52fcc2.png" loading="lazy" /> 966 967 <div class="absolute inset-0 rounded-2xl ring ring-inset ring-gray-900/10"></div> 968 </div> 969 970 <div class="max-w-xl"> 971 <div class="group relative space-y-5"> 972 <h3 class="mt-3 text-2xl font-semibold text-gray-900 group-hover:text-gray-600"> 973 <a href="/en/use-cases/agencies"> 974 <span class="absolute inset-0"></span> 975 Agencies 976</a> </h3> 977 978 <p class="line-clamp-3 text-sm/6 text-gray-600"> 979 No more stress from inaccurate entries and difficulty tracking budgets. Enjoy transparent monitoring and easily exploitable data to make the right decisions and boost your profitability. 980 </p> 981 </div> 982 </div> 983 </article> 984 <article class="flex flex-col items-start justify-between"> 985 <div class="relative w-full"> 986 <img class="aspect-video w-full rounded-2xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" src="/assets/use-cases/managers-dc61b1724637d09307e48c28d702595d087fb26f97d271487470d75ccbcecd55.png" loading="lazy" /> 987 988 <div class="absolute inset-0 rounded-2xl ring ring-inset ring-gray-900/10"></div> 989 </div> 990 991 <div class="max-w-xl"> 992 <div class="group relative space-y-5"> 993 <h3 class="mt-3 text-2xl font-semibold text-gray-900 group-hover:text-gray-600"> 994 <a href="/en/use-cases/managers"> 995 <span class="absolute inset-0"></span> 996 Managers 997</a> </h3> 998 999 <p class="line-clamp-3 text-sm/6 text-gray-600"> 1000 No more guesswork, gain a clear vision of how your team spends their time. Enjoy the peace of mind that comes with precise tracking, helping you identify time-consuming tasks and optimize your team's productivity. 1001 </p> 1002 </div> 1003 </div> 1004 </article> 1005 <article class="flex flex-col items-start justify-between"> 1006 <div class="relative w-full"> 1007 <img class="aspect-video w-full rounded-2xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" src="/assets/use-cases/freelancers-d7d98281fc3f89fcdf2cbd6642055e5e197d600c4ebe9e27a2237659316fe7c8.png" loading="lazy" /> 1008 1009 <div class="absolute inset-0 rounded-2xl ring ring-inset ring-gray-900/10"></div> 1010 </div> 1011 1012 <div class="max-w-xl"> 1013 <div class="group relative space-y-5"> 1014 <h3 class="mt-3 text-2xl font-semibold text-gray-900 group-hover:text-gray-600"> 1015 <a href="/en/use-cases/freelancers">
1016 <span class="absolute inset-0"></span> 1017 Freelancers 1018</a> </h3> 1019 1020 <p class="line-clamp-3 text-sm/6 text-gray-600"> 1021 Forget navigating blindlyâalways know where your projects stand. Enhance your professionalism by instantly generating clear and precise reports for both you and your clients. 1022 </p> 1023 </div> 1024 </div> 1025 </article> 1026 </div> 1027 </div> 1028</section> 1029 1030 1031 1032<div class="relative isolate bg-white px-6 py-10 sm:py-16 lg:px-8"> 1033 <div class="pointer-events-none absolute inset-x-0 -top-3 -z-10 transform-gpu overflow-hidden px-36 blur-3xl" aria-hidden="true"> 1034 <div class="mx-auto aspect-[1155/678] w-[72.1875rem] bg-gradient-to-tr from-primary-400 to-primary-600 opacity-30" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div> 1035 </div> 1036 1037 <div class="mx-auto max-w-2xl text-center lg:max-w-4xl"> 1038 <h2 class="text-base font-semibold leading-7 text-primary-600"> 1039 Pricing 1040 </h2> 1041 1042 <p class="mt-2 text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"> 1043 Simple pricing that adapts to your team 1044 </p> 1045 </div> 1046 1047 <div class="mx-auto mt-16 grid max-w-lg grid-cols-1 items-center gap-y-6 sm:mt-20 sm:gap-y-0 lg:max-w-4xl lg:grid-cols-2"> 1048 <div class="rounded-3xl p-8 ring ring-gray-900/10 sm:p-10 relative bg-white shadow-2xl"> 1049 <h3 class="text-base font-semibold leading-7 text-primary-600"> 1050 Monthly 1051 </h3> 1052 1053 <p class="mt-4 flex items-baseline gap-x-2"> 1054 <span class="text-5xl font-bold tracking-tight text-gray-900"> 1055 4,90⬠1056 </span> 1057 1058 <span class="text-base text-gray-500"> 1059 /user/month 1060 </span> 1061 </p> 1062 1063 <p class="mt-6 text-base leading-7 text-gray-600"> 1064 Includes every feature we offer. 1065 </p> 1066 1067 <ul class="mt-8 space-y-3 text-sm leading-6 text-gray-600 sm:mt-10"> 1068 <li class="flex items-center gap-x-3"> 1069 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1070 1071 Unlimited calendar entries 1072 </li> 1073 <li class="flex items-center gap-x-3"> 1074 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1075 1076 Customizable reminders 1077 </li> 1078 <li class="flex items-center gap-x-3"> 1079 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1080 1081 Personal and team dashboard 1082 </li> 1083 <li class="flex items-center gap-x-3"> 1084 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1085 1086 Personal and team timesheet 1087 </li> 1088 <li class="flex items-center gap-x-3"> 1089 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1090 1091 CSV export of timesheets 1092 </li> 1093 <li class="flex items-center gap-x-3"> 1094 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1095 1096 Unlimited project and client creation 1097 </li> 1098 <li class="flex items-center gap-x-3"> 1099 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1100 1101 Unlimited team creation 1102 </li> 1103 <li class="flex items-center gap-x-3"> 1104 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1105 1106 API access to all your data 1107 </li> 1108 </ul> 1109 1110 <a class="mt-8 btn btn-primary w-full plausible-event-name--pricing-trial-monthly" href="/en/register">15-day free trial →</a> 1111 1112 <p class="text-sm text-gray-500 text-center mt-2"> 1113 No credit card required. 1114 </p> 1115 </div> 1116 1117 <div class="rounded-3xl p-8 ring ring-gray-900/10 sm:p-10 bg-white/60 sm:mx-8 lg:mx-0 sm:rounded-t-none lg:rounded-tr-3xl lg:rounded-bl-none"> 1118 <h3 class="text-base font-semibold leading-7 text-primary-600"> 1119 Annually 1120 </h3> 1121 1122 <p class="mt-4 flex items-baseline gap-x-2"> 1123 <span class="text-5xl font-bold tracking-tight text-gray-900"> 1124 49â¬
1125 </span> 1126 1127 <span class="text-base text-gray-500"> 1128 /user/year 1129 </span> 1130 </p> 1131 1132 <p class="mt-6 text-base leading-7 text-gray-600"> 1133 Pay once, get 2 months free. 1134 </p> 1135 1136 <ul class="mt-8 space-y-3 text-sm leading-6 text-gray-600 sm:mt-10"> 1137 <li class="flex items-center gap-x-3"> 1138 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1139 1140 One-time payment 1141 </li> 1142 <li class="flex items-center gap-x-3"> 1143 <i class="fa-light fa-check fa-fw text-primary-600"></i> 1144 1145 Get 2 months free 1146 </li> 1147 </ul> 1148 1149 <a class="mt-8 btn btn-primary w-full plausible-event-name--pricing-trial-annually" href="/en/register">15-day free trial →</a> 1150 1151 <p class="text-sm text-gray-500 text-center mt-2"> 1152 No credit card required. 1153 </p> 1154 </div> 1155 </div> 1156</div> 1157 1158 <turbo-frame id="newsletter-form"> 1159 <div class="bg-white py-24"> 1160 <div class="mx-auto max-w-5xl px-6 lg:px-8"> 1161 <div class="relative bg-gradient-to-r from-tertiary-300 to-primary-400 p-8 rounded-2xl shadow-lg flex justify-between"> 1162 <div class="max-w-2xl space-y-4"> 1163 <h2 class="text-2xl leading-8 font-semibold tracking-tight text-balance"> 1164 Do you want to follow our news, updates, and special offers? 1165 </h2> 1166 1167 <h3 class="text-4xl leading-8 font-bold"> 1168 Sign up for our Newsletter 1169 </h3> 1170 1171 <div class="flex"> 1172 <form class="mt-4 space-y-2" action="/newsletters?locale=en" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iJK9oYefyNn53aqobl0yYWlGgD6SAL5FnlsR2o8Q6_ToJRgLOGUWY4QUxq8A7bJzJ8gJ29KAWLSMJeR0Jfz2_A" /> 1173 <div class="flex flex-col sm:flex-row gap-4"> 1174 <label class="sr-only" for="email">Email</label> 1175 1176 <input placeholder="Enter your email" required="required" class="min-w-0 flex-auto rounded-md border-0 bg-white px-3.5 py-2 shadow-xs ring ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-white sm:text-sm sm:leading-6" type="email" name="email" id="email" /> 1177 1178 <button name="button" type="submit" class="btn btn-secondary"> 1179 Notify me 1180 1181 <i class="fa-light fa-paper-plane fa-fw ml-2"></i> 1182</button> </div> 1183 1184 1185</form> </div> 1186 </div> 1187 1188 <div class="hidden md:block absolute right-0 top-0 translate-y-8"> 1189 <img class="h-72 w-auto" src="/assets/home/slog-96de58fc28cd290ca38473f11b8b276384a4452d70b23f8b46a1a8ffd80cdfd0.svg" loading="lazy" /> 1190 </div> 1191 </div> 1192 </div> 1193 </div> 1194</turbo-frame> 1195 1196 1197 1198<footer class="bg-white"> 1199 <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32"> 1200 <div class="xl:grid xl:grid-cols-3 xl:gap-8"> 1201 <div class="space-y-8"> 1202 <img class="h-20" alt="Slog-app" src="/assets/logo-11958f10150ef49431953ead1e0193c3965164f3f720a441e591e698eb5bf410.svg" loading="lazy" /> 1203 1204 <p class="text-sm leading-6 text-gray-600"> 1205 Slog is the easiest time tracking solution. Drag & drop your hours, create professional timesheets, and export your data effortlessly. 1206 </p> 1207 1208 <div class="flex space-x-6"> 1209 <a class="text-gray-400 hover:text-gray-500" aria-label="Twitter" rel="noopener noreferrer" target="_blank" href="https://twitter.com/guillaumebriday"> 1210 <i class="fab fa-x-twitter fa-fw text-xl"></i> 1211</a> 1212 <a class="text-gray-400 hover:text-gray-500" aria-label="Linkedin" rel="noopener noreferrer" target="_blank" href="https://www.linkedin.com/company/slog-app"> 1213 <i class="fab fa-linkedin fa-fw text-xl"></i> 1214</a> </div> 1215 </div> 1216 1217 <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> 1218 <div class="md:grid md:grid-cols-2 md:gap-8"> 1219 <div> 1220 <h3 class="text-sm font-semibold leading-6 text-gray-900"> 1221 Solutions 1222 </h3> 1223 1224 <ul role="list" class="mt-6 space-y-4"> 1225 <li> 1226 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en">Home</a> 1227 </li> 1228 <li> 1229 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/features/calendar">Calendar</a> 1230 </li> 1231 <li> 1232 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/features/client-management">Client Management</a> 1233 </li> 1234 <li> 1235 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/features/dashboard">Dashboard</a> 1236 </li> 1237 <li> 1238 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/features/project-management">Project Management</a> 1239 </li> 1240 <li> 1241 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/features/time-tracking">Time Tracking</a> 1242 </li> 1243 </ul> 1244 </div> 1245 1246 <div class="mt-10 md:mt-0"> 1247 <h3 class="text-sm font-semibold leading-6 text-gray-900"> 1248 Support 1249 </h3> 1250 1251 <ul role="list" class="mt-6 space-y-4"> 1252 <li> 1253 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/blog">Blog</a> 1254 </li> 1255 <li> 1256 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="mailto:[email protected]">Contact</a> 1257 </li> 1258 <li> 1259 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/api-docs">API Documentation</a> 1260 </li> 1261 <li> 1262 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/model-context-protocol-server">MCP Server</a> 1263 </li> 1264 <li> 1265 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="https://stats.uptimerobot.com/3J1OGiXV3g">Status</a> 1266 </li> 1267 </ul> 1268 </div> 1269 </div> 1270 1271 <div class="md:grid md:grid-cols-2 md:gap-8"> 1272 <div> 1273 <h3 class="text-sm font-semibold leading-6 text-gray-900"> 1274 Company 1275 </h3> 1276 1277 <ul role="list" class="mt-6 space-y-4"> 1278 <li> 1279 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/pricing">Pricing</a> 1280 </li> 1281 </ul> 1282 </div> 1283 1284 <div class="mt-10 md:mt-0"> 1285 <h3 class="text-sm font-semibold leading-6 text-gray-900"> 1286 Legal 1287 </h3> 1288 1289 <ul role="list" class="mt-6 space-y-4"> 1290 <li> 1291 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/mentions-legales">Mentions légales</a> 1292 </li> 1293 <li> 1294 <a class="text-sm leading-6 text-gray-600 hover:text-gray-900 hover:underline" href="/en/privacy">Privacy policy</a> 1295 </li> 1296 </ul> 1297 </div> 1298 </div> 1299 </div> 1300 </div> 1301 1302 <div class="mt-16 border-t border-gray-900/10 pt-8 sm:mt-20 lg:mt-24"> 1303 <p class="text-xs leading-5 text-gray-500"> 1304 © 2026 1305 <a class="hover:underline" href="/en">Slog-app</a>. All rights reserved. 1306 </p> 1307 </div> 1308 </div> 1309</footer> 1310 1311 </div> 1312 </body> 1313</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.