https://www.lockinmcp.com/_next/static/chunks/1493.377fdf1adb041603.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1493],{21493:(e,t,s)=>{s.r(t),s.d(t,{default:()=>y});var n=s(95155),l=s(93740),a=s(64576),i=s(12115);function r(e){let{sources:t,poster:s,objectPosition:l="50% 50%",scale:a=1}=e,r=(0,i.useRef)(null),[o,c]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=r.current;if(!e)return;let t=new IntersectionObserver(t=>{let[s]=t;(null==s?void 0:s.isIntersecting)?(c(!0),e.play().catch(()=>void 0)):e.pause()},{rootMargin:"240px",threshold:.05});return t.observe(e),()=>{t.disconnect()}},[]),(0,i.useEffect)(()=>{if(!o)return;let e=r.current;if(!e)return;let t=()=>{e.play().catch(()=>void 0)};return t(),e.addEventListener("loadeddata",t),e.addEventListener("canplay",t),()=>{e.removeEventListener("loadeddata",t),e.removeEventListener("canplay",t)}},[o]),(0,n.jsx)("video",{ref:r,className:"absolute inset-0 h-full w-full bg-[#f5f5f3] object-cover",style:{objectPosition:l,transform:1!==a?"scale(".concat(a,")"):void 0},poster:s,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"none","aria-hidden":!0,children:o?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("source",{src:t.webm,type:"video/webm"}),(0,n.jsx)("source",{src:t.mp4,type:"video/mp4"})]}):null})}var o=s(81661);let c=[{domain:"tiktok.com",allowed:!1,className:"left-0 top-[20%] -translate-x-[18%]"},{domain:"linkedin.com",allowed:!0,className:"right-0 top-[36%] translate-x-[22%]"},{domain:"gmail.com",allowed:!0,className:"left-0 top-[70%] -translate-x-[26%] max-[711px]:hidden"},{domain:"tiktok.com",allowed:!1,className:"right-0 top-[82%] translate-x-[5%] max-[711px]:left-[32%] max-[711px]:right-auto max-[711px]:top-auto max-[711px]:-bottom-2 max-[711px]:-translate-x-1/2"}];function d(e){let{domain:t,allowed:s,className:l}=e,a=(0,o.N_)(t);return(0,n.jsxs)("div",{className:"absolute z-10 flex items-center gap-1.5 rounded-full border border-white/80 bg-white/95 py-1 pl-1 pr-2 shadow-[0_2px_10px_rgba(0,0,0,0.08)] backdrop-blur-sm ".concat(l),children:[(0,n.jsx)("span",{className:"inline-flex size-[18px] shrink-0 overflow-hidden rounded-[4px]","aria-hidden":!0,children:(0,n.jsx)("img",{src:(0,o.Pc)(a,64),alt:"",className:"block size-full object-cover",draggable:!1})}),(0,n.jsx)("span",{className:"whitespace-nowrap text-[9px] font-semibold text-black/75",children:a}),(0,n.jsx)("span",{className:"flex size-3.5 shrink-0 items-center justify-center rounded-full text-[8px] font-bold ".concat(s?"bg-[#dcfce7] text-[#16a34a]":"bg-[#fee2e2] text-[#dc2626]"),"aria-hidden":!0,children:s?"✓":"✕"})]})}function x(){let e=(0,o.N_)("youtube.com");return(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center px-8 py-6 select-none min-[712px]:px-10",children:(0,n.jsxs)("div",{className:"relative w-full max-w-[380px] min-[480px]:max-w-[420px]",children:[c.map(e=>(0,n.jsx)(d,{domain:e.domain,allowed:e.allowed,className:e.className},e.domain)),(0,n.jsxs)("div",{className:"overflow-hidden rounded-xl border border-[#D4D4D4] bg-white shadow-[0_12px_40px_rgba(0,0,0,0.1)]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2 border-b border-[#EBEBEB] bg-[#F3F3F3] px-3 py-1.5",children:[(0,n.jsxs)("div",{className:"flex gap-1.5",children:[(0,n.jsx)("span",{className:"size-2 rounded-full bg-[#ff5f57]"}),(0,n.jsx)("span",{className:"size-2 rounded-full bg-[#febc2e]"}),(0,n.jsx)("span",{className:"size-2 rounded-full bg-[#28c840]"})]}),(0,n.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-1.5 rounded-md bg-white px-2.5 py-0.5",children:[(0,n.jsx)("span",{className:"inline-flex size-3 shrink-0 overflow-hidden rounded-[3px]","aria-hidden":!0,children:(0,n.jsx)("img",{src:(0,o.Pc)(e,64),alt:"",className:"block size-full object-cover",draggable:!1})}),(0,n.jsx)("span",{className:"truncate font-mono text-[9px] text-[#737373]",children:e})]})]}),(0,n.jsxs)("div",{className:"flex aspect-[16/10] flex-col items-center justify-center px-8 py-6 text-center",children:[(0,n.jsx)("img",{src:"/icon.png",alt:"",className:"mb-3 size-10 object-contain min-[480px]:mb-4 min-[480px]:size-11"}),(0,n.jsxs)("p",{className:"m-0 max-w-[300px] text-[12px] font-medium leading-[1.5] text-[#111111] min-[480px]:text-[13px]",children:[(0,n.jsx)("span",{className:"underline decoration-[#111] underline-offset-[3px]",children:e})," has been blocked because it doesn’t relate to your current task."]})]})]})]})})}let m=[{domain:"youtube.com",ip:"127.0.0.1"},{domain:"instagram.com",ip:"127.0.0.1"},{domain:"x.com",ip:"127.0.0.1"}];function p(){return(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center px-5 py-8 select-none min-[712px]:px-8",children:(0,n.jsxs)("div",{className:"relative w-full max-w-[360px]",children:[(0,n.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-[#D4D4D4] bg-white shadow-[0_12px_40px_rgba(0,0,0,0.1)]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2.5 border-b border-[#

