PageSourceSearch

https://www.focora.ai/

html focora.ai collected 2026-10-02 01:11:00 UTC 86,668 bytes, 43 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="preload" as="image" href="/assets/logo-DlKYyzH_.png"/><link rel="preload" as="image" href="/assets/jugglingPerson2-BWpeZv_O.png"/><link rel="preload" as="image" href="/assets/scribbleLine2-CmPTZdr0.png"/><link rel="preload" as="image" href="/assets/problem_1-DI8cwyom.jpeg"/><link rel="preload" as="image" href="/assets/problem_2-Cy-DfSGe.jpeg"/><link rel="preload" as="image" href="/assets/problem_3-pGrlsZlR.jpeg"/><link rel="preload" as="image" href="/assets/solution-ptQIEC8m.jpeg"/><link rel="preload" as="image" href="/assets/solution1-BJEOccDS.png"/><link rel="preload" as="image" href="/assets/solution2-CKV2UfTv.png"/><link rel="preload" as="image" href="/assets/solution3-CvtW3W1r.png"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-W6T07KM6BP
vendor: 11 bytes, line 1
1"></script>
1<link rel="preload" as="image" href="/assets/correlation-Dth2CBho.png"/><link rel="preload" as="image" href="/assets/feature1-D1vd7W1e.png"/><link rel="preload" as="image" href="/assets/solution4-CaqarLKs.png"/><link rel="preload" as="image" href="/assets/solution5-COUuIumk.png"/><link rel="preload" as="image" href="/assets/footer-vwjGo1qT.png"/><meta name="msvalidate.01" content="AA1EDBBCDF83E94FF862D0AA1BC6E4E4"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/><title>Focora — Free Productivity Tracker, Pomodoro Timer &amp; Site Blocker</title><meta name="description" content="Focora is an intelligent productivity tracker that analyzes your work patterns to eliminate distractions, block time-wasting sites, and help you ship faster."/><meta property="og:title" content="Focora — Free Productivity Tracker, Pomodoro Timer &amp; Site Blocker"/><meta property="og:description" content="An intelligent focus and productivity tracker for developers and professionals."/><meta property="og:type" content="website"/><meta property="og:url" content="https://www.focora.ai/"/><meta property="og:image" content="https://www.focora.ai/focora-image.png"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/manifest-ff9278bd.js"/><link rel="modulepreload" href="/assets/entry.client-BvTSKlfZ.js"/><link rel="modulepreload" href="/assets/chunk-4N6VE7H7-DCXb7SYf.js"/><link rel="modulepreload" href="/assets/index-kgyIiEgH.js"/><link rel="modulepreload" href="/assets/root-2yzEeScN.js"/><link rel="modulepreload" href="/assets/axiosConfig-DFKm4Hre.js"/><link rel="modulepreload" href="/assets/query-BeBT5m4y.js"/><link rel="modulepreload" href="/assets/useMutation-DTM9dgMn.js"/><link rel="modulepreload" href="/assets/AuthContext-CaL7D4Jg.js"/><link rel="modulepreload" href="/assets/index-CZ7DZxd_.js"/><link rel="modulepreload" href="/assets/JsonLd-C3ty1OGn.js"/><link rel="modulepreload" href="/assets/logger-DuBIU0n2.js"/><link rel="modulepreload" href="/assets/HomePage-O01IAL2V.js"/><link rel="modulepreload" href="/assets/Header-_RIESD3h.js"/><link rel="modulepreload" href="/assets/button-Czn59Ohv.js"/><link rel="modulepreload" href="/assets/index-pw799q8v.js"/><link rel="modulepreload" href="/assets/utils-sElhP03s.js"/><link rel="modulepreload" href="/assets/logo-DHLcI1K6.js"/><link rel="modulepreload" href="/assets/LandingPage-BCYqceIC.js"/><link rel="modulepreload" href="/assets/RoadmapSection-B-c2Ev_9.js"/><link rel="modulepreload" href="/assets/createLucideIcon-5ma6jv8o.js"/><link rel="modulepreload" href="/assets/rocket-BLzj23Jr.js"/><link rel="modulepreload" href="/assets/chevron-left-DlG8RhzE.js"/><link rel="modulepreload" href="/assets/chevron-right-iU340f0p.js"/><link rel="modulepreload" href="/assets/layers-_494yshC.js"/><link rel="modulepreload" href="/assets/clock-DBKYSX8E.js"/><link rel="modulepreload" href="/assets/chevron-down-Bb-4PQyI.js"/><link rel="modulepreload" href="/assets/check-DEpplTjH.js"/> <!-- -->
1<script>
2              
vendor: 169 bytes, lines 2-5
2window.dataLayer = window.dataLayer || [];
3              function gtag(){dataLayer.push(arguments);}
4              gtag('js', new Date());
5              gtag('config', '
5G-W6T07KM6BP
vendor: 16 bytes, lines 5-6
5');
6            
6</script>
6<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Focora","url":"https://www.focora.ai/","logo":"https://www.focora.ai/assets/whitelogo-CZuKWUoI.png","description":"Focora is a free productivity tracker and unlimited site blocker that shows you where your time actually goes.","sameAs":[]}</script>
6<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;display=swap" rel="stylesheet"/><link rel="stylesheet" href="/assets/root-CJ1WUAII.css"/></head><body><div class="min-h-screen relative overflow-hidden bg-white"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-100 bg-transparent"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-14 sm:h-16"><a aria-current="page" class="shrink-0 active" href="/" data-discover="true"><div class="flex items-center space-x-2 sm:space-x-3"><img src="/assets/logo-DlKYyzH_.png" alt="Focora Logo" class="w-7 h-7 sm:w-8 sm:h-8 object-contain"/></div></a><nav class="hidden lg:flex items-center space-x-6 xl:space-x-8 absolute left-1/2 transform -translate-x-1/2"><a href="#features" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Features</a><a href="#faq" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">FAQs</a><a href="#blog" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Blog</a><a href="#privacy-policy" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Privacy</a><a href="#terms-of-service" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Terms</a><a href="#extension" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Extension</a></nav><div class="hidden lg:flex items-center space-x-2 xl:space-x-3"><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[&gt;svg]:px-3 bg-white text-black hover:bg-slate-100 shadow-sm font-medium transition-all duration-200 px-4 xl:px-6 py-2 text-sm">Login</button></a><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[&gt;svg]:px-3 bg-slate-900 shadow-sm hover:bg-slate-800 text-white font-medium transition-all duration-200 px-4 xl:px-6 py-2 text-sm">Get Focora Free</button></a></div><button class="lg:hidden p-2 rounded-md text-slate-600 hover:text-slate-900 hover:bg-slate-50 transition-colors duration-200" aria-label="Toggle menu"><svg class="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div><div class="lg:hidden bg-white border-t border-slate-200 overflow-hidden transition-all duration-200 ease-in-out max-h-0 opacity-0"><div class="py-3 sm:py-4 space-y-1"><div class="block px-3 py-2"><a href="#features" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Features</a></div><div class="block px-3 py-2"><a href="#faq" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">FAQs</a></div><div class="block px-3 py-2"><a href="#blog" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Blog</a></div><div class="block px-3 py-2"><a href="#privacy-policy" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Privacy</a></div><div class="block px-3 py-2"><a href="#terms-of-service" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Terms</a></div><div class="block px-3 py-2"><a href="#extension" class="text-sm lg:text-base text-slate-600 hover:text-slate-900 font-medium transition-colors duration-200">Extension</a></div><div class="flex flex-col pt-2 space-y-2 px-3"><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
6size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs h-9 has-[&gt;svg]:px-3 w-full bg-white text-black hover:bg-slate-100 border border-slate-200 font-medium px-6 py-2.5 text-sm sm:text-base transition-all duration-200">Login</button></a><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs h-9 has-[&gt;svg]:px-3 w-full bg-slate-900 hover:bg-slate-800 text-white font-medium px-6 py-2.5 text-sm sm:text-base transition-all duration-200">Get Focora Free</button></a></div></div></div></div></header>
6<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Focora","applicationCategory":"BusinessApplication","operatingSystem":"Web, Chrome","url":"https://www.focora.ai/","description":"Focora is a free productivity tracker, Pomodoro timer, and unlimited site blocker. It automatically categorizes the sites you visit so you can see where your time actually goes and block distractions based on your own data instead of guesswork.","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"featureList":["Unlimited website blocking","Pomodoro focus timer","Automatic website categorization","Weekly time-tracking analytics","To-do task list"]}</script>
6<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is my data private?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. Your productivity data stays completely private and secure. We never share your personal information with third parties. You own your data, and you can export or delete it anytime."}},{"@type":"Question","name":"How does the activity tracking work?","acceptedAnswer":{"@type":"Answer","text":"Our app uses a browser extension to anonymously track which websites and applications you use. All data stays on your device unless you choose to sync it with our secure cloud."}},{"@type":"Question","name":"Is Focora really free?","acceptedAnswer":{"@type":"Answer","text":"Yes! The core features of Focora are completely free. We plan to introduce premium features in the future, but our commitment is to always provide a valuable free tier."}},{"@type":"Question","name":"Can I use Focora on multiple devices?","acceptedAnswer":{"@type":"Answer","text":"Currently, you can use Focora on any computer with our browser extension. Mobile apps are coming soon, which will allow you to track your productivity across all devices."}},{"@type":"Question","name":"How accurate are the AI suggestions?","acceptedA
6nswer":{"@type":"Answer","text":"Our AI is able to provide accurate, personalized suggestions by drawing from a broad knowledge base of productivity resources and tutorials. That said, the more you use Focora, the better it gets. The more data you build up over time, the more tailored and relevant your suggestions become. For the best results, make proper use of sessions and try to complete tasks within a session whenever possible, as this gives the AI clearer signals about your work patterns."}},{"@type":"Question","name":"How is this different from Notion or Rize AI?","acceptedAnswer":{"@type":"Answer","text":"Notion is a productivity workspace while Focora is a productivity tracker. Focora measures how effectively you worked, while Notion is where your work lives. As for Rize AI, the key distinction is that Focora features a smart timer capable of actively tracking your activity in real time, which Rize AI currently does not offer."}},{"@type":"Question","name":"Can I use Focora without creating an account?","acceptedA
6nswer":{"@type":"Answer","text":"Yes! If privacy is your priority, you can use the Focora browser extension completely standalone with no account required. The extension will still track your site usage and let you block distracting sites, all stored locally on your device."}}]}</script>
6<section class="relative bg-white min-h-screen flex items-center justify-center overflow-hidden"><div class="absolute top-20 left-1/2 -translate-x-1/2 z-0"><img src="/assets/jugglingPerson2-BWpeZv_O.png" alt="" class="w-32 h-32 sm:w-44 sm:h-44 object-contain"/></div><div class="absolute top-16 right-2 sm:top-20 sm:right-6 z-20"><a href="https://smollaunch.com" target="_blank" rel="noopener"><img src="https://smollaunch.com/badges/featured.svg" alt="Focora — Featured on Smol Launch" loading="lazy" width="250" height="60" class="w-24 sm:w-32 h-auto"/></a></div><div class="relative z-20 max-w-4xl mx-auto  px-4 sm:px-6 lg:px-8 text-center "><div class="space-y-4 sm:space-y-6 mt-20"><h1 class="font-bold text-5xl sm:text-6xl lg:text-7xl leading-tight text-black">Stop Juggling Apps</h1><div class="flex flex-col space-y-2"><p class="text-2xl sm:text-3xl lg:text-4xl text-slate-700">Start Achieving Deep Work</p><div class="flex justify-center"><img src="/assets/scribbleLine2-CmPTZdr0.png" alt="" class="w-48 sm:w-96 h-8 object-contain"/></div></div><div class="pt-4"><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[&gt;svg]:px-3 bg-slate-900 hover:bg-slate-800 text-white font-semibold py-6 px-12 text-lg sm:text-xl transition-all duration-200 shadow-lg hover:shadow-xl">Get Focora App</button></a></div></div></div></section><section class="relative z-10 bg-white py-20 md:py-32"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-20 md:mb-28"><div class="mb-4 text-sm font-medium text-slate-500 uppercase tracking-wider">The Problem</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-slate-900 mb-8 leading-tight max-w-4xl mx-auto">You&#x27;re putting in the hours. Why isn&#x27;t it working?</h2><p class="text-xl md:text-2xl text-slate-00 max-w-3xl mx-auto leading-relaxed font-light">You start each day focused. You block distractions, set timers, and work hard all day. But when you log off, that nagging feeling hits...</p></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-12 lg:gap-16 mb-20 md:mb-28"><div class="flex flex-col items-center text-center group"><div class="w-full max-w-sm h-72 mb-8 transition-all duration-500"><img src="/assets/problem_1-DI8cwyom.jpeg" alt="Feeling drained with little progress" class="w-full h-full object-cover rounded-2xl transition-shadow duration-500"/></div><p class="text-lg text-slate-700 leading-relaxed max-w-sm font-medium">You feel drained, but your biggest project barely moved forward</p></div><div class="flex flex-col items-center text-center group"><div class="w-full max-w-sm h-72 mb-8 transition-all duration-500"><img src="/assets/problem_2-Cy-DfSGe.jpeg" alt="Feeling drained with little progress" class="w-full h-full object-cover rounded-2xl transition-shadow duration-500"/></div><p class="text-lg text-slate-700 leading-relaxed max-w-sm font-medium">You were busy all day, but what did you actually accomplish?</p></div><div class="flex flex-col items-center text-center group"><div class="w-full max-w-sm h-72 mb-8 transition-all duration-500"><img src="/assets/problem_3-pGrlsZlR.jpeg" alt="Feeling drained with little progress" class="w-full h-full object-cover rounded-2xl transition-shadow duration-500"/></div><p class="text-lg text-slate-700 leading-relaxed max-w-sm font-medium">You&#x27;ve rescheduled the same task for the fifth time</p></div></div><div class="text-center max-w-4xl mx-auto"><p class="text-xl md:text-2xl text-slate-700 font-light leading-relaxed mb-2">The problem isn&#x27;t effort. The problem is that your tools tell you what you did,</p><p class="text-2xl md:text-3xl text-slate-900 font-semibold leading-relaxed">not why it isn&#x27;t working.</p></div></div></section><section class="relative z-10 min-h-screen bg-white py-12 sm:py-20 md:py-32"><div class="max-w-7xl mx-auto px-4 sm:px-6 h-full"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 sm:gap-16 lg:gap-8 items-center min-h-[80vh]"><div class="order-2 lg:order-1 flex items-center justify-center"><div class="w-full max-w-lg aspect-4/5 bg-linear-to-br from-white to-slate-50/50 rounded-3xl border-slate-200/40 relative overflow-hidden"><img src="/assets/solution-ptQIEC8m.jpeg" alt="Focora solution" class="w-full h-full object-cover rounded-2xl transition-shadow duration-500"/></div></div><div class="order-1 lg:order-2 flex flex-col justify-center space-y-6 sm:space-y-8"><div><div class="mb-4 sm:mb-6 text-xs sm:text-sm font-medium text-slate-500 uppercase tracking-wider"><h1> Our Solution / Focus App</h1></div><h2 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-slate-900 leading-[1.1] tracking-tight"><div class="mb-2">Introducing</div><div class="mb-2 underline underline-offset-8">Focora</div></h2></div></div></div></div></section><div class="max-w-5xl mr-2 ml-2 sm:mx-auto"><h3 class="font-extrabold">Your entire productivity life, Visualized.</h3><div class="mt-6 overflow-hidden rounded-2xl h-[1600px] sm:h-[1200px]"><div style="transform:scale(0.65);transform-origin:top center;width:153.85%;margin-left:-26.92%"><div class="sm:rounded-2xl rounded-lg border border-slate-200 overflow-hidden bg-white shadow-sm"><div class="bg-slate-100 border-b border-slate-200 px-3 sm:px-4 py-2.5 sm:py-3 flex items-center gap-2 sm:gap-3"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-400"></div><div class="w-3 h-3 rounded-full bg-amber-400"></div><div class="w-3 h-3 rounded-full bg-green-400"></div></div><div class="flex-1 mx-1 sm:mx-2 bg-white rounded-md border border-slate-200 py-1 px-3 text-[11px] sm:text-xs text-slate-400 text-center truncate">app.focora.ai/dashboard</div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-slate-400 shrink-0"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="bg-gray-50 p-3 sm:p-5 lg:p-6"><div class="grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 lg:gap-6 mb-6 lg:mb-8"><div class="rounded-xl border shadow-sm border-gray-200/60 bg-white p-4 pt-5 sm:p-5 sm:pt-6 w-full flex flex-col justify-between h-full min-h-[100px] transition-all duration-200"><div class="flex items-center mb-1"><span class="text-[13px] sm:text-sm text-gray-600 font-medium leading-snug">Focus Time</span></div><div class="text-xl sm:text-3xl font-bold text-gray-900 mb-2 leading-tight">4h 22m</div><div class="mt-auto"><div class="flex items-center"><div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2"><span class="inline-flex w-fit items-center rounded-full bg-gray-50 px-2 py-0.5 text-xs sm:text-sm font-semibold text-green-600"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 sm:w-5 sm:h-5 text-green-600 -ml-0.5 mr-0.5" aria-hidden="true"><path d="M12 9l5 6H7l5-6z"></path></svg>12%</span><span class="text-[11px] sm:text-[13px] text-gray-400 leading-relaxed">from yesterday</span></div></div><div class="mt-3 -mx-4 -mb-4"><svg width="100%" height="44" viewBox="0 0 100 36" preserveAspectRatio="none" role="img" aria-hidden="true"><defs><linearGradient id="spark-R5icpl35" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#7C3AED" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#7C3AED" stop-opacity="0"></stop></linearGradient></defs><path d="M 0.00 33.00 L 16.67 23.00 L 33.33 29.00 L 50.00 13.00 L 66.67 21.00 L 83.33 3.00 L 100.00 9.00 L 100 36 L 0 36 Z" fill="url(#spark-R5icpl35)" stroke="none"></path><path d="M 0.00 33.00 L 16.67 23.00 L 33.33 29.00 L 50.00 13.00 L 66.67 21.00 L 83.33 3.00 L 100.00 9.00" fill="none" stroke="#7C3AED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"></path></svg></div></div></div><div class="rounded-xl border shadow-sm border-gray-200/60 bg-white p-4 pt-5 sm:p-5 sm:pt-6 w-full flex flex-col justify-between h-full min-h-[100px] transition-all duration-200"><div class="flex items-center mb-1"><span class="text-[13px] sm:text-sm text-gray-600 font-medium leading-snug">Focus Quality</span></div><div class="text-xl sm:text-3xl font-bold text-gray-900 mb-2 leading-tight">Focused</div><div class="mt-auto"><div class="flex items-center"><div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2"><span class="inline-flex w-fit items-center rounded-full bg-gray-50 px-2 py-0.5 text-xs sm:text-sm font-semibold text-green-600"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 sm:w-5 sm:h-5 text-green-600 -ml-0.5 mr-0.5" aria-hidden="true"><path d="M12 9l5 6H7l5-6z"></path></svg>72%</span><span class="text-[11px] sm:text-[13px] text-gray-400 leading-relaxed">from yesterday</span></div></div><div class="mt-3 -mx-4 -mb-4"><svg width="100%" height="44" viewBox="0 0 100 36" preserveAspectRatio="none" role="img" aria-hidden="true"><defs><linearGradient id="spark-R5kcpl35" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#7C3AED" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#7C3AED" stop-opacity="0"></stop></linearGradient></defs><path d="M 0.00 33.00 L 16.67 23.00 L 33.33 29.00 L 50.00 13.00 L 66.67 21.00 L 83.33 3.00 L 100.00 9.00 L 100 36 L 0 36 Z" fill="url(#spark-R5kcpl35)" stroke="none"></path><path d="M 0.00 33.00 L 16.67 23.00 L 33.33 29.00 L 50.00 13.00 L 66.67 21.00 L 83.33 3.00 L 100.00 9.00" fill="none" stroke="#7C3AED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"></path></svg></div></div></div><div class="rounded-xl border shadow-sm border-gray-200/60 bg-white p-4 pt-5 sm:p-5 sm:pt-6 w-full flex flex-col justify-between h-full min-h-[100px] transition-all duration-200"><div class="flex items-center mb-1"><span class="text-[13px] sm:text-sm text-gray-600 font-medium leading-snug">Tasks Done</span></div><div class="text-xl sm:text-3xl font-bold text-gray-900 mb-2 leading-tight">12</div><div class="mt-auto"><div class="flex items-center"><div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2"><span class="inline-flex w-fit items-center rounded-full bg-gray-50 px-2 py-0.5 text-xs sm:text-sm font-semibold text-green-600"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 sm:w-5 sm:h-5 text-green-600 -ml-0.5 mr-0.5" aria-hidden="true"><path d="M12 9l5 6H7l5-6z"></path></svg>20%</span><span class="text-[11px] sm:text-[13px] text-gray-400 leading-relaxed">from last week</span></div></div><div class="mt-3 -mx-4 -mb-4"><svg width="100%" height="44" viewBox="0 0 100 36" preserveAspectRatio="none" role="img" aria-hidden="true"><defs><linearGradient id="spark-R5mcpl35" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#22C55E" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#22C55E" stop-opacity="0"></stop></linearGradient></defs><path d="M 0.00 33.00 L 16.67 25.50 L 33.33 18.00 L 50.00 21.00 L 66.67 10.50 L 83.33 15.00 L 100.00 3.00 L 100 36 L 0 36 Z" fill="url(#spark-R5mcpl35)" stroke="none"></path><path d="M 0.00 33.00 L 16.67 25.50 L 33.33 18.00 L 50.00 21.00 L 66.67 10.50 L 83.33 15.00 L 100.00 3.00" fill="none" stroke="#22C55E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"></path></svg></div></div></div><div class="rounded-xl border shadow-sm border-gray-200/60 bg-white p-4 pt-5 sm:p-5 sm:pt-6 w-full flex flex-col justify-between h-full min-h-[100px] transition-all duration-200"><div class="flex items-center mb-1"><span class="text-[13px] sm:text-sm text-gray-600 font-medium leading-snug">Interruptions</span></div><div class="text-xl sm:text-3xl font-bold text-gray-900 mb-2 leading-tight">3</div><div class="mt-auto"><div class="flex items-center"><div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2"><span class="inline-flex w-fit items-center rounded-full bg-gray-50 px-2 py-0.5 text-xs sm:text-sm font-semibold text-red-500"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 sm:w-5 sm:h-5 text-red-500 -ml-0.5 mr-0.5" aria-hidden="true"><path d="M12 15l-5-6h10l-5 6z"></path></svg>25%</span><span class="text-[11px] sm:text-[13px] text-gray-400 leading-relaxed">from yesterday</span></div></div><div class="mt-3 -mx-4 -mb-4"><svg width="100%" height="44" viewBox="0 0 100 36" preserveAspectRatio="none" role="img" aria-hidden="true"><defs><linearGradient id="spark-R5ocpl35" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#F59E0B" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#F59E0B" stop-opacity="0"></stop></linearGradient></defs><path d="M 0.00 3.00 L 16.67 13.00 L 33.33 9.00 L 50.00 23.00 L 66.67 19.00 L 83.33 29.00 L 100.00 33.00 L 100 36 L 0 36 Z" fill="url(#spark-R5ocpl35)" stroke="none"></path><path d="M 0.00 3.00 L 16.67 13.00 L 33.33 9.00 L 50.00 23.00 L 66.67 19.00 L 83.33 29.00 L 100.00 33.00" fill="none" stroke="#F59E0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"></path></svg></div></div></div></div><div class="mb-4 lg:mb-6"><div class="bg-white border border-gray-200/60 shadow-xs rounded-2xl p-4 sm:p-5 flex items-center gap-3 sm:gap-4"><div class="shrink-0 w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-purple-100 text-purple-600 grid place-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="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 sm:w-6 sm:h-6"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="flex-1 min-w-0"><p class="text-[11px] font-bold tracking-widest uppercase mb-1 text-purple-500">+ PERFORMANCE</p><h3 class="text-[15px] sm:text-base font-bold text-gray-900 leading-snug">Outstanding Performance!</h3><p class="text-[13px] sm:text-sm text-gray-500 mt-0.5 leading-snug">You&#x27;re doing exceptionally well today compared to your recent performance. Keep up the amazing work!</p></div></div></div><div class="flex flex-col lg:flex-row gap-4 lg:gap-6 mb-4 lg:mb-6"><div class="w-full lg:flex-1 lg:h-[600px]"><div class="bg-white rounded-2xl shadow-xs border border-gray-200/60 p-4 sm:p-5 lg:p-6 h-full flex flex-col"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 mb-4 lg:mb-5 shrink-0"><div class="flex items-center gap-2.5"><span class="grid place-items-center w-[30px] h-[30px] rounded-[9px]" style="background:color-mix(in srgb, #7857ff 10%, transparent);color:#7857ff"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-[17px] h-[17px]"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></span>
6<h3 class="text-lg lg:text-xl font-extrabold tracking-tight text-gray-900">Weekly Focus</h3></div><div class="flex items-baseline gap-1.5"><b class="text-[15px] font-extrabold text-gray-900 tabular-nums">21h 57m</b><span class="text-xs font-semibold text-gray-400">this week</span></div></div><div class="flex items-end gap-1.5 sm:gap-2.5 h-[150px] sm:h-[184px] pt-2 shrink-0"><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">3h 10m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:65.63146997929607%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-400">Mon</div><div class="h-[13px]"></div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">2h 45m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:56.935817805383024%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-400">Tue</div><div class="h-[13px]"></div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">4h 22m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:90.47619047619048%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] " style="color:#7857ff">Wed</div><div class="h-[13px]"></div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">3h 30m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:72.46376811594203%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-400">Thu</div><div class="h-[13px]"></div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-100 translate-y-0" style="color:#7857ff">4h 50m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 shadow-[0_4px_14px_-4px_#7857ff]" style="height:100%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-900">Fri</div><div class="text-[10px] font-extrabold uppercase tracking-wide" style="color:#7857ff">Best</div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">1h 15m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:25.87991718426501%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-400">Sat</div><div class="h-[13px]"></div></div><div class="group flex-1 flex flex-col items-center h-full justify-end cursor-default"><div class="text-[10px] sm:text-[11.5px] font-extrabold tabular-nums mb-2 text-gray-900 transition-all duration-150 opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0">2h 5m</div><div class="w-full flex-1 flex items-end justify-center relative"><div class="relative w-[70%] sm:w-[60%] max-w-[30px] min-h-[4px] rounded-t-[7px] rounded-b-[4px] bg-gray-100 transition-[filter] duration-150 group-hover:brightness-[1.04]" style="height:100%"><div class="absolute inset-x-0 bottom-0 rounded-t-[7px] rounded-b-[4px] bg-[#7857ff] transition-[height] duration-500 " style="height:43.064182194616976%"></div></div></div><div class="text-[11px] sm:text-xs font-bold mt-[11px] text-gray-400">Sun</div><div class="h-[13px]"></div></div></div><div class="flex-1 min-h-0 mt-5 pt-4 border-t border-gray-100 flex flex-col"><div class="text-[11px] font-bold uppercase tracking-wide text-gray-400 mb-3 shrink-0">Daily breakdown</div><div class="flex-1 space-y-2 lg:space-y-3 overflow-y-auto min-h-0"><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Mon</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:14.426727410782082%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">3h 10m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Tue</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:12.52847380410023%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">2h 45m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Wed</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:19.893697798025816%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">4h 22m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Thu</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:15.945330296127564%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">3h 30m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Fri</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:22.01974183750949%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">4h 50m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Sat</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:5.694760820045558%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">1h 15m</div></div><div class="flex items-center gap-3 lg:gap-4"><div class="w-8 sm:w-10 lg:w-12 text-[13px] sm:text-sm font-medium text-gray-600 shrink-0">Sun</div><div class="flex-1 bg-gray-100 rounded-full h-1.5 lg:h-2 overflow-hidden"><div class="h-1.5 lg:h-2 rounded-full transition-all duration-500" style="width:9.491268033409265%;max-width:100%;background:#7857ff"></div></div><div class="w-12 sm:w-14 lg:w-16 text-xs sm:text-sm text-gray-500 text-right shrink-0">2h 5m</div></div></div></div></div></div><div class="w-full lg:flex-1 lg:h-[600px]"><div class="bg-white rounded-2xl shadow-xs border border-gray-200/60 p-4 sm:p-5 lg:p-6 h-full flex flex-col overflow-hidden"><div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-4 lg:mb-5 shrink-0"><div class="flex items-center gap-2.5"><span class="grid place-items-center w-[30px] h-[30px] rounded-[9px]" style="background:color-mix(in srgb, #7857ff 10%, transparent);color:#7857ff"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-[17px] h-[17px]"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></span>
6<h3 class="text-lg lg:text-xl font-extrabold tracking-tight text-gray-900">Daily Timeline</h3></div><div class="text-xs sm:text-sm font-semibold text-gray-400">5 sessions · <!-- -->Today</div></div><div class="shrink-0 mb-5"><div class="relative h-[54px] rounded-xl bg-gray-100 overflow-hidden"><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:0%"></div><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:20%"></div><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:40%"></div><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:60%"></div><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:80%"></div><div class="absolute top-0 bottom-0 w-px bg-gray-200" style="left:100%"></div><div class="absolute top-1.5 bottom-1.5 rounded-md transition-[filter] duration-150 hover:brightness-110" style="left:10%;width:12.5%;background:#7857ff;box-shadow:0 2px 8px -3px rgba(120, 87, 255, 0.5)" title="Deep Work — Auth refactor: 9 AM - 10:15 AM (Felt focused)"></div><div class="absolute top-1.5 bottom-1.5 rounded-md transition-[filter] duration-150 hover:brightness-110" style="left:25%;width:7.5%;background:#7857ff;box-shadow:0 2px 8px -3px rgba(120, 87, 255, 0.5)" title="Design review: 10:30 AM - 11:15 AM"></div><div class="absolute top-1.5 bottom-1.5 rounded-md transition-[filter] duration-150 hover:brightness-110" style="left:50%;width:15%;background:#7857ff;box-shadow:0 2px 8px -3px rgba(120, 87, 255, 0.5)" title="Writing — Q3 proposal: 1 PM - 2:30 PM (Flow state)"></div><div class="absolute top-1.5 bottom-1.5 rounded-md transition-[filter] duration-150 hover:brightness-110" style="left:72.5%;width:7.5%;background:#7857ff;box-shadow:0 2px 8px -3px rgba(120, 87, 255, 0.5)" title="Code review: 3:15 PM - 4 PM"></div><div class="absolute top-0 bottom-0 z-10" style="left:63.000000000000014%;transform:translateX(-50%)"><div class="w-0.5 h-full" style="background:#e5484d"></div><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[7px] h-[7px] rounded-full" style="background:#e5484d"></div></div></div><div class="relative h-[18px] mt-2"><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:0%">8 AM</span><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:20%">10 AM</span><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:40%">12 PM</span><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:60%">2 PM</span><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:80%">4 PM</span><span class="absolute top-0 text-[11px] font-medium text-gray-400 tabular-nums -translate-x-1/2" style="left:100%">6 PM</span></div></div><div class="flex-1 flex flex-col min-h-0 overflow-hidden"><div class="flex-1 overflow-y-auto pr-1 lg:pr-2"><div class="flex items-center gap-3 py-2.5 px-1.5 border-b border-gray-100 last:border-b-0 transition-colors hover:bg-gray-50/70"><span class="w-2 h-2 rounded-full shrink-0" style="background:#7857ff"></span><div class="flex-1 min-w-0"><div class="text-sm font-bold text-gray-900 truncate">Deep Work — Auth refactor</div><div class="text-xs font-medium text-gray-400"><span class="tabular-nums">9 AM<!-- --> – <!-- -->10:15 AM</span><span> · <!-- -->Felt focused</span></div></div><span class="text-sm font-extrabold text-gray-900 tabular-nums shrink-0">1h 15m</span></div><div class="flex items-center gap-3 py-2.5 px-1.5 border-b border-gray-100 last:border-b-0 transition-colors hover:bg-gray-50/70"><span class="w-2 h-2 rounded-full shrink-0" style="background:#7857ff"></span><div class="flex-1 min-w-0"><div class="text-sm font-bold text-gray-900 truncate">Design review</div><div class="text-xs font-medium text-gray-400"><span class="tabular-nums">10:30 AM<!-- --> – <!-- -->11:15 AM</span></div></div><span class="text-sm font-extrabold text-gray-900 tabular-nums shrink-0">45m</span></div><div class="flex items-center gap-3 py-2.5 px-1.5 border-b border-gray-100 last:border-b-0 transition-colors hover:bg-gray-50/70"><span class="w-2 h-2 rounded-full shrink-0" style="background:#7857ff"></span><div class="flex-1 min-w-0"><div class="text-sm font-bold text-gray-900 truncate">Writing — Q3 proposal</div><div class="text-xs font-medium text-gray-400"><span class="tabular-nums">1 PM<!-- --> – <!-- -->2:30 PM</span><span> · <!-- -->Flow state</span></div></div><span class="text-sm font-extrabold text-gray-900 tabular-nums shrink-0">1h 30m</span></div><div class="flex items-center gap-3 py-2.5 px-1.5 border-b border-gray-100 last:border-b-0 transition-colors hover:bg-gray-50/70"><span class="w-2 h-2 rounded-full shrink-0" style="background:#7857ff"></span><div class="flex-1 min-w-0"><div class="text-sm font-bold text-gray-900 truncate">Code review</div><div class="text-xs font-medium text-gray-400"><span class="tabular-nums">3:15 PM<!-- --> – <!-- -->4 PM</span></div></div><span class="text-sm font-extrabold text-gray-900 tabular-nums shrink-0">45m</span></div></div></div><div class="shrink-0 flex items-center justify-between gap-3 pt-3.5 mt-3.5 border-t border-gray-100"><span class="text-xs font-semibold text-gray-400 whitespace-nowrap">Showing <!-- -->1<!-- -->–<!-- -->4<!-- --> of<!-- --> <!-- -->5</span><div class="inline-flex items-center gap-1"><span class="mr-1.5 text-xs font-semibold text-gray-400">Page <!-- -->1<!-- --> of <!-- -->2</span><button class="grid place-items-center w-[30px] h-[30px] rounded-[9px] border border-gray-200 bg-white text-gray-500 transition-colors hover:enabled:bg-gray-100 hover:enabled:text-gray-900 disabled:opacity-40 disabled:cursor-not-allowed" disabled="" aria-label="Previous page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4"><path d="m15 18-6-6 6-6"></path></svg></button><button class="grid place-items-center w-[30px] h-[30px] rounded-[9px] border border-gray-200 bg-white text-gray-500 transition-colors hover:enabled:bg-gray-100 hover:enabled:text-gray-900 disabled:opacity-40 disabled:cursor-not-allowed" aria-label="Next page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div><div class="bg-white rounded-2xl shadow-xs border border-gray-200/60 p-4 sm:p-5 lg:p-6 mb-4 lg:mb-6"><div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between mb-4 lg:mb-5"><div><div class="flex items-center gap-2.5"><span class="grid place-items-center w-[30px] h-[30px] rounded-[9px]" style="background:color-mix(in srgb, #7857ff 10%, transparent);color:#7857ff"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-[17px] h-[17px]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span>
6<h3 class="text-lg lg:text-xl font-bold tracking-tight text-gray-900">Apps &amp; Websites</h3></div><p class="mt-2 text-xs font-semibold text-gray-400">7h 8m<!-- --> tracked today · <!-- -->10<!-- --> <!-- -->sites</p></div><div class="flex flex-col gap-2.5 sm:flex-row sm:flex-wrap sm:items-center"><div class="flex w-full p-[3px] bg-gray-100 rounded-[11px] gap-0.5 sm:w-auto"><button class="inline-flex items-center gap-1.5 h-8 px-3 sm:px-3.5 rounded-lg text-[13px] sm:text-[13.5px] font-bold whitespace-nowrap transition-colors flex-1 justify-center sm:flex-none bg-white text-gray-900 shadow-sm" style="color:#7857ff"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-[15px] h-[15px]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg> By site</button><button class="inline-flex items-center gap-1.5 h-8 px-3 sm:px-3.5 rounded-lg text-[13px] sm:text-[13.5px] font-bold whitespace-nowrap transition-colors flex-1 justify-center sm:flex-none text-gray-600 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="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-[15px] h-[15px]"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg> By category</button></div><div class="flex items-center gap-2.5"><div class="relative flex-1 sm:flex-none"><button class="inline-flex w-full sm:w-auto items-center justify-between sm:justify-start gap-2 h-[38px] px-3 rounded-[11px] bg-white border border-gray-200 text-gray-900 text-[13px] sm:text-[13.5px] font-semibold whitespace-nowrap transition-colors hover:bg-gray-50"><span class="truncate">All Categories</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.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-[15px] h-[15px] text-gray-400 shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative flex-1 sm:flex-none"><button class="inline-flex w-full sm:w-auto items-center justify-between sm:justify-start gap-2 h-[38px] px-3 rounded-[11px] bg-white border border-gray-200 text-gray-900 text-[13px] sm:text-[13.5px] font-semibold whitespace-nowrap transition-colors hover:bg-gray-50"><span class="truncate">Most time</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.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-[15px] h-[15px] text-gray-400 shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></div><div class="flex flex-col"><div class="grid items-center gap-2.5 sm:gap-3.5 py-3 px-1.5 transition-colors hover:bg-gray-50/70 border-b border-gray-100" style="grid-template-columns:22px 1fr auto"><span class="text-xs font-extrabold text-gray-400 text-center tabular-nums">1</span><div class="flex items-center gap-3 min-w-0"><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[13px] sm:text-sm font-bold text-gray-900 truncate">github.com</span><span class="shrink-0 text-[10.5px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded-md whitespace-nowrap" style="color:#7857ff;background:color-mix(in srgb, #7857ff 14%, transparent)">Development</span></div><div class="h-[7px] rounded-full bg-gray-100 overflow-hidden"><div class="h-full rounded-full transition-[width] duration-500" style="width:100%;background:#7857ff"></div></div></div></div><div class="flex flex-col items-end gap-0.5 min-w-[64px] sm:min-w-[76px]"><span class="text-[13px] sm:text-sm font-extrabold text-gray-900 tabular-nums whitespace-nowrap">2h 14m</span><span class="text-[11.5px] font-bold text-gray-400 tabular-nums">31<!-- -->%</span></div></div><div class="grid items-center gap-2.5 sm:gap-3.5 py-3 px-1.5 transition-colors hover:bg-gray-50/70 border-b border-gray-100" style="grid-template-columns:22px 1fr auto"><span class="text-xs font-extrabold text-gray-400 text-center tabular-nums">2</span><div class="flex items-center gap-3 min-w-0"><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[13px] sm:text-sm font-bold text-gray-900 truncate">figma.com</span><span class="shrink-0 text-[10.5px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded-md whitespace-nowrap" style="color:#7857ff;background:color-mix(in srgb, #7857ff 14%, transparent)">Design</span></div><div class="h-[7px] rounded-full bg-gray-100 overflow-hidden"><div class="h-full rounded-full transition-[width] duration-500" style="width:38.80597014925373%;background:#7857ff"></div></div></div></div><div class="flex flex-col items-end gap-0.5 min-w-[64px] sm:min-w-[76px]"><span class="text-[13px] sm:text-sm font-extrabold text-gray-900 tabular-nums whitespace-nowrap">52m</span><span class="text-[11.5px] font-bold text-gray-400 tabular-nums">12<!-- -->%</span></div></div><div class="grid items-center gap-2.5 sm:gap-3.5 py-3 px-1.5 transition-colors hover:bg-gray-50/70 border-b border-gray-100" style="grid-template-columns:22px 1fr auto"><span class="text-xs font-extrabold text-gray-400 text-center tabular-nums">3</span><div class="flex items-center gap-3 min-w-0"><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[13px] sm:text-sm font-bold text-gray-900 truncate">stackoverflow.com</span><span class="shrink-0 text-[10.5px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded-md whitespace-nowrap" style="color:#7857ff;background:color-mix(in srgb, #7857ff 14%, transparent)">Development</span></div><div class="h-[7px] rounded-full bg-gray-100 overflow-hidden"><div class="h-full rounded-full transition-[width] duration-500" style="width:35.07462686567165%;background:#7857ff"></div></div></div></div><div class="flex flex-col items-end gap-0.5 min-w-[64px] sm:min-w-[76px]"><span class="text-[13px] sm:text-sm font-extrabold text-gray-900 tabular-nums whitespace-nowrap">47m</span><span class="text-[11.5px] font-bold text-gray-400 tabular-nums">11<!-- -->%</span></div></div><div class="grid items-center gap-2.5 sm:gap-3.5 py-3 px-1.5 transition-colors hover:bg-gray-50/70 border-b border-gray-100" style="grid-template-columns:22px 1fr auto"><span class="text-xs font-extrabold text-gray-400 text-center tabular-nums">4</span><div class="flex items-center gap-3 min-w-0"><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[13px] sm:text-sm font-bold text-gray-900 truncate">docs.google.com</span><span class="shrink-0 text-[10.5px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded-md whitespace-nowrap" style="color:#7857ff;background:color-mix(in srgb, #7857ff 14%, transparent)">Productivity</span></div><div class="h-[7px] rounded-full bg-gray-100 overflow-hidden"><div class="h-full rounded-full transition-[width] duration-500" style="width:30.597014925373134%;background:#7857ff"></div></div></div></div><div class="flex flex-col items-end gap-0.5 min-w-[64px] sm:min-w-[76px]"><span class="text-[13px] sm:text-sm font-extrabold text-gray-900 tabular-nums whitespace-nowrap">41m</span><span class="text-[11.5px] font-bold text-gray-400 tabular-nums">10<!-- -->%</span></div></div><div class="grid items-center gap-2.5 sm:gap-3.5 py-3 px-1.5 transition-colors hover:bg-gray-50/70 " style="grid-template-columns:22px 1fr auto"><span class="text-xs font-extrabold text-gray-400 text-center tabular-nums">5</span><div class="flex items-center gap-3 min-w-0"><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[13px] sm:text-sm font-bold text-gray-900 truncate">youtube.com</span><span class="shrink-0 text-[10.5px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded-md whitespace-nowrap" style="color:#7857ff;background:color-mix(in srgb, #7857ff 14%, transparent)">Entertainment</span></div><div class="h-[7px] rounded-full bg-gray-100 overflow-hidden"><div class="h-full rounded-full transition-[width] duration-500" style="width:28.35820895522388%;background:#7857ff"></div></div></div></div><div class="flex flex-col items-end gap-0.5 min-w-[64px] sm:min-w-[76px]"><span class="text-[13px] sm:text-sm font-extrabold text-gray-900 tabular-nums whitespace-nowrap">38m</span><span class="text-[11.5px] font-bold text-gray-400 tabular-nums">9<!-- -->%</span></div></div></div><div class="flex items-center justify-between gap-3 mt-4 pt-3.5 border-t border-gray-100"><span class="text-xs font-semibold text-gray-400 whitespace-nowrap">Showing <!-- -->1<!-- -->–<!-- -->5<!-- --> of <!-- -->10<!-- --> <!-- -->sites</span><div class="inline-flex items-center gap-1"><span class="mr-1.5 text-xs font-semibold text-gray-400">Page <!-- -->1<!-- --> of <!-- -->2</span><button class="grid place-items-center w-[30px] h-[30px] rounded-[9px] border border-gray-200 bg-white text-gray-500 transition-colors hover:enabled:bg-gray-100 hover:enabled:text-gray-900 disabled:opacity-40 disabled:cursor-not-allowed" disabled="" aria-label="Previous page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4"><path d="m15 18-6-6 6-6"></path></svg></button><button class="grid place-items-center w-[30px] h-[30px] rounded-[9px] border border-gray-200 bg-white text-gray-500 transition-colors hover:enabled:bg-gray-100 hover:enabled:text-gray-900 disabled:opacity-40 disabled:cursor-not-allowed" aria-label="Next page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div><p class="mt-5 text-center text-xl text-slate-400 max-w-md mx-auto leading-relaxed">This is your dashboard the moment you sign in. Focus score, deep-work hours, and every site you visited, synced across devices.</p></div></div></div> <section id="features" class="relative z-10 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-16 items-start min-h-[80vh]"><div class="flex flex-col px-4 sm:px-6 md:px-10 space-y-4"><div class="flex items-baseline gap-3  pt-3"><span class="font-mono text-sm text-slate-400">1</span>
6<h3 class="text-lg font-semibold text-slate-900">Master Focus</h3></div><div class="flex items-center justify-center w-full"><div class="w-full bg-white border-slate-200/40 overflow-hidden shadow-sm aspect-video"><img src="/assets/solution1-BJEOccDS.png" alt="Master Focus" class="w-full h-full object-fill"/></div></div><p class="text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed">A focus timer that logs every session, so you can see your real patterns</p></div><div class="flex flex-col px-4 sm:px-6 md:px-10 space-y-4"><div class="flex items-baseline gap-3  pt-3"><span class="font-mono text-sm text-slate-400">2</span><h3 class="text-lg font-semibold text-slate-900">Conquer Digital Distractions</h3></div><div class="flex items-center justify-center w-full"><div class="w-full bg-white border-slate-200/40 overflow-hidden shadow-sm aspect-video"><div class="relative w-full h-full overflow-hidden select-none touch-pan-y cursor-ew-resize "><img src="/assets/solution2-CKV2UfTv.png" alt="Conquer Digital Distractions (after)" draggable="false" class="absolute inset-0 w-full h-full object-cover pointer-events-none"/><img src="/assets/solution3-CvtW3W1r.png" alt="Conquer Digital Distractions (before)" draggable="false" class="absolute inset-0 w-full h-full object-cover pointer-events-none" style="clip-path:inset(0 50% 0 0)"/><span class="absolute top-3 left-3 z-20 rounded-md bg-slate-900/80 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm transition-opacity duration-150 pointer-events-none" style="opacity:1">Analytics</span><span class="absolute top-3 right-3 z-20 rounded-md bg-slate-900/80 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm transition-opacity duration-150 pointer-events-none" style="opacity:1">Blocked Sites</span><div class="absolute top-0 bottom-0 z-10 w-0.5 bg-white/90 shadow-[0_0_8px_rgba(0,0,0,0.35)] pointer-events-none" style="left:50%;transform:translateX(-50%)"><div role="slider" tabindex="0" aria-label="Before and after comparison" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="absolute top-1/2 left-1/2 flex h-10 w-10 -translate-x-1/2 -translate-y-1/2 cursor-ew-resize items-center justify-center rounded-full bg-slate-900 text-white shadow-lg ring-2 ring-white/70 pointer-events-auto transition-transform  focus:outline-none focus-visible:ring-4 focus-visible:ring-blue-400"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 7 5 12 9 17"></polyline><polyline points="15 7 19 12 15 17"></polyline></svg></div></div></div></div></div><p class="text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed">Block unlimited sites, and see which ones actually eat your time, sorted automatically</p></div></div><div class="mt-12 md:mt-16 space-y-6 px-4 sm:px-6 md:px-10"><h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-slate-900 leading-[1.1] tracking-tight">The correlation engine</h2><div class="flex flex-col lg:flex-row lg:space-x-6 space-y-6 lg:space-y-0"><div class="w-full lg:w-2/3 bg-white border border-slate-200/40 overflow-hidden shadow-sm"><img src="/assets/correlation-Dth2CBho.png" alt="Productivity visualization" class="w-full h-full object-cover"/></div><div class="flex flex-col justify-between space-y-4 lg:w-1/3"><p class="text-base sm:text-lg md:text-xl border-l-2 px-4 border-slate-500 text-slate-600 leading-relaxed">Identify your most productive patterns with actionable insights, not just raw data.<!-- --> </p><div class="self-center w-full max-w-[200px] aspect-[3/4] bg-yellow-50"><img src="/assets/feature1-D1vd7W1e.png" alt="Feature highlight" class="w-full h-full object-cover"/></div></div></div></div><h2 class="mt-20 md:mt-24 text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-slate-900 leading-[1.1] tracking-tight px-4 sm:px-6 md:px-10">Our entire productivity life, Visualized.</h2><div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-16 items-start"><div class="flex flex-col px-4 sm:px-6 md:px-10 space-y-4"><div class="flex items-baseline gap-3 border-t border-slate-200 pt-3"><span class="font-mono text-sm text-slate-400">3</span>
6<h3 class="text-lg font-semibold text-slate-900">Dashboard</h3></div><div class="flex items-center justify-center w-full"><div class="w-full bg-white border-slate-200/40 overflow-hidden shadow-sm aspect-video"><img src="/assets/solution4-CaqarLKs.png" alt="Dashboard" class="w-full h-full object-fill"/></div></div><p class="text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed">A focus timer that logs every session, so you can see your real patterns</p></div><div class="flex flex-col px-4 sm:px-6 md:px-10 space-y-4"><div class="flex items-baseline gap-3 border-t border-slate-200 pt-3"><span class="font-mono text-sm text-slate-400">4</span><h3 class="text-lg font-semibold text-slate-900">Analytics Depth</h3></div><div class="flex items-center justify-center w-full"><div class="w-full bg-white border-slate-200/40 overflow-hidden shadow-sm aspect-video"><img src="/assets/solution5-COUuIumk.png" alt="Analytics Depth" class="w-full h-full object-fill"/></div></div><p class="text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed">Block unlimited sites, and see which ones actually eat your time, sorted automatically</p></div></div></div></section><section id="roadmap" class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 scroll-mt-20 py-8 mb-20"><style>@media (prefers-reduced-motion: reduce){ .animate-ping{ animation: none } }</style><div class="text-center mb-14"><span class="text-xs font-mono font-medium text-slate-400 uppercase tracking-widest">What&#x27;s coming</span><h2 class="text-4xl sm:text-5xl font-bold text-slate-900 mt-3 tracking-tight">Roadmap.</h2><p class="text-slate-500 mt-4 max-w-sm mx-auto">We build in public. Here&#x27;s what&#x27;s shipped, in progress, and planned.</p></div><div class="space-y-2.5"><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-white"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full bg-slate-900 ring-2 ring-slate-200"></span></span><span class="text-sm font-medium flex-1 text-slate-700">Site blocking &amp; time tracking</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-white"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full bg-slate-900 ring-2 ring-slate-200"></span></span><span class="text-sm font-medium flex-1 text-slate-700">Focus sessions (Pomodoro)</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-white"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full bg-slate-900 ring-2 ring-slate-200"></span></span><span class="text-sm font-medium flex-1 text-slate-700">Weekly analytics dashboard</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full border-2 border-slate-300 bg-white"></span></span><span class="text-sm font-medium flex-1 text-slate-400">More powerful block page customization</span><span class="text-xs font-medium text-slate-400 bg-slate-100 rounded-full px-2.5 py-0.5">Planned</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full border-2 border-slate-300 bg-white"></span></span><span class="text-sm font-medium flex-1 text-slate-400">Firefox &amp; Edge support</span><span class="text-xs font-medium text-slate-400 bg-slate-100 rounded-full px-2.5 py-0.5">Planned</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full border-2 border-slate-300 bg-white"></span></span><span class="text-sm font-medium flex-1 text-slate-400">Improved AI Intelligence</span><span class="text-xs font-medium text-slate-400 bg-slate-100 rounded-full px-2.5 py-0.5">Planned</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full border-2 border-slate-300 bg-white"></span></span><span class="text-sm font-medium flex-1 text-slate-400">Mobile companion app</span><span class="text-xs font-medium text-slate-400 bg-slate-100 rounded-full px-2.5 py-0.5">Planned</span></div><div class="flex items-center gap-4 px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50"><span class="flex h-2.5 w-2.5 shrink-0"><span class="h-2.5 w-2.5 rounded-full border-2 border-slate-300 bg-white"></span></span><span class="text-sm font-medium flex-1 text-slate-400">Calendar integration</span><span class="text-xs font-medium text-slate-400 bg-slate-100 rounded-full px-2.5 py-0.5">Planned</span></div><a href="mailto:[email protected]?subject=A%20feature%20for%20the%20roadmap&amp;body=Hi!%20Here&#x27;s%20a%20feature%20I&#x27;d%20love%20to%20see%3A%0A%0A%0AOr%20honestly%2C%20any%20feedback%20at%20all%20%E2%80%94%20bugs%2C%20gripes%2C%20half-formed%20ideas%20all%20welcome.%0A%0A%E2%80%94%20%0AMy%20name%2C%20for%20the%20credits%3A%20" class="group flex items-center gap-4 px-5 py-4 rounded-xl bg-slate-900 text-white shadow-sm hover:bg-slate-800 transition"><span class="relative flex h-2.5 w-2.5 shrink-0"><span class="absolute inline-flex h-full w-full rounded-full bg-white opacity-60"></span><span class="relative inline-flex h-2.5 w-2.5 rounded-full bg-white"></span></span><span class="text-sm font-medium flex-1">Your feature here — what are we missing?</span><span aria-hidden="true" class="text-slate-400  transition">→</span></a></div><div class="mt-16"><div class="relative mb-10"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent"></div></div><div class="relative flex justify-center"><span class="bg-white px-4 text-xs font-mono font-medium uppercase tracking-widest text-slate-400">The next line is yours</span></div></div><div class="text-center max-w-md mx-auto mb-7"><h3 class="text-2xl sm:text-3xl font-bold text-slate-900 tracking-tight">This list has blank space on purpose.</h3><p class="text-slate-500 mt-4 leading-relaxed">Every feature above started as a message from someone — a “what if…”, a complaint, a half-formed idea sent on a Tuesday. Tell us what&#x27;s missing, what&#x27;s clunky, or what would make this a daily habit. Big swings welcome. Tiny nitpicks too.</p></div><div class="flex items-start gap-3 rounded-xl border border-slate-200 bg-slate-50 px-5 py-4 mb-8"><p class="text-sm text-slate-600 leading-relaxed"><span class="font-semibold text-slate-900">Your name gets immortalized.</span> <!-- -->If your idea ships, it won&#x27;t ship anonymously — your name is etched right beside it, in the changelog, the credits, and on this very roadmap, for as long as the product exists.</p></div><div class="text-center"><a href="mailto:[email protected]?subject=A%20feature%20for%20the%20roadmap&amp;body=Hi!%20Here&#x27;s%20a%20feature%20I&#x27;d%20love%20to%20see%3A%0A%0A%0AOr%20honestly%2C%20any%20feedback%20at%20all%20%E2%80%94%20bugs%2C%20gripes%2C%20half-formed%20ideas%20all%20welcome.%0A%0A%E2%80%94%20%0AMy%20name%2C%20for%20the%20credits%3A%20" class="group inline-flex items-center gap-2 text-base font-semibold text-slate-900 hover:text-slate-600 transition"><span class="border-b-2 border-slate-900 pb-0.5 group-hover:border-slate-300 transition">Email us your idea</span><span aria-hidden="true" class="group-hover:translate-x-0.5 transition">→</span></a><p class="text-xs text-slate-400 mt-3">No form, no account — just an email. We read every one.</p></div></div></section><section id="faq" class="relative z-10 py-20 bg-white md:py-32"><div class="max-w-4xl mx-auto px-6"><div class="text-center mb-16 md:mb-20"><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-slate-900 mb-8 leading-tight">Frequently Asked Questions</h2><p class="text-lg md:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed font-light">Everything you need to know about getting started with our productivity platform.</p></div><div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">Is my data private?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Absolutely. Your productivity data stays completely private and secure. We never share your personal information with third parties. You own your data, and you can export or delete it anytime.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">How does the activity tracking work?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Our app uses a browser extension to anonymously track which websites and applications you use. All data stays on your device unless you choose to sync it with our secure cloud.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">Is Focora really free?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Yes! The core features of Focora are completely free. We plan to introduce premium features in the future, but our commitment is to always provide a valuable free tier.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">Can I use Focora on multiple devices?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Currently, you can use Focora on any computer with our browser extension. Mobile apps are coming soon, which will allow you to track your productivity across all devices.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">How accurate are the AI suggestions?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Our AI is able to provide accurate, personalized suggestions by drawing from a broad knowledge base of productivity resources and tutorials. That said, the more you use Focora, the better it gets. The more data you build up over time, the more tailored and relevant your suggestions become. For the best results, make proper use of sessions and try to complete tasks within a session whenever possible, as this gives the AI clearer signals about your work patterns.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">How is this different from Notion or Rize AI?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Notion is a productivity workspace while Focora is a productivity tracker. Focora measures how effectively you worked, while Notion is where your work lives. As for Rize AI, the key distinction is that Focora features a smart timer capable of actively tracking your activity in real time, which Rize AI currently does not offer.</p></div></div></div><div class="overflow-hidden border-b  border-slate-200/60 transition-all duration-300 "><button class="cursor-pointer w-full px-8 py-6 text-left transition-all duration-200"><div class="flex items-center justify-between"><h3 class="text-lg md:text-xl font-semibold text-slate-900 pr-4">Can I use Focora without creating an account?</h3><div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 "><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="px-8 pb-6"><div class="w-full h-px bg-gradient-to-r from-transparent via-slate-200 to-transparent mb-4"></div><p class="text-slate-600 leading-relaxed">Yes! If privacy is your priority, you can use the Focora browser extension completely standalone with no account required. The extension will still track your site usage and let you block distracting sites, all stored locally on your device.</p></div></div></div></div></div></section><footer class="relative overflow-hidden bg-gradient-to-b from-white via-slate-50 to-slate-100 border-t border-slate-200/60"><div class="relative z-10 max-w-7xl mx-auto px-6 pt-20 lg:pt-22"><div class="grid grid-cols-1 lg:grid-cols-[minmax(280px,1fr)_auto_minmax(280px,1fr)] gap-12 lg:gap-12 items-start"><div class="flex flex-col gap-6"><div class="flex items-center space-x-3"><img src="/assets/logo-DlKYyzH_.png" alt="Focora Logo" class="w-8 h-8 object-contain"/><span class="text-xl font-bold text-slate-900">Focora</span></div><p class="text-slate-600 leading-relaxed max-w-sm">The unified productivity platform that helps you achieve deep work through intelligent task management and focus tracking.</p><a href="mailto:[email protected]" class="text-sm text-slate-600 hover:text-slate-900 transition-colors duration-200 w-fit">[email protected]</a></div><div class="flex flex-col items-center gap-3.5 pt-1.5"><div class="flex items-center gap-4.5"><div class="w-13.5 h-21 opacity-55 hidden sm:block" style="background-image:radial-gradient(#C5CBE6 1.1px, transparent 1.1px);background-size:9px 9px"></div><a class="" href="/auth/login" data-discover="true"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
6size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[&gt;svg]:px-3 bg-slate-900 hover:bg-slate-800 text-white font-semibold shadow-sm shadow-slate-900/20 transition-all duration-200 px-4.5 py-2.5 text-sm rounded-full">Get Focora Free<span class="text-[10px] font-bold tracking-wide bg-white text-slate-900 px-1.5 py-0.5 rounded">FREE</span></button></a><div class="w-13.5 h-21 opacity-55 hidden sm:block" style="background-image:radial-gradient(#C5CBE6 1.1px, transparent 1.1px);background-size:9px 9px"></div></div><span class="text-xs text-slate-400 text-center">No card required · Free forever plan</span></div><div class="flex flex-wrap gap-10 lg:gap-14 justify-center lg:justify-end"><div class="space-y-1 lg:mr-5"><div class="space-y-3"><a href="#features" class="block text-lg font-semibold text-center lg:text-end text-slate-900 mb-4 hover:text-slate-600 transition-colors duration-200">Features</a><a href="#faq" class="block text-lg font-semibold text-center lg:text-end text-slate-900 mb-4 hover:text-slate-600 transition-colors duration-200">FAQs</a><a href="#roadmap" class="block text-lg font-semibold text-center lg:text-end text-slate-900 mb-4 hover:text-slate-600 transition-colors duration-200">Roadmap</a><a href="#blog" class="block text-lg font-semibold text-center lg:text-end text-slate-900 mb-4 hover:text-slate-600 transition-colors duration-200">Blog</a></div></div></div></div><div class="mt-16 pt-8  border-slate-200/60 flex flex-col sm:flex-row justify-between items-center space-y-4 sm:space-y-0"><div class="flex items-center space-x-6"><p class="text-sm text-slate-500">© 2026 Focora. All rights reserved.</p></div><div class="flex items-center space-x-6 text-sm"><div class="flex items-center"><a href="#privacy-policy" class="text-slate-500 hover:text-slate-700 transition-colors duration-200">Privacy Policy</a></div></div></div></div><div class="relative h-40 sm:h-50 lg:h-62.5"><div class="absolute left-1/2 bottom-0 -translate-x-1/2 w-[760px] h-[300px] bg-[radial-gradient(60%_70%_at_50%_100%,rgba(99,102,241,0.10),rgba(99,102,241,0)_70%)] pointer-events-none"></div><div class="absolute left-1/2 bottom-0 -translate-x-1/2 animate-focora-rise pointer-events-none"><img src="/assets/footer-vwjGo1qT.png" alt="" class="block w-[320px] sm:w-[480px] lg:w-[680px] h-auto object-contain"/></div></div><style>
7        @keyframes focora-rise {
8          0% {
9            transform: translateY(64px);
10            opacity: 0;
11          }
12          100% {
13            transform: translateY(0);
14            opacity: 1;
15          }
16        }
17
18        .animate-focora-rise {
19          animation: focora-rise 1.1s cubic-bezier(0.16, 0.84, 0.44, 1) both;
20        }
21      </style></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
21<script>((storageKey2, restoreKey) => {
22    if (!window.history.state || !window.history.state.key) {
23      let key = Math.random().toString(32).slice(2);
24      window.history.replaceState({ key }, "");
25    }
26    try {
27      let positions = JSON.parse(sessionStorage.getItem(storageKey2) || "{}");
28      let storedY = positions[restoreKey || window.history.state.key];
29      if (typeof storedY === "number") {
30        window.scrollTo(0, storedY);
31      }
32    } catch (error) {
33      console.error(error);
34      sessionStorage.removeItem(storageKey2);
35    }
36  })("react-router-scroll-positions", null)</script>
36<script>window.__reactRouterContext = {"basename":"/","future":{"unstable_optimizeDeps":false,"v8_passThroughRequests":false,"unstable_trailingSlashAwareDataRequests":false,"unstable_previewServerPrerendering":false,"v8_middleware":false,"v8_splitRouteModules":false,"v8_viteEnvironmentApi":false},"routeDiscovery":{"mode":"initial"},"ssr":false,"isSpaMode":false};window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());</script>
36<script type="module" async="">import "/assets/manifest-ff9278bd.js";
37import * as route0 from "/assets/root-2yzEeScN.js";
38import * as route1 from "/assets/HomePage-O01IAL2V.js";
39import * as route2 from "/assets/LandingPage-BCYqceIC.js";
40  
41  window.__reactRouterRouteModules = {"root":route0,"pages/HomePage":route1,"pages/LandingPage":route2};
42
43import("/assets/entry.client-BvTSKlfZ.js");</script>
43<!--$?--><template id="B:0"></template><!--/$--><div hidden id="S:0">
43<script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_3\":-5,\"_4\":-5},\"loaderData\",{},\"actionData\",\"errors\"]\n");</script>
43<!--$?--><template id="B:1"></template><!--/$--></div>
43<script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script>
43<div hidden id="S:1">
43<script>window.__reactRouterContext.streamController.close();</script>
43</div>
43<script>$RC("B:1","S:1")</script>
43</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.