PageSourceSearch

https://www.slog-app.com/

html slog-app.com collected 2026-10-06 11:13:06 UTC 58,052 bytes, 1,313 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&#39;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&#39;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 &rarr;</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 &rarr;</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 &rarr;</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">&rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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&#39;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 &rarr;</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 &rarr;</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 &amp; 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.