1EBEBEB] bg-[#F3F3F3] px-3.5 py-2.5",children:[(0,n.jsxs)("div",{className:"flex gap-1.5",children:[(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#ff5f57]"}),(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#febc2e]"}),(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#28c840]"})]}),(0,n.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center rounded-md bg-white px-3 py-1",children:(0,n.jsx)("span",{className:"truncate font-mono text-[11px] text-[#737373]",children:"youtube.com"})})]}),(0,n.jsxs)("div",{className:"flex flex-col items-center gap-3 px-6 py-9 text-center",children:[(0,n.jsx)("div",{className:"flex size-11 items-center justify-center rounded-full bg-[#FEE2E2]",children:(0,n.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,n.jsx)("rect",{x:"5",y:"11",width:"14",height:"10",rx:"2",stroke:"#DC2626",strokeWidth:"2"}),(0,n.jsx)("path",{d:"M8 11V8a4 4 0 018 0v3",stroke:"#DC2626",strokeWidth:"2",strokeLinecap:"round"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"m-0 text-[15px] font-semibold text-[#171717]",children:"Blocked by LockIn"}),(0,n.jsx)("p",{className:"m-0 mt-1 text-[13px] leading-snug text-[#737373]",children:"Blocked on your whole computer, not just one browser"})]})]})]}),(0,n.jsxs)("div",{className:"absolute -right-2 -bottom-4 w-[min(100%,220px)] overflow-hidden rounded-xl border border-[#2a2a2c] bg-[#141416] shadow-[0_16px_48px_rgba(0,0,0,0.28)] min-[712px]:-right-6",children:[(0,n.jsx)("div",{className:"border-b border-white/8 px-3 py-2",children:(0,n.jsx)("span",{className:"font-mono text-[10px] text-white/35",children:"/etc/hosts"})}),(0,n.jsx)("div",{className:"space-y-1 px-3 py-2.5 font-mono text-[10px] leading-relaxed min-[712px]:text-[11px]",children:m.map(e=>(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("span",{className:"shrink-0 text-[#4ade80]",children:e.ip}),(0,n.jsx)("span",{className:"text-white/75",children:e.domain})]},e.domain))})]})]})})}let u=[{delay:0,lines:["$ npx -y lockin-mcp install"]},{delay:900,lines:["┌  LockIn MCP","│  System-level focus \xb7 Pro from $2.99/mo","│","◇  Verify your license"]},{delay:2200,lines:["│","◆  Verified as [email protected]","◇  What should we block?","│  ◼ YouTube    ◼ Instagram    ◼ X"]},{delay:3800,lines:["│","◆  4 domains blocked","◆  MCP server ready","◆  Tunnel live","└  You're all set."]}];function f(e){let{line:t}=e;return t.startsWith("$")?(0,n.jsx)("span",{className:"text-white",children:t}):t.includes("◆")?(0,n.jsx)("span",{className:"text-white/90",children:t}):t.includes("◼")?(0,n.jsx)("span",{className:"text-white/75",children:t}):(0,n.jsx)("span",{className:"text-white/65",children:t})}function h(){let e=(0,i.useRef)(null),[t,s]=(0,i.useState)(!1),[l,a]=(0,i.useState)(0);(0,i.useEffect)(()=>{let t=e.current;if(!t)return;let n=new IntersectionObserver(e=>{let[t]=e;(null==t?void 0:t.isIntersecting)&&s(!0)},{threshold:.4});return n.observe(t),()=>n.disconnect()},[]),(0,i.useEffect)(()=>{if(!t)return;let e=[];for(let t of u)e.push(setTimeout(()=>{a(e=>e+1)},t.delay));return e.push(setTimeout(()=>{a(0),s(!1),requestAnimationFrame(()=>s(!0))},6500)),()=>e.forEach(clearTimeout)},[t]);let r=u.slice(0,l).flatMap(e=>e.lines);return(0,n.jsx)("div",{ref:e,className:"pointer-events-none absolute inset-0 flex items-center justify-center px-5 py-8 select-none min-[712px]:px-7",children:(0,n.jsxs)("div",{className:"w-full max-w-[380px] overflow-hidden rounded-2xl bg-[#0d0d0f] shadow-[0_12px_36px_rgba(0,0,0,0.18)] ring-1 ring-black/8",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3 border-b border-white/5 bg-[#1a1a1c] px-4 py-2.5",children:[(0,n.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#ff5f57]"}),(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#febc2e]"}),(0,n.jsx)("span",{className:"size-2.5 rounded-full bg-[#28c840]"})]}),(0,n.jsx)("span",{className:"flex-1 text-center font-mono text-[10px] text-white/40",children:"Terminal \xb7 install"})]}),(0,n.jsx)("div",{className:"relative min-h-[220px] max-h-[240px] overflow-hidden p-4 min-[712px]:p-5",children:(0,n.jsxs)("div",{className:"space-y-0 font-mono text-[10px] leading-relaxed min-[712px]:text-[11px]",children:[r.map((e,t)=>(0,n.jsx)("div",{children:(0,n.jsx)(f,{line:e})},"".concat(t,"-").concat(e))),t?(0,n.jsx)("span",{className:"ml-0.5 inline-block h-3.5 w-1.5 animate-pulse bg-white/60 align-middle"}):null]})})]})})}

1function b(){return(0,n.jsx)("div",{"aria-hidden":!0,className:"h-px w-full bg-[#D4D1CB]"})}function j(e){let{href:t,label:s}=e,l=t.startsWith("http");return(0,n.jsxs)("a",{href:t,...l?{target:"_blank",rel:"noopener noreferrer"}:{},className:"mt-2 inline-flex items-center gap-1 self-start text-base font-medium text-[#4281AF] min-[712px]:text-base",children:[s,(0,n.jsxs)("svg",{className:"size-4 min-[712px]:size-5",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,n.jsx)("path",{d:"M14 6L20 12L14 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M19 12H4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})]})}function g(e){let{children:t,size:s="medium",innerRef:l,fullBleed:a=!1}=e;return(0,n.jsx)("div",{ref:l,"data-size":s,className:"poke-bento @container relative mx-auto flex w-full min-w-[288px] max-w-[612px] shrink-0 flex-col items-center overflow-clip rounded-3xl border bg-[#fffdfa] ".concat(a?"!p-0":""),children:t})}function w(e){let{src:t,opacity:s=1,blur:l=0,scale:a=1,translateY:i="0%"}=e;return(0,n.jsx)("img",{src:t,alt:"","aria-hidden":!0,className:"pointer-events-none absolute inset-0 h-full w-full select-none object-cover",style:{opacity:s,filter:l?"blur(".concat(l,"px) brightness(1.08) saturate(1.02) hue-rotate(-1deg)"):void 0,transform:"translate(0%, ".concat(i,") scale(").concat(a,")"),transformOrigin:"center"}})}function v(e){let{sources:t,poster:s,objectPosition:l="50% 48%"}=e;return(0,n.jsxs)(g,{size:"medium",fullBleed:!0,children:[(0,n.jsx)("img",{src:s,alt:"","aria-hidden":!0,className:"pointer-events-none absolute inset-0 h-full w-full select-none object-cover blur-[3px] scale-110",loading:"lazy",decoding:"async"}),(0,n.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_50%_44%,rgba(134,239,172,0.28),rgba(255,253,250,0.92)_72%)]"}),(0,n.jsx)(r,{sources:t,poster:s,objectPosition:l,scale:1.52})]})}function N(e){let{title:t,description:s,learnMoreHref:l,learnMoreLabel:a,visual:i,reversed:r=!1}=e,o=(0,n.jsxs)("div",{className:"flex w-full flex-col items-start gap-3 min-[712px]:gap-4 min-[880px]:min-w-0 min-[880px]:flex-1 ".concat(r?"min-[880px]:pr-12":"min-[880px]:pl-12"),children:[(0,n.jsx)("h3",{className:"font-exposure m-0 text-[26px] leading-[1.15] tracking-[-0.01em] text-pretty text-black min-[712px]:text-4xl min-[712px]:tracking-[-0.02em]",style:{fontVariationSettings:'"EXPO" -10'},children:t}),(0,n.jsx)("p",{className:"m-0 self-stretch text-base font-medium leading-[1.4] text-pretty whitespace-pre-wrap text-black/70 min-[712px]:text-lg",children:s}),l&&a?(0,n.jsx)(j,{href:l,label:a}):null]}),c=(0,n.jsx)("div",{className:"w-full min-[880px]:min-w-0 min-[880px]:flex-1",children:i});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"flex w-full flex-col-reverse items-center gap-10 px-6 min-[712px]:px-0 min-[880px]:gap-14 min-[880px]:w-[95%] ".concat(r?"min-[880px]:flex-row-reverse min-[880px]:self-end":"min-[880px]:flex-row min-[880px]:self-start"),children:[c,o]}),(0,n.jsx)(b,{})]})}function y(){var e,t,s,i;let{features:r}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=null!=(e=null==r?void 0:r.blockSites)?e:{title:"Blocked everywhere, not just in Chrome",description:"A new profile, a private window, another browser, a restart - none of it gets you around a system-level block."},c=null!=(t=null==r?void 0:r.aiEnforces)?t:{title:"Your assistant starts the session",description:"Say what you're working on and for how long. Ask for a timed exception when you genuinely need one site back."},d=null!=(s=null==r?void 0:r.extension)?s:{title:"Blocking that knows what you're working on",description:"The docs you need pass through. The rabbit holes don't. Only the attempts reach your dashboard, never your history."},m=null!=(i=null==r?void 0:r.install)?i:{title:"One command and you're set up",description:"About a minute, once. After that you never open a focus app again."};return(0,n.jsx)("div",{"data-bento-section":"",className:"relative isolate z-50 poke-content flex flex-col items-center gap-14 min-[712px]:gap-20",children:(0,n.jsxs)("div",{className:"poke-feature-stack mx-auto flex w-full flex-col items-center",children:[(0,n.jsx)(N,{title:o.title,de

1scription:o.description,visual:(0,n.jsxs)(g,{size:"medium",children:[(0,n.jsx)(w,{src:l.aw.waves,opacity:.35,blur:2,scale:1.15}),(0,n.jsx)(p,{})]})}),(0,n.jsx)(N,{title:c.title,description:c.description,learnMoreHref:a.WZ,learnMoreLabel:"See how it works with Poke",reversed:!0,visual:(0,n.jsx)(v,{sources:l.Yl.feature3Video,poster:l.Yl.feature3Poster,objectPosition:"50% center"})}),(0,n.jsx)(N,{title:d.title,description:d.description,learnMoreHref:"/faq#how-does-the-chrome-extension-work",learnMoreLabel:"How the Chrome extension works",visual:(0,n.jsxs)(g,{size:"medium",children:[(0,n.jsx)(w,{src:l.aw.waves,opacity:.25,blur:2,scale:1.15}),(0,n.jsx)(x,{})]})}),(0,n.jsxs)("div",{className:"flex w-full flex-col-reverse items-center gap-10 px-6 min-[712px]:px-0 min-[880px]:w-[95%] min-[880px]:flex-row-reverse min-[880px]:self-end min-[880px]:gap-14",children:[(0,n.jsx)("div",{className:"w-full min-[880px]:min-w-0 min-[880px]:flex-1",children:(0,n.jsxs)(g,{size:"medium",children:[(0,n.jsx)(w,{src:l.aw.buildonpoke,opacity:.4,blur:3,scale:1.31,translateY:"0.5%"}),(0,n.jsx)(h,{})]})}),(0,n.jsxs)("div",{className:"flex w-full flex-col items-start gap-3 min-[712px]:gap-4 min-[880px]:min-w-0 min-[880px]:flex-1 min-[880px]:pr-12",children:[(0,n.jsx)("h3",{className:"font-exposure m-0 text-[26px] leading-[1.15] tracking-[-0.01em] text-pretty text-black min-[712px]:text-4xl min-[712px]:tracking-[-0.02em]",style:{fontVariationSettings:'"EXPO" -10'},children:m.title}),(0,n.jsx)("p",{className:"m-0 self-stretch text-base font-medium leading-[1.4] text-pretty whitespace-pre-wrap text-black/70 min-[712px]:text-lg",children:m.description}),(0,n.jsx)(j,{href:"/get-started",label:"Install instructions"})]})]})]})})}},81661:(e,t,s)=>{function n(e){return e.trim().toLowerCase().replace(/^www\./,"")}s.d(t,{N_:()=>n,Pc:()=>a});let l=/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/;function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:128,s=n(e);if(!function(e){let t=n(e);return t.length>0&&t.length<=253&&l.test(t)}(s))return"/icon.png";let a=new URLSearchParams({domain:s,size:String(Math.min(256,Math.max(64,t)))});return"/api/v1/favicon?".concat(a.toString())}}}]);