CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/569ce4b8f30dc480-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/93f479601ee12b01-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/19b87d5e42b14067.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-db3214c5c58110e1.js"/><script src="/_next/static/chunks/4bd1b696-d3bb752020c5520d.js" async=""></script><script src="/_next/static/chunks/517-3b3c75b8bd5296d8.js" async=""></script><script src="/_next/static/chunks/main-app-e96f4843680c9e5c.js" async=""></script><script src="/_next/static/chunks/173-d25ccb3318bdcd64.js" async=""></script><script src="/_next/static/chunks/970-5cd96e8bc802386f.js" async=""></script><script src="/_next/static/chunks/129-52feaf7d1a0d4730.js" async=""></script><script src="/_next/static/chunks/app/layout-aac9c7be87e6c3d4.js" async=""></script><script src="/_next/static/chunks/740-d7240b591b173069.js" async=""></script><script src="/_next/static/chunks/700-c5dc47e1fe526de9.js" async=""></script><script src="/_next/static/chunks/258-a13f84085e802ceb.js" async=""></script><script src="/_next/static/chunks/app/page-3f644aef58d660ab.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-HMVLBYCDSC" as="script"/><meta name="next-size-adjust" content=""/><title>ClockIt - Time Tracker</title><meta name="description" content="Time clock app to run payroll in under 5 minutes"/><meta name="keywords" content="Time Tracking App,Time Clock Software,Time and Attendance System,Time Clock App,Vacation Tracking,Time Off Tracking"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="256x256"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__variable_4d318d __variable_ea5f4b antialiased"><header class="bg-white shadow-sm sticky top-0 z-50"><nav class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" aria-label="Top"><div class="flex w-full items-center justify-between border-b border-indigo-500 py-6 lg:border-none"><div class="flex items-center"><a class="flex-shrink-0 flex items-center" href="/"><img alt="ClockIt Logo" loading="lazy" width="90" height="22.5" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fclockit-logo.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fclockit-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fclockit-logo.png&w=256&q=75"/></a><div class="ml-10 hidden space-x-8 lg:block"><div class="relative inline-block text-left"><button class="text-base font-medium text-gray-500 hover:text-gray-900 flex items-center">Features<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down ml-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="text-base font-medium text-gray-500 hover:text-gray-900" href="/pricing">Pricing</a></div></div><div class="ml-10 space-x-4"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2" href="https://portal.clockit.io/">Sign in</a></div></div><div class="flex flex-wrap justify-center gap-x-6 py-4 lg:hidden"><button class="text-gray-500 hover:text-gray-900"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></nav></header><div><div class="relative overflow-hidden"><div class="absolute inset-0"><svg class="h-full w-full" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="modern-pattern" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="#e2e8f0"></circle><circle cx="50" cy="50" r="1.5" fill="#e2e8f0"></circle><circle cx="90" cy="90" r="1.5" fill="#e2e8f0"></circle><circle cx="10" cy="90" r="1.5" fill="#e2e8f0"></circle><circle cx="90" cy="10" r="1.5" fill="#e2e8f0"></circle><line x1="0" y1="0" x2="100" y2="100" stroke="#e2e8f0" stroke-width="0.5"></line><line x1="100" y1="0" x2="0" y2="100" stroke="#e2e8f0" stroke-width="0.5"></line><line x1="50" y1="0" x2="50" y2="100" stroke="#e2e8f0" stroke-width="0.5"></line><line x1="0" y1="50" x2="100" y2="50" stroke="#e2e8f0" stroke-width="0.5"></line></pattern></defs><rect x="0" y="0" width="100%" height="100%" fill="url(#modern-pattern)"></rect></svg></div><div class="relative mx-auto max-w-7xl px-4 py-24 sm:px-6 sm:py-32 lg:px-8"><div class="text-center"><h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl">Complete Payroll In 5 Minutes</h1><p class="mx-auto mt-6 max-w-md text-lg text-gray-600 sm:text-xl md:mt-8 md:max-w-3xl">All in one platform to track time, paid time off, vacations, holidays overtime and much more. No more spreadsheets, paper timesheets, or manual calculations. Realtime payroll reports at your fingertips.</p><div class="mt-10 flex justify-center gap-x-6"><a class="rounded-md bg-blue-600 px-8 py-3 text-base font-medium text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 sm:px-10" href="https://portal.clockit.io/#/login?create=enabled">Start Free Trial</a><a class="rounded-md bg-gray-100 px-8 py-3 text-base font-medium text-gray-800 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2 sm:px-10" href="https://portal.clockit.io/#/login?demo=enabled">See Demo</a></div><div class="mt-8 flex justify-center space-x-4"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-gray-600">No credit card required</span></div><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-gray-600">No contracts</span></div><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-gray-600">14-day free trial</span></div></div><p class="mt-4 text-sm text-gray-500">All features enabled during the trial period</p><div class="mt-16"><a href="https://www.capterra.ae/reviews/151635/clockit"><div class="flex justify-center items-center space-x-2 mb-4"><img alt="User 1" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full border-2 border-white shadow-sm" style="color:transparent;margin-left:0" srcSet="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-0.jpg&w=48&q=75 1x, /_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-0.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-0.jpg&w=96&q=75"/><img alt="User 2" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full border-2 border-white shadow-sm" style="color:transparent;margin-left:-10px" srcSet="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-1.jpg&w=48&q=75 1x, /_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-1.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-1.jpg&w=96&q=75"/><img alt="User 3" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full border-2 border-white shadow-sm" style="color:transparent;margin-left:-10px" srcSet="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-2.jpg&w=48&q=75 1x, /_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-2.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-2.jpg&w=96&q=75"/><img alt="User 4" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full border-2 border-white shadow-sm" style="color:transparent;margin-left:-10px" srcSet="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-3.jpg&w=48&q=75 1x, /_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-3.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-3.jpg&w=96&q=75"/><img alt="User 5" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full border-2 border-white shadow-sm" style="color:transparent;margin-left:-10px" srcSet="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-4.jpg&w=48&q=75 1x, /_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-4.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fimages%2Fsocial-proof%2Fsocial-proof-4.jpg&w=96&q=75"/><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-yellow-400 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-yellow-400 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-yellow-400 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-yellow-400 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-yellow-400 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span class="ml-2 text-sm font-medium text-gray-700">4.7</span></div></div></a><div class="mt-6"><p class="text-sm font-semibold text-indigo-600">765 people signed up this week</p></div></div></div></div></div><div class="bg-white py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h3 class="text-base font-semibold leading-7 text-indigo-600">Many ways to clock in clock out</h3><h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Choose how you want to track time. We'll sync the data in realtime</h2><p class="mt-6 text-lg leading-8 text-gray-600">ClockIt offers multiple ways to track time, including web, mobile, and desktop apps. Our platform automatically syncs data across all devices in real-time, so you can track time seamlessly no matter where you are.</p></div><div class="mt-16 sm:mt-20"><div class="md:grid md:grid-cols-3 md:items-start md:gap-12 lg:gap-16"><div class="md:col-span-1"><div class="space-y-4"><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 bg-indigo-50 text-indigo-600"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-6 w-6 mr-2 mb-3"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><span class="text-base font font-bold">Mobile Apps</span></h3></div><p class="mt-1 text-sm text-gray-500">iOS and Android apps to clock in clock out, project tracking, and more. With location tracking and geofencing, you can ensure your team is where they need to be.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chrome h-6 w-6 mr-2 mb-3"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" x2="12" y1="8" y2="8"></line><line x1="3.95" x2="8.54" y1="6.06" y2="14"></line><line x1="10.88" x2="15.46" y1="21.94" y2="14"></line></svg><span class="text-base font font-bold">Browsers</span></h3></div><p class="mt-1 text-sm text-gray-500">Web clock in and clock out using any web browser like Chrome, Firefox, Safari, and Edge.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-6 w-6 mr-2 mb-3"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="text-base font font-bold">Chat</span></h3></div><p class="mt-1 text-sm text-gray-500">Clock in clock out using our simple chat command with Slack, Microsoft Teams, and Google Chat.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-laptop h-6 w-6 mr-2 mb-3"><path d="M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16"></path></svg><span class="text-base font font-bold">Desktop</span></h3></div><p class="mt-1 text-sm text-gray-500">Use our ClockIt desktop apps to track time on Windows, Mac, and Linux. Optinal screen capture available.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tablet h-6 w-6 mr-2 mb-3"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><line x1="12" x2="12.01" y1="18" y2="18"></line></svg><span class="text-base font font-bold">Kiosk</span></h3></div><p class="mt-1 text-sm text-gray-500">Time tracking made easy with our Kiosk options for Android tablets, Apple iPads, and computers.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-fingerprint h-6 w-6 mr-2 mb-3"><path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"></path><path d="M14 13.12c0 2.38 0 6.38-1 8.88"></path><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"></path><path d="M2 12a10 10 0 0 1 18-6"></path><path d="M2 16h.01"></path><path d="M21.8 16c.2-2 .131-5.354 0-6"></path><path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2"></path><path d="M8.65 22c.21-.66.45-1.32.57-2"></path><path d="M9 6.8a6 6 0 0 1 9 5.2v2"></path></svg><span class="text-base font font-bold">Biometrics</span></h3></div><p class="mt-1 text-sm text-gray-500">Use our biometric devices to clock in and out with face recognition, fingerprint, and RFID.</p></button></div></div><div class="mt-10 md:col-span-2 md:mt-0"><div class="space-y-6" style="opacity:0;transform:translateY(20px)"><img alt="clockit mobile apps" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl shadow-lg" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fhome%2Fclockit-mobile-apps.jpg&w=3840&q=75"/><h3 class="text-xl font-semibold text-gray-900">Mobile Apps</h3><p class="text-base text-gray-600">With the ClockIt mobile apps employees can clock in and out, track projects, and manage time off requests from anywhere. Our apps are available on iOS and Android devices, and they sync data in real-time to ensure accurate time tracking. Managers and admins can get real-time notifications and approve time off requests on the go.</p></div></div></div></div></div></div><div class="bg-white py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h3 class="text-base font-semibold leading-7 text-indigo-600">Vacation Tracking Made Easy</h3><h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Easily track time off and leave accruals. Automate accruals and approvals with ClockIt</h2><p class="mt-6 text-lg leading-8 text-gray-600">Paid time off (PTO) and leave accruals made easy with ClockIt. Employees can request time off, view their balances, and get real-time notifications on the status of their requests. Managers can set up custom accrual rules, automate approvals, and get real-time reports on time off usage.</p></div><div class="mt-16 sm:mt-20"><div class="md:grid md:grid-cols-3 md:items-start md:gap-12 lg:gap-16"><div class="md:col-span-1"><div class="space-y-4"><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 bg-indigo-50 text-indigo-600"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard h-6 w-6 mr-2 mb-3"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><span class="text-base font font-bold">Manage Multiple Time Off Types</span></h3></div><p class="mt-1 text-sm text-gray-500">Track mutiple time off types like vacation, sick leave, and personal days.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-6 w-6 mr-2 mb-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="text-base font font-bold">Supports Days and Hours</span></h3></div><p class="mt-1 text-sm text-gray-500">Our vacation tracker supports both days and hours for time off accruals.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-cw h-6 w-6 mr-2 mb-3"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path></svg><span class="text-base font font-bold">Automate Accruals</span></h3></div><p class="mt-1 text-sm text-gray-500">ClockIt aumaticallly calculates time off accruals based on your company's policies.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell h-6 w-6 mr-2 mb-3"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="text-base font font-bold">Time Off Notifications</span></h3></div><p class="mt-1 text-sm text-gray-500">Send real-time notifications to employees and managers on time off requests.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-panel-top h-6 w-6 mr-2 mb-3"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect></svg><span class="text-base font font-bold">Vacation Dashboard</span></h3></div><p class="mt-1 text-sm text-gray-500">Our vacation tracking dashboard gives you a quick overview of employee time off for the entire company.</p></button></div></div><div class="mt-10 md:col-span-2 md:mt-0"><div class="space-y-6" style="opacity:0;transform:translateY(20px)"><img alt="clockit vaction tracker with multiple pto and time off tracking." loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl shadow-lg" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fpto%2Fclockit-multiple-pto-tracking.jpg&w=3840&q=75"/><h3 class="text-xl font-semibold text-gray-900">Manage Multiple Time Off Types</h3><p class="text-base text-gray-600">With ClockIt time off tracking you can easily manage multiple time off types like vacation, sick leave, and personal days. Employees can request time off, view their balances, and get real-time notifications on the status of their requests. Managers can set up custom accrual rules, automate approvals, and get real-time reports on time off usage.</p><a class="text-indigo-600 font-bold" href="/mobile-apps"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 mt-5">Learn More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></div></div><div class="bg-white py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h3 class="text-base font-semibold leading-7 text-indigo-600">5 Minute Payroll Reports</h3><h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Generate payroll reports in minutes. No more spreadsheets. Customize reports to fit your business needs.</h2><p class="mt-6 text-lg leading-8 text-gray-600">Our reports can be customized and saved as segments allowing you to generate reports in minutes. You can generate reports for payroll, attendance, time off, and more. Our reports are easy to read and can be exported to Excel, CSV or simply copy pasted.</p></div><div class="mt-16 sm:mt-20"><div class="md:grid md:grid-cols-3 md:items-start md:gap-12 lg:gap-16"><div class="md:col-span-1"><div class="space-y-4"><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 bg-indigo-50 text-indigo-600"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil h-6 w-6 mr-2 mb-3"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path><path d="m15 5 4 4"></path></svg><span class="text-base font font-bold">Corrections and Adjustments</span></h3></div><p class="mt-1 text-sm text-gray-500">Make corrections and adjustments to time entries with a few clicks.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell-ring h-6 w-6 mr-2 mb-3"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M22 8c0-2.3-.8-4.3-2-6"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path><path d="M4 2C2.8 3.7 2 5.7 2 8"></path></svg><span class="text-base font font-bold">Overtime</span></h3></div><p class="mt-1 text-sm text-gray-500">Track overtime hours and get real-time notifications when employees are close to overtime.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-6 w-6 mr-2 mb-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="text-base font font-bold">Payroll Dates</span></h3></div><p class="mt-1 text-sm text-gray-500">Select predefined payroll dates or customize your own.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard h-6 w-6 mr-2 mb-3"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path></svg><span class="text-base font font-bold">Customize Reports</span></h3></div><p class="mt-1 text-sm text-gray-500">One click reports for early, late, missing puches, and more.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table h-6 w-6 mr-2 mb-3"><path d="M12 3v18"></path><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path></svg><span class="text-base font font-bold">CSV & Excel Export</span></h3></div><p class="mt-1 text-sm text-gray-500">Easily export reports to CSV or Excel for further processing.</p></button></div></div><div class="mt-10 md:col-span-2 md:mt-0"><div class="space-y-6" style="opacity:0;transform:translateY(20px)"><img alt="easily make corrections and adjustments to time entries with clockit time tracking software" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl shadow-lg" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Freports%2Fclockit-corrections.jpg&w=3840&q=75"/><h3 class="text-xl font-semibold text-gray-900">Corrections and Adjustments</h3><p class="text-base text-gray-600">Correct time entries with a few clicks. You can add, edit, or delete time entries for any employee. You can also add notes to time entries to provide additional context. Managers can view and approve time entries for their team members. Employees can view their time entries and make corrections as needed. Corrections can be done on the web and mobile. Get instant notifications on time entry corrections.</p><a class="text-indigo-600 font-bold" href="/mobile-apps"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 mt-5">Learn More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></div></div><div class="bg-white py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h3 class="text-base font-semibold leading-7 text-indigo-600">Task Tracking</h3><h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">ClockIt is also a task tracking app. Track time spent on tasks and projects.</h2><p class="mt-6 text-lg leading-8 text-gray-600">You can create tasks and projects, and track time spent on them. You can also set up custom task and project types, track billable and non-billable hours, and get real-time reports on task and project progress.</p></div><div class="mt-16 sm:mt-20"><div class="md:grid md:grid-cols-3 md:items-start md:gap-12 lg:gap-16"><div class="md:col-span-1"><div class="space-y-4"><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 bg-indigo-50 text-indigo-600"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-check h-6 w-6 mr-2 mb-3"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"></path><path d="m9 13 2 2 4-4"></path></svg><span class="text-base font font-bold">Track Time Spent on Tasks and Projects</span></h3></div><p class="mt-1 text-sm text-gray-500">Track time spent on projects and tasks with custom job codes.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-dollar-sign h-6 w-6 mr-2 mb-3"><circle cx="12" cy="12" r="10"></circle><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 18V6"></path></svg><span class="text-base font font-bold">Billable and Non-Billable Hours</span></h3></div><p class="mt-1 text-sm text-gray-500">Set which hours are billable and non-billable for each project.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-timer h-6 w-6 mr-2 mb-3"><line x1="10" x2="14" y1="2" y2="2"></line><line x1="12" x2="15" y1="14" y2="11"></line><circle cx="12" cy="14" r="8"></circle></svg><span class="text-base font font-bold">Automatic and Manual Time Tracking</span></h3></div><p class="mt-1 text-sm text-gray-500">Enter time manually or use the timer to track time spent on tasks.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt-text h-6 w-6 mr-2 mb-3"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M14 8H8"></path><path d="M16 12H8"></path><path d="M13 16H8"></path></svg><span class="text-base font font-bold">Project Reports and Invoicing</span></h3></div><p class="mt-1 text-sm text-gray-500">One click project reports and invoicing for clients.</p></button></div></div><div class="mt-10 md:col-span-2 md:mt-0"><div class="space-y-6" style="opacity:0;transform:translateY(20px)"><img alt="clockit project and task tracking" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl shadow-lg" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Ftask-tracking%2Fclockit-task-tracking.jpg&w=3840&q=75"/><h3 class="text-xl font-semibold text-gray-900">Track Time Spent on Tasks and Projects</h3><p class="text-base text-gray-600">ClockIt not only tells you when your employees clock in and out, but also how much time they spend on tasks and projects. Run project reports to see how much time was spent on each project, and bill clients accordingly.</p><a class="text-indigo-600 font-bold" href="/mobile-apps"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 mt-5">Learn More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></div></div><div class="bg-white py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h3 class="text-base font-semibold leading-7 text-indigo-600">Powerful Notifications</h3><h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Early, late, absent notifications? Time off notifcations? We got you covered.</h2><p class="mt-6 text-lg leading-8 text-gray-600">Choose from obver 23 different notifications to keep your team informed and up to date. Customise the notifications to suit your company's needs. Optinally set who receives the notifications and when they are sent, employees, managers, or both.</p></div><div class="mt-16 sm:mt-20"><div class="md:grid md:grid-cols-3 md:items-start md:gap-12 lg:gap-16"><div class="md:col-span-1"><div class="space-y-4"><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 bg-indigo-50 text-indigo-600"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history h-6 w-6 mr-2 mb-3"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg><span class="text-base font font-bold">Early, Late, Absent Notifications</span></h3></div><p class="mt-1 text-sm text-gray-500">Get notifications for early, late, and absent employees.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tree-palm h-6 w-6 mr-2 mb-3"><path d="M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4"></path><path d="M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3"></path><path d="M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35"></path><path d="M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14"></path></svg><span class="text-base font font-bold">Time Off and Leave Notifications</span></h3></div><p class="mt-1 text-sm text-gray-500">Know when your team is on vacation, sick leave, or working remotely.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell h-6 w-6 mr-2 mb-3"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="text-base font font-bold">Mobile, Chat, Web, Email</span></h3></div><p class="mt-1 text-sm text-gray-500">Set where you want to receive notifications.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-siren h-6 w-6 mr-2 mb-3"><path d="M7 18v-6a5 5 0 1 1 10 0v6"></path><path d="M5 21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2z"></path><path d="M21 12h1"></path><path d="M18.5 4.5 18 5"></path><path d="M2 12h1"></path><path d="M12 2v1"></path><path d="m4.929 4.929.707.707"></path><path d="M12 12v6"></path></svg><span class="text-base font font-bold">Reminders</span></h3></div><p class="mt-1 text-sm text-gray-500">Remind employees to clock in and out. Take breaks and more.</p></button><button class="flex w-full flex-col items-start text-left px-4 py-3 rounded-lg transition-colors duration-200 text-gray-600 hover:bg-gray-50"><div class="flex items-center"><h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-alarm-clock-plus h-6 w-6 mr-2 mb-3"><circle cx="12" cy="13" r="8"></circle><path d="M5 3 2 6"></path><path d="m22 6-3-3"></path><path d="M6.38 18.7 4 21"></path><path d="M17.64 18.67 20 21"></path><path d="M12 10v6"></path><path d="M9 13h6"></path></svg><span class="text-base font font-bold">Overtime Notifications</span></h3></div><p class="mt-1 text-sm text-gray-500">Get notified when employees work overtime.</p></button></div></div><div class="mt-10 md:col-span-2 md:mt-0"><div class="space-y-6" style="opacity:0;transform:translateY(20px)"><img alt="clockit clock in clock out notifications" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl shadow-lg" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fnotifications%2Fclockit-notifications.jpg&w=3840&q=75"/><h3 class="text-xl font-semibold text-gray-900">Early, Late, Absent Notifications</h3><p class="text-base text-gray-600">Set up notifications for early, late, and absent employees. Set custom policies for when the notifications are sent and who receives them.</p><a class="text-indigo-600 font-bold" href="/mobile-apps"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 mt-5">Learn More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></div></div><section class="bg-gray-50 py-16 sm:py-24"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl lg:max-w-none"><div class="text-center"><h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Award-Winning Software</h2><p class="mt-4 text-lg leading-8 text-gray-600">Recognized for excellence by leading industry experts</p></div><dl class="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-5"><div class="flex flex-col bg-white p-8"><a href="https://www.capterra.com/p/151635/ClockIt/"><dt class="text-sm font-semibold leading-6 text-gray-600">Best Ease of Use</dt><dd class="order-first text-xl font-semibold tracking-tight text-indigo-600">2024</dd><dd class="mt-4"><img alt="Capterra Best Ease of Use Award" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="mx-auto sm:h-48 w-48 lg:h-auto lg:w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fawards%2Faward-1.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fawards%2Faward-1.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fawards%2Faward-1.jpg&w=640&q=75"/></dd><dd class="mt-1 text-base font-semibold leading-6 text-gray-600">Capterra</dd></a></div><div class="flex flex-col bg-white p-8"><a href="https://www.capterra.com/p/151635/ClockIt/"><dt class="text-sm font-semibold leading-6 text-gray-600">Most Affordable</dt><dd class="order-first text-xl font-semibold tracking-tight text-indigo-600">2019</dd><dd class="mt-4"><img alt="Capterra Most Affordable Award" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="mx-auto sm:h-48 w-48 lg:h-auto lg:w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fawards%2Faward-2.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fawards%2Faward-2.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fawards%2Faward-2.jpg&w=640&q=75"/></dd><dd class="mt-1 text-base font-semibold leading-6 text-gray-600">Capterra</dd></a></div><div class="flex flex-col bg-white p-8"><a href="https://www.softwareworld.co/software/clockit-reviews/"><dt class="text-sm font-semibold leading-6 text-gray-600">Top Rated</dt><dd class="order-first text-xl font-semibold tracking-tight text-indigo-600">2023</dd><dd class="mt-4"><img alt="Software World Top Rated Award" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="mx-auto sm:h-48 w-48 lg:h-auto lg:w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fawards%2Faward-3.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fawards%2Faward-3.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fawards%2Faward-3.jpg&w=640&q=75"/></dd><dd class="mt-1 text-base font-semibold leading-6 text-gray-600">Software World</dd></a></div><div class="flex flex-col bg-white p-8"><a href="https://www.getapp.com/hr-employee-management-software/a/clockit/"><dt class="text-sm font-semibold leading-6 text-gray-600">Category Leader</dt><dd class="order-first text-xl font-semibold tracking-tight text-indigo-600">2018</dd><dd class="mt-4"><img alt="Get App Category Leader Award" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="mx-auto sm:h-48 w-48 lg:h-auto lg:w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fawards%2Faward-4.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fawards%2Faward-4.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fawards%2Faward-4.jpg&w=640&q=75"/></dd><dd class="mt-1 text-base font-semibold leading-6 text-gray-600">Get App</dd></a></div><div class="flex flex-col bg-white p-8"><a href="https://www.softwareworld.co/software/clockit-reviews/"><dt class="text-sm font-semibold leading-6 text-gray-600">Best Scheduler</dt><dd class="order-first text-xl font-semibold tracking-tight text-indigo-600">2023</dd><dd class="mt-4"><img alt="Software World Best Scheduler Award" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="mx-auto sm:h-48 w-48 lg:h-auto lg:w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fawards%2Faward-5.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fawards%2Faward-5.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fawards%2Faward-5.jpg&w=640&q=75"/></dd><dd class="mt-1 text-base font-semibold leading-6 text-gray-600">Software World</dd></a></div></dl></div></div></section><div class="bg-gray-50 py-24 sm:py-32"><div class="mx-auto max-w-7xl px-6 lg:px-8"><div class="mx-auto max-w-2xl sm:text-center"><h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Flexible pricing for teams of all sizes</h2><p class="mt-6 text-lg leading-8 text-gray-600">Choose the perfect plan for your team. Enjoy a 14-day free trial on us. All features included, no credit card required.</p></div><div class="mx-auto mt-16 max-w-2xl rounded-3xl ring-1 ring-gray-200 sm:mt-20 lg:mx-0 lg:flex lg:max-w-none"><div class="p-8 sm:p-10 lg:flex-auto"><div class="flex items-center justify-between"><h3 class="text-2xl font-bold tracking-tight text-gray-900">ClockIt Pricing</h3><div class="flex items-center space-x-4"><span class="text-base font-medium text-gray-500">Monthly</span><button type="button" role="switch" aria-checked="false" data-state="unchecked" value="on" class="peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"><span data-state="unchecked" class="pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"></span></button><input type="checkbox" aria-hidden="true" style="transform:translateX(-100%);position:absolute;pointer-events:none;opacity:0;margin:0" tabindex="-1" value="on"/><span class="text-base font-medium text-gray-900">Annual</span></div></div><div class="mt-6 flex items-center gap-x-4"><h4 class="flex-none text-sm font-semibold leading-6 text-indigo-600">What's included</h4><div class="h-px flex-auto bg-gray-100"></div></div><h4 class="flex-none text-sm leading-6 text-gray-500 mt-6">You get all features when you sign up to a paid plan. Pricing is prorated based on the number of users. ClockIt does not featuregate any feature based on pricing.</h4><ul role="list" class="mt-8 grid grid-cols-1 gap-4 text-sm leading-6 text-gray-600 sm:grid-cols-2 sm:gap-6"><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Time Tracking using Mobile, Web, Kiosk, Desktop, Chat and Biometrics.</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Attendance tracking wtih realtime view and notifications</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Unlimited PTO, Time Off & Vacation Tracking With Automated Accruals.</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Unlimited Locations, Geofencing, IP Restrictions</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Powerful Customizable Notifcations</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Shifts & Schedules</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Reports & Analytics with Segments, Filters, and Export.</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Support for daily and weekly overtime with custom rules and notifications.</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Mobile, Kiosk, Desktop Apps</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>API access</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>24/7 support via chat, email, and phone. Dedicated help site</li><li class="flex gap-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-5 flex-none text-indigo-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Custom integrations for Slack, Microsoft Teams, Google Chat, and more</li></ul></div><div class="-mt-2 p-2 lg:mt-0 lg:w-full lg:max-w-md lg:flex-shrink-0"><div class="rounded-2xl bg-gray-50 py-10 text-center ring-1 ring-inset ring-gray-900/5 lg:flex lg:flex-col lg:justify-center lg:py-16"><div class="mx-auto max-w-xs px-8"><p class="text-base font-semibold text-gray-600">Monthly subscription</p><p class="mt-6 flex items-baseline justify-center gap-x-2"><span class="text-5xl font-bold tracking-tight text-gray-900">$14.95</span><span class="text-sm font-semibold leading-6 tracking-wide text-gray-600">USD</span></p><p class="mt-3 text-sm text-gray-500">For 5 users / month</p><div class="mt-8 space-y-4"><label for="user-count" class="text-sm font-medium text-gray-700 block text-left">Number of Users</label><div class="flex items-center space-x-4"><span dir="ltr" data-orientation="horizontal" aria-disabled="false" class="relative flex w-full touch-none select-none items-center flex-grow" id="user-count" style="--radix-slider-thumb-transform:translateX(-50%)"><span data-orientation="horizontal" class="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"><span data-orientation="horizontal" class="absolute h-full bg-primary" style="left:0%;right:99.19839679358718%"></span></span><span style="transform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px)"><span role="slider" aria-valuemin="1" aria-valuemax="500" aria-orientation="horizontal" data-orientation="horizontal" tabindex="0" class="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" style="display:none" data-radix-collection-item=""></span><input style="display:none"/></span></span><input type="number" class="flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm w-20" min="1" max="500" value="10"/></div></div><a href="https://portal.clockit.io/#/login?create=enabled"><button class="items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-10 rounded-md px-8 mt-10 block w-full">Start your free trial</button></a><p class="mt-6 text-xs leading-5 text-gray-600">Payments and Subscriptions handled by Stripe. No credit card required for trial. Cancel anytime. No hidden fees or contracts.</p></div></div></div></div></div></div></div><footer class="bg-gray-900" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32"><div class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="space-y-8"><a class="flex-shrink-0 flex items-center" href="/"><img alt="ClockIt Logo" loading="lazy" width="150" height="100" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fclockit-logo-light.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Fclockit-logo-light.png&w=384&q=75 2x" src="/_next/image?url=%2Fimages%2Fclockit-logo-light.png&w=384&q=75"/></a><p class="text-sm leading-6 text-gray-300">Empowering businesses with innovative solutions to streamline operations and boost productivity.</p><div class="flex space-x-6"><a href="https://www.facebook.com/clockitio/" class="text-gray-500 hover:text-gray-400"><span class="sr-only">Facebook</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-6 w-6" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://x.com/clockitio" class="text-gray-500 hover:text-gray-400"><span class="sr-only">Twitter</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-6 w-6" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.instagram.com/clockit.io" class="text-gray-500 hover:text-gray-400"><span class="sr-only">Instagram</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-6 w-6" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.linkedin.com/company/clock-it" class="text-gray-500 hover:text-gray-400"><span class="sr-only">LinkedIn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-6 w-6" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://github.com/TECSOL" class="text-gray-500 hover:text-gray-400"><span class="sr-only">GitHub</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github h-6 w-6" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div></div><div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"><div class="md:grid md:grid-cols-2 md:gap-8"><div><h3 class="text-sm font-semibold leading-6 text-white">Product</h3><ul role="list" class="mt-6 space-y-4"><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Features</a></li><li><a href="/pricing" class="text-sm leading-6 text-gray-300 hover:text-white">Pricing</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Integrations</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">FAQ</a></li></ul></div><div class="mt-10 md:mt-0"><h3 class="text-sm font-semibold leading-6 text-white">Company</h3><ul role="list" class="mt-6 space-y-4"><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">About</a></li><li><a href="/blog" class="text-sm leading-6 text-gray-300 hover:text-white">Blog</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Careers</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Press</a></li></ul></div></div><div class="md:grid md:grid-cols-2 md:gap-8"><div><h3 class="text-sm font-semibold leading-6 text-white">Support</h3><ul role="list" class="mt-6 space-y-4"><li><a href="https://help.clockit.io/en/" class="text-sm leading-6 text-gray-300 hover:text-white">Documentation</a></li><li><a href="https://clockit.docs.apiary.io/" class="text-sm leading-6 text-gray-300 hover:text-white">API Reference</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Status</a></li><li><a href="/free/pomodoro" class="text-sm leading-6 text-gray-300 hover:text-white">Free Pomodoro Timer</a></li></ul></div><div class="mt-10 md:mt-0"><h3 class="text-sm font-semibold leading-6 text-white">Legal</h3><ul role="list" class="mt-6 space-y-4"><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Privacy</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Terms</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Cookie Policy</a></li><li><a href="#" class="text-sm leading-6 text-gray-300 hover:text-white">Licenses</a></li></ul></div></div></div></div><div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24"><p class="text-xs leading-5 text-gray-400">漏 2025 ClockIt, Inc. All rights reserved.</p></div></div></footer><script src="/_next/static/chunks/webpack-db3214c5c58110e1.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2341,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"177\",\"static/chunks/app/layout-aac9c7be87e6c3d4.js\"],\"Navbar\"]\n3:I[5244,[],\"\"]\n4:I[3866,[],\"\"]\n5:I[8173,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"\"]\n6:I[7970,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"Image\"]\n7:I[766,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"177\",\"static/chunks/app/layout-aac9c7be87e6c3d4.js\"],\"GoogleAnalytics\"]\n9:I[9946,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"FeaturesTabs\"]\na:I[1119,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"PtoFeaturesTabs\"]\nb:I[4852,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"ReportingFeaturesTabs\"]\nc:I[1812,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"TaskTrackingFeaturesTabs\"]\nd:I[8211,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"NotificationsFeaturesTabs\"]\ne:I[6295,[\"173\",\"static/chunks/173-d25ccb3318bdcd64.js\",\"970\",\"static/chunks/970-5cd96e8bc802386f.js\",\"129\",\"static/chunks/129-52feaf7d1a0d4730.js\",\"740\",\"static/chunks/740-d7240b591b173069.js\",\"700\",\"static/chunks/700-c5dc47e1fe526de9.js\",\"258\",\"static/chunks/258-a13f84085e802ceb.js\",\"974\",\"static/chunks/app/page-3f644aef58d660ab.js\"],\"PricingPageWithInput\"]\nf:I[6213,[],\"OutletBoundary\"]\n11:I[6213,[],\"MetadataBoundary\"]\n13:I[6213,[],\"ViewportBoundary\"]\n15:I[4835,[],\"\"]\n:HL[\"/_next/static/media/569ce4b8f30dc480-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/93f479601ee12b01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/19b87d5e42b14067.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"VcrkJAhI3hVK1eHdQ0u3A\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/19b87d5e42b14067.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"body\",null,{\"className\":\"__variable_4d318d __variable_ea5f4b antialiased\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"footer\",null,{\"className\":\"bg-gray-900\",\"aria-labelledby\":\"footer-heading\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"footer-heading\",\"className\":\"sr-only\",\"children\":\"Footer\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"xl:grid xl:grid-cols-3 xl:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"flex-shrink-0 flex items-center\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/clockit-logo-light.png\",\"alt\":\"ClockIt Logo\",\"width\":150,\"height\":100}]}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-6 text-gray-300\",\"children\":\"Empowering businesses with innovative solutions to streamline operations and boost productivity.\"}],[\"$\",\"div\",null,{\"className\":\"flex space-x-6\",\"children\":[[\"$\",\"a\",\"Facebook\",{\"href\":\"https://www.facebook.com/clockitio/\",\"className\":\"text-gray-500 hover:text-gray-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Facebook\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-facebook h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1jg4f8\",{\"d\":\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"Twitter\",{\"href\":\"https://x.com/clockitio\",\"className\":\"text-gray-500 hover:text-gray-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Twitter\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-twitter h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"pff0z6\",{\"d\":\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"Instagram\",{\"href\":\"https://www.instagram.com/clockit.io\",\"className\":\"text-gray-500 hover:text-gray-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Instagram\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-instagram h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"2e1cvw\",{\"width\":\"20\",\"height\":\"20\",\"x\":\"2\",\"y\":\"2\",\"rx\":\"5\",\"ry\":\"5\"}],[\"$\",\"path\",\"9exkf1\",{\"d\":\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"}],[\"$\",\"line\",\"r4j83e\",{\"x1\":\"17.5\",\"x2\":\"17.51\",\"y1\":\"6.5\",\"y2\":\"6.5\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"LinkedIn\",{\"href\":\"https://www.linkedin.com/company/clock-it\",\"className\":\"text-gray-500 hover:text-gray-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"LinkedIn\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-linkedin h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"c2jq9f\",{\"d\":\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"}],[\"$\",\"rect\",\"mk3on5\",{\"width\":\"4\",\"height\":\"12\",\"x\":\"2\",\"y\":\"9\"}],[\"$\",\"circle\",\"bt5ra8\",{\"cx\":\"4\",\"cy\":\"4\",\"r\":\"2\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"GitHub\",{\"href\":\"https://github.com/TECSOL\",\"className\":\"text-gray-500 hover:text-gray-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"GitHub\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:grid md:grid-cols-2 md:gap-8\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-semibold leading-6 text-white\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"role\":\"list\",\"className\":\"mt-6 space-y-4\",\"children\":[[\"$\",\"li\",\"Features\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Features\"}]}],[\"$\",\"li\",\"Pricing\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/pricing\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Pricing\"}]}],[\"$\",\"li\",\"Integrations\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Integrations\"}]}],[\"$\",\"li\",\"FAQ\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"FAQ\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 md:mt-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-semibold leading-6 text-white\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"role\":\"list\",\"className\":\"mt-6 space-y-4\",\"children\":[[\"$\",\"li\",\"About\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"About\"}]}],[\"$\",\"li\",\"Blog\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/blog\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"Careers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Careers\"}]}],[\"$\",\"li\",\"Press\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Press\"}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"md:grid md:grid-cols-2 md:gap-8\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-semibold leading-6 text-white\",\"children\":\"Support\"}],[\"$\",\"ul\",null,{\"role\":\"list\",\"className\":\"mt-6 space-y-4\",\"children\":[[\"$\",\"li\",\"Documentation\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://help.clockit.io/en/\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Documentation\"}]}],[\"$\",\"li\",\"API Reference\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://clockit.docs.apiary.io/\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"API Reference\"}]}],[\"$\",\"li\",\"Status\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Status\"}]}],[\"$\",\"li\",\"Free Pomodoro Timer\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/free/pomodoro\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Free Pomodoro Timer\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 md:mt-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-semibold leading-6 text-white\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"role\":\"list\",\"className\":\"mt-6 space-y-4\",\"children\":[[\"$\",\"li\",\"Privacy\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Privacy\"}]}],[\"$\",\"li\",\"Terms\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Terms\"}]}],[\"$\",\"li\",\"Cookie Policy\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Cookie Policy\"}]}],[\"$\",\"li\",\"Licenses\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"text-sm leading-6 text-gray-300 hover:text-white\",\"children\":\"Licenses\"}]}]]}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs leading-5 text-gray-400\",\"children\":\"漏 2025 ClockIt, Inc. All rights reserved.\"}]}]]}]]}]]}],[\"$\",\"$L7\",null,{\"gaId\":\"G-HMVLBYCDSC\"}]]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-full w-full\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"100%\",\"height\":\"100%\",\"children\":[[\"$\",\"defs\",null,{\"children\":[\"$\",\"pattern\",null,{\"id\":\"modern-pattern\",\"x\":\"0\",\"y\":\"0\",\"width\":\"100\",\"height\":\"100\",\"patternUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"10\",\"cy\":\"10\",\"r\":\"1.5\",\"fill\":\"#e2e8f0\"}],[\"$\",\"circle\",null,{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"1.5\",\"fill\":\"#e2e8f0\"}],[\"$\",\"circle\",null,{\"cx\":\"90\",\"cy\":\"90\",\"r\":\"1.5\",\"fill\":\"#e2e8f0\"}],[\"$\",\"circle\",null,{\"cx\":\"10\",\"cy\":\"90\",\"r\":\"1.5\",\"fill\":\"#e2e8f0\"}],[\"$\",\"circle\",null,{\"cx\":\"90\",\"cy\":\"10\",\"r\":\"1.5\",\"fill\":\"#e2e8f0\"}],[\"$\",\"line\",null,{\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"100\",\"y2\":\"100\",\"stroke\":\"#e2e8f0\",\"strokeWidth\":\"0.5\"}],[\"$\",\"line\",null,{\"x1\":\"100\",\"y1\":\"0\",\"x2\":\"0\",\"y2\":\"100\",\"stroke\":\"#e2e8f0\",\"strokeWidth\":\"0.5\"}],[\"$\",\"line\",null,{\"x1\":\"50\",\"y1\":\"0\",\"x2\":\"50\",\"y2\":\"100\",\"stroke\":\"#e2e8f0\",\"strokeWidth\":\"0.5\"}],[\"$\",\"line\",null,{\"x1\":\"0\",\"y1\":\"50\",\"x2\":\"100\",\"y2\":\"50\",\"stroke\":\"#e2e8f0\",\"strokeWidth\":\"0.5\"}]]}]}],[\"$\",\"rect\",null,{\"x\":\"0\",\"y\":\"0\",\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"url(#modern-pattern)\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-7xl px-4 py-24 sm:px-6 sm:py-32 lg:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl\",\"children\":\"Complete Payroll In 5 Minutes\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-6 max-w-md text-lg text-gray-600 sm:text-xl md:mt-8 md:max-w-3xl\",\"children\":\"All in one platform to track time, paid time off, vacations, holidays overtime and much more. No more spreadsheets, paper timesheets, or manual calculations. Realtime payroll reports at your fingertips.\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex justify-center gap-x-6\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"https://portal.clockit.io/#/login?create=enabled\",\"className\":\"rounded-md bg-blue-600 px-8 py-3 text-base font-medium text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 sm:px-10\",\"children\":\"Start Free Trial\"}],[\"$\",\"$L5\",null,{\"href\":\"https://portal.clockit.io/#/login?demo=enabled\",\"className\":\"rounded-md bg-gray-100 px-8 py-3 text-base font-medium text-gray-800 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2 sm:px-10\",\"children\":\"See Demo\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center space-x-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"No credit card required\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"No contracts\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-check-big h-5 w-5 text-green-500 mr-2\",\"children\":[[\"$\",\"path\",\"yps3ct\",{\"d\":\"M21.801 10A10 10 0 1 1 17 3.335\"}],[\"$\",\"path\",\"1pflzl\",{\"d\":\"m9 11 3 3L22 4\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-sm text-gray-600\",\"children\":\"14-day free trial\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-gray-500\",\"children\":\"All features enabled during the trial period\"}],\"$L8\"]}]}]]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"section\",null,{\"className\":\"bg-gray-50 py-16 sm:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-6 lg:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl lg:max-w-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl\",\"children\":\"Award-Winning Software\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-lg leading-8 text-gray-600\",\"children\":\"Recognized for excellence by leading industry experts\"}]]}],[\"$\",\"dl\",null,{\"className\":\"mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-5\",\"children\":[[\"$\",\"div\",\"Best Ease of Use\",{\"className\":\"flex flex-col bg-white p-8\",\"children\":[\"$\",\"$L5\",null,{\"href\":\"https://www.capterra.com/p/151635/ClockIt/\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm font-semibold leading-6 text-gray-600\",\"children\":\"Best Ease of Use\"}],[\"$\",\"dd\",null,{\"className\":\"order-first text-xl font-semibold tracking-tight text-indigo-600\",\"children\":2024}],[\"$\",\"dd\",null,{\"className\":\"mt-4\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/awards/award-1.jpg\",\"alt\":\"Capterra Best Ease of Use Award\",\"width\":300,\"height\":300,\"className\":\"mx-auto sm:h-48 w-48 lg:h-auto lg:w-full\"}]}],[\"$\",\"dd\",null,{\"className\":\"mt-1 text-base font-semibold leading-6 text-gray-600\",\"children\":\"Capterra\"}]]}]}],[\"$\",\"div\",\"Most Affordable\",{\"className\":\"flex flex-col bg-white p-8\",\"children\":[\"$\",\"$L5\",null,{\"href\":\"https://www.capterra.com/p/151635/ClockIt/\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm font-semibold leading-6 text-gray-600\",\"children\":\"Most Affordable\"}],[\"$\",\"dd\",null,{\"className\":\"order-first text-xl font-semibold tracking-tight text-indigo-600\",\"children\":2019}],[\"$\",\"dd\",null,{\"className\":\"mt-4\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/awards/award-2.jpg\",\"alt\":\"Capterra Most Affordable Award\",\"width\":300,\"height\":300,\"className\":\"mx-auto sm:h-48 w-48 lg:h-auto lg:w-full\"}]}],[\"$\",\"dd\",null,{\"className\":\"mt-1 text-base font-semibold leading-6 text-gray-600\",\"children\":\"Capterra\"}]]}]}],[\"$\",\"div\",\"Top Rated\",{\"className\":\"flex flex-col bg-white p-8\",\"children\":[\"$\",\"$L5\",null,{\"href\":\"https://www.softwareworld.co/software/clockit-reviews/\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm font-semibold leading-6 text-gray-600\",\"children\":\"Top Rated\"}],[\"$\",\"dd\",null,{\"className\":\"order-first text-xl font-semibold tracking-tight text-indigo-600\",\"children\":2023}],[\"$\",\"dd\",null,{\"className\":\"mt-4\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/awards/award-3.jpg\",\"alt\":\"Software World Top Rated Award\",\"width\":300,\"height\":300,\"className\":\"mx-auto sm:h-48 w-48 lg:h-auto lg:w-full\"}]}],[\"$\",\"dd\",null,{\"className\":\"mt-1 text-base font-semibold leading-6 text-gray-600\",\"children\":\"Software World\"}]]}]}],[\"$\",\"div\",\"Category Leader\",{\"className\":\"flex flex-col bg-white p-8\",\"children\":[\"$\",\"$L5\",null,{\"href\":\"https://www.getapp.com/hr-employee-management-software/a/clockit/\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm font-semibold leading-6 text-gray-600\",\"children\":\"Category Leader\"}],[\"$\",\"dd\",null,{\"className\":\"order-first text-xl font-semibold tracking-tight text-indigo-600\",\"children\":2018}],[\"$\",\"dd\",null,{\"className\":\"mt-4\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/awards/award-4.jpg\",\"alt\":\"Get App Category Leader Award\",\"width\":300,\"height\":300,\"className\":\"mx-auto sm:h-48 w-48 lg:h-auto lg:w-full\"}]}],[\"$\",\"dd\",null,{\"className\":\"mt-1 text-base font-semibold leading-6 text-gray-600\",\"children\":\"Get App\"}]]}]}],[\"$\",\"div\",\"Best Scheduler\",{\"className\":\"flex flex-col bg-white p-8\",\"children\":[\"$\",\"$L5\",null,{\"href\":\"https://www.softwareworld.co/software/clockit-reviews/\",\"children\":[[\"$\",\"dt\",null,{\"className\":\"text-sm font-semibold leading-6 text-gray-600\",\"children\":\"Best Scheduler\"}],[\"$\",\"dd\",null,{\"className\":\"order-first text-xl font-semibold tracking-tight text-indigo-600\",\"children\":2023}],[\"$\",\"dd\",null,{\"className\":\"mt-4\",\"children\":[\"$\",\"$L6\",null,{\"src\":\"/images/awards/award-5.jpg\",\"alt\":\"Software World Best Scheduler Award\",\"width\":300,\"height\":300,\"className\":\"mx-auto sm:h-48 w-48 lg:h-auto lg:w-full\"}]}],[\"$\",\"dd\",null,{\"className\":\"mt-1 text-base font-semibold leading-6 text-gray-600\",\"children\":\"Software World\"}]]}]}]]}]]}]}]}],[\"$\",\"$Le\",null,{}]]}],null,[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"THQIHTK3EfaspY6LdSKWf\",{\"children\":[[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$15\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"14:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n12:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"ClockIt - Time Tracker\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Time clock app to run payroll in under 5 minutes\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"Time Tracking App,Time Clock Software,Time and Attendance System,Time Clock App,Vacation Tracking,Time Off Tracking\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"256x256\"}]]\n"])</script><script>self.__next_f.push([1,"10:null\n"])</script><script>self.__next_f.push([1,"8:[\"$\",\"div\",null,{\"className\":\"mt-16\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"https://www.capterra.ae/reviews/151635/clockit\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex justify-center items-center space-x-2 mb-4\",\"children\":[[[\"$\",\"$L6\",\"0\",{\"src\":\"/images/social-proof/social-proof-0.jpg\",\"alt\":\"User 1\",\"width\":40,\"height\":40,\"className\":\"rounded-full border-2 border-white shadow-sm\",\"style\":{\"marginLeft\":\"0\"}}],[\"$\",\"$L6\",\"1\",{\"src\":\"/images/social-proof/social-proof-1.jpg\",\"alt\":\"User 2\",\"width\":40,\"height\":40,\"className\":\"rounded-full border-2 border-white shadow-sm\",\"style\":{\"marginLeft\":\"-10px\"}}],[\"$\",\"$L6\",\"2\",{\"src\":\"/images/social-proof/social-proof-2.jpg\",\"alt\":\"User 3\",\"width\":40,\"height\":40,\"className\":\"rounded-full border-2 border-white shadow-sm\",\"style\":{\"marginLeft\":\"-10px\"}}],[\"$\",\"$L6\",\"3\",{\"src\":\"/images/social-proof/social-proof-3.jpg\",\"alt\":\"User 4\",\"width\":40,\"height\":40,\"className\":\"rounded-full border-2 border-white shadow-sm\",\"style\":{\"marginLeft\":\"-10px\"}}],[\"$\",\"$L6\",\"4\",{\"src\":\"/images/social-proof/social-proof-4.jpg\",\"alt\":\"User 5\",\"width\":40,\"height\":40,\"className\":\"rounded-full border-2 border-white shadow-sm\",\"style\":{\"marginLeft\":\"-10px\"}}]],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[[\"$\",\"svg\",\"0\",{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star h-5 w-5 text-yellow-400 fill-current\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],[\"$\",\"svg\",\"1\",{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star h-5 w-5 text-yellow-400 fill-current\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],[\"$\",\"svg\",\"2\",{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star h-5 w-5 text-yellow-400 fill-current\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],[\"$\",\"svg\",\"3\",{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star h-5 w-5 text-yellow-400 fill-current\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],[\"$\",\"svg\",\"4\",{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star h-5 w-5 text-yellow-400 fill-current\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}]],[\"$\",\"span\",null,{\"className\":\"ml-2 text-sm font-medium text-gray-700\",\"children\":\"4.7\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"mt-6\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-indigo-600\",\"children\":[\"765\",\" people signed up this week\"]}]}]]}]\n"])</script></body></html>