1import{p as ne,j as e,x as le,z,F as de,A as w,n as T,h as ce,e as k,X as I,f as Te,q as oe,S as H,U as ye,v as he,Y as Ae,a1 as Pe,P as xe,t as be,w as fe,G as De,H as Ie,I as $e,u as Be,L as y,Q as Ee,c as m,g as A}from"./index-CWvV5cvI.js";import{G as Oe}from"./graduation-cap-C_vjCgOS.js";import{M as We}from"./mouse-pointer-2-zKuJqsmg.js";import{E as b}from"./external-link-DOIBpIKh.js";import{F as pe}from"./flame-B2eYRJnI.js";import{N as Me}from"./notebook-DRC5Iuum.js";import{T as Re}from"./terminal-BZDncWtH.js";import{B as Le}from"./book-open-Dzs0YRcI.js";import{K as Ge}from"./key-round-BKCUatC_.js";import{S as _e}from"./shield-check-DTX1Fuco.js";import{E as Ye}from"./eye-off-CQ63RcgE.js";import{C as ze}from"./circle-check-big-CCExJDDi.js";import{P as je}from"./pin-BEQ3ka19.js";import{b as Ue,c as He,d as qe,e as Ve,f as Qe,D as Je}from"./deadlineflow-blog-visuals-DJfB2JGB.js";import{C as Ke}from"./camera-B--vNbED.js";import{A as Ze,H as Xe,M as we}from"./minus-C_WwV9sp.js";import{D as et}from"./database-Csd_9f9Z.js";import{B as tt,T as st,M as rt,F as at,a as nt,b as ot}from"./tuner-blog-visuals-BShQGHpk.js";import{A as it}from"./arrow-left-BZB3lsLJ.js";import"./rotate-ccw-C-cDp_-5.js";import"./lock-CaLd4q7P.js";/** 2 * @license lucide-react v0.487.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const lt=[["path",{d:"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",key:"l5xja"}],["path",{d:"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z",key:"ep3f8r"}],["path",{d:"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4",key:"1p4c4q"}],["path",{d:"M17.599 6.5a3 3 0 0 0 .399-1.375",key:"tmeiqw"}],["path",{d:"M6.003 5.125A3 3 0 0 0 6.401 6.5",key:"105sqy"}],["path",{d:"M3.477 10.896a4 4 0 0 1 .585-.396",key:"ql3yin"}],["path",{d:"M19.938 10.5a4 4 0 0 1 .585.396",key:"1qfode"}],["path",{d:"M6 18a4 4 0 0 1-1.967-.516",key:"2e4loj"}],["path",{d:"M19.967 17.484A4 4 0 0 1 18 18",key:"159ez6"}]],dt=ne("brain",lt);/** 7 * @license lucide-react v0.487.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const ct=[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]],ht=ne("pen-line",ct);/** 12 * @license lucide-react v0.487.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const xt=[["path",{d:"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z",key:"nt11vn"}],["path",{d:"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18",key:"15qc1e"}],["path",{d:"m2.3 2.3 7.286 7.286",key:"1wuzzi"}],["circle",{cx:"11",cy:"11",r:"2",key:"xmgehs"}]],pt=ne("pen-tool",xt);/** 17 * @license lucide-react v0.487.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const mt=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],gt=ne("pencil",mt),U="#3B82F6",d="#93C5FD";function ut(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(59,130,246,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function q({children:t,className:s=""}){return e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #0a0d18 0%, #060812 100%)",border:"1px solid rgba(59,130,246,0.14)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(ut,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function V({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(59,130,246,0.16)",border:"1px solid rgba(59,130,246,0.40)",color:d,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function Q({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${d} 0%, ${U}
21 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}function yt({src:t,name:s,shadow:r}){return e.jsxs("div",{className:"flex flex-col items-center text-center min-w-0",children:[e.jsx("img",{src:t,alt:s,className:"w-14 h-14 sm:w-16 sm:h-16 rounded-2xl",style:{boxShadow:r}}),e.jsx("div",{className:"mt-2 text-[11px] sm:text-xs font-bold text-white/90 truncate w-full px-1",style:{fontFamily:"'Space Grotesk', sans-serif"},children:s})]})}const bt=[{src:"/clipper.png",name:"Clipper",shadow:"0 10px 24px rgba(124,92,252,0.45)"},{src:"/dailyflow.png",name:"DailyFlow",shadow:"0 10px 24px rgba(0,200,150,0.45)"},{src:"/pinflow.png",name:"PinFlow",shadow:"0 10px 24px rgba(14,165,233,0.45)"},{src:"/deadlineflow.png",name:"DeadlineFlow",shadow:"0 10px 24px rgba(220,38,38,0.45)"},{src:"/snapper.png",name:"Snapper",shadow:"0 10px 24px rgba(244,114,182,0.45)"},{src:"/formflow.png",name:"FormFlow",shadow:"0 10px 24px rgba(251,146,60,0.45)"},{src:"/tuner.png",name:"Tuner",shadow:"0 10px 24px rgba(168,85,247,0.45)"}];function ft(){return e.jsxs(q,{children:[e.jsx(V,{align:"center",eyebrow:"The NotionFlow Suite",title:e.jsxs(e.Fragment,{children:["13+ tools. ",e.jsx(Q,{children:"One suite."})]})}),e.jsxs("div",{className:"flex flex-col items-center mb-6",children:[e.jsx("img",{src:"/notionflowmain.png",alt:"NotionFlow",className:"w-20 h-20 sm:w-24 sm:h-24 rounded-3xl",style:{boxShadow:"0 16px 50px rgba(59,130,246,0.55), 0 8px 24px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.18)"}}),e.jsx("div",{className:"mt-3 text-base sm:text-lg font-bold text-white",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"NotionFlow"})]}),e.jsxs("div",{className:"flex items-center gap-3 mb-6 px-2 sm:px-6",children:[e.jsx("div",{className:"flex-1 h-px",style:{background:`linear-gradient(90deg, transparent, ${U}40, transparent)`}}),e.jsx("span",{className:"text-[10px] sm:text-[11px] uppercase tracking-widest font-bold",style:{color:d,letterSpacing:"0.16em"},children:"Live now"}),e.jsx("div",{className:"flex-1 h-px",style:{background:`linear-gradient(90deg, transparent, ${U}40, transparent)`}})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 gap-3 sm:gap-4 px-1",children:bt.map(t=>e.jsx(yt,{...t},t.name))}),e.jsxs("div",{className:"mt-6 text-center text-xs sm:text-sm text-white/55",children:[e.jsx("strong",{className:"text-white/85 font-semibold",children:"Live now"})," ·"," ",e.jsx("strong",{className:"text-white/85 font-semibold",children:"always shipping"})," · one subscription"]})]})}const jt=[{icon:"/clipper.png",name:"Clipper",tag:"Save anything to Notion",desc:"Copy any text. A widget appears with a Notion destination. One click, done.",glow:"linear-gradient(90deg, #7C5CFC 0%, #6246EA 100%)",shadow:"0 12px 28px rgba(124,92,252,0.45)",tagColor:"#C4A4F0"},{icon:"/dailyflow.png",name:"DailyFlow",tag:"Today's note, one hotkey",desc:"One hotkey opens today's row. If it doesn't exist, DailyFlow creates it.",glow:"linear-gradient(90deg, #6EE7B7 0%, #00C896 100%)",shadow:"0 12px 28px rgba(0,200,150,0.45)",tagColor:"#6EE7B7"},{icon:"/pinflow.png",name:"PinFlow",tag:"Pin pages to the toolbar",desc:"Pin any Notion page to your toolbar. Switch contexts in one click.",glow:"linear-gradient(90deg, #93C5FD 0%, #3B82F6 100%)",shadow:"0 12px 28px rgba(14,165,233,0.45)",tagColor:d},{icon:"/deadlineflow.png",name:"DeadlineFlow",tag:"Cross-DB deadlines",desc:"Scans every Notion DB. Shows what's due today, this week, this month.",glow:"linear-gradient(90deg, #FCA5A5 0%, #DC2626 100%)",shadow:"0 12px 28px rgba(220,38,38,0.45)",tagColor:"#FCA5A5"},{icon:"/snapper.png",name:"Snapper",tag:"Screenshots â Notion",desc:"Capture a regi
21on. Snapper sends the image to the right page in your workspace.",glow:"linear-gradient(90deg, #F9A8D4 0%, #DB2777 100%)",shadow:"0 12px 28px rgba(244,114,182,0.45)",tagColor:"#F9A8D4"},{icon:"/formflow.png",name:"FormFlow",tag:"Fast DB entry",desc:"Add to any Notion database without opening Notion. The schema becomes a form.",glow:"linear-gradient(90deg, #FDBA74 0%, #EA580C 100%)",shadow:"0 12px 28px rgba(251,146,60,0.45)",tagColor:"#FDBA74"},{icon:"/tuner.png",name:"Tuner",tag:"Dial in Notion's UI",desc:"Hide clutter, switch fonts, save your setup as a mode. No API connection.",glow:"linear-gradient(90deg, #C4B5FD 0%, #7C3AED 100%)",shadow:"0 12px 28px rgba(168,85,247,0.45)",tagColor:"#C4B5FD"}];function wt(){return e.jsxs(q,{children:[e.jsx(V,{eyebrow:"Live in the Chrome Web Store",title:e.jsxs(e.Fragment,{children:["Live ",e.jsx(Q,{children:"now"})]}),sub:"Each one solves a specific friction Notion power users hit every day."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:jt.map(t=>e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-[3px] rounded-t-2xl",style:{background:t.glow}}),e.jsx("img",{src:t.icon,alt:t.name,className:"w-14 h-14 rounded-2xl mb-3",style:{boxShadow:t.shadow}}),e.jsx("div",{className:"text-lg font-bold text-white leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.name}),e.jsx("div",{className:"text-xs font-semibold mt-1 mb-2",style:{color:t.tagColor},children:t.tag}),e.jsx("p",{className:"text-[13px] leading-snug text-white/65 flex-1",children:t.desc}),e.jsxs("div",{className:"mt-3 flex items-center text-[10px] font-bold uppercase tracking-wider text-white/45",children:[e.jsx("span",{className:"inline-block w-1.5 h-1.5 rounded-full mr-1.5",style:{background:"#22C55E",boxShadow:"0 0 6px rgba(34,197,94,0.7)"}}),"Live · $4.99/mo"]})]},t.name))})]})}const Nt=[{eyebrow:"Per tool",name:"Single extension",price:"$4.99",period:"/month",priceSub:"or $3.99/mo billed annually ($47.88/yr)",features:["Pro on one extension","OAuth-only (no account on file)","Free tier with usage caps","Cancel anytime"],footer:"Good if you only need one tool."},{eyebrow:"All tools, all future",eyebrowColor:d,name:"NotionFlow Suite",price:"$9.99",period:"/mo annual",priceSub:"$119.88/yr · break-even at 3 tools",features:[e.jsxs(e.Fragment,{children:["Pro on ",e.jsx("strong",{className:"text-white",children:"every"})," current extension"]}),e.jsxs(e.Fragment,{children:["Every ",e.jsx("strong",{className:"text-white",children:"future"})," extension free"]}),"One dashboard, one support thread","Single Notion OAuth across all tools","Cancel anytime"],footer:e.jsx("span",{style:{color:"rgba(147,197,253,0.7)"},children:"New extensions shipping monthly."}),highlight:!0,pill:"Best Value"},{eyebrow:"Limited · 100 seats",eyebrowColor:"#FBBF24",name:"Founding 100",price:"$79",period:"/yr forever",priceSub:e.jsxs(e.Fragment,{children:["Use code ",e.jsx("strong",{style:{color:"#FBBF24"},children:"FOUNDING100"})," at checkout"]}),features:["Everything in the Suite","Locked in forever at $79/yr","First-100 early supporter","Direct line to the founder"],footer:"Real scarcity â 100 seats total."}];function vt(){return e.jsxs(q,{children:[e.jsx(V,{align:"center",eyebrow:"Pricing",title:e.jsxs(e.Fragment,{children:["One subscription. ",e.jsx(Q,{children:"Every future tool."})]}),sub:"Pay per tool, or subscribe to the whole suite."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:Nt.map(t=>{const s=t.highlight;return e.jsxs("div",{className:"relative rounded-2xl p-6 flex flex-col",style:{background:s?"linear-gradient(180deg, rgba(59,130,246,0.18) 0%, rgba(59,130,246,0.05) 100%)":"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:s?"2px solid rgba(59,130,246,0.65)":"1px solid rgba(255,255,255,0.08)",boxShadow:s?"0 20px 50px rgba(59,130,246,0.22), inset 0 1px 0 rgba(255,255,255,0.10)":"0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[t.pill&&e.jsx("span",{className:"absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest",style:{background:`linear-gradient(90deg, ${d} 0%, ${U} 100%)`,color:"#06122a",boxShadow:"0 6px 16px rgba(59,130,246,0.55)"},children:t.pill}),e.jsx("div",{className:"text-[11px] font-bold uppercase tracking-widest mb-2",style:{color:t.eyebrowColor??"rgba(255,255,255,0.45)"},children:t.eyebrow}),e.jsx("div",{className:"text-xl font-bold text-white mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:t.name}),e.jsxs("div",{className:"flex items-baseline gap-1.5 mb-1",children:[e.jsx("span",{className:"text-4xl sm:text-5xl font-extrabold text-white leading-none",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.03em"},children:t.price}),e.jsx("span",{className:"text-sm text-white/50 font-medium",children:t.period})]}),e.jsx("div",{className:"text-xs text-white/55 mb-5",children:t.priceSub}),e.jsx("div",{className:"space-y-2 flex-1",children:t.features.map((r,a)=>e.jsxs("div",{className:"flex items-start gap-2 text-[13px] leading-snug text-white/85",children:[e.jsx("span",{className:"flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center text-[9px] font-bold mt-0.5",style:{background:s?"rgba(59,130,246,0.22)":"rgba(34,197,94,0.20)",color:s?d:"#22C55E"},children:"â"}),e.jsx("span",{children:r})]},a))}),e.jsx("div",{className:"mt-5 text-[11px] text-white/40",children:t.footer})]},t.name)}
21)})]})}const kt=[{status:"live",label:"Live extensions",dotColor:"#22C55E",labelColor:"#6EE7B7",rowBg:"rgba(34,197,94,0.05)",rowBorder:"rgba(34,197,94,0.20)",items:[{icon:"/clipper.png",name:"Clipper",tag:"Web â Notion"},{icon:"/dailyflow.png",name:"DailyFlow",tag:"Today's note hotkey"},{icon:"/pinflow.png",name:"PinFlow",tag:"Pin pages"},{icon:"/deadlineflow.png",name:"DeadlineFlow",tag:"Deadline radar"},{icon:"/snapper.png",name:"Snapper",tag:"Screenshots â Notion"},{icon:"/formflow.png",name:"FormFlow",tag:"Fast DB entry"},{icon:"/tuner.png",name:"Tuner",tag:"UI customization"}]},{status:"dev",label:"In development",dotColor:"#F59E0B",labelColor:"#FBBF24",rowBg:"rgba(245,158,11,0.04)",rowBorder:"rgba(245,158,11,0.20)",items:[{icon:"/treeviewapp.png",name:"TreeView",tag:"Workspace map"},{icon:"/templateflow.png",name:"TemplateFlow",tag:"Templates anywhere"}]},{status:"planned",label:"Planned",dotColor:"rgba(255,255,255,0.35)",labelColor:"rgba(255,255,255,0.45)",rowBg:"rgba(255,255,255,0.025)",rowBorder:"rgba(255,255,255,0.06)",items:[{icon:"/focusflow.png",name:"FocusFlow",tag:"Focus mode"},{icon:"/relayflow.png",name:"RelayFlow",tag:"Calendar sync"},{icon:"/linkflow.png",name:"LinkFlow",tag:"Link management"},{icon:"/exportflow.png",name:"ExportFlow",tag:"Export anywhere"}]}];function Ft(){return e.jsxs(q,{children:[e.jsx(V,{eyebrow:"Roadmap",title:e.jsxs(e.Fragment,{children:["Always ",e.jsx(Q,{children:"shipping."})]}),sub:"Suite subscribers get each new extension unlocked automatically as it ships."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:kt.map(t=>e.jsxs("div",{className:"rounded-2xl p-4 flex flex-col",style:{background:"rgba(255,255,255,0.025)",border:"1px solid rgba(255,255,255,0.06)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.04)"},children:[e.jsxs("div",{className:"flex items-center gap-2 pb-3 mb-3 border-b border-white/[0.06]",children:[e.jsx("span",{className:"w-2 h-2 rounded-full",style:{background:t.dotColor,boxShadow:t.status==="planned"?"none":`0 0 6px ${t.dotColor}cc`}}),e.jsx("span",{className:"text-[11px] font-extrabold uppercase tracking-widest",style:{color:t.labelColor},children:t.label})]}),e.jsx("div",{className:"space-y-2",children:t.items.map(s=>e.jsxs("div",{className:"flex items-center gap-2.5 px-2.5 py-2 rounded-xl",style:{background:t.rowBg,border:`1px solid ${t.rowBorder}`},children:[e.jsx("img",{src:s.icon,alt:"",className:"w-7 h-7 rounded-md flex-shrink-0",style:{opacity:t.status==="planned"?.55:1}}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"text-[13px] font-bold leading-tight",style:{color:t.status==="planned"?"rgba(255,255,255,0.6)":"rgba(255,255,255,0.95)",fontFamily:"'Space Grotesk', sans-serif"},children:s.name}),e.jsx("div",{className:"text-[10px] text-white/45 leading-tight",children:s.tag})]})]},s.name))})]},t.status))})]})}const St=[{icon:Oe,persona:"Researchers & students",problem:"Capturing sources without breaking flow",solution:e.jsxs(e.Fragment,{children:["Save quotes and sources to the right Notion page with"," ",e.jsx("strong",{style:{color:d},children:"Clipper"})," â no tab-switching."]})},{icon:pt,persona:"Writers & creators",problem:"Saving inspiration without losing context",solution:e.jsxs(e.Fragment,{children:["Clip references with"," ",e.jsx("strong",{style:{color:d},children:"Clipper"}),". Open today's draft with"," ",e.jsx("strong",{style:{color:d},children:"DailyFlow"}),"."]})},{icon:le,persona:"Developers",problem:"Snippets and docs scattered everywhere",solution:e.jsxs(e.Fragment,{children:["Capture snippets, Stack Overflow answers, and docs straight to dev notes with"," ",e.jsx("strong",{style:{color:d},children:"Clipper"}),"."]})},{icon:dt,persona:"Second-brain builders",problem:"Friction kills a daily PKM habit",solution:e.jsxs(e.Fragment,{children:["Feed your Zettelkasten with"," ",e.jsx("strong",{style:{color:d},children:"Clipper"}),". Surface today's review with"," ",e.jsx("strong",{style:{color:d},children:"DailyFlow"}),"."]})},{icon:z,persona:"Project managers",problem:"Deadlines hide in different databases",solution:e.jsxs(e.Fragment,{children:[e.jsx("strong",{style:{color:d},children:"DeadlineFlow"})," scans every Notion DB and surfaces what's due today, this week, this month."]})},{icon:de,persona:"Daily-note people",problem:"Today's note takes 4 clicks to open",solution:e.jsxs(e.Fragment,{children:["One hotkey with"," ",e.jsx("strong",{style:{color:d},children:"DailyFlow"})," opens (or creates) today's row. No scrolling, no setup."]})}];function Ct(){return e.jsxs(q,{children:[e.jsx(V,{align:"center",eyebrow:"Who NotionFlow is for",title:e.jsxs(e.Fragment,{children:["Built for ",e.jsx(Q,{children:"Notion power users"})]}),sub:"If your work lives in Notion, one of these is you."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:St.map(t=>e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[e.jsx("div",{className:"absolute top-0 left-5 right-5 h-[3px] rounded-b-md",style:{background:`linear-gradient(90deg, ${d} 0%, ${U} 100%)`,opacity:.85}}),e.jsx("div",{className:"w-11 h-11 rounded-xl flex items-center justify-center mb-3",style:{background:"rgba(59,130,246,0.12)",border:"1px solid rgba(59,130,246,0.25)"},children:e.jsx(t.icon,{className:"w-5 h-5",style:{color:d}})}),e.jsx("div",{className:"text-lg font-bold text-white leading-tight mb-1",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.persona}),e.jsx("div",{className:"text-[11px] text-white/50 mb-3 leading-snug",children:t.problem}),e.jsx("p",{className:"text-[13px] leading-snug text-white/80",children:t.solution})]},t.persona))})]})}const N="#00C896",n="#6EE7B7";function Tt(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(0,200,150,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function F({children:t,className:s="",unframed:r=!1}){return r?e.jsx("div",{className:`relative my-12 sm:my-16 max-w-3xl mx-auto px-5 ${s}`,children:t}):e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #0a0d18 0%, #060812 100%)",border:"1px solid rgba(0,200,150,0.16)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(Tt,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function S({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(0,200,150,0.16)",border:"1px solid rgba(0,200,150,0.40)",color:n,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function C({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${n} 0%, ${N}
21 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}function j({children:t,lit:s=!1,wide:r=!1}){return e.jsx("span",{className:`inline-flex items-center justify-center rounded-lg font-bold ${r?"px-4":"px-3"}`,style:{minWidth:r?"auto":"44px",height:"44px",fontFamily:"'JetBrains Mono', monospace",fontSize:"17px",background:s?`linear-gradient(180deg, ${N} 0%, #009B73 100%)`:"linear-gradient(180deg, #1c2030 0%, #0e1220 100%)",border:s?"1px solid rgba(110,231,183,0.40)":"1px solid rgba(255,255,255,0.10)",color:s?"#04261d":"rgba(255,255,255,0.65)",boxShadow:s?"inset 0 1px 0 rgba(255,255,255,0.20), 0 8px 18px rgba(0,200,150,0.40)":"inset 0 1px 0 rgba(255,255,255,0.08), 0 4px 10px rgba(0,0,0,0.45)"},children:t})}const At=[!0,!0,!1,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0],Ne=[{time:"8:14 AM",text:"Shipped streak grid to prod"},{time:"10:02 AM",text:"Mickey call â affiliate launch"},{time:"11:45 AM",text:"Andrea coffee â pitch suite"}];function ve({greeting:t="Good morning, Don",dateBig:s="Friday, May 15",dayName:r="Friday",captures:a=Ne,streakDays:c=12,streakGrid:g=At,highlight:u="none",scale:O="full"}){const i=O==="compact",W=P=>u===P?`0 0 0 2px ${n}, 0 0 0 6px rgba(0,200,150,0.18), 0 16px 32px rgba(0,200,150,0.30)`:void 0;return e.jsxs("div",{className:"rounded-2xl overflow-hidden flex flex-col w-full",style:{maxWidth:"460px",background:"linear-gradient(180deg, rgba(28,28,30,0.99) 0%, rgba(17,17,19,0.99) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 28px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(0,200,150,0.15), inset 0 1px 0 rgba(255,255,255,0.06)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Inter', sans-serif"},children:[e.jsxs("div",{className:"flex items-start gap-2.5 pl-4 pr-2 py-3",style:{borderBottom:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{className:"w-9 h-9 rounded-xl overflow-hidden flex-shrink-0",children:e.jsx("img",{src:"/dailyflow-logo.png",alt:"",className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"flex flex-col justify-center min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline gap-1.5 leading-none",children:[e.jsx("span",{className:"text-[15px] font-semibold tracking-tight text-white/90",children:"DailyFlow"}),e.jsx("span",{className:"text-[10px] text-white/40",children:"by NotionFlow"})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mt-1.5 text-[10px] text-white/40 leading-none",children:[e.jsx("span",{className:"relative inline-flex w-1.5 h-1.5 rounded-full",style:{background:"#34D399"},"aria-hidden":"true"}),e.jsx("span",{children:"Connected"}),e.jsx("span",{className:"text-white/25",children:"·"}),e.jsx("span",{className:"text-[9px] tracking-wider px-1.5 py-0.5 rounded font-semibold leading-none",style:{background:"rgba(16,185,129,0.15)",color:"#34D399"},children:"PRO"})]})]}),e.jsxs("div",{className:"flex items-center gap-0 flex-shrink-0 -mt-0.5",children:[e.jsx("span",{className:"p-1.5 rounded-md text-white/40",children:e.jsx(H,{className:"w-4 h-4"})}),e.jsx("span",{className:"p-1.5 rounded-md text-white/40",children:e.jsx(I,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{className:"px-5 pt-3 pb-4 flex flex-col gap-3.5",children:[e.jsxs("div",{className:"text-center pt-2 pb-1",children:[e.jsx("p",{className:"text-[11px] tracking-[0.15em] uppercase font-medium",style:{color:"rgba(110,231,183,0.70)"},children:t}),e.jsx("p",{className:"text-[26px] font-bold text-white mt-1 leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:s}),e.jsxs("div",{className:"flex items-center justify-center gap-2 mt-1.5",children:[e.jsx("p",{className:"text-[11px] tracking-wide uppercase font-medium text-white/45",children:r}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full",style:{background:"rgba(0,200,150,0.15)",border:"1px solid rgba(0,200,150,0.25)"},children:[e.jsx(k,{className:"w-3 h-3",strokeWidth:3,style:{color:n}}),e.jsx("span",{className:"text-[11px] font-semibold leading-none",style:{color:n},children:"Done"})]})]})]}
21),e.jsxs("button",{className:"w-full py-2.5 px-4 rounded-xl flex items-center justify-center gap-2 font-semibold text-[14px] text-white",style:{background:`linear-gradient(180deg, ${n} 0%, #009B60 100%)`,boxShadow:W("cta")??"inset 0 1px 0 rgba(255,255,255,0.15), 0 6px 14px rgba(0,200,150,0.35)",transition:"box-shadow 0.3s"},children:[e.jsx(b,{className:"w-4 h-4"}),"Open in Notion"]}),!i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"rounded-xl pt-2.5 pb-3 px-3.5",style:{background:"rgba(255,255,255,0.03)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("span",{className:"text-[10px] uppercase tracking-wider font-medium text-white/45",children:"Today"}),e.jsxs("span",{className:"text-[10px] text-white/35 tabular-nums",children:[a.length," capture",a.length===1?"":"s"]})]}),e.jsx("div",{className:"flex flex-col gap-2",children:a.map((P,se)=>e.jsxs("div",{className:"flex gap-2.5 text-[12px] leading-relaxed",children:[e.jsx("span",{className:"text-white/35 tabular-nums flex-shrink-0 text-[10px] pt-px w-12 whitespace-nowrap",children:P.time}),e.jsx("span",{className:"text-white/75 break-words flex-1",children:P.text})]},se))})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-full rounded-xl text-[13px] leading-snug",style:{background:"rgba(255,255,255,0.04)",border:u==="capture"?`1px solid ${N}`:"1px solid transparent",boxShadow:W("capture"),transition:"box-shadow 0.3s, border-color 0.3s",padding:"10px 40px 26px 12px",minHeight:"60px"},children:u==="capture"?e.jsx("span",{className:"text-white/90",children:"Spec the new pricing page"}):e.jsx("span",{className:"text-white/35 italic",children:"Append a thought..."})}),e.jsx("span",{className:"absolute right-2.5 bottom-2.5 p-1 rounded-md",style:{color:u==="capture"?n:"rgba(255,255,255,0.30)"},children:e.jsx(ye,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex items-center justify-between px-1.5",children:[e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-white/40",children:[e.jsx(he,{className:"w-3 h-3"}),"Checklist",e.jsx("span",{className:"text-[8px] px-1 py-px rounded font-semibold ml-0.5",style:{background:"rgba(255,255,255,0.06)",color:"rgba(255,255,255,0.45)"},children:"PRO"})]}),e.jsx("span",{className:"text-[10px] text-white/30",children:"âµ send · esc clear"})]})]}),e.jsxs("div",{className:"flex items-center justify-center gap-3 pt-1",children:[e.jsxs("span",{className:"flex items-center gap-1 text-[11px] text-white/45",children:[e.jsx(Ae,{className:"w-3 h-3"}),"Yesterday"]}),e.jsx("span",{className:"text-white/25 text-[11px]",children:"·"}),e.jsxs("span",{className:"flex items-center gap-1 text-[11px] text-white/45",children:[e.jsx(z,{className:"w-3 h-3"}),"All notes"]})]}),e.jsxs("div",{className:"pt-3 px-2 flex flex-col items-center gap-1.5",style:{marginTop:"2px",borderTop:"1px solid rgba(255,255,255,0.04)",background:u==="streak"?"rgba(0,200,150,0.06)":"transparent",borderRadius:u==="streak"?"12px":0,boxShadow:W("streak"),transition:"box-shadow 0.3s"},children:[e.jsxs("div",{className:"flex items-center gap-1.5 py-0.5",children:[e.jsx(pe,{className:"w-3.5 h-3.5",style:{color:"#FB923C"}}),e.jsx("span",{className:"text-[12px] font-semibold text-white tabular-nums",children:c}),e.jsx("span",{className:"text-[11px] text-white/60",children:"day streak"}),c>=7&&e.jsx("span",{className:"text-[12px] ml-0.5",children:"ð¥"})]}),e.jsx("div",{className:"flex gap-[3px] justify-center flex-wrap",children:g.map((P,se)=>e.jsx("span",{className:"w-[16px] h-[16px] rounded-[3px]",style:{background:P?se===g.length-1?n:"rgba(0,200,150,0.60)":"rgba(255,255,255,0.06)"}},se))}),e.jsx("span",{className:"text-[10px] pb-1",style:{color:"rgba(110,231,183,0.85)"},children:"View year â"})]})]})]}),!i&&e.jsxs("div",{className:"flex items-center justify-between px-5 py-2",style:{borderTop:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{className:"text-[10px] text-white/35 tabular-nums",children:"v1.2.0"}),e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-white/35",children:["Help & Feedback",e.jsx(b,{className:"w-2.5 h-2.5"})]})]})]})}function Pt({unframed:t=!1}={}){return e.jsxs(F,{unframed:t,children:[e.jsx(S,{align:"center",eyebrow:"DailyFlow",title:e.jsxs(e.Fragment,{children:["One hotkey opens ",e.jsx(C,{children:"this."})]}),sub:"Press ââ§D and the DailyFlow widget appears with today's note ready â open it in Notion, or capture a thought right from the popup."}),e.jsxs("div",{className:"flex flex-col lg:flex-row items-center justify-center gap-6 lg:gap-10 py-2",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsx(j,{children:"â"}),e.jsx(j,{children:"â§"}),e.jsx(j,{lit:!0,children:"D"})]}),e.jsx(w,{className:"hidden lg:block flex-shrink-0",style:{color:n,width:"32px",height:"32px",opacity:.85}}),e.jsx(T,{className:"block lg:hidden flex-shrink-0",style:{color:n,width:"28px",height:"28px",opacity:.85}}),e.jsx(ve,{})]})]})}function Dt({orientation:t="vertical",unframed:s=!1}={}){const r=t==="horizontal";return e.jsxs(F,{unframed:s,children:[e.jsx(S,{align:"center",eyebrow:"Quick capture",title:e.jsxs(e.Fragment,{children:["Capture in the popup. ",e.jsx(C,{children:"It lands in today's note."})]}),sub:"Type a thought, paste a link, jot a TODO. DailyFlow appends it to today's page as a timestamped block â no tab switch, no Notion search."}),e.jsxs("div",{className:r?"flex flex-col lg:flex-row items-center justify-center gap-5 lg:gap-8 py-2":"flex flex-col items-center justify-center gap-5 py-2",children:[e.jsx(ve,{highlight:"capture"}),r?e.jsxs(e.Fragment,{children:[e.jsx(w,{className:"hidden lg:block flex-shrink-0",style:{color:n,width:"32px",height:"32px",opacity:.85}}),e.jsx(T,{className:"block lg:hidden flex-shrink-0",style:{color:n,width:"32px",height:"32px",opacity:.85}})]}):e.jsx(T,{className:"flex-shrink-0",style:{color:n,width:"32px",height:"32px",opacity:.85}}),e.jsxs("div",{className:"rounded-2xl overflow-hidden w-full",style:{maxWidth:"380px",background:"linear-gradient(180deg, #f7f7f5 0%, #efefe9 100%)",border:"1px solid rgba(0,0,0,0.06)",boxShadow:"0 18px 40px rgba(0,0,0,0.45), 0 0 0 1px rgba(0,200,150,0.20)"},children:[e.jsxs("div",{className:"px-4 pt-4 pb-3",children:[e.jsx("div",{className:"text-2xl leading-none mb-1",children:"ð"}),e.jsx("div",{className:"text-[18px] font-bold leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif",color:"#191919",letterSpacing:"-0.01em"},children:"Friday, May 15, 2026"}),e.jsx("div",{className:"text-[10px] mt-1 uppercase tracking-wider font-medium",style:{color:"#9b9a96"},children:"Today"})]}),e.jsxs("div",{className:"px-4 pb-3 flex flex-col gap-2",children:[Ne.map((a,c)=>e.jsxs("div",{className:"flex gap-2 text-[11px] leading-snug",children:[e.jsx("span",{className:"text-[#9b9a96] tabular-nums flex-shrink-0 w-12 text-[10px] pt-px",children:a.time}),e.jsx("span",{className:"text-[#37352f] flex-1",children:a.text})]},c)),e.jsxs("div",{className:"flex gap-2 text-[11px] leading-snug -mx-2 px-2 py-1.5 rounded-md",style:{background:"rgba(0,200,150,0.10)",border:"1px solid rgba(0,200,150,0.30)"},children:[e.jsx("span",{className:"text-[#9b9a96] tabular-nums flex-shrink-0 w-12 text-[10px] pt-px",children:"12:18 PM"}),e.jsx("span",{className:"text-[#37352f] flex-1 font-medium",children:"Spec the new pricing page"}),e.jsx("span",{className:"text-[10px] flex-shrink-0",style:{color:"#009B60"},children:"â new"})]})]})]})]})]})}const re=[!0,!0,!0,!0,!1,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0,!1,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0,!0];function It({unframed:t=!1}={}){const r=re.filter(Boolean).length;return e.jsxs(F,{unframed:t,children:[e.jsx(S,{align:"center",eyebrow:"Streak tracking",title:e.jsxs(e.Fragment,{children:["The habit that ",e.jsx(C,{children:"tracks itself."})]}),sub:"Every day you open today's note, DailyFlow logs it in the popup. Miss a day and the streak resets â the same loss-aversion mechanic that keeps Duolingo streaks alive."}),e.jsxs("div",{className:"flex flex-col items-center gap-6 py-2",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsx(pe,{className:"w-9 h-9 flex-shrink-0",style:{color:"#FB923C"}}),e.jsx("span",{className:"text-[64px] sm:text-[80px] font-extrabold leading-none text-white tabular-nums",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.04em"},children:12}),e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[16px] font-bold text-white leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"day streak"}),e.jsx("span",{className:"text-[16px]",title:"7-day milestone",children:"ð¥"})]}),e.jsxs("span",{className:"text-[11px] text-white/45",children:["Best: ",12," days"]})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2 w-full",children:[e.jsxs("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-widest text-white/45 font-bold",children:[e.jsx("span",{children:"Last 28 days"}),e.jsx("span",{className:"text-white/25",children:"·"}),e.jsxs("span",{className:"tabular-nums",children:[r,"/28 active"]})]}),e.jsx("div",{className:"flex gap-[5px] justify-center flex-wrap p-3 rounded-xl",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.05)",maxWidth:"440px"},children:re.map((a,c)=>e.jsx("span",{className:"rounded-[3px]",style:{width:"22px",height:"22px",background:a?c===re.length-1?n:"rgba(0,200,150,0.55)":"rgba(255,255,255,0.06)",boxShadow:c===re.length-1&&a?`0 0 12px ${N}aa`:void 0}},c))})]}),e.jsxs("p",{className:"text-[12px] text-white/50 max-w-md text-center",children:["Hit the next milestone
21(",e.jsx("strong",{className:"text-white/80",children:"30 days"}),") and a"," ",e.jsx("span",{title:"30-day milestone",children:"â¡"})," badge appears next to your streak count in the popup. The real motivator: ",e.jsx("strong",{className:"text-white/80",children:"if you miss tomorrow, you lose 12 days of momentum"}),"."]})]})]})}const $t=[{icon:We,text:"Open the Notion sidebar",time:"+2s"},{icon:ce,text:"Click into your Daily DB",time:"+2s"},{icon:T,text:"Scroll past 200+ old entries",time:"+4s"},{icon:gt,text:"Click today (or create it)",time:"+4s"}];function Bt({unframed:t=!1}={}){return e.jsxs(F,{unframed:t,children:[e.jsx(S,{align:"center",eyebrow:"The friction",title:e.jsxs(e.Fragment,{children:["Four clicks every day, or ",e.jsx(C,{children:"one hotkey forever."})]})}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-4 md:gap-5 items-stretch",children:[e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.005) 100%)",border:"1px solid rgba(255,255,255,0.07)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.04)"},children:[e.jsx("span",{className:"inline-block self-start px-2.5 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest mb-2",style:{background:"rgba(248,113,113,0.10)",border:"1px solid rgba(248,113,113,0.30)",color:"#F87171"},children:"The old way"}),e.jsx("div",{className:"text-xl font-bold text-white mb-1",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:"Notion alone"}),e.jsxs("div",{className:"text-xs text-white/50 mb-4",children:[e.jsx("strong",{className:"text-white/85 font-semibold",children:"~12 seconds"})," · 4 clicks · 1 scroll"]}),e.jsx("div",{className:"space-y-2 flex-1",children:$t.map((s,r)=>e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{className:"flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-extrabold",style:{background:"rgba(248,113,113,0.12)",border:"1px solid rgba(248,113,113,0.30)",color:"#F87171"},children:r+1}),e.jsx(s.icon,{className:"w-4 h-4",style:{color:"rgba(255,255,255,0.50)"}}),e.jsx("span",{className:"flex-1 text-[13px] text-white/80",children:s.text}),e.jsx("span",{className:"text-[11px] font-bold",style:{color:"rgba(248,113,113,0.85)",fontFamily:"'JetBrains Mono', monospace"},children:s.time})]},r))})]}),e.jsx("div",{className:"flex md:flex-col items-center justify-center",children:e.jsx("div",{className:"w-10 h-10 md:w-12 md:h-12 rounded-full flex items-center justify-center font-extrabold text-xs",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.10)",color:"rgba(255,255,255,0.65)"},children:"VS"})}),e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(0,200,150,0.10) 0%, rgba(0,200,150,0.02) 100%)",border:"1px solid rgba(0,200,150,0.30)",boxShadow:"0 14px 32px rgba(0,200,150,0.18), inset 0 1px 0 rgba(110,231,183,0.10)"},children:[e.jsx("span",{className:"inline-block self-start px-2.5 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest mb-2",style:{background:"rgba(0,200,150,0.12)",border:"1px solid rgba(0,200,150,0.35)",color:n},children:"With DailyFlow"}),e.jsx("div",{className:"text-xl font-bold text-white mb-1",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:"One hotkey"}),e.jsxs("div",{className:"text-xs text-white/55 mb-5",children:[e.jsx("strong",{className:"text-white/85 font-semibold",children:"< 1 second"})," · 0 clicks · 0 scrolls"]}),e.jsxs("div",{className:"flex-1 flex flex-col justify-center items-center gap-5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j,{children:"â"}),e.jsx(j,{children:"â§"}),e.jsx(j,{lit:!0,children:"D"})]}),e.jsx(w,{style:{color:n,width:"26px",height:"26px",opacity:.85}}),e.jsxs("div",{className:"flex items-center gap-3 px-4 py-3 rounded-xl",style:{background:"rgba(0,200,150,0.10)",border:"1px solid rgba(0,200,150,0.30)"},children:[e.jsx("span",{className:"text-2xl leading-none",children:"ð"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-sm font-bold text-white",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"Today's note opens"}),e.jsx("span",{className:"text-[11px] mt-0.5",style:{color:n,fontFamily:"'JetBrains Mono', monospace"}
21,children:"friday, may 15 · ready"})]})]})]})]})]})]})}function Et(){return e.jsxs(F,{children:[e.jsx(S,{align:"center",eyebrow:"How DailyFlow works",title:e.jsxs(e.Fragment,{children:["Press. Find. Open. ",e.jsx(C,{children:"Under a second."})]}),sub:"Three things happen in the gap between your keypress and your cursor landing on today's note."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsx(ie,{num:"01",title:"Press your hotkey",desc:e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"ââ§D"})," on Mac, ",e.jsx("strong",{className:"text-white",children:"Ctrl+Shift+D"})," on Windows or Linux. Customizable."]}),children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(j,{children:"â"}),e.jsx(j,{children:"â§"}),e.jsx(j,{lit:!0,children:"D"})]})}),e.jsx(ie,{num:"02",title:"DailyFlow finds today's row",desc:e.jsxs(e.Fragment,{children:["If today's row is missing, DailyFlow ",e.jsx("strong",{className:"text-white",children:"creates it"})," using your template."]}),children:e.jsxs("div",{className:"w-full rounded-xl p-3",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",fontFamily:"'JetBrains Mono', monospace",fontSize:"12px"},children:[e.jsxs("div",{className:"flex items-center gap-2 pb-2 mb-2",style:{borderBottom:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("span",{className:"w-2 h-2 rounded-sm",style:{background:N}}),e.jsx("span",{className:"text-white/55 text-[10px] tracking-wider uppercase font-semibold",children:"Daily â May 2026"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"text-white/45 text-[11px]",children:"2026-05-13"}),e.jsx("div",{className:"text-white/45 text-[11px]",children:"2026-05-14"}),e.jsxs("div",{className:"flex items-center gap-2 text-white text-[11px] px-1.5 py-1 -mx-1.5 rounded",style:{background:"rgba(0,200,150,0.12)",boxShadow:"0 0 0 1px rgba(0,200,150,0.35)"},children:[e.jsx(k,{className:"w-3 h-3",style:{color:N}}),"2026-05-15 â today"]})]})]})}),e.jsx(ie,{num:"03",title:"The popup appears",desc:e.jsxs(e.Fragment,{children:["Today's note is one click away. Or capture a thought right in the widget â ",e.jsx("strong",{className:"text-white",children:"it lands in today's page"}),"."]}),children:e.jsxs("div",{className:"w-full rounded-xl overflow-hidden",style:{background:"linear-gradient(180deg, rgba(28,28,30,0.99) 0%, rgba(17,17,19,0.99) 100%)",border:"1px solid rgba(255,255,255,0.10)",boxShadow:"0 14px 28px rgba(0,0,0,0.55), 0 0 0 1px rgba(0,200,150,0.22)"},children:[e.jsxs("div",{className:"px-2.5 py-1.5 flex items-center gap-1.5",style:{borderBottom:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("img",{src:"/dailyflow.png",alt:"",className:"w-3.5 h-3.5 rounded"}),e.jsx("span",{className:"text-[9px] font-semibold text-white/80",style:{fontFamily:"'Space Grotesk', sans-serif"},children:"DailyFlow"}),e.jsx(I,{className:"ml-auto w-2.5 h-2.5 text-white/30"})]}),e.jsxs("div",{className:"px-3 py-3 text-center",children:[e.jsx("p",{className:"text-[7px] tracking-[0.18em] uppercase font-medium",style:{color:"rgba(110,231,183,0.75)"},children:"Good morning"}),e.jsx("p",{className:"text-[14px] font-bold text-white mt-0.5",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:"Friday, May 15"}),e.jsx("div",{className:"flex items-center justify-center gap-1.5 mt-1",children:e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1 py-px rounded-full",style:{background:"rgba(0,200,150,0.15)",border:"1px solid rgba(0,200,150,0.30)"},children:[e.jsx(k,{className:"w-2 h-2",strokeWidth:3,style:{color:n}}),e.jsx("span",{className:"text-[7px] font-bold leading-none",style:{color:n},children:"Done"})]})}),e.jsxs("div",{className:"mt-2.5 py-1.5 px-2 rounded-md flex items-center justify-center gap-1 text-white text-[10px] font-semibold",style:{background:`linear-gradient(180deg, ${n} 0%, #009B60 100%)`,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.18), 0 3px 8px rgba(0,200,150,0.35)"},children:[e.jsx(b,{className:"w-2.5 h-2.5"}),"Open in Notion"]}),e.jsxs("div",{className:"mt-1.5 flex items-center gap-1.5",children:[e.jsx(pe,{className:"w-2.5 h-2.5",style:{color:"#FB923C"}}),e.jsx("span",{className:"text-[8px] text-white/55",children:"12 day streak"})]})]})]})})]})]})}function ie({num:t,title:s,desc:r,children:a}){return e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05)"},children:[e.jsx("div",{className:"absolute top-0 left-5 right-5 h-[3px] rounded-b-md",style:{background:`linear-gradient(90deg, ${n} 0%, ${N} 100%)`}}),e.jsx("div",{className:"w-9 h-9 rounded-full inline-flex items-center justify-center text-[13px] font-bold mb-4",style:{background:"rgba(0,200,150,0.14)",border:"1px solid rgba(0,200,150,0.40)",color:n,fontFamily:"'JetBrains Mono', monospace"},children:t}),e.jsx("div",{className:"flex-1 flex items-center justify-center mb-4 min-h-[100px]",children:a}),e.jsx("div",{className:"text-lg font-bold text-white mb-1.5 leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:s}),e.jsx("div",{className:"text-[13px] leading-snug text-white/70",children:r})]})}const Ot=[{icon:Me,persona:"The journaler",noteShape:"Morning pages · Gratitude",outcome:e.jsxs(e.Fragment,{children:["A daily-journal habit only survives ",e.jsx("strong",{style:{color:n},children:"frictionless capture"}),". One hotkey is that fix."]})},{icon:Re,persona:"The developer",noteShape:"Daily log · What I shipped",outcome:e.jsxs(e.Fragment,{children:["Open today's dev log from the terminal. Capture context ",e.jsx("strong",{style:{color:n},children:"before it fades"}),"."]})},{icon:Te,persona:"The project manager",noteShape:"Standup notes · Decisions",outcome:e.jsxs(e.Fragment,{children:["Open today's standup ",e.jsx("strong",{style:{color:n},children:"before the call starts"}),", not three minutes in."]})},{icon:Le,persona:"The student",noteShape:"Class notes · Lecture summaries",outcome:e.jsxs(e.Fragment,{children:["Class notes ready ",e.jsx("strong",{style:{color:n},children:"before the lecture"}),". No setup, no scrolling."]})},{icon:ht,persona:"The writer",noteShape:"Morning pages · Drafts",outcome:e.jsxs(e.Fragment,{children:["Morning pages need the page in front of you. DailyFlow makes it ",e.jsx("strong",{style:{color:n},children:"one keypress"}),"."]})},{icon:oe,persona:"The knowledge worker",noteShape:"Daily log · Captured thinking",outcome:e.jsx(e.Fragment,{children:"Daily logs die when opening takes longer than writing. DailyFlow fixes that."})}];function Wt({unframed:t=!1}={}){return e.jsxs(F,{unframed:t,children:[e.jsx(S,{align:"center",eyebrow:"Who DailyFlow is for",title:e.jsxs(e.Fragment,{children:["Built for ",e.jsx(C,{children:"daily-note people"})]}),sub:"If your system depends on opening one note every morning, this is the door."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:Ot.map(s=>e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[e.jsx("div",{className:"absolute top-0 left-5 right-5 h-[3px] rounded-b-md",style:{background:`linear-gradient(90deg, ${n} 0%, ${N} 100%)`,opacity:.85}}),e.jsx("div",{className:"w-11 h-11 rounded-xl flex items-center justify-center mb-3",style:{background:"rgba(0,200,150,0.12)",border:"1px solid rgba(0,200,150,0.25)"},children:e.jsx(s.icon,{className:"w-5 h-5",style:{color:n}})}),e.jsx("div",{className:"text-lg font-bold text-white leading-tight mb-1",style:{fontFamily:"'Space Grotesk', sans-serif"},children:s.persona}),e.jsx("div",{className:"text-[10px] uppercase tracking-widest font-bold text-white/45 mb-3",children:s.noteShape}),e.jsx("p",{className:"text-[13px] leading-snug text-white/80",children:s.outcome})]},s.persona))})]})}const Mt=[{icon:Ge,title:"OAuth only",desc:"No account, no password. Connect with Notion OAuth and revoke any time."},{icon:_e,title:"Your data stays in Notion",desc:"Note content never touches my servers. Reads and writes go straight to your workspace."},{icon:Ye,title:"No content analytics",desc:"I don't read your daily notes. No telemetry on what you write. No third-party trackers."},{icon:ze,title:"Open to CWS review",desc:"Source is reviewed by the Chrome Web Store on every release. Nothing hidden in the bundle."}];function Rt(){return e.jsxs(F,{children:[e.jsx(S,{align:"center",eyebrow:"Privacy",title:e.jsxs(e.Fragment,{children:["Your daily notes ",e.jsx(C,{children:"stay yours."})]}),sub:"DailyFlow's privacy posture, like every NotionFlow extension."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:Mt.map(t=>e.jsxs("div",{className:"rounded-2xl p-5 flex flex-col gap-3",style:{background:"linear-gradient(180deg, rgba(0,200,150,0.07) 0%, rgba(0,200,150,0.02) 100%)",border:"1px solid rgba(0,200,150,0.25)",boxShadow:"0 12px 28px rgba(0,0,0,0.35), inset 0 1px 0 rgba(110,231,183,0.10)"},children:[e.jsx("div",{className:"w-11 h-11 rounded-xl flex items-center justify-center",style:{background:"rgba(0,200,150,0.14)",border:"1px solid rgba(0,200,150,0.30)"},children:e.jsx(t.icon,{className:"w-5 h-5",style:{color:n}})}),e.jsx("div",{className:"text-base font-bold text-white leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif",minHeight:"2.5rem"},children:t.title}),e.jsx("div",{className:"text-[12px] leading-snug text-white/65",children:t.desc})]},t.title))}),e.jsxs("div",{className:"mt-6 text-center text-xs sm:text-sm text-white/45",children:["Same posture across ",e.jsx("strong",{style:{color:n},className:"font-bold",children:"every NotionFlow extension"}),"."]})]})}const Lt=[{eyebrow:"Forever free",name:"DailyFlow Free",price:"$0",period:"/forever",priceSub:"One connected daily database. No card required.",features:["One hotkey opens today's note",e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Qu
21ick capture"})," â type in popup, save to Notion"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Streak tracking"})," + 14-day history"]}),"Auto-create today's row, respect your template"],footer:"Most journalers stay here forever."},{eyebrow:"Pro",name:"DailyFlow Pro",price:"$4.99",period:"/month",priceSub:"or $3.99/mo billed annually ($47.88/yr)",features:[e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Task rollover"})," â unfinished items auto-carry to today"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Daily mantra"})," â your intention in the popup"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Year heatmap"})," + 28-day streak history"]}),"Multiple connected daily databases","Cross-device sync, priority support"],footer:"For people building a daily ritual."},{eyebrow:"All tools, all future",eyebrowColor:n,name:"NotionFlow Suite",price:"$9.99",period:"/mo annual",priceSub:"$119.88/yr · break-even at 3 tools",features:[e.jsxs(e.Fragment,{children:["DailyFlow Pro ",e.jsx("strong",{className:"text-white",children:"plus every other extension"})]}),e.jsxs(e.Fragment,{children:["Every ",e.jsx("strong",{className:"text-white",children:"future"})," extension free"]}),"One dashboard, one Notion OAuth","Cancel anytime"],footer:e.jsx("span",{style:{color:"rgba(110,231,183,0.7)"},children:"New extensions shipping monthly."}),highlight:!0,pill:"Best Value"}];function Gt(){return e.jsxs(F,{children:[e.jsx(S,{align:"center",eyebrow:"Pricing",title:e.jsxs(e.Fragment,{children:["Free for one note. ",e.jsx(C,{children:"Pro for more."})]}),sub:"Stay free, upgrade to Pro for multiple databases, or bundle DailyFlow into the Suite with every other NotionFlow extension."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:Lt.map(t=>{const s=t.highlight;return e.jsxs("div",{className:"relative rounded-2xl p-6 flex flex-col",style:{background:s?"linear-gradient(180deg, rgba(0,200,150,0.18) 0%, rgba(0,200,150,0.04) 100%)":"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:s?"2px solid rgba(0,200,150,0.65)":"1px solid rgba(255,255,255,0.08)",boxShadow:s?"0 20px 50px rgba(0,200,150,0.22), inset 0 1px 0 rgba(255,255,255,0.10)":"0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[t.pill&&e.jsx("span",{className:"absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest",style:{background:`linear-gradient(90deg, ${n} 0%, ${N} 100%)`,color:"#04261d",boxShadow:"0 6px 16px rgba(0,200,150,0.55)"},children:t.pill}),e.jsx("div",{className:"text-[11px] font-bold uppercase tracking-widest mb-2",style:{color:t.eyebrowColor??"rgba(255,255,255,0.45)"},children:t.eyebrow}),e.jsx("div",{className:"text-xl font-bold text-white mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:t.name}),e.jsxs("div",{className:"flex items-baseline gap-1.5 mb-1",children:[e.jsx("span",{className:"text-4xl sm:text-5xl font-extrabold text-white leading-none",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.03em"},children:t.price}),e.jsx("span",{className:"text-sm text-white/50 font-medium",children:t.period})]}),e.jsx("div",{className:"text-xs text-white/55 mb-5 leading-snug",children:t.priceSub}),e.jsx("div",{className:"space-y-2 flex-1",children:t.features.map((r,a)=>e.jsxs("div",{className:"flex items-start gap-2 text-[13px] leading-snug text-white/85",children:[e.jsx("span",{className:"flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center text-[9px] font-bold mt-0.5",style:{background:s?"rgba(0,200,150,0.22)":"rgba(34,197,94,0.20)",color:s?n:"#22C55E"},children:"â"}),e.jsx("span",{children:r})]},a))}),e.jsx("div",{className:"mt-5 text-[11px] text-white/40",children:t.footer})]},t.name)})})]})}const _t="#7C5CFC",ke="#C4A4F0";function Yt(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(124,92,252,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function zt({children:t,className:s=""}){return e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #0e0a18 0%, #060512 100%)",border:"1px solid rgba(124,92,252,0.16)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(Yt,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function Ut({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(124,92,252,0.16)",border:"1px solid rgba(124,92,252,0.40)",color:ke,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function Ht({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${ke} 0%, ${_t}
21 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}const qt=[{emoji:"ð",title:"Students and researchers",desc:"Save quotes, sources, and references directly to your research page without breaking flow.",glow:"rgba(124,92,252,0.30)"},{emoji:"ð",title:"Writers and content creators",desc:"Clip inspiration, competitor copy, and reference material as you browse.",glow:"rgba(168,85,247,0.30)"},{emoji:"ð»",title:"Developers",desc:"Capture code snippets, Stack Overflow answers, and documentation excerpts straight to your dev notes.",glow:"rgba(99,102,241,0.30)"},{emoji:"ð¡",title:"Second-brain builders",desc:"Feed your Zettelkasten, reading list, or knowledge base effortlessly.",glow:"rgba(251,191,36,0.30)"},{emoji:"ð",title:"Anyone who uses Notion",desc:"If you've ever copied text from a browser and pasted it into Notion, Clipper saves you that friction forever.",glow:"rgba(124,92,252,0.30)"}];function Vt(){return e.jsxs(zt,{children:[e.jsx(Ut,{align:"center",eyebrow:"Who Clipper is for",title:e.jsxs(e.Fragment,{children:["If your work lives in ",e.jsx(Ht,{children:"Notion"}),", one of these is you."]})}),e.jsx("div",{className:"flex flex-col gap-3",children:qt.map(t=>e.jsxs("div",{className:"relative rounded-2xl px-5 py-4 flex items-start gap-4",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05)"},children:[e.jsx("div",{className:"flex-shrink-0 w-14 h-14 rounded-xl flex items-center justify-center text-[32px] leading-none",style:{background:`radial-gradient(circle at 50% 60%, ${t.glow} 0%, transparent 70%)`,filter:"drop-shadow(0 4px 12px rgba(0,0,0,0.5))"},"aria-hidden":!0,children:t.emoji}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-[17px] font-bold text-white leading-tight mb-1",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.01em"},children:t.title}),e.jsx("p",{className:"text-[13px] sm:text-[14px] leading-snug text-white/70",children:t.desc})]})]},t.title))})]})}const h="#0EA5E9",x="#7DD3FC";function Qt(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(14,165,233,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function $({children:t,className:s=""}){return e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #0a1018 0%, #050812 100%)",border:"1px solid rgba(14,165,233,0.16)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(Qt,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function B({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(14,165,233,0.16)",border:"1px solid rgba(14,165,233,0.40)",color:x,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function E({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${x} 0%, ${h} 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}const Jt=[{emoji:"ð¼",name:"Work",color:"#0EA5E9",count:6,active:!0},{emoji:"ð",name:"Personal",color:"#A78BFA",count:4},{emoji:"ð",name:"Reading",color:"#34D399",count:7},{emoji:"ð¤",name:"Client",color:"#FB923C",count:3}],Fe=[{emoji:"ð",title:"Sprint board",active:!0},{emoji:"ð",title:"Revenue dashboard"},{emoji:"ð",title:"Meeting notes â May"},{emoji:"ð¯",title:"Q2 goals & OKRs"},{emoji:"ð¥",title:"Team wiki"},{emoji:"ð§",title:"Engineering specs"}];function me({modes:t=Jt,pins:s=Fe,searchValue:r="",highlight:a="none",scale:c="full",addPinPanel:g=!1}){const u=c==="compact",O=i=>a===i?{boxShadow:`0 0 0 2px ${x}, 0 0 0 6px rgba(14,165,233,0.18), 0 14px 30px rgba(14,165,233,0.25)`,borderColor:h,transition:"box-shadow 0.3s, border-color 0.3s"}:void 0;return e.jsxs("div",{className:"rounded-2xl overflow-hidden flex flex-col w-full relative",style:{maxWidth:u?"320px":"440px",background:"linear-gradient(180deg, rgba(20,20,24,0.99) 0%, rgba(12,12,16,0.99) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 28px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(14,165,233,0.15), inset 0 1px 0 rgba(255,255,255,0.05)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Inter', sans-serif"},children:[e.jsx("div",{className:"px-4 py-3",style:{borderBottom:"1px solid rgba(255,255,255,0.08)"},children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("img",{src:"/pinflow.png",alt:"",className:"w-9 h-9 rounded-lg flex-shrink-0"}),e.jsxs("div",{className:"flex flex-col min-w-0 flex-1 leading-tight",children:[e.jsxs("span",{className:"text-sm truncate",children:[e.jsx("span",{className:"font-bold text-white",children:"PinFlow"}),e.jsx("span",{className:"font-normal text-gray-500 text-[10px]",children:" by NotionFlow"})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-0.5",children:[e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-gray-400",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full flex-shrink-0",style:{background:"#34D399"}}),"Connected"]}),e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-px rounded text-[9px]",style:{background:"rgba(16,185,129,0.15)",color:"#34D399",border:"1px solid rgba(16,185,129,0.25)"},children:[e.jsx(Pe,{className:"w-2 h-2"}),"Pro"]})]})]}),e.jsxs("div",{className:"flex items-center gap-1 flex-shrink-0 -mr-1.5",children:[e.jsx("span",{className:"w-8 h-8 flex items-center justify-center rounded-md text-gray-400",children:e.jsx(H,{className:"w-4 h-4"})}),e.jsx("span",{className:"w-8 h-8 flex items-center justify-center rounded-md text-gray-400",children:e.jsx(I,{className:"w-4 h-4"})})]})]})}),e.jsx("div",{className:"px-4 pt-3",children:e.jsxs("div",{className:"relative rounded-lg",style:O("search"),children:[e.jsx(ce,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-500"}),e.jsx("div",{className:"w-full h-10 pl-10 pr-3 rounded-lg flex items-center text-sm",style:{background:"#2A2A2A",color:r?"#fff":"rgba(156,163,175,1)"},children:r||e.jsx("span",{className:"text-gray-600",children:"Search pages..."})})]})}),e.jsx("div",{className:"flex gap-1 px-4 py-2 overflow-hidden",style:{...O("modes")??{},borderRadius:a==="modes"?"8px":0,margin:a==="modes"?"0 8px":0},children:t.map(i=>e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs whitespace-nowrap flex-shrink-0",style:i.active?{backgroundColor:`${i.color}20`,color:i.color,border:`1px solid ${i.color}40`}
21:{color:"#9CA3AF"},children:[e.jsx("span",{children:i.emoji}),e.jsx("span",{children:i.name}),e.jsx("span",{className:"text-[10px] tabular-nums opacity-60",style:{color:i.active?i.color:"#6B7280"},children:i.count})]},i.name))}),g?e.jsxs("div",{className:"m-3 mt-2 rounded-xl p-4",style:{background:"linear-gradient(180deg, rgba(14,165,233,0.10) 0%, rgba(14,165,233,0.02) 100%)",border:`1px solid ${h}`,boxShadow:`0 0 0 2px ${x}33, inset 0 1px 0 rgba(255,255,255,0.04)`},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(xe,{className:"w-4 h-4",style:{color:x}}),e.jsx("span",{className:"text-[13px] font-bold text-white",children:"Pin this page"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-wider font-bold text-white/45",style:{letterSpacing:"0.08em"},children:"Page"}),e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("span",{className:"text-base",children:"ð"}),e.jsx("span",{className:"text-[12px] text-white truncate",children:"Sprint board â May"})]}),e.jsx("div",{className:"text-[10px] uppercase tracking-wider font-bold text-white/45 mt-2",style:{letterSpacing:"0.08em"},children:"Add to mode"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-[11px]",style:{background:"rgba(14,165,233,0.20)",color:x,border:`1px solid ${h}`},children:["ð¼ Work",e.jsx(k,{className:"w-3 h-3"})]}),e.jsx("span",{className:"inline-flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-[11px] text-white/45",children:"ð Personal"})]})]}),e.jsxs("div",{className:"mt-4 w-full h-9 rounded-lg flex items-center justify-center text-[12px] font-semibold text-white",style:{background:`linear-gradient(180deg, ${x} 0%, ${h} 100%)`,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.20), 0 4px 12px rgba(14,165,233,0.35)"},children:[e.jsx(je,{className:"w-3.5 h-3.5 mr-1.5"}),"Pin to Work"]})]}):e.jsx("div",{className:"px-4 pb-3 flex flex-col gap-1",style:O("pins"),children:s.slice(0,u?4:7).map((i,W)=>e.jsxs("div",{className:"flex items-center gap-2.5 px-2 py-1.5 rounded-md",style:{background:i.active?"rgba(14,165,233,0.10)":"transparent",border:i.active?"1px solid rgba(14,165,233,0.25)":"1px solid transparent"},children:[e.jsx("span",{className:"text-base flex-shrink-0",children:i.emoji}),e.jsx("span",{className:"text-[12px] truncate flex-1",style:{color:i.active?"#fff":"rgba(229,231,235,0.85)"},children:i.title}),i.active&&e.jsx("span",{className:"text-[8px] tracking-wider uppercase font-bold flex-shrink-0",style:{color:x},children:"Last"})]},W))}),!u&&e.jsxs("div",{className:"flex items-center justify-between px-4 py-2",style:{borderTop:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{className:"text-[10px] text-white/35 tabular-nums",children:"v1.4.0"}),e.jsx("span",{className:"text-[10px] text-white/35",children:"Help & Feedback"})]})]})}const Kt=[{emoji:"â",label:"Favorites",depth:0},{emoji:"ð",label:"Old Q4 Inbox",depth:1},{emoji:"ð",label:"Dashboards (Archive)",depth:1},{emoji:"ð
",label:"Schedule 2024",depth:1},{emoji:"ð¯",label:"Q2 Goals",depth:1,needle:!0},{emoji:"ð",label:"Random Notes",depth:1},{emoji:"ð",label:"Workspace",depth:0},{emoji:"ð",label:"Projects",depth:1},{emoji:"ð",label:"Archive 2023",depth:2},{emoji:"ð",label:"Archive 2024",depth:2},{emoji:"ð",label:"Active",depth:2},{emoji:"ð",label:"Untitled",depth:3},{emoji:"ð",label:"Untitled (2)",depth:3},{emoji:"ð",label:"Meeting Notes",depth:3},{emoji:"ð",label:"Drafts",depth:1},{emoji:"ð",label:"Resources",depth:1},{emoji:"ð",label:"Shared",depth:1},{emoji:"ð",label:"Private",depth:1},{emoji:"ð
",label:"Calendar (Old)",depth:1},{emoji:"ð",label:"Reading List",depth:0}];function Zt(){return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"The fix",title:e.jsxs(e.Fragment,{children:["Notion's sidebar gets fat. ",e.jsx(E,{children:"PinFlow stays trim."})]}),sub:"Same workspace, two ways to navigate it."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-4 md:gap-5 items-start",children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden",style:{background:"linear-gradient(170deg, #1A1A1D 0%, #0E0E10 100%)",border:"1px solid rgba(255,255,255,0.06)",boxShadow:"0 20px 50px rgba(0,0,0,0.55)"},children:[e.jsxs("div",{className:"px-4 py-3 flex items-center justify-between",style:{borderBottom:"1px solid rgba(255,255,255,0.05)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px] tracking-widest uppercase text-white/40",children:"Notion sidebar"}),e.jsx("span",{className:"text-[9px] px-1.5 py-px rounded",style:{color:"#EF4444",background:"rgba(239,68,68,0.10)",border:"1px solid rgba(239,68,68,0.30
21)",letterSpacing:"0.06em"},children:"47 FAVORITES"})]}),e.jsx("span",{className:"text-[10px] text-white/25",children:"scroll forever â"})]}),e.jsx("div",{className:"py-2 px-1.5 space-y-px",children:Kt.map((t,s)=>e.jsxs("div",{className:"flex items-center gap-1.5 px-2 py-1 rounded",style:{paddingLeft:8+t.depth*14,background:t.needle?`${h}15`:"transparent",border:t.needle?`1px solid ${h}55`:"1px solid transparent",opacity:t.needle?1:.45},children:[t.depth>0&&e.jsx("span",{className:"text-white/15 text-[9px]",children:"â"}),e.jsx("span",{style:{fontSize:11},children:t.emoji}),e.jsx("span",{className:"text-[11px] truncate",style:{color:t.needle?"rgba(255,255,255,0.85)":"rgba(255,255,255,0.55)",fontWeight:t.needle?600:400},children:t.label}),t.needle&&e.jsx("span",{className:"ml-auto text-[8px] px-1 py-px rounded uppercase font-bold tracking-wider",style:{color:x,background:`${h}1A`,letterSpacing:"0.06em"},children:"here"})]},s))})]}),e.jsx("div",{className:"flex md:flex-col items-center justify-center",children:e.jsx("div",{className:"w-10 h-10 md:w-12 md:h-12 rounded-full flex items-center justify-center font-extrabold text-xs",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.10)",color:"rgba(255,255,255,0.65)"},children:"VS"})}),e.jsx("div",{className:"flex justify-center",children:e.jsx(me,{})})]}),e.jsxs("p",{className:"text-center mt-6 text-[13px] text-white/60",children:["The 6 pages you actually use on the right.",e.jsx("strong",{className:"text-white/80",children:" The other 41 stay hidden until you need them."})]})]})}function Xt(){return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"PinFlow for Notion",title:e.jsxs(e.Fragment,{children:["Pin by ",e.jsx(E,{children:"mode."})," Switch in a click."]}),sub:"The pages you use for Work aren't the pages you use for Personal â and they shouldn't compete for the same sidebar slot."}),e.jsx("div",{className:"flex justify-center",children:e.jsx(me,{})})]})}const es=[{emoji:"ð",title:"Daily journal",active:!0},{emoji:"ð¯",title:"Life goals 2026"},{emoji:"ðª",title:"Workout log"},{emoji:"ð",title:"Reading notes"}],ts=[{emoji:"ð",title:"Reading list â Q2",active:!0},{emoji:"ð",title:"Highlights archive"},{emoji:"ð",title:"Book reviews"},{emoji:"ð¡",title:"Ideas inbox"}],ss=[{emoji:"ð¤",title:"Acme Co â sprint",active:!0},{emoji:"ð",title:"Client dashboard"},{emoji:"ð§",title:"Comms thread"}];function rs(){const t=[{modeName:"Work",emoji:"ð¼",color:"#0EA5E9",pins:Fe.slice(0,4)},{modeName:"Personal",emoji:"ð",color:"#A78BFA",pins:es},{modeName:"Reading",emoji:"ð",color:"#34D399",pins:ts},{modeName:"Client",emoji:"ð¤",color:"#FB923C",pins:ss}];return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"Modes are the trick",title:e.jsxs(e.Fragment,{children:["One widget. ",e.jsx(E,{children:"Different lens per context."})]}),sub:"A mode is just a named bucket of pinned pages. Click between them like you'd switch between Slack workspaces."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5",children:t.map(s=>e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2 px-2",style:{color:s.color},children:[e.jsx("span",{className:"text-base",children:s.emoji}),e.jsxs("span",{className:"text-[13px] font-bold uppercase tracking-widest",style:{letterSpacing:"0.12em"},children:[s.modeName," mode"]}),e.jsxs("span",{className:"ml-auto text-[10px] tabular-nums opacity-60 font-semibold",children:[s.pins.length," pins"]})]}),e.jsxs("div",{className:"rounded-2xl overflow-hidden",style:{background:"linear-gradient(180deg, rgba(20,20,24,0.99) 0%, rgba(12,12,16,0.99) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:`0 16px 36px rgba(0,0,0,0.45), 0 0 0 1px ${s.color}30`},children:[e.jsx("div",{className:"px-3 py-2",style:{borderBottom:"1px solid rgba(255,255,255,0.05)"},children:e.jsxs("div",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-[11px]",style:{background:`${s.color}20`,color:s.color,border:`1px solid ${s.color}40`},children:[e.jsx("span",{children:s.emoji}),e.jsx("span",{children:s.modeName})]})}),e.jsx("div",{className:"px-3 py-2 flex flex-col gap-1",children:s.pins.map((r,a)=>e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md",style:{background:r.active?`${s.color}10`:"transparent",border:r.active?`1px solid ${s.color}30`:"1px solid transparent"},children:[e.jsx("span",{className:"text-sm",children:r.emoji}),e.jsx("span",{className:"text-[12px] truncate flex-1",style:{color:r.active?"#fff":"rgba(229,231,235,0.85)"},children:r.title})]},a))})]})]},s.modeName))}),e.jsxs("p",{className:"text-center mt-7 text-[13px] text-white/60",children:["Free includes 2 modes with 10 pins each.",e.jsx("strong",{className:"text-white/80",children:" Pro is unlimited."})]})]})}function as(){return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"Adding a pin",title:e.jsxs(e.Fragment,{children:["Two seconds. ",e.jsx(E,{children:"Two clicks."})]}
21),sub:"Open the page you want to pin. Click the PinFlow icon. Confirm the mode. Done."}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_auto_1fr] gap-5 items-center",children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden",style:{background:"linear-gradient(180deg, #f7f7f5 0%, #efeee9 100%)",border:"1px solid rgba(0,0,0,0.08)",boxShadow:"0 20px 48px rgba(0,0,0,0.55)"},children:[e.jsxs("div",{className:"px-3 py-2 flex items-center gap-2",style:{borderBottom:"1px solid rgba(0,0,0,0.06)",background:"#f0eee8"},children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(255,95,86,0.55)"}}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(255,189,46,0.55)"}}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(40,201,64,0.55)"}})]}),e.jsx("span",{className:"ml-2 px-2.5 py-1 rounded-md text-[10px]",style:{background:"rgba(0,0,0,0.05)",color:"rgba(0,0,0,0.55)",fontFamily:"'JetBrains Mono', monospace"},children:"notion.so / sprint-board-may"}),e.jsx("span",{className:"ml-auto inline-flex items-center justify-center w-7 h-7 rounded-md flex-shrink-0",style:{background:`${h}20`,border:`2px solid ${h}`,boxShadow:`0 0 0 4px ${h}25, 0 6px 14px rgba(14,165,233,0.35)`},children:e.jsx(je,{className:"w-3.5 h-3.5",style:{color:h}})})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("div",{className:"text-2xl mb-2",children:"ð"}),e.jsx("div",{className:"text-[18px] font-bold mb-3",style:{color:"#191919",fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.01em"},children:"Sprint board â May"}),e.jsx("div",{className:"h-2 rounded bg-black/10 mb-2"}),e.jsx("div",{className:"h-2 rounded bg-black/10 mb-2 w-4/5"}),e.jsx("div",{className:"h-2 rounded bg-black/10 w-3/5"})]}),e.jsx("div",{className:"absolute -top-3 left-4 px-2 py-0.5 rounded text-[10px] uppercase tracking-widest font-bold",style:{background:h,color:"#03263a"},children:"01 click pin"})]}),e.jsxs("div",{className:"flex flex-row lg:flex-col items-center justify-center",children:[e.jsx(w,{className:"hidden lg:block",style:{color:x,width:"32px",height:"32px",opacity:.85}}),e.jsx(T,{className:"block lg:hidden",style:{color:x,width:"28px",height:"28px",opacity:.85}})]}),e.jsxs("div",{className:"relative flex justify-center",children:[e.jsx("div",{className:"w-full max-w-[360px]",children:e.jsx(me,{addPinPanel:!0,scale:"full"})}),e.jsx("div",{className:"absolute -top-3 left-4 px-2 py-0.5 rounded text-[10px] uppercase tracking-widest font-bold",style:{background:h,color:"#03263a"},children:"02 confirm"})]})]})]})}function ns(){return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"Search across modes",title:e.jsxs(e.Fragment,{children:["Forgot which mode it lives in? ",e.jsx(E,{children:"Search finds it."})]}),sub:"Type the page name. PinFlow shows matches from every mode, grouped by where they live."}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"w-full max-w-[440px]",children:e.jsxs("div",{className:"rounded-2xl overflow-hidden flex flex-col w-full",style:{background:"linear-gradient(180deg, rgba(20,20,24,0.99) 0%, rgba(12,12,16,0.99) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 28px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(14,165,233,0.15), inset 0 1px 0 rgba(255,255,255,0.05)"},children:[e.jsxs("div",{className:"px-4 py-3 flex items-center gap-2.5",style:{borderBottom:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("img",{src:"/pinflow.png",alt:"",className:"w-9 h-9 rounded-lg flex-shrink-0"}),e.jsxs("div",{className:"flex flex-col leading-tight",children:[e.jsxs("span",{className:"text-sm",children:[e.jsx("span",{className:"font-bold text-white",children:"PinFlow"}),e.jsx("span",{className:"text-gray-500 text-[10px]",children:" by NotionFlow"})]}),e.jsxs("span",{className:"text-[10px] text-gray-400 flex items-center gap-1 mt-0.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:"#34D399"}}),"Connected"]})]}),e.jsxs("div",{className:"flex items-center gap-1 ml-auto -mr-1.5 text-gray-400",children:[e.jsx(H,{className:"w-4 h-4"}),e.jsx(I,{className:"w-4 h-4"})]})]}),e.jsxs("div",{className:"px-4 pt-3",children:[e.jsxs("div",{className:"relative",style:{boxShadow:`0 0 0 2px ${x}, 0 0 0 6px rgba(14,165,233,0.18)`,borderRadius:"8px"},children:[e.jsx(ce,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4",style:{color:x}}),e.jsx("div",{className:"w-full h-10 pl-10 pr-3 rounded-lg flex items-center text-sm text-white",style:{background:"#2A2A2A"},children:"sprint"})]}),e.jsxs("div",{className:"text-[10px] text-white/45 mt-1.5 px-1",children:["3 results across ",e.jsx("strong",{className:"text-white/70",children:"3 modes"})]})]}),e.jsx("div",{className:"px-4 py-3 flex flex-col gap-3",children:[{mode:"Work",emoji:"ð¼",color:"#0EA5E9",pageEmoji:"ð",title:"Sprint board â May",current:!0},{mode:"Client",emoji:"ð¤",color:"#FB923C",pageEmoji:"ð¤",title:"Acme Co â sprint"},{mode:"Personal",emoji:"ð",color:"#A78BFA",pageEmoji:"ð¯",title:"Sprint personal goals"}].map((t,s)=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest mb-1.5",style:{color:t.color,letterSpacing:"0.10em"},children:[e.jsx("span",{children:t.emoji}),e.jsx("span",{children:t.mode}),t.current&&e.jsx("span",{className:"ml-1 px-1.5 py-px rounded text-[8px] font-semibold",style:{background:`${t.color}20`,color:t.color,border:`1px solid ${t.color}40`},children:"current"})]}),e.jsxs("div",{className:"flex items-center gap-2 px-2.5 py-2 rounded-md",style:{background:`${t.color}10`,border:`1px solid ${t.color}25`},children:[e.jsx("span",{className:"text-base",children:t.pageEmoji}),e.jsx("span",{className:"text-[12px] text-white truncate flex-1",children:t.title}),e.jsx(w,{className:"w-3 h-3 text-white/40"})]})]},s))}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 text-[10px] text-white/35",style:{borderTop:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{children:"v1.4.0"}),e.jsx("span",{children:"Help & Feedback"})]})]})})})]})}const os=[{eyebrow:"Forever free",name:"PinFlow Free",price:"$0",period:"/forever",priceSub:"2 modes · 10 pins per mode · no card required",features:["Pin to either of 2 modes","10 pins per mode","Search across both modes","N
21otion OAuth â no account, no password"],footer:"Plenty for one role and one personal context."},{eyebrow:"PinFlow Pro",name:"PinFlow Pro",price:"$4.99",period:"/month",priceSub:"or $3.99/mo billed annually ($47.88/yr)",features:[e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Unlimited modes"})," and pins per mode"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Custom mode colors"})," + emoji"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Drag to reorder"})," pins and modes"]}),"Cross-device sync, priority support"],footer:"For freelancers and consultants juggling contexts."},{eyebrow:"All tools, all future",name:"NotionFlow Suite",price:"$9.99",period:"/mo annual",priceSub:"$119.88/yr · break-even at 3 tools",features:[e.jsxs(e.Fragment,{children:["PinFlow Pro ",e.jsx("strong",{className:"text-white",children:"plus every other extension"})]}),e.jsxs(e.Fragment,{children:["Every ",e.jsx("strong",{className:"text-white",children:"future"})," extension free"]}),"One dashboard, one Notion OAuth","Cancel anytime"],footer:e.jsx("span",{style:{color:"rgba(125,211,252,0.7)"},children:"New extensions shipping monthly."}),highlight:!0,pill:"Best Value"}];function is(){return e.jsxs($,{children:[e.jsx(B,{align:"center",eyebrow:"Pricing",title:e.jsxs(e.Fragment,{children:["Start free. ",e.jsx(E,{children:"Upgrade when you need more modes."})]}),sub:"The Free plan is real â it's not a trial. Pro is for power users juggling more than two contexts at once."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:os.map(t=>{const s=t.highlight;return e.jsxs("div",{className:"relative rounded-2xl p-6 flex flex-col",style:{background:s?"linear-gradient(180deg, rgba(14,165,233,0.18) 0%, rgba(14,165,233,0.04) 100%)":"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:s?"2px solid rgba(14,165,233,0.65)":"1px solid rgba(255,255,255,0.08)",boxShadow:s?"0 20px 50px rgba(14,165,233,0.22), inset 0 1px 0 rgba(255,255,255,0.10)":"0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[t.pill&&e.jsx("span",{className:"absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest",style:{background:`linear-gradient(90deg, ${x} 0%, ${h} 100%)`,color:"#03263a",boxShadow:"0 6px 16px rgba(14,165,233,0.55)"},children:t.pill}),e.jsx("div",{className:"text-[11px] font-bold uppercase tracking-widest mb-2",style:{color:"rgba(255,255,255,0.45)"},children:t.eyebrow}),e.jsx("div",{className:"text-xl font-bold text-white mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:t.name}),e.jsxs("div",{className:"flex items-baseline gap-1.5 mb-1",children:[e.jsx("span",{className:"text-4xl sm:text-5xl font-extrabold text-white leading-none",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.03em"},children:t.price}),e.jsx("span",{className:"text-sm text-white/50 font-medium",children:t.period})]}),e.jsx("div",{className:"text-xs text-white/55 mb-5 leading-snug",children:t.priceSub}),e.jsx("div",{className:"space-y-2 flex-1",children:t.features.map((r,a)=>e.jsxs("div",{className:"flex items-start gap-2 text-[13px] leading-snug text-white/85",children:[e.jsx("span",{className:"flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center text-[9px] font-bold mt-0.5",style:{background:s?"rgba(14,165,233,0.22)":"rgba(34,197,94,0.20)",color:s?x:"#22C55E"},children:"â"}),e.jsx("span",{children:r})]},a))}),e.jsx("div",{className:"mt-5 text-[11px] text-white/40",children:t.footer})]},t.name)})})]})}const f="#06B6D4",l="#67E8F9";function ls(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(6,182,212,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function J({children:t,className:s=""}){return e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #061218 0%, #03080d 100%)",border:"1px solid rgba(6,182,212,0.16)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(ls,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function K({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(6,182,212,0.16)",border:"1px solid rgba(6,182,212,0.40)",color:l,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function Z({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${l} 0%, ${f}
21 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}function ue({state:t="capture",destination:s="Meeting Notes"}){return e.jsxs("div",{className:"rounded-2xl overflow-hidden flex flex-col w-full",style:{maxWidth:"440px",background:"linear-gradient(180deg, rgba(28,28,32,0.97) 0%, rgba(14,14,18,0.97) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 1px 2px rgba(0,0,0,0.6), 0 12px 40px rgba(0,0,0,0.6), 0 40px 80px rgba(6,182,212,0.18), inset 0 1px 0 rgba(255,255,255,0.06)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Inter', sans-serif"},children:[e.jsxs("div",{className:"flex items-center justify-between h-11 px-4",style:{borderBottom:"1px solid rgba(255,255,255,0.05)"},children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("img",{src:"/snapper.png",alt:"",className:"w-5 h-5 rounded-md"}),e.jsxs("div",{className:"flex items-baseline gap-1.5",children:[e.jsx("span",{className:"text-sm font-bold text-white tracking-tight",children:"Snapper"}),e.jsx("span",{className:"text-[10px] text-gray-500 font-medium",children:"by NotionFlow"})]})]}),e.jsxs("div",{className:"flex items-center gap-0 text-gray-400",children:[e.jsx("span",{className:"w-7 h-7 flex items-center justify-center",children:e.jsx(H,{className:"w-3.5 h-3.5"})}),e.jsx("span",{className:"w-7 h-7 flex items-center justify-center",children:e.jsx(I,{className:"w-3.5 h-3.5"})})]})]}),e.jsx("div",{className:"p-4",children:e.jsxs("div",{className:"rounded-xl overflow-hidden relative",style:{height:"138px",background:"linear-gradient(135deg, #0b3a4a 0%, #134e5e 60%, #1b4a5a 100%)",border:"1px solid rgba(6,182,212,0.18)"},children:[e.jsxs("div",{className:"absolute inset-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex gap-1.5 items-center",children:[e.jsx("span",{className:"w-2 h-2 rounded-full",style:{background:"rgba(255,95,86,0.6)"}}),e.jsx("span",{className:"w-2 h-2 rounded-full",style:{background:"rgba(255,189,46,0.6)"}}),e.jsx("span",{className:"w-2 h-2 rounded-full",style:{background:"rgba(40,201,64,0.6)"}}),e.jsx("span",{className:"ml-2 text-[10px] text-white/60 font-mono",children:"notion.so / call-notes"})]}),e.jsx("div",{className:"h-1.5 rounded bg-white/25 w-3/5"}),e.jsx("div",{className:"h-1.5 rounded bg-white/15 w-4/5"}),e.jsx("div",{className:"h-1.5 rounded bg-white/15 w-2/3"}),e.jsx("div",{className:"h-1.5 rounded bg-white/15 w-3/4 mt-1"}),e.jsx("div",{className:"h-1.5 rounded bg-white/15 w-1/2"})]}),e.jsxs("div",{className:"absolute bottom-2 right-2 px-1.5 py-0.5 rounded text-[9px] font-bold uppercase tracking-wider flex items-center gap-1",style:{background:"rgba(0,0,0,0.55)",color:l,letterSpacing:"0.08em"},children:[e.jsx(Ke,{className:"w-2.5 h-2.5"}),"Captured"]})]})}),t==="capture"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"px-4 pb-3",children:e.jsx("div",{className:"grid grid-cols-5 gap-1.5",children:[{Icon:de,label:"Extract"},{Icon:be,label:"Summary"},{Icon:he,label:"Tasks"},{Icon:fe,label:"Translate"},{Icon:le,label:"Code"}].map(({Icon:r,label:a})=>e.jsxs("div",{className:"flex flex-col items-center justify-center gap-1 py-2 rounded-lg",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.05)",color:"rgba(229,231,235,0.65)"},children:[e.jsx(r,{className:"w-3.5 h-3.5"}),e.jsx("span",{className:"text-[8px] font-semibold uppercase tracking-wider",children:a})]},a))})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsxs("div",{className:"flex items-center gap-2 px-3 h-10 rounded-xl",style:{background:"#2A2A2A"},children:[e.jsx(oe,{className:"w-3.5 h-3.5 flex-shrink-0",style:{color:l}}),e.jsx("span",{className:"flex-1 text-[12px] text-gray-500 italic",children:"Ask anything about this screenshot..."}),e.jsx("span",{className:"w-6 h-6 flex items-center justify-center rounded-lg flex-shrink-0",style:{background:`linear-gradient(180deg, ${l} 0%, ${f} 50%, #0E7490 100%)`,boxShadow:"0 1px 2px rgba(0,0,0,0.25)"},children:e.jsx(ye,{className:"w-3 h-3 text-white"})})]})})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"px-4 pb-3",children:e.jsxs("div",{className:"rounded-xl px-3 py-2.5 max-h-[140px] overflow-hidden",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("div",{className:"text-[10px] font-bold uppercase tracking-wider text-white/45 mb-1.5",children:"AI result · Extract Text"}),e.jsxs("div",{className:"text-[12px] leading-relaxed text-white/85 font-mono",children:["Sync started 9:14 AM",e.jsx("br",{}),e.jsx("span",{className:"text-white/70",children:"â Q2 OKRs review (Mickey)"}),e.jsx("br",{}),e.jsx("span",{className:"text-white/70",children:"â Sprint board cleanup (me)"}),e.jsx("br",{}),e.jsx("span",{className:"text-white/70",children:"â Andrea pitch prep (Friday)"})]})]})}),e.jsx("div",{className:"px-4 pb-3",children:e.jsxs("div",{className:"w-full h-9 px-3 flex items-center justify-between rounded-xl",style:{background:"rgba(42,42,42,0.50)"},children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx("span",{className:"text-sm",children:"ð"}),e.jsx("span",{className:"text-[12px] text-white truncate",children:s})]}),e.jsx(T,{className:"w-3.5 h-3.5 text-gray-400 flex-shrink-0"})]})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsx("div",{className:"w-full h-10 rounded-xl flex items-center justify-center text-[13px] font-semibold text-white",style:{background:`linear-gradient(180deg, ${l} 0%, ${f} 50%, #0E7490 100%)`,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.18), 0 1px 2px rgba(0,0,0,0.25)"},children:"Save to Notion"})})]})]})}function ds(){return e.jsxs(J,{children:[e.jsx(K,{align:"center",eyebrow:"Snapper for Notion",title:e.jsxs(e.Fragment,{children:["Pixels in. ",e.jsx(Z,{children:"Text out."})]}),sub:"Capture any region of any page. Snapper runs it through AI and the structured result lands in your Notion page."}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_auto_1fr] gap-5 items-center",children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden",style:{aspectRatio:"16/10",background:"linear-gradient(135deg, #0b3a4a 0%, #134e5e 60%, #1b4a5a 100%)",border:"1px solid rgba(6,182,212,0.25)",boxShadow:"0 22px 60px rgba(0,0,0,0.55)"},children:[e.jsxs("div",{className:"absolute top-0 left-0 right-0 h-7 flex items-center px-3 gap-1.5",style:{background:"rgba(0,0,0,0.25)"},children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(255,95,86,0.6)"}}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(255,189,46,0.6)"}}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full",style:{background:"rgba(40,201,64,0.6)"}}),e.jsx("span",{className:"ml-2 text-[11px] text-white/55 font-mono",children:"zoom.us / meeting / 9:14am"})]}),e.jsxs("div",{className:"absolute inset-x-4 top-10 bottom-4 flex flex-col gap-2",children:[e.jsx("div",{className:"text-[13px] text-white/85 font-semibold mb-1",children:"Standup notes â May 15"}),e.jsx("div",{className:"h-2 rounded bg-white/25 w-4/5"}),e.jsx("div",{className:"h-2 rounded bg-white/20 w-3/5"}),e.jsx("div",{className:"h-2 rounded bg-white/20 w-3/4"}),e.jsx("div",{className:"h-2 rounded bg-white/20 w-1/2"}),e.jsx("div",{className:"h-2 rounded bg-white/20 w-2/3"})]}),e.jsx("div",{className:"absolute pointer-events-none",style:{to
21p:"26%",left:"8%",right:"8%",bottom:"12%",border:`2px dashed ${l}`,borderRadius:"8px",boxShadow:"inset 0 0 0 2px rgba(6,182,212,0.12), 0 0 28px rgba(6,182,212,0.30)"}}),e.jsx("div",{className:"absolute top-3 right-3 px-2 py-1 rounded text-[10px] font-bold uppercase tracking-widest",style:{background:"rgba(0,0,0,0.55)",color:l,letterSpacing:"0.10em"},children:"Capture region"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsxs("span",{className:"px-2 py-1 rounded text-[10px] font-bold uppercase tracking-widest",style:{background:`${f}25`,color:l,border:`1px solid ${f}55`,letterSpacing:"0.10em"},children:[e.jsx(oe,{className:"w-3 h-3 inline -mt-0.5 mr-1"}),"AI"]}),e.jsx(w,{className:"hidden lg:block",style:{color:l,width:"32px",height:"32px"}}),e.jsx(w,{className:"lg:hidden rotate-90",style:{color:l,width:"28px",height:"28px"}})]}),e.jsxs("div",{className:"rounded-2xl overflow-hidden",style:{background:"linear-gradient(180deg, #f7f7f5 0%, #efeee9 100%)",border:"1px solid rgba(0,0,0,0.08)",boxShadow:"0 22px 56px rgba(0,0,0,0.55), 0 0 0 1px rgba(6,182,212,0.30)"},children:[e.jsxs("div",{className:"px-4 py-2.5 flex items-center gap-2",style:{borderBottom:"1px solid rgba(0,0,0,0.05)"},children:[e.jsx("span",{className:"text-[14px]",children:"ð"}),e.jsx("span",{className:"text-[12px] font-bold",style:{color:"#37352f"},children:"Meeting Notes / Standup â May 15"}),e.jsxs("span",{className:"ml-auto inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] font-bold uppercase tracking-wider",style:{background:"rgba(34,197,94,0.16)",color:"#15803d",letterSpacing:"0.08em"},children:[e.jsx(k,{className:"w-2.5 h-2.5"}
21),"Saved"]})]}),e.jsxs("div",{className:"p-4",children:[e.jsx("div",{className:"text-xl mb-1",children:"ð"}),e.jsx("div",{className:"text-[16px] font-bold mb-3",style:{color:"#191919",fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.01em"},children:"Standup â May 15"}),e.jsxs("div",{className:"p-3 rounded-lg space-y-1 text-[12px] leading-relaxed",style:{background:"rgba(6,182,212,0.08)",border:"1px solid rgba(6,182,212,0.25)",color:"#37352f",fontFamily:"'JetBrains Mono', monospace"},children:[e.jsx("div",{className:"text-[10px] font-bold uppercase tracking-widest",style:{color:f,letterSpacing:"0.10em"},children:"Extracted by Snapper"}),e.jsx("div",{children:"Sync started 9:14 AM"}),e.jsx("div",{children:"â Q2 OKRs review (Mickey)"}),e.jsx("div",{children:"â Sprint board cleanup (me)"}),e.jsx("div",{children:"â Andrea pitch prep (Friday)"})]})]})]})]})]})}const cs=[{Icon:de,label:"Extract Text",prompt:"Pull every word from the image",example:"OCR a screenshot of a slide deck â bullet-pointed text",tint:"#06B6D4"},{Icon:be,label:"Summarize",prompt:"Condense the screenshot to its key points",example:"Screenshot of a long article â 3-sentence summary",tint:"#FACC15"},{Icon:he,label:"Create Tasks",prompt:"Extract action items as a checklist",example:"Screenshot of meeting whiteboard â todo list",tint:"#22C55E"},{Icon:fe,label:"Translate",prompt:"Translate text in the screenshot to English",example:"Screenshot of a Japanese menu â English",tint:"#A78BFA"},{Icon:le,label:"Explain Code",prompt:"Describe what the code in the screenshot does",example:"Screenshot of unfamiliar regex â human explanation",tint:"#F472B6"}];function hs(){return e.jsxs(J,{children:[e.jsx(K,{align:"center",eyebrow:"Five built-in actions",title:e.jsxs(e.Fragment,{children:["Five buttons. ",e.jsx(Z,{children:"Five workflows."})]}),sub:"Snapper ships with the five most-used screenshot-to-Notion transformations preset. You can add your own custom action in Settings."}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[cs.map(t=>e.jsxs("div",{className:"relative rounded-2xl p-4 flex flex-col gap-2.5",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4)"},children:[e.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center",style:{background:`${t.tint}20`,border:`1px solid ${t.tint}40`,color:t.tint},children:e.jsx(t.Icon,{className:"w-5 h-5"})}),e.jsx("div",{className:"text-[15px] font-bold text-white leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.label}),e.jsxs("div",{className:"text-[11px] text-white/45 leading-snug italic",children:['"',t.prompt,'"']}),e.jsxs("div",{className:"text-[11px] leading-snug pt-2 mt-auto",style:{color:"rgba(229,231,235,0.65)",borderTop:"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{className:"font-bold",style:{color:t.tint,fontSize:"9px",textTransform:"uppercase",letterSpacing:"0.10em"},children:"Example"}),e.jsx("div",{className:"mt-0.5",children:t.example})]})]},t.label)),e.jsxs("div",{className:"relative rounded-2xl p-4 flex flex-col gap-2.5 items-center justify-center text-center",style:{background:"linear-gradient(180deg, rgba(6,182,212,0.06) 0%, rgba(6,182,212,0.01) 100%)",border:"1px dashed rgba(6,182,212,0.30)"},children:[e.jsx(oe,{className:"w-6 h-6",style:{color:l}}),e.jsx("div",{className:"text-[15px] font-bold leading-tight",style:{color:l,fontFamily:"'Space Grotesk', sans-serif"},children:"+ Your own"}),e.jsx("p",{className:"text-[11px] text-white/55 leading-snug",children:"Add custom actions in Settings. Write the prompt once, run it forever."})]})]})]})}function xs(){return e.jsxs(J,{children:[e.jsx(K,{align:"center",eyebrow:"The widget itself",title:e.jsxs(e.Fragment,{children:["One popup. ",e.jsx(Z,{children:"Two states."})]}),sub:"The widget is the same throughout â it just shifts content as you move from capture to result."}),e.jsxs("div",{className:"flex flex-col items-center gap-6",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_auto_1fr] gap-5 items-center justify-items-center",children:[e.jsxs("div",{className:"w-full flex flex-col items-center gap-2.5",children:[e.jsx("div",{className:"px-2 py-0.5 rounded text-[10px] font-extrabold uppercase tracking-widest",style:{background:f,color:"#03242b",letterSpacing:"0.10em"},children:"01 capture"}),e.jsx(ue,{state:"capture"})]}),e.jsx(w,{className:"hidden lg:block",style:{color:l,width:"32px",height:"32px"}}),e.jsx(w,{className:"lg:hidden rotate-90",style:{color:l,width:"28px",height:"28px"}}),e.jsxs("div",{className:"w-full flex flex-col items-center gap-2.5",children:[e.jsx("div",{className:"px-2 py-0.5 rounded text-[10px] font-extrabold uppercase tracking-widest",style:{background:f,color:"#03242b",letterSpacing:"0.10em"},children:"02 result"}),e.jsx(ue,{state:"result"})]})]}),e.jsx("p",{className:"text-center text-[12px] text-white/55 max-w-md",children:"The Save button on the right widget pushes the structured text straight into the destination Notion page. No copy-
21paste. No tab-switch."})]})]})}function ps(){return e.jsxs(J,{children:[e.jsx(K,{eyebrow:"Default AI included",title:e.jsxs(e.Fragment,{children:["Use the ",e.jsx(Z,{children:"included"})," model. Or bring your own key."]}),sub:"Snapper ships with AI processing built in â every snap on every plan uses the included model by default. Power users can optionally plug in an OpenAI or Anthropic key in Settings for access to specific models."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-3",children:[{step:"01",title:"Capture in browser",desc:"Drag a region. Stays local until an action is picked."},{step:"02",title:"Process the image",desc:"Default: the included model runs the action. Optional: a configured OpenAI / Anthropic key routes the call directly to that provider instead."},{step:"03",title:"Land in Notion",desc:"Result writes to the destination page via Notion OAuth. Same posture as every NotionFlow extension."}].map(t=>e.jsxs("div",{className:"rounded-xl p-4 flex flex-col gap-2",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px] font-extrabold tabular-nums px-1.5 py-0.5 rounded",style:{background:`${f}25`,color:l,letterSpacing:"0.06em"},children:t.step}),e.jsx("span",{className:"text-[14px] font-bold text-white",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.title})]}),e.jsx("p",{className:"text-[12px] text-white/65 leading-snug",children:t.desc})]},t.step))})]})}const ms=[{eyebrow:"Forever free",name:"Snapper Free",price:"$0",period:"/forever",priceSub:"20 snaps/month · 3 built-in actions · BYO API key",features:["Extract, Summarize, Tasks actions","Save directly to any Notion page","Bring your own OpenAI / Anthropic key","No card required"],footer:"Good for occasional screenshot capture."},{eyebrow:"Snapper Pro",name:"Snapper Pro",price:"$4.99",period:"/month",priceSub:"or $3.99/mo billed annually ($47.88/yr)",features:[e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Unlimited"})," snaps per month"]}),e.jsxs(e.Fragment,{children:["All 5 built-in actions + ",e.jsx("strong",{className:"text-white",children:"custom actions"})]}),e.jsxs(e.Fragment,{children:["Save to ",e.jsx("strong",{className:"text-white",children:"multiple destinations"})]}),"AI memory (carry context between snaps), priority support"],footer:"For people who screenshot all day."},{eyebrow:"All tools, all future",name:"NotionFlow Suite",price:"$9.99",period:"/mo annual",priceSub:"$119.88/yr · break-even at 3 tools",features:[e.jsxs(e.Fragment,{children:["Snapper Pro ",e.jsx("strong",{className:"text-white",children:"plus every other extension"})]}),e.jsxs(e.Fragment,{children:["Every ",e.jsx("strong",{className:"text-white",children:"future"})," extension free"]}),"One dashboard, one Notion OAuth","Cancel anytime"],footer:e.jsx("span",{style:{color:"rgba(103,232,249,0.7)"},children:"New extensions shipping monthly."}),highlight:!0,pill:"Best Value"}];function gs(){return e.jsxs(J,{children:[e.jsx(K,{align:"center",eyebrow:"Pricing",title:e.jsxs(e.Fragment,{children:["Start free. ",e.jsx(Z,{children:"Upgrade if you live in screenshots."})]}),sub:"The Free plan covers 20 snaps a month â enough for any non-power-user. Pro is for people who turn meetings, slides, and articles into Notion all day."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:ms.map(t=>{const s=t.highlight;return e.jsxs("div",{className:"relative rounded-2xl p-6 flex flex-col",style:{background:s?"linear-gradient(180deg, rgba(6,182,212,0.18) 0%, rgba(6,182,212,0.04) 100%)":"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:s?"2px solid rgba(6,182,212,0.65)":"1px solid rgba(255,255,255,0.08)",boxShadow:s?"0 20px 50px rgba(6,182,212,0.22), inset 0 1px 0 rgba(255,255,255,0.10)":"0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[t.pill&&e.jsx("span",{className:"absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest",style:{background:`linear-gradient(90deg, ${l} 0%, ${f} 100%)`,color:"#03242b",boxShadow:"0 6px 16px rgba(6,182,212,0.55)"},children:t.pill}),e.jsx("div",{className:"text-[11px] font-bold uppercase tracking-widest mb-2",style:{color:"rgba(255,255,255,0.45)"},children:t.eyebrow}),e.jsx("div",{className:"text-xl font-bold text-white mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:t.name}),e.jsxs("div",{className:"flex items-baseline gap-1.5 mb-1",children:[e.jsx("span",{className:"text-4xl sm:text-5xl font-extrabold text-white leading-none",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.03em"},children:t.price}),e.jsx("span",{className:"text-sm text-white/50 font-medium",children:t.period})]}),e.jsx("div",{className:"text-xs text-white/55 mb-5 leading-snug",children:t.priceSub}),e.jsx("div",{className:"space-y-2 flex-1",children:t.features.map((r,a)=>e.jsxs("div",{className:"flex items-start gap-2 text-[13px] leading-snug text-white/85",children:[e.jsx("span",{className:"flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center text-[9px] font-bold mt-0.5",style:{background:s?"rgba(6,182,212,0.22)":"rgba(34,197,94,0.20)",color:s?l:"#22C55E"},children:"â"}),e.jsx("span",{children:r})]},a))}),e.jsx("div",{className:"mt-5 text-[11px] text-white/40",children:t.footer})]},t.name)}
21)})]})}const p="#FF9A3C",v="#FFB870",ge="#FF6B2B";function us(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(255,154,60,0.06) 1px, transparent 1px)",backgroundSize:"22px 22px"}})}function X({children:t,className:s=""}){return e.jsxs("div",{className:`relative my-10 rounded-2xl overflow-hidden p-6 sm:p-8 ${s}`,style:{background:"linear-gradient(135deg, #18100a 0%, #0c0805 100%)",border:"1px solid rgba(255,154,60,0.16)",boxShadow:"0 18px 50px rgba(0,0,0,0.45)"},children:[e.jsx(us,{}),e.jsx("div",{className:"relative z-10",children:t})]})}function ee({eyebrow:t,title:s,sub:r,align:a="left"}){return e.jsxs("div",{className:`mb-7 ${a==="center"?"text-center":""}`,children:[e.jsx("span",{className:"inline-block px-3 py-1.5 rounded-full text-[11px] font-bold uppercase mb-3",style:{background:"rgba(255,154,60,0.16)",border:"1px solid rgba(255,154,60,0.40)",color:v,letterSpacing:"0.16em"},children:t}),e.jsx("h3",{className:"text-2xl sm:text-[28px] font-bold text-white leading-[1.1]",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.025em"},children:s}),r&&e.jsx("p",{className:"mt-2 text-sm text-white/55 leading-snug",children:r})]})}function te({children:t}){return e.jsx("span",{style:{background:`linear-gradient(90deg, ${v} 0%, ${ge} 100%)`,WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:t})}const ys=[{name:"Title",type:"text",value:"Q2 sprint retro"},{name:"Status",type:"select",options:[{label:"Backlog",color:"#6B7280"},{label:"Active",color:"#FF9A3C"},{label:"Done",color:"#22C55E"}],selected:"Active"},{name:"Due date",type:"date",value:"2026-05-22",autoFilled:!1},{name:"Effort (h)",type:"number",value:"4"}];function Se({databaseName:t="Projects",databaseEmoji:s="ð¯",fields:r=ys}){return e.jsxs("div",{className:"rounded-2xl overflow-hidden flex flex-col",style:{width:"360px",maxWidth:"100%",background:"linear-gradient(180deg, rgba(28,28,32,0.99) 0%, rgba(14,14,18,0.99) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 1px 2px rgba(0,0,0,0.6), 0 12px 40px rgba(0,0,0,0.6), 0 40px 80px rgba(255,154,60,0.18), inset 0 1px 0 rgba(255,255,255,0.06)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Inter', sans-serif"},children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid rgba(255,255,255,0.05)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:"/formflow.png",alt:"",className:"w-6 h-6 rounded-md"}),e.jsxs("div",{className:"flex items-baseline gap-1.5",children:[e.jsx("span",{className:"text-[13px] font-bold text-white tracking-tight",children:"FormFlow"}),e.jsx("span",{className:"text-[10px] text-gray-500",children:"by NotionFlow"})]})]}),e.jsxs("div",{className:"flex items-center gap-1 text-gray-400",children:[e.jsx(H,{className:"w-3.5 h-3.5"}),e.jsx(I,{className:"w-3.5 h-3.5"})]})]}),e.jsx("div",{className:"px-4 pt-3",children:e.jsxs("div",{className:"flex items-center justify-between px-3 h-9 rounded-lg",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.07)"},children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx("span",{className:"text-sm",children:s}),e.jsx("span",{className:"text-[12px] text-white font-medium truncate",children:t}),e.jsx("span",{className:"text-[9px] text-gray-500 uppercase tracking-wider font-bold",children:"Notion DB"})]}),e.jsx(T,{className:"w-3.5 h-3.5 text-gray-400 flex-shrink-0"})]})}),e.jsx("div",{className:"px-4 pt-3 pb-3 flex flex-col gap-2.5 flex-1 overflow-hidden",children:r.map(a=>{var c;return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-bold uppercase tracking-wider text-white/45 mb-1 block",children:a.name}),a.type==="text"&&e.jsx("div",{className:"w-full px-3 py-2 rounded-xl text-[13px]",style:{background:"rgba(255,255,255,0.04)",border:`1px solid ${p}40`,color:"#fff",boxShadow:`0 0 0 2px ${p}15`},children:a.value||e.jsx("span",{style:{color:"rgba(255,255,255,0.30)"},children:a.placeholder??`Enter ${a.name.toLowerCase()}...`})}),a.type==="rich_text"&&e.jsxs("div",{className:"w-full px-3 py-2 rounded-xl text-[13px] relative",style:{background:"rgba(255,255,255,0.04)",border:"1px solid transparent",color:a.value?"#fff":"rgba(255,255,255,0.30)",minHeight:"56px"},children:[a.value||`Enter ${a.name.toLowerCase()}...`,e.jsxs("span",{className:"absolute bottom-1.5 right-2.5 text-[9px] text-white/35 tabular-nums",children:[(a.value||"").length,"/500"]})]}),a.type==="number"&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-9 flex items-center justify-center rounded-lg",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.65)"},children:e.jsx(we,{className:"w-3.5 h-3.5"})}),e.jsx("div",{className:"flex-1 h-9 flex items-center justify-center rounded-xl text-[13px] font-semibold text-white tabular-nums",style:{background:"rgba(255,255,255,0.04)"},children:a.value||"0"}),e.jsx("span",{className:"w-8 h-9 flex items-center justify-center rounded-lg",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.65)"},children:e.jsx(xe,{className:"w-3.5 h-3.5"})})]}),a.type==="url"&&e.jsxs("div",{children:[e.jsx("div",{className:"w-full px-3 py-2 rounded-xl text-[13px]",style:{background:"rgba(255,255,255,0.04)",color:a.value?"#fff":"rgba(255,255,255,0.30)"},children:a.value||"https://..."}),a.autoFilled&&e.jsxs("div",{className:"flex items-center gap-1 mt-1.5 text-[10px] text-emerald-400",children:[e.jsx(k,{className:"w-2.5 h-2.5"}),"Auto-filled from current tab"]})]}),a.type==="date"&&e.jsxs("div",{className:"w-full px-3 py-2 rounded-xl text-[13px] flex items-center justify-between text-white",style:{background:"rgba(255,255,255,0.04)"},children:[e.jsx("span",{children:a.value||"â"}),e.jsx(z,{className:"w-3.5 h-3.5 text-white/50"})]}),a.type==="select"&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:(c=a.options)==null?void 0:c.map(g=>{const u=a.selected===g.label;return e.jsx("span",{className:"px-3 py-1 rounded-full text-[11px] font-medium",style:u?{background:g.color,color:"#fff",border:`1px solid ${g.color}`,boxShadow:`0 2px 8px ${g.color}40`}:{background:"rgba(255,255,255,0.04)",color:"rgba(229,231,235,0.65)",border:"1px solid rgba(255,255,255,0.08)"},children:g.label},g.label)})})]},a.name)})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsx("div",{className:"w-full h-10 rounded-xl flex items-center justify-center text-[14px] font-semibold text-white",style:{background:`linear-gradient(135deg, ${p}, ${ge})`,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.22), 0 2px 12px rgba(255,154,60,0.35)"},children:"Save to Notion"})})]})}const bs=[{title:"Sprint kickoff",status:{label:"Done",color:"#22C55E"},date:"May 8",effort:2},{title:"Bug triage â payments",status:{label:"Active",color:"#FF9A3C"},date:"May 10",effort:5},{title:"Q2 retrospective notes",status:{label:"Backlog",color:"#6B7280"},date:"May 15",effort:3},{title:"Q2 sprint retro",status:{label:"Active",color:"#FF9A3C"},date:"May 22",effort:4,isNew:!0}];function fs(){return e.jsxs(X,{children:[e.jsx(ee,{align:"center",eyebrow:"FormFlow for Notion",title:e.jsxs(e.Fragment,{children:["Your database. ",e.jsx(te,{children:"Instantly typeable."})]}
21),sub:"FormFlow reads any Notion database's schema and renders it as a smart form. Type the entry, hit Save, the row lands in Notion."}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_auto_1fr] gap-5 items-start",children:[e.jsxs("div",{className:"rounded-2xl overflow-hidden",style:{background:"linear-gradient(180deg, #f7f7f5 0%, #efeee9 100%)",border:"1px solid rgba(0,0,0,0.08)",boxShadow:"0 22px 60px rgba(0,0,0,0.55)"},children:[e.jsxs("div",{className:"px-4 py-2.5 flex items-center",style:{borderBottom:"1px solid rgba(0,0,0,0.05)",background:"#f0eee8"},children:[e.jsx("span",{className:"text-base mr-2",children:"ð¯"}),e.jsx("span",{className:"text-[13px] font-bold",style:{color:"#37352f",fontFamily:"'Space Grotesk', sans-serif"},children:"Projects"}),e.jsx("span",{className:"ml-auto text-[10px] uppercase tracking-widest font-bold",style:{color:"rgba(0,0,0,0.45)",letterSpacing:"0.10em"},children:"Notion DB"})]}),e.jsxs("div",{className:"grid grid-cols-[1fr_70px_60px_44px] px-3 py-2 text-[9px] font-bold uppercase tracking-widest",style:{background:"rgba(0,0,0,0.025)",color:"rgba(0,0,0,0.50)",letterSpacing:"0.10em"},children:[e.jsx("span",{children:"Title"}),e.jsx("span",{children:"Status"}),e.jsx("span",{children:"Date"}),e.jsx("span",{style:{textAlign:"right"},children:"Effort"})]}),e.jsx("div",{className:"px-3 py-2 flex flex-col gap-1",children:bs.map((t,s)=>{const r=t.isNew;return e.jsxs("div",{className:"grid grid-cols-[1fr_70px_60px_44px] items-center px-2 py-1.5 rounded-md text-[12px]",style:r?{background:`${p}15`,border:`1px solid ${p}45`,color:"#191919"}:{color:"#37352f"},children:[e.jsxs("span",{className:"truncate font-medium flex items-center gap-1.5",children:[r&&e.jsx("span",{className:"text-[8px] uppercase tracking-widest font-extrabold px-1 py-px rounded",style:{background:p,color:"#fff",letterSpacing:"0.08em"},children:"NEW"}),t.title]}),e.jsx("span",{className:"text-[10px] font-semibold px-2 py-0.5 rounded-full",style:{background:`${t.status.color}20`,color:t.status.color,width:"fit-content"},children:t.status.label}),e.jsx("span",{className:"text-[10px]",style:{color:"rgba(0,0,0,0.55)"},children:t.date}),e.jsxs("span",{className:"text-[11px] tabular-nums text-right",style:{color:"rgba(0,0,0,0.70)"},children:[t.effort,"h"]})]},s)})})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("span",{className:"px-2 py-1 rounded text-[10px] font-bold uppercase tracking-widest",style:{background:`${p}25`,color:v,border:`1px solid ${p}55`,letterSpacing:"0.10em"},children:"FormFlow"}),e.jsxs("svg",{viewBox:"0 0 84 24",className:"hidden lg:block",style:{width:"84px",height:"24px"},children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"ff-arr",x1:"0",x2:"1",y1:"0",y2:"0",children:[e.jsx("stop",{offset:"0%",stopColor:p,stopOpacity:"0.2"}),e.jsx("stop",{offset:"100%",stopColor:v,stopOpacity:"1"})]})}),e.jsx("path",{d:"M2,12 L72,12",stroke:"url(#ff-arr)",strokeWidth:"2.4",strokeLinecap:"round",strokeDasharray:"6 5"}),e.jsx("path",{d:"M65,4 L82,12 L65,20",fill:"none",stroke:v,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})]}),e.jsx("span",{className:"lg:hidden text-[20px]",style:{color:v},children:"â"})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx(Se,{})})]}),e.jsxs("p",{className:"text-center mt-6 text-[13px] text-white/60",children:["Same fields as your database â typed in ",e.jsx("strong",{className:"text-white/85",children:"three seconds"}),", no Notion tab open."]})]})}const ae={background:"rgba(255,255,255,0.05)",border:`1px solid ${p}30`,color:"#fff",fontFamily:"Inter, sans-serif",fontSize:"13px"},js=[{Icon:De,notionType:"Text / Title",label:"Single-line input",desc:"Standard text or title fields render as a clean input with the field name as placeholder.",sample:e.jsx("div",{className:"w-full px-3 py-2 rounded-xl",style:ae,children:"Q2 sprint retro"})},{Icon:Ze,notionType:"Rich text",label:"Multiline + char counter",desc:"Rich text fields render as a textarea with a 500-character counter that warns when you approach the limit.",sample:e.jsxs("div",{className:"w-full px-3 py-2 rounded-xl relative",style:{...ae,minHeight:"56px"},children:["Discuss what we shipped...",e.jsx("span",{className:"absolute bottom-1.5 right-2 text-[9px] text-white/40 tabular-nums",children:"27/500"})]})},{Icon:Xe,notionType:"Number",label:"+ / â stepper",desc:"Number fields get tap-able + and â buttons in addition to the input. Faster than typing for small values.",sample:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-9 flex items-center justify-center rounded-lg",style:{background:"rgba(255,255,255,0.05)",color:"#fff"},children:e.jsx(we,{className:"w-3.5 h-3.5"})}),e.jsx("div",{className:"flex-1 h-9 flex items-center justify-center rounded-xl text-[13px] font-semibold text-white tabular-nums",style:{background:"rgba(255,255,255,0.05)"},children:"4"}),e.jsx("span",{className:"w-8 h-9 flex items-center justify-center rounded-lg",style:{background:"rgba(255,255,255,0.05)",color:"#fff"},children:e.jsx(xe,{className:"w-3.5 h-3.5"})})]})},{Icon:Ie,notionType:"Select / Status",label:"Color-coded pill chips",desc:"Select and status fields render as pill chips. The active option uses the color from your Notion option config.",sample:e.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[e.jsx("span",{className:"px-3 py-1 rounded-full text-[11px] font-medium",style:{background:"rgba(255,255,255,0.05)",color:"rgba(229,231,235,0.65)",border:"1px solid rgba(255,255,255,0.08)"},children:"Backlog"}),e.jsx("span",{className:"px-3 py-1 rounded-full text-[11px] font-medium",style:{background:p,color:"#fff",boxShadow:`0 2px 8px ${p}40`},children:"Active"}),e.jsx("span",{className:"px-3 py-1 rounded-full text-[11px] font-medium",style:{background:"rgba(255,255,255,0.05)",color:"rgba(229,231,235,0.65)",border:"1px solid rgba(255,255,255,0.08)"},children:"Done"})]})},{Icon:z,notionType:"Date",label:"Date picker (auto-today)",desc:"Date fields render as a native date picker. If marked auto-fill, today's date pre-populates with a small confirmation tag.",sample:e.jsxs("div",{children:[e.jsxs("div",{className:"w-full px-3 py-2 rounded-xl flex items-center justify-between",style:{...ae}
21,children:[e.jsx("span",{children:"2026-05-15"}),e.jsx(z,{className:"w-3.5 h-3.5 text-white/50"})]}),e.jsxs("div",{className:"flex items-center gap-1 mt-1 text-[10px] text-emerald-400",children:[e.jsx(k,{className:"w-2.5 h-2.5"}),"Auto-filled with today"]})]})},{Icon:$e,notionType:"URL",label:"URL field (auto-tab)",desc:"URL fields auto-fill with the current browser tab's URL. Useful for clipping pages into a bookmarks DB.",sample:e.jsxs("div",{children:[e.jsx("div",{className:"w-full px-3 py-2 rounded-xl truncate",style:{...ae},children:"https://stratechery.com/aggreg..."}),e.jsxs("div",{className:"flex items-center gap-1 mt-1 text-[10px] text-emerald-400",children:[e.jsx(k,{className:"w-2.5 h-2.5"}),"Auto-filled from current tab"]})]})}];function ws(){return e.jsxs(X,{children:[e.jsx(ee,{align:"center",eyebrow:"Every Notion field type",title:e.jsxs(e.Fragment,{children:["Six column types. ",e.jsx(te,{children:"Six smart inputs."})]}),sub:"FormFlow reads your database's column types and renders the right control for each. No re-typing field names. No re-formatting dates. Just type the row."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:js.map(t=>e.jsxs("div",{className:"relative rounded-2xl p-5 flex flex-col gap-3",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 14px 32px rgba(0,0,0,0.4)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg flex items-center justify-center",style:{background:`${p}18`,border:`1px solid ${p}30`,color:v},children:e.jsx(t.Icon,{className:"w-4 h-4"})}),e.jsxs("div",{className:"flex flex-col leading-tight",children:[e.jsx("span",{className:"text-[14px] font-bold text-white",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.notionType}),e.jsx("span",{className:"text-[10px] text-white/45",children:t.label})]})]}),e.jsx("div",{className:"pt-1",children:t.sample}),e.jsx("p",{className:"text-[11px] leading-snug text-white/60 mt-1 pt-2",style:{borderTop:"1px solid rgba(255,255,255,0.05)"},children:t.desc})]},t.notionType))}),e.jsx("p",{className:"text-center mt-6 text-[12px] text-white/55 max-w-2xl mx-auto",children:"Add Multi-select chips, Person picker (workspace members), Checkbox, and File upload to the list â all 11 of Notion's property types are typed."})]})}function Ns(){return e.jsxs(X,{children:[e.jsx(ee,{align:"center",eyebrow:"The widget",title:e.jsxs(e.Fragment,{children:["One popup. ",e.jsx(te,{children:"Whatever database you pin."})]}),sub:"The same 360px window every time. Pick the DB, type the row, hit Save. The form is your database's schema."}),e.jsx("div",{className:"flex justify-center",children:e.jsx(Se,{})})]})}const vs=[{emoji:"ð¯",name:"Projects",rowsToday:4,color:"#FF9A3C"},{emoji:"ð",name:"Daily journal",rowsToday:1,color:"#22C55E"},{emoji:"ð¼",name:"Client log",rowsToday:2,color:"#6366F1"},{emoji:"ð",name:"Reading list",rowsToday:0,color:"#A78BFA"}];function ks(){return e.jsxs(X,{children:[e.jsx(ee,{align:"center",eyebrow:"Pinned databases",title:e.jsxs(e.Fragment,{children:["Your top databases, ",e.jsx(te,{children:"one click each."})]}),sub:"The DBs you write to every day live at the top of the picker. Free pins 1, Pro pins 5 â switching from 'log a task' to 'add a reading' to 'open the journal' is one hotkey + one tap."}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:vs.map(t=>e.jsxs("div",{className:"rounded-2xl p-4 flex flex-col gap-2",style:{background:`linear-gradient(180deg, ${t.color}10 0%, ${t.color}03 100%)`,border:`1px solid ${t.color}30`},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-2xl",children:t.emoji}),e.jsx(et,{className:"w-3 h-3 ml-auto",style:{color:t.color,opacity:.6}})]}),e.jsx("div",{className:"text-[13px] font-bold text-white truncate",style:{fontFamily:"'Space Grotesk', sans-serif"},children:t.name}),e.jsxs("div",{className:"text-[10px] text-white/50 tabular-nums",children:[t.rowsToday," ",t.rowsToday===1?"row":"rows"," today"]})]},t.name))})]})}const Fs=[{eyebrow:"Forever free",name:"FormFlow Free",price:"$0",period:"/forever",priceSub:"10
21saves/month · 1 pinned database · no card required",features:["10 saves per month into any 1 pinned Notion database","All 11 Notion property types rendered as smart inputs","Notion OAuth â no account, no password","Save history (last 10 entries)"],footer:"Plenty for casual capture into a single database."},{eyebrow:"FormFlow Pro",name:"FormFlow Pro",price:"$4.99",period:"/month",priceSub:"or $3.99/mo billed annually ($47.88/yr)",features:[e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Unlimited saves"})," per month"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"5 pinned databases"})," for one-click switching"]}),e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:"text-white",children:"Auto-fill"})," source URL + today's date"]}),"50-entry save history, smart defaults, priority support"],footer:"For people writing into 3+ databases a day."},{eyebrow:"All tools, all future",name:"NotionFlow Suite",price:"$9.99",period:"/mo annual",priceSub:"$119.88/yr · break-even at 3 tools",features:[e.jsxs(e.Fragment,{children:["FormFlow Pro ",e.jsx("strong",{className:"text-white",children:"plus every other extension"})]}),e.jsxs(e.Fragment,{children:["Every ",e.jsx("strong",{className:"text-white",children:"future"})," extension free"]}),"One dashboard, one Notion OAuth","Cancel anytime"],footer:e.jsx("span",{style:{color:"rgba(255,184,112,0.7)"},children:"New extensions shipping monthly."}),highlight:!0,pill:"Best Value"}];function Ss(){return e.jsxs(X,{children:[e.jsx(ee,{align:"center",eyebrow:"Pricing",title:e.jsxs(e.Fragment,{children:["Start free. ",e.jsx(te,{children:"Upgrade if you write into many DBs."})]}),sub:"Free covers three pinned databases â enough for most solo workflows. Pro lifts the cap and adds workspace-people and file fields."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:Fs.map(t=>{const s=t.highlight;return e.jsxs("div",{className:"relative rounded-2xl p-6 flex flex-col",style:{background:s?"linear-gradient(180deg, rgba(255,154,60,0.18) 0%, rgba(255,154,60,0.04) 100%)":"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%)",border:s?"2px solid rgba(255,154,60,0.65)":"1px solid rgba(255,255,255,0.08)",boxShadow:s?"0 20px 50px rgba(255,154,60,0.22), inset 0 1px 0 rgba(255,255,255,0.10)":"0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06)"},children:[t.pill&&e.jsx("span",{className:"absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-widest",style:{background:`linear-gradient(135deg, ${p}, ${ge})`,color:"#fff",boxShadow:"0 6px 16px rgba(255,154,60,0.55)"},children:t.pill}),e.jsx("div",{className:"text-[11px] font-bold uppercase tracking-widest mb-2",style:{color:"rgba(255,255,255,0.45)"},children:t.eyebrow}),e.jsx("div",{className:"text-xl font-bold text-white mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.02em"},children:t.name}),e.jsxs("div",{className:"flex items-baseline gap-1.5 mb-1",children:[e.jsx("span",{className:"text-4xl sm:text-5xl font-extrabold text-white leading-none",style:{fontFamily:"'Space Grotesk', sans-serif",letterSpacing:"-0.03em"},children:t.price}),e.jsx("span",{className:"text-sm text-white/50 font-medium",children:t.period})]}),e.jsx("div",{className:"text-xs text-white/55 mb-5 leading-snug",children:t.priceSub}),e.jsx("div",{className:"space-y-2 flex-1",children:t.features.map((r,a)=>e.jsxs("div",{className:"flex items-start gap-2 text-[13px] leading-snug text-white/85",children:[e.jsx("span",{className:"flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center text-[9px] font-bold mt-0.5",style:{background:s?"rgba(255,154,60,0.22)":"rgba(34,197,94,0.20)",color:s?v:"#22C55E"},children:"â"}),e.jsx("span",{children:r})]},a))}),e.jsx("div",{className:"mt-5 text-[11px] text-white/40",children:t.footer})]},t.name)})})]})}function o(t,s){const r=t.replace("#",""),a=parseInt(r.substring(0,2),16),c=parseInt(r.substring(2,4),16),g=parseInt(r.substring(4,6),16);return`rgba(${a},${c},${g},${s})`}const Ce=A("clipper")??"#",D="#3B82F6",M="#00C896",R="#0EA5E9",Cs=A("pinflow")??"https://chromewebstore.google.com/detail/pinflow-by-notionflow/jacllolophefkhmpbjeoeoijghbpgilm",L="#6366F1",Ts=A("deadlineflow")??"https://chromewebstore.google.com/detail/deadlineflow-by-notionflo/eemcdfilndamhmcgkpidhdjacjflgehj",G="#06B6D4",As=A("snapper")??"https://chromewebstore.google.com/detail/snapper-by-notionflow/jkjbgblbnmlfocmaeoehjoidjcgfimgo",_="#FF9A3C",Ps=A("formflow")??"https://chromewebstore.google.com/detail/formflow-by-notionflow/hlhfbieahjbhppgfekibphbihpjefhpd",Y="#9333EA",Ds=A("tuner")??"https://chromewebstore.google.com/detail/tuner-by-notionflow/jenoofgmfbggchecnnpphbnppmcngagi",Is=A("dailyflow")??"https://chromewebstore.google.com/detail/dailyflow-by-notionflow/iijdjekoglekfdlmiojihfeibdlonkno";function $s(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(D,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(D,.18)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Try the Suite, or install one tool free."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.45)"},children:"Every NotionFlow extension live in the store, plus everything coming next."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${D} 0%, #1E40AF 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(D,.3)}`},children:["See Suite pricing",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/extensions",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"Browse extensions"})]})]})}function Bs(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(M,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(M,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Stop hunting for today's note."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"DailyFlow is free with one connected daily database. Press the hotkey instead."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":Is,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${M} 0%, #009B73 100%)`,color:"#04261d",boxShadow:`0 2px 12px ${o(M,.35)}`},children:[m?"Join the waitlist":"Install DailyFlow Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}function Es(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(R,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(R,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Stop scrolling. Start pinning."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"PinFlow is free for two modes. Add it to Chrome and your sidebar gets quiet."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":Cs,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${R}
21 0%, #0369A1 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(R,.35)}`},children:[m?"Join the waitlist":"Install PinFlow Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}function Os(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(Y,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(Y,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Quiet the canvas."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"Tuner is free with the 6 core toggles + 2 presets. Add it to Chrome and Notion stops shouting."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":Ds,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${Y} 0%, #7E22CE 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(Y,.35)}`},children:[m?"Join the waitlist":"Install Tuner Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}function Ws(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(_,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(_,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Stop opening Notion to add a row."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"FormFlow is free for 10 saves a month with one pinned database. The next entry takes three seconds."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":Ps,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${_} 0%, #FF6B2B 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(_,.35)}`},children:[m?"Join the waitlist":"Install FormFlow Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}function Ms(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(G,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(G,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Stop copy-pasting from screenshots."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"Snapper is free with 20 snaps/month. Add it to Chrome and the next screenshot writes itself."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":As,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${G} 0%, #0E7490 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(G,.35)}`},children:[m?"Join the waitlist":"Install Snapper Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}function Rs(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:`linear-gradient(145deg, ${o(L,.1)} 0%, rgba(255,255,255,0.02) 100%)`,border:`1px solid ${o(L,.2)}`},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Stop losing deadlines in the wrong database."}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.50)"},children:"Free with three connected databases. Add it to Chrome and every date column comes home."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:m?"#":Ts,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:`linear-gradient(135deg, ${L} 0%, #4338CA 100%)`,color:"#fff",boxShadow:`0 2px 12px ${o(L,.35)}`},children:[m?"Join the waitlist":"Install DeadlineFlow Free",e.jsx(b,{className:"w-3.5 h-3.5"})]}),e.jsx(y,{to:"/pricing",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all",style:{background:"rgba(255,255,255,0.04)",color:"rgba(255,255,255,0.85)",border:"1px solid rgba(255,255,255,0.10)"},children:"See Suite pricing"})]})]})}const Ls={"customize-notion-ui-with-tuner":{slug:"customize-notion-ui-with-tuner",title:"Hide What You Don't Need in Notion: A Calmer Workspace in One Click",meta:"Tuner is a free Chrome extension that lets you hide Notion's chrome â sidebar, top nav, AI suggestions, comments, block handles, page properties â with one-tap toggles. Two built-in presets (Minimalist, Reading), 17 fonts, 5 themes.",date:"May 2026",readTime:"5 min read",tag:"Product",accent:Y,cta:e.jsx(Os,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Notion's default UI is tuned for a new user opening the app for the first time. Every chrome element exists to teach: here's the sidebar (this is where your pages live), here's the breadcrumb (this is where you are), here's the AI button (this is what you can do with text), here are the block handles (this is how you reorganize)."}),e.jsx("p",{children:"For day-one onboarding, that's the right design. By day three hundred, every one of those elements is a piece of furniture you've stopped seeing â except that the brain still has to filter them out on every page load. Cognitive load isn't free even when nothing on screen has changed in months."}),e.jsx("p",{children:"The version of Notion most power users actually want isn't a different product. It's the same product with the parts they don't use anymore hidden. There's no Notion setting for that."}),e.jsx("p",{className:"text-white/70 font-medium",children:"Tuner is that setting."}),e.jsx(tt,{}),e.jsx("h2",{children:"How Tuner Works"}),e.jsxs("p",{children:[e.jsx("strong",{children:"Tuner"})," is a Chrome extension that injects CSS rules into Notion to selectively hide UI elements. No API connection, no OAuth, no data sent anywhere. The popup is just a remote control for those CSS rules."]}),e.jsx("p",{children:"That architectural choice matters: because Tuner doesn't talk to the Notion API, it works on every Notion page â personal workspace, team workspace, public Notion pages, embedded views, sidebars opened from other apps. Whatever Notion renders, Tuner can tune."}),e.jsx("h2",{children:"The Core 6 Toggles"}),e.jsx("p",{children:"Free Tuner ships with six toggles, each removing one specific chrome element. They're ordered by how aggressive the change feels â start at the top and stop when the page looks right."}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Left Sidebar"})," â workspace navigation panel. Hidden is the biggest visual change and the biggest reclaim of horizontal space."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Top Navigation"})," â breadcrumbs, share button, comments badge, three-dot menu. Useful while exploring, noise once you live in a page."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Page Properties"}),' â the rows of property fields below every database-page title. Hiding them collapses pages back to "just a document."']}),e.jsxs("li",{children:[e.jsx("strong",{children:"AI Suggestions"}),` â Notion AI buttons, the "Ask AI" inline prompts, the AI-block CTAs. If a user doesn't pay for Notion AI, these are pure marketing.`]}
21),e.jsxs("li",{children:[e.jsx("strong",{children:"Inline Comments"})," â discussion threads and comment bubbles. Hidden during writing, visible during review."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Block Handles"})," â the â®â® and + icons that appear on every block on hover. Visible-on-hover is still visual chaff. Hiding them removes the implicit invitation to keep restructuring."]})]}),e.jsx("p",{children:"Each toggle is one tap. Changes apply immediately â there's no Save button, no refresh required."}),e.jsx(st,{}),e.jsx("h2",{children:"Two Presets to Start With"}),e.jsx("p",{children:"New users rarely know which combination of toggles they want. Tuner ships with two built-in presets to make the first decision easier:"}),e.jsxs("p",{children:[e.jsx("strong",{children:"Minimalist"})," turns off the noise but keeps page properties and database controls â the things that matter inside a workflow. Most users land here."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Reading"})," turns off everything, narrows the page width, and is built to pair with a serif font for long-form reading or writing. Best for journals, drafts, and consumption."]}),e.jsx("p",{children:'Either preset is a starting point. Toggle anything else on or off afterward. Pro users save the resulting config as a named mode â useful for "work mode" / "reading mode" / "review mode" patterns.'}),e.jsx(rt,{}),e.jsx("h2",{children:"Fonts and Themes"}),e.jsx("p",{children:"Hiding chrome is half the value. The other half is replacing Notion's defaults with something better-suited to the work."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Fonts"}),": Free Tuner includes Notion's five native picks (Default, System, Inter, Serif, Mono). Pro adds twelve more â a curated set across sans-serif (Plus Jakarta, DM Sans, Manrope, Space Grotesk, Outfit, Karla, Public Sans, Mulish, IBM Plex Sans, Source Sans, Inter Tight), serif (Lora, Crimson Pro, Spectral, EB Garamond, Merriweather, PT Serif, Cardo), and mono (JetBrains, Fira Code, IBM Plex Mono, Roboto Mono)."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Themes"}),": Free includes Notion's Default plus Warm Paper (an off-white parchment-feel). Pro adds True Dark (pure-black for OLED), Soft Focus (low-contrast dark for long sessions), and Custom (pick any background + text color pair)."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Density, page width, font size, line height"})," are all sliders in the popup. Tune them once and they persist across every Notion page."]}),e.jsx(at,{}),e.jsx("h2",{children:"The Popup"}),e.jsx("p",{children:"Everything lives in one 380px popup. Preset row at the top, individual toggles below, font and theme pickers underneath. No tab navigation, no settings page to remember, no advanced mode to dig into. The whole product is visible the moment the popup opens."}),e.jsx("p",{children:`The status row in the header shows what's currently active â "8 hidden" if eight toggles are off, "Tuned" if any non-default settings are applied, or "Connected" if Notion is in default mode. Tuner never modifies a Notion page's content; only what the browser displays on top of it.`}),e.jsx(nt,{}),e.jsx("h2",{children:"What Tuner Doesn't Do"}),e.jsx("p",{children:`Tuner doesn't modify Notion data. The pages, databases, properties, and content stay exactly as Notion stores them. Disable Tuner or uninstall the extension and every "hidden" element reappears instantly â the underlying workspace was never touched.`}),e.jsx("p",{children:"Tuner also isn't a Notion replacement or a third-party rendering layer. The page being looked at is still Notion's own rendering. Tuner just hides parts of it via CSS injected into the page. That's why it works on every Notion page (no API, no OAuth, no permissions to grant beyond browser-page access)."}),e.jsx("h2",{children:"Free vs Pro vs Suite"}),e.jsx("p",{children:`Free covers the 6 core toggles, both presets, Notion's native fonts, two themes, and one saved custom mode. It's the right plan if the goal is "remove the obvious noise."`}),e.jsxs("p",{children:[e.jsx("strong",{children:"Tuner Pro"})," ($4.99/mo or $3.99/mo annual) adds six advanced toggles (backl
21inks, help button, updates inbox, database view tabs, database toolbar, page metadata), all 17 fonts, all 5 themes including custom, unlimited saved modes, and the granular sliders (density, page width, font size, line height). For people who treat the canvas as part of the workflow."]}),e.jsxs("p",{children:["Or â ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual includes Tuner Pro plus every other extension. Break-even is three tools."]}),e.jsx(ot,{}),e.jsx("h2",{children:"Privacy"}),e.jsx("p",{children:"Tuner doesn't authenticate with Notion. There's no OAuth flow, no account creation, no API key. The extension reads which page is open, injects CSS to hide elements, and stores the user's toggle preferences locally in the browser. Nothing leaves the device."}),e.jsx("h2",{children:"Get Tuner"}),e.jsx("p",{children:"Tuner works on Chrome, Brave, Arc, Edge â anything Chromium. Free, no signup, no Notion connection required. Install, open any Notion page, hit Minimalist. The page gets quiet immediately."})]})},"fast-notion-database-entry":{slug:"fast-notion-database-entry",title:"Add to Any Notion Database Without Opening Notion",meta:"FormFlow is a free Chrome extension that reads any Notion database's schema and renders it as a smart form. All 11 Notion property types â text, number, select, date, URL, multi-select, person, file â typed directly into a popup. No tab switching.",date:"May 2026",readTime:"5 min read",tag:"Product",accent:_,cta:e.jsx(Ws,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Adding a row to a Notion database is supposed to be fast. It isn't."}),e.jsxs("p",{children:["To log a new task: open Notion â find the right database in the sidebar (or remember which workspace it's in) â click ",e.jsx("code",{children:"+ New"}),' â wait for the row drawer to open â fill the title â tab to status â click the dropdown â pick "Active" â tab to due date â click the picker â select the date â tab to effort â type the number â close the drawer. Thirty seconds, maybe forty-five if Notion takes a moment.']}),e.jsx("p",{children:"Repeat that for every task you want to log this week. Now repeat it across every database you maintain â Projects, Personal, Client log, Reading list, Bills. The tax is small per entry. It compounds."}),e.jsx("p",{className:"text-white/70 font-medium",children:"The fix isn't a better database UI. It's a popup that already knows your schema."}),e.jsx(fs,{}),e.jsx("h2",{children:"What FormFlow Does"}),e.jsxs("p",{children:[e.jsx("strong",{children:"FormFlow"})," is a free Chrome extension that reads the schema of any Notion database you connect and renders it as a smart form. Pick the database from a popup. The form's fields are your database's columns. Type the entry. Hit Save. The row writes to Notion via the API and you never opened Notion."]}),e.jsx("p",{children:'The "smart" part is that FormFlow knows the difference between a text field and a select and a date. It renders the right control for each. Text gets an input. Select gets pill chips you tap. Date gets a date picker that auto-fills with today. URL fields auto-fill with whatever browser tab you have open. Number fields get + and â stepper buttons.'}),e.jsx(ws,{}),e.jsx("h2",{children:"The Widget"}),e.jsx("p",{children:"The whole thing lives in a 360Ã480 popup. Database selector at the top, smart form below, Save button at the bottom. There's no second screen, no admin tab, no settings panel you have to learn â every interaction is in the form."}),e.jsx("p",{children:'The form re-renders the moment you change databases. Switch from "Projects" to "Reading list" and the fields update to match. The schema is fetched once per database and cached locally s
21o the swap is instant.'}),e.jsx(Ns,{}),e.jsx("h2",{children:"Pin the DBs You Write To"}),e.jsxs("p",{children:["You don't write to every database equally. There's usually a top-three: the daily log, the task database, the one client thing. FormFlow lets you ",e.jsx("strong",{children:"pin"}),` those so they're one tap from the picker. The dropdown opens with the pinned set already at the top â switching between "log a task" and "add a reading" is one hotkey plus one tap.`]}),e.jsx("p",{children:"Free pins one database and gives you 10 saves a month. Pro lifts the pin count to 5 and uncaps saves entirely â plus auto-fill (source URL, today's date) and smart defaults that remember your last values per database."}),e.jsx(ks,{}),e.jsx("h2",{children:"What FormFlow Doesn't Do"}),e.jsxs("p",{children:["FormFlow isn't a Notion editor â once a row exists, you edit it in Notion. The popup is strictly for ",e.jsx("em",{children:"adding"}),". Pro keeps a save history (last X entries with one-click jump to the row in Notion) but it's a navigation aid, not an editing surface."]}),e.jsxs("p",{children:[`It also isn't an automation tool. There's no "trigger when a row is added" hook, no webhook, no Zapier-style flow builder. If you need cross-app automation, those tools already exist. FormFlow does the one thing that nobody else does well: `,e.jsx("strong",{children:"typing into Notion fast"}),"."]}),e.jsx("h2",{children:"Free vs Pro vs Suite"}),e.jsx("p",{children:"Free covers 10 saves a month into one pinned database, all 11 Notion property types (text / rich-text / number / select / status / date / URL / multi-select / checkbox / person / file), and a save history of the last 10 entries."}),e.jsxs("p",{children:[e.jsx("strong",{children:"FormFlow Pro"})," ($4.99/mo or $3.99/mo annual) uncaps saves, lifts the pin count to 5, adds auto-fill for source URL and today's date, smart defaults across sessions, and a 50-entry save history."]}),e.jsxs("p",{children:["Or â ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual includes FormFlow Pro plus every other extension. Break-even is three tools."]}),e.jsx(Ss,{}),e.jsx("h2",{children:"Privacy"}),e.jsx("p",{children:"FormFlow uses Notion OAuth â no account, no password. The server stores the OAuth token plus a minimal cache of pinned database IDs and their schemas (so the form renders instantly without re-fetching). Field values are sent directly from your browser to Notion's API at Save time and never get stored or logged on my side."}),e.jsx("h2",{children:"Get FormFlow"}),e.jsx("p",{children:"FormFlow works on Chrome, Brave, Arc, Edge â every Chromium browser. Free forever â 10 saves a month into one pinned database. Install, connect Notion, pin your top one, and the next row you add takes three seconds instead of thirty."})]})},"screenshot-to-notion-with-ai":{slug:"screenshot-to-notion-with-ai",title:"Screenshot to Notion: Stop Copy-Pasting Text From Images",meta:"Snapper is a free Chrome extension that captures any region of any page, runs it through AI, and writes the structured result straight into Notion. Extract text, summarize, create tasks, translate, or explain code â five built-in actions, AI included in the subscription.",date:"May 2026",readTime:"5 min read",tag:"Product",accent:G,cta:e.jsx(Ms,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Open your downloads folder. Count the screenshots from the last week."}),e.jsx("p",{children:`Now count how many of them you actually went back to. The answer is some version of "none" â because once a screenshot is on disk, doing anything useful with it (typing the text out, summarizing it, turning it into a checklist, translating it) is a three-tool process: open the image, transcribe by hand, paste into Notion, format. By the time you'd finish, you've forgotten why you took it.`}),e.jsxs("p",{children:["The screenshot itself was never the problem. The problem is that it's an ",e.jsx("em",{children:"image"}),", and Notion wants ",e.jsx("em",{children:"text"}),". Between you and a useful Notion entry sits ten minutes of human OCR."]}),e.jsx("p",{className:"text-white/70 font-medium",children:"What if the screenshot went through AI on its way to Notion, and
21you skipped the middle step entirely?"}),e.jsx(ds,{}),e.jsx("h2",{children:"What Snapper Does"}),e.jsxs("p",{children:[e.jsx("strong",{children:"Snapper"})," is a free Chrome extension that adds two things to your browser:"]}),e.jsxs("ol",{children:[e.jsx("li",{children:"A region-selection capture (drag a rectangle on any page)"}),e.jsx("li",{children:"A popup that runs that capture through AI and writes the result into Notion"})]}),e.jsx("p",{children:"The clever part is the middle layer â five preset actions tell the AI exactly how to process the image. You don't write prompts. You click a button. Snapper has already written the prompt for you."}),e.jsx(hs,{}),e.jsx("h2",{children:"One Widget, Two States"}),e.jsx("p",{children:"The whole interaction lives in one popup. State one: you've captured a region, you're looking at the preview, you pick an action. State two: the AI has run, the result is sitting there, you confirm the destination and hit Save. Notion gets the structured text. Done."}),e.jsx("p",{children:`There's no "AI playground" step where you tinker with prompts and re-roll outputs. The five preset actions are tuned for the specific job they do â Extract Text is a no-frills OCR pass, Summarize is bullet-pointed and short, Create Tasks comes back as a checklist that pastes cleanly into Notion's checkbox blocks. If the default doesn't suit your workflow, Pro lets you add your own action with your own prompt, and that custom action shows up alongside the five built-ins.`}),e.jsx(xs,{}),e.jsx("h2",{children:"Default AI Included. Bring Your Own Key Optional."}),e.jsx("p",{children:"Snapper ships with AI processing built in. Every snap on the Free plan (up to 20/month) and every snap on Pro (unlimited) uses the included model â no API key, no provider account, no setup. Pick an action, get a result, save it to Notion. The subscription covers the call."}),e.jsx("p",{children:"For power users who want a specific model â the latest GPT, Claude Opus, a particular fine-tune â Settings lets you optionally plug in an OpenAI or Anthropic API key. When that key is set, every snap routes directly from the browser to that provider to Notion, without touching NotionFlow infrastructure. Useful when team policy dictates which AI vendors get to see what, or when a specific model handles a workflow better than the default."}),e.jsx("p",{children:'The Notion side is the same OAuth posture every NotionFlow extension uses: revocable from "My connections," scoped to whichever pages you grant.'}),e.jsx(ps,{}),e.jsx("h2",{children:"What Snapper Doesn't Try to Be"}),e.jsxs("p",{children:["Snapper isn't a screenshot editor. There's no annotation toolbar, no arrows, no blur tool. If you want a full-featured screenshot app, use one. Snapper is the path from ",e.jsx("em",{children:"captured image"})," to ",e.jsx("em",{children:"structured text in Notion"}),", and that's the whole job."]}),e.jsx("p",{children:"It also isn't a clipboard manager. Once the result lands in Notion, that's the system of record. Snapper doesn't keep a history of past snaps (unless you turn that on in Pro, and even then it's just for re-running an action on the same image â not for browsing your screenshot archive)."}),e.jsx("h2",{children:"Free vs Pro vs Suite"}),e.jsx("p",{children:"Free includes the first three actions (Extract / Summarize / Tasks), 20 snaps per month, and full Notion saving. It's the right plan if you screenshot a few times a week."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Snapper Pro"})," ($4.99/mo or $3.99/mo annual) unlocks unlimited snaps, all five built-in actions plus custom actions, multiple-destination save, and AI memory (carry context between snaps â useful when you're processing a series of slides from the same deck)."]}),e.jsxs("p",{children:["Or â ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual includes Snapper Pro plus every other extension. Break-even is three tools."]}),e.jsx(gs,{}),e.jsx("h2",{children:"Get Snapper"}),e.jsx("p",{children:"Snapper works on Chrome, Brave, Arc, Edge â anything Chromium. Free for 20 snaps a month, AI included. Install, connect Notion, drag your first region. The next screenshot you take, you'll wonder why you ever did it the long way."})]})},"notion-deadlines-across-databases":{slug:"notion-deadlines-across-databases",title:"Every Notion Deadline in One View (Without Building a Master Database)",meta:"DeadlineFlow is a free Chrome extension that pulls deadlines from every Notion database you connect â Projects, Personal, Client A, Client B, Bills â into one popup with month, today, list, and stats views.",date:"May 2026",readTime:"6 min read",tag:"Product",accent:L,cta:e.jsx(Rs,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Notion power-user workspaces all end up the same way: deadlines live in five different databases."}),e.jsxs("p",{children:["Sprint deliverables in your ",e.jsx("em",{children:"Projects"})," DB. Personal todos in ",e.jsx("em",{children:"Tasks"}),". Per-client deliverables in ",e.jsx("em",{children:"Client A Sprint"})," and ",e.jsx("em",{children:"Client B Quarterly"}
21),". Domain renewals and tax dates in ",e.jsx("em",{children:"Bills"}),". Every database has its own Date property, its own sort order, its own filtered views."]}),e.jsx("p",{children:'The "right" answer is supposed to be: build a master deadlines database, set up linked relations, write a formula to pull due dates from everywhere. The reality is that no one does it, because the formula breaks the moment you add a new database, and the linked-relation maintenance is its own job.'}),e.jsxs("p",{className:"text-white/70 font-medium",children:["You don't need a master database. You need a view ",e.jsx("em",{children:"across"})," them."]}),e.jsx(Ue,{}),e.jsx("h2",{children:"What DeadlineFlow Does"}),e.jsxs("p",{children:[e.jsx("strong",{children:"DeadlineFlow"})," connects to your Notion workspace via OAuth and scans every database you point it at. For each one, you tell it which column holds the due date â that's the entire setup. From then on, every fifteen minutes it syncs and merges the date columns into one timeline."]}),e.jsx("p",{children:"The popup gives you four ways to read that timeline. Each is a different mental mode: planning, executing, browsing, measuring. Tour them in order."}),e.jsx(He,{}),e.jsx("p",{children:"Month view is the planner. You see the shape of your week, where the heavy days are, where the gaps are. Color dots tell you which database each item came from without needing to open it. Click a day and it expands into the full list for that date."}),e.jsx(qe,{}),e.jsx("p",{children:"Today view is the execution mode. Open it in the morning, work top to bottom. Overdue items shame you at the top in red. Today's items follow in time order. Tick a box and it syncs back to Notion immediately â the original database row gets marked complete."}),e.jsxs("p",{children:["The friction this removes is real: ",e.jsx("strong",{children:'no more "wait, did I miss a deadline in the Bills DB?"'})," One popup, one scroll, every overdue item visible."]}),e.jsx(Ve,{}),e.jsx("p",{children:"List view is for the weekly review. When you sit down on Sunday night to think about the week ahead, you don't want a calendar â you want a flat chronological list. Grouped by date, color-tagged by source. Pro adds search and a priority filter."}),e.jsx(Qe,{}),e.jsx("p",{children:"Stats view is the accountability layer, and it's Pro-only. It logs every box you tick and surfaces three numbers: deadlines closed this week (with delta from last week), current streak, lifetime total. The streak is the one that matters â it's the same loss-aversion mechanic that keeps Duolingo streaks alive."}),e.jsx("p",{children:`Free users see the Stats tab too, but it shows an upgrade card explaining why this one's behind the paywall: the streak counter is what turns "I should hit my deadlines" into "I'm 8 days into a streak and I'm not breaking it tonight."`}),e.jsx("h2",{children:"What Doesn't Work (and Why DeadlineFlow Avoids It)"}),e.jsx("p",{children:'Most "deadline aggregators" try to be calendars. They want to replace Notion as the source of truth, sync two ways, handle reminders, send emails. They become their own thing to maintain.'}),e.jsxs("p",{children:["DeadlineFlow does ",e.jsx("em",{children:"none"})," of that. The source of truth is always Notion. The popup is a read-mostly viewer with one write back (the completion checkbox). There's no DeadlineFlow calendar to set up, no reminder rules to configure, no notification settings to fight."]}),e.jsxs("p",{children:["The mental model: ",e.jsx("strong",{children:"your Notion databases stay your databases. DeadlineFlow is the lens you look through."})]}),e.jsx("h2",{children:"Setup"}),e.jsxs("ol",{children:[e.jsx("li",{children:"Install DeadlineFlow from the Chrome Web Store."}),e.jsx("li",{children:"Connect your Notion workspace via OAuth."}),e.jsx("li",{children:"Pick the databases that hold deadlines (3 on Free, unlimited on Pro)."}),e.jsx("li",{children:"For each one, pick the date column."}),e.jsx("li",{children:"Done. Sync runs immediately, then every 15 minutes after that."})]}),e.jsx("p",{children:"The whole thing takes about ninety seconds. You can re-pick the date columns later if your database schema changes â Settings â Databases â re-select."}),e.jsx("h2",{children:"Free vs Pro vs Suite"}),e.jsx("p",{children:"Free covers three connected databases, all four views, and auto-sync. It's the right plan for solo workers with one job's worth of deadlines."}),e.jsxs("p",{children:[e.jsx("strong",{children:"DeadlineFlow Pro"})," ($4.99/mo or $3.99/mo annual) lifts the database cap to unlimited, unlocks Stats with the streak counter, adds search and priority filtering inside List view, and bumps sync frequency. It's the plan for freelancers and consultants who run more than one client at once."]}),e.jsxs("p",{children:["Or â the ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual includes DeadlineFlow Pro plus every other extension in the suite. Break-even is three tools."]}),e.jsx(Je,{}),e.jsx("h2",{children:"Privacy"}),e.jsx("p",{children:`DeadlineFlow uses Notion OAuth exclusively â no account, no password. The server stores the OAuth token and a minimal sync cache (
21database IDs, deadline IDs, dates, titles, completion state). Page contents and database properties beyond the deadline metadata never get pulled. Revoking the connection from Notion's "My connections" page removes everything.`}),e.jsx("h2",{children:"Get DeadlineFlow"}),e.jsx("p",{children:"DeadlineFlow runs on Chrome, Brave, Arc, Edge, and every Chromium-based browser. Free for three databases â install, point it at your date columns, and the popup becomes your morning standup."})]})},"notion-pin-pages-by-mode":{slug:"notion-pin-pages-by-mode",title:"Pin Your Notion Pages by Mode (and Stop Drowning in the Sidebar)",meta:"PinFlow is a free Chrome extension that lets you pin Notion pages to color-coded modes â Work / Personal / Client / Reading. Switch between them in one click. No more sidebar archaeology.",date:"May 2026",readTime:"5 min read",tag:"Product",accent:R,cta:e.jsx(Es,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Count the favorites in your Notion sidebar. I'll wait."}),e.jsx("p",{children:"If the answer is more than ten, you're scrolling every time you switch contexts. If the answer is more than thirty, you've already given up on the sidebar as a navigation system â you're searching for everything by name."}),e.jsx("p",{children:"That's not a Notion problem. Notion's sidebar tries to serve every role you have at once: work pages and personal journal entries and reading lists and client briefs and project boards, all stacked vertically in a single column. The result is a never-ending list where the page you need today sits next to a Q4 archive you haven't opened in eight months."}),e.jsx("p",{className:"text-white/70 font-medium",children:"The actual fix isn't a better sidebar. It's a smaller one, scoped to what you're working on right now."}),e.jsx(Zt,{}),e.jsx("h2",{children:"Meet PinFlow"}),e.jsxs("p",{children:[e.jsx("strong",{children:"PinFlow"})," is a free Chrome extension that adds a small popup to your browser. The popup holds your pinned Notion pages, organized into ",e.jsx("strong",{children:"modes"}),'. A mode is just a labeled bucket â "Work," "Personal," "Reading," "Client" â and each mode holds its own short list of pages.']}),e.jsx("p",{children:"When you're working, you see Work mode: six pages, max. When you wind down, you switch to Personal mode and Work disappears. The pages you don't need stop fighting for attention."}),e.jsx(Xt,{}),e.jsx("h2",{children:"Modes Are the Trick"}),e.jsxs("p",{children:['The reason most "favorites" systems fail is that they conflate "I use this regularly" with "I want it visible ',e.jsx("em",{children:"right now"}),`." Those are different questions. Your daily journal is something you use regularly. It's not something you want sitting in your sidebar during a client meeting.`]}),e.jsx("p",{children:`Modes solve that by making "right now" explicit. You don't have to delete the personal pages to keep them out of your work view â you just don't put them in Work mode. They live in Personal mode, one click away, but they're not in your way.`}),e.jsx("p",{children:"The four modes most PinFlow users settle into:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Work"})," â sprint board, dashboards, team wiki, current project"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Personal"})," â daily journal, life goals, workout log, reading notes"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Reading"})," â articles inbox, highlights archive, book reviews"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Client"})," â per-client briefs, comms threads, deliverables"]})]}),e.jsx("p",{children:"Free includes two modes with ten pins each â plenty for one role plus one personal context. Pro lifts both caps. Custom colors and emoji per mode let you tell them apart at a glance."}),e.jsx(rs,{}),e.jsx("h2",{children:"Adding a Pin Takes Two Seconds"}
21),e.jsx("p",{children:"Open the Notion page you want to pin. Click the PinFlow icon in your browser toolbar. The widget appears already pre-filled with the page's title and emoji â confirm the mode, hit Pin. Done."}),e.jsx("p",{children:`Re-pinning to a different mode is a one-click drag inside the widget. Re-ordering pins within a mode is the same. There's no "manage your pins" admin screen â every interaction happens where you already are.`}),e.jsx(as,{}),e.jsx("h2",{children:"Search Crosses Every Mode"}),e.jsx("p",{children:"Sometimes you forget which mode a page lives in. Hit the search bar at the top of the widget and start typing. PinFlow searches every mode, not just the active one, and shows results grouped by where they live. The current mode floats to the top."}),e.jsx("p",{children:`You're not penalized for putting things in the "wrong" mode. Search finds them anyway. Modes are about default visibility, not file structure.`}),e.jsx(ns,{}),e.jsx("h2",{children:"Free vs Pro"}),e.jsx("p",{children:"The Free plan is real, not a trial. Two modes, ten pins per mode, full search and re-ordering, Notion OAuth, every UI feature. It's the right plan for most people who only juggle one job and one personal context."}),e.jsxs("p",{children:[e.jsx("strong",{children:"PinFlow Pro"})," ($4.99/mo or $3.99/mo annual) lifts both caps to unlimited and adds custom colors, custom emoji per mode, drag-to-reorder modes themselves, and cross-device sync. It's the plan for freelancers, consultants, and anyone running more than three projects at once."]}),e.jsxs("p",{children:["Or â if PinFlow isn't the only NotionFlow extension you'd want â the ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual ($119.88/yr) includes PinFlow Pro plus every other extension I ship. Break-even is three tools."]}),e.jsx(is,{}),e.jsx("h2",{children:"Privacy"}),e.jsx("p",{children:`PinFlow uses Notion OAuth â no account, no password on file. The only thing stored on my servers is the encrypted OAuth token and the pin metadata (URL, title, mode). Page contents never touch my infrastructure. You can revoke the connection from Notion's "My connections" page at any time and the pins go away with it.`}),e.jsx("h2",{children:"Get PinFlow"}),e.jsx("p",{children:"PinFlow works on Chrome, Brave, Arc, Edge, and every Chromium browser. Free forever for two modes â install, connect Notion, pin your first page in under thirty seconds."}),e.jsx("p",{children:"The next time you go hunting through your sidebar for the page you opened ten minutes ago, you'll wish you had it."})]})},"notion-daily-note-hotkey":{slug:"notion-daily-note-hotkey",title:"How to Open Your Notion Daily Note With One Hotkey (and Actually Build the Habit)",meta:"Stop hunting for today's daily note in Notion. DailyFlow is a free Chrome extension that opens (or creates) today's row in your daily database with one hotkey â no scrolling, no template setup.",date:"May 2026",readTime:"6 min read",tag:"Product",accent:M,cta:e.jsx(Bs,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:`If you've ever set up a "daily note" system in Notion, you already know how it ends. The first week is great. By week three you're scrolling past a wall of old entries to find today's. By week five you've stopped opening it.`}),e.jsx("p",{children:"The problem isn't the system. It's the friction of getting to it."}),e.jsx("p",{children:"Most people quit a daily-note habit not because they hate writing â but because finding today's row takes four clicks and a scroll. Compound that by 365 days and you've spent more time hunting than journaling."}),e.jsx("p",{className:"text-white/70 font-medium",children:"What if you could open (or create) today's daily note with one hotkey, from anywhere?"}),e.jsx(Pt,{}),e.jsx("h2",{children:"Why Daily Notes Break in Notion"}),e.jsx("p",{children:"Notion is the best tool I know for shaping a daily-note system. You can build any structure: morning pages, work logs, a Zettelkasten, daily standup notes, gratitude lists, dev journals."}),e.jsx("p",{children:"But once your daily database has a few hundred rows, three things happen:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"The list gets long."}
vendor: 8,101 bytes, line 21
21)," You scroll past 200 days of entries to find today."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"You forget to create today's row."})," And once you skip a day, the streak feels broken."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"The template breaks."})," You set up a template button â but it lives inside the database, which means you have to navigate there to use it."]})]}),e.jsx("p",{children:`The official Notion app doesn't fix this. It can't, really â daily notes are a power-user pattern, not a platform feature. Notion's roadmap is platform-wide; "1-hotkey daily note opener" is never going to make the cut.`}),e.jsxs("p",{children:["So power users hack around it. They pin the daily database to the sidebar (still scrolls). They build complex templates with formulas that hide old entries (works until it doesn't). They use Notion's ",e.jsx("code",{children:"/today"})," shortcut (only inserts a date, doesn't open anything)."]}),e.jsx("p",{children:"The actual fix is a hotkey that lives outside Notion and opens the right row directly."}),e.jsx(Bt,{}),e.jsx("h2",{children:"Meet DailyFlow: Today's Note, One Hotkey Away"}),e.jsxs("p",{children:[e.jsx("strong",{children:"DailyFlow"})," is a free Chrome extension that does one thing without compromise: it opens (or creates) today's row in your Notion daily database with a single hotkey."]}),e.jsx("p",{children:'No scrolling. No template setup. No "/today" workarounds.'}),e.jsx("h3",{children:"Here's the flow:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Press your hotkey"})," â default is ",e.jsx("code",{children:"ââ§D"})," on Mac or ",e.jsx("code",{children:"Ctrl+Shift+D"})," on Windows / Linux. Customizable."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"The DailyFlow popup appears"})," â already showing today's date, your current streak, and any captures you've added today."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"If today's row already exists in Notion"}),' â click "Open in Notion" to jump straight to it.']}),e.jsxs("li",{children:[e.jsx("strong",{children:"If today's row doesn't exist"})," â DailyFlow creates it (using your template if you have one), then opens or surfaces it in the popup."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Or skip Notion entirely"})," â type a thought into the popup and it lands in today's page as a timestamped block."]})]}),e.jsx("p",{children:"The whole cycle is sub-second. By the time your hand leaves the keyboard, the popup is on screen and ready."}),e.jsx(Et,{}),e.jsx("h2",{children:'How DailyFlow Knows What "Today" Means'}),e.jsx("p",{children:'Daily databases come in every shape. Some people use a Date property called "Date." Some use "Day." Some use formula rollups. DailyFlow handles them.'}),e.jsx("p",{children:"During setup, you point it at your daily database and pick the date column. It remembers. From then on, every hotkey press queries that exact column for today's date in your timezone and either opens the match or creates a new row."}),e.jsx("p",{children:`If you have a template attached to the daily database, DailyFlow respects it â new rows are created using your template, exactly as if you'd clicked the "New" button manually.`}),e.jsx("p",{children:"The result: your daily-note structure stays untouched. DailyFlow is just a faster door into it."}),e.jsx("h2",{children:"Quick Capture: Type into the Popup, Save to Notion"}),e.jsxs("p",{children:["Half the time you press the hotkey, you don't actually want to ",e.jsx("em",{children:"read"})," today's note â you want to ",e.jsx("em",{children:"add"})," something to it. A passing thought before it slips. A link you don't want to forget. A TODO that just landed in your head."]}),e.jsx("p",{children:`DailyFlow's popup has a quick-capture input right under "Open in Notion." Type a line, hit return, and it appends to today's page as a timestamped block. The popup closes. Notion never had to be opened.`}),e.jsx("p",{children:"The captures show up in the popup itself too â every time you open it during the day, you see what you've already captured. A running log of the day, visible at a glance."}),e.jsx(Dt,{}),e.jsx("h2",{children:"Streak Tracking: Friction Killed the Habit. This Brings It Back."}),e.jsx("p",{children:"Every day you open today's note, DailyFlow logs it. The popup shows your current streak, your best streak ever, and the last fourteen days as a heatmap. Miss a day and the streak resets â which, if you've ever tried to keep a Duolingo streak alive, you know is a stronger motivator than any habit-app dashboard."}),e.jsx("p",{children:"Hit a milestone and a badge appears: ð¥ at 7 days, â¡ at 30, ð at 60, ð at 100, ð at a full year. The badges sit in the popup so you see them every morning. The point isn't the icon â it's that you have something concrete to lose by skipping."}),e.jsx(It,{}),e.jsx("h2",{children:"DailyFlow vs Doing It Manually"}),e.jsx("div",{className:"overflow-x-auto -mx-2",children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Step"}),e.jsx("th",{children:"Manual (Notion alone)"}),e.jsx("th",{children:"With DailyFlow"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"Find your daily DB"}),e.jsx("td",{className:"text-white/40",children:"Sidebar â scroll â click"}),e.jsx("td",{className:"text-emerald-400",children:"(none)"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Find today's row"}),e.jsx("td",{className:"text-white/40",children:"Scroll the table, sort by date, find today"}),e.jsx("td",{className:"text-emerald-400",children:"(none)"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Create today if missing"}),e.jsx("td",{className:"text-white/40",children:'Click "New," pick template, fill date'}),e.jsx("td",{className:"text-emerald-400",children:"(none)"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Open it"}),e.jsx("td",{className:"text-white/40",children:"Click in"}),e.jsx("td",{className:"text-emerald-400",children:"One hotkey"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:"Total time"})}),e.jsx("td",{className:"text-white/40",children:"10â15 seconds + decision fatigue"}),e.jsx("td",{className:"text-emerald-400",children:"< 1 second"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:"Days you skip"})}),e.jsx("td",{className:"text-white/40",children:"5â10/month (friction)"}),e.jsx("td",{className:"text-emerald-400",children:"~0"})]})]})]})}),e.jsx("p",{children:"That last row is the one that matters. The reason daily-note systems collapse isn't time â it's friction. Remove the friction and the habit survives."}),e.jsx("h2",{children:"Built for Daily-Note People"}),e.jsx("p",{children:"DailyFlow is single-purpose by design. It doesn't try to be a journaling app, a habit tracker, or a productivity dashboard. It opens today's note. That's the whole pitch."}),e.jsx("p",{children:`But "today's note" looks different depending on who you are.`}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Daily journalers."})," Morning pages, gratitude logs, end-of-day reflections. The system only works if opening the note is frictionless."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Developers writing daily logs."})," What I shipped, what broke, what I'm picking up tomorrow. One hotkey from terminal â today's log."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Project managers with daily standup notes."})," Open today's standup before the call starts, not three minutes into it."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Students with class notes."})," A row per day, organized by date. Open today's during the lecture without losing focus."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Writers with morning pages."})," The Julia Cameron habit only works if the friction is zero. DailyFlow zeros it."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Anyone with a daily database in Notion."}
21)," If you have a row-per-day system and you've felt it break, DailyFlow is the fix."]})]}),e.jsx(Wt,{}),e.jsx("h2",{children:"Setup Takes 90 Seconds (Once)"}),e.jsxs("ol",{children:[e.jsx("li",{children:"Install DailyFlow from the Chrome Web Store"}),e.jsx("li",{children:"Connect your Notion workspace via OAuth"}),e.jsx("li",{children:"Pick your daily database"}),e.jsx("li",{children:"Pick your date column"}),e.jsx("li",{children:"(Optional) Customize the hotkey"})]}),e.jsx("p",{children:"That's it. From then on, the hotkey just works."}),e.jsx("p",{children:"You can connect more than one daily database too â different ones for different contexts (work daily log + personal journal, for example). DailyFlow lets you bind separate hotkeys to each."}),e.jsx("h2",{children:"Free, with a Pro Tier"}),e.jsxs("p",{children:["DailyFlow is ",e.jsx("strong",{children:"free"})," with one connected daily database, default hotkey, quick capture, streak tracking, and the 14-day streak history."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"DailyFlow Pro"})," unlocks the features that turn it from a hotkey into a daily ritual:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Task rollover."})," Any unfinished checkbox from yesterday's note auto-copies into today's. You never have to remember what fell through the cracks."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Daily mantra."})," A custom line of text that shows in the popup every morning â a one-sentence intention you actually see, instead of one buried in a journal entry."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Full year heatmap."})," GitHub-style activity grid for the entire year. Watch the green fill in."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Multiple connected daily databases."})," Work daily log + personal journal + side-project notebook, all bound to different hotkeys."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"28-day streak history"})," (vs 14 on Free), cross-device sync, priority support."]}
21)]}),e.jsxs("p",{children:["Pro is ",e.jsx("strong",{children:"$4.99/mo"})," or ",e.jsx("strong",{children:"$3.99/mo"})," billed annually ($47.88/yr)."]}),e.jsxs("p",{children:["Or â if you're a Notion power user with more than one extension on your radar â the ",e.jsx("strong",{children:"NotionFlow Suite"})," at $9.99/mo annual ($119.88/yr) includes DailyFlow Pro plus every other extension I ship, current and future. Break-even is three tools. Most power users hit that in a week."]}),e.jsx(Gt,{}),e.jsx("h2",{children:"Privacy and Trust"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Notion OAuth only â no account, no password"}),e.jsx("li",{children:"DailyFlow queries only the daily database(s) you explicitly connect"}),e.jsx("li",{children:"No data stored on servers beyond the OAuth token and license validation"}),e.jsx("li",{children:"All your daily-note content stays inside Notion"})]}),e.jsx("p",{children:"The Chrome Web Store reviews the source on every release. The privacy posture is the same across every NotionFlow extension: OAuth-only, minimal data, no analytics on your content."}),e.jsx(Rt,{}),e.jsx("h2",{children:"Get DailyFlow"}),e.jsx("p",{children:"DailyFlow works on Chrome, Brave, Arc, Edge, and every Chromium browser."}),e.jsx("p",{children:"Stop hunting for today's note. Press the hotkey instead."})]})},"best-notion-chrome-extensions-2026":{slug:"best-notion-chrome-extensions-2026",title:"The Best Chrome Extensions for Notion Power Users in 2026",meta:"A growing suite of single-purpose Chrome extensions for Notion power users. Save to Notion in one click, open today's daily note before your coffee, pin pages, surface deadlines.",date:"May 2026",readTime:"7 min read",tag:"Suite",accent:D,cta:e.jsx($s,{}),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"If Notion is where your work lives, you've probably noticed something: it's the most flexible tool ever built, and that flexibility quietly creates a thousand tiny frictions."}),e.jsx("p",{children:"You want to save a quote from a blog post. That's six steps: copy â switch tabs â navigate to the right Notion page â paste â format â switch back. Thirty seconds, every single time."}),e.jsx("p",{children:"You want to open today's daily note. Four clicks at minimum â and only if your sidebar isn't a mess."}),e.jsx("p",{children:"You want to know what's due across your three different databases. That's checking each one manually, every morning."}),e.jsxs("p",{className:"text-white/70 font-medium",children:["Notion doesn't fix any of this. Their roadmap is platform-wide. Power-user edge cases aren't on it. That's the gap ",e.jsx("strong",{style:{color:D},children:"NotionFlow"})," fills."]}),e.jsx(ft,{}),e.jsx("h2",{children:"What NotionFlow Actually Is"}),e.jsxs("p",{children:["NotionFlow is a growing suite of ",e.jsx("strong",{children:"Chrome extensions for Notion power users"}),". Each extension does one thing â really, just one â and does it without compromise. There's no all-in-one Notion super-app here. There's no fifty-feature dashboard. There's a small popup, a single hotkey, a one-click action â and your workflow inside Notion gets noticeably faster."]}),e.jsxs("p",{children:["A growing number of extensions are already live in the Chrome Web Store, with more in development or on the published roadmap. If you subscribe to the ",e.jsx("strong",{children:"Suite"})," ($9.99/mo billed annually), you get every current tool and every future tool shipped during your subscription â automatically."]}),e.jsx("p",{children:"I'm the solo founder. I build these because I'm a Notion power user myself, and the frictions are the ones I hit every day."}),e.jsx("h2",{children:"What's Live Today"}),e.jsx("p",{children:"These are shipping today in the Chrome Web Store. Each one solves a specific friction. Each works on its own, and they share OAuth, settings, and the same support thread when you have multiple installed."}),e.jsx("h3",{children:"Clipper â Save anything from the web to Notion in under 3 seconds"}),e.jsx("p",{children:"You copy text on any webpage. A small widget appears near your cursor showing what you copied and a Notion destination. Click Save. The text lands in your chosen Notion page, formatted cleanly, with optional source URL and timestamp. Total elapsed: roughly two seconds."}),e.jsx("p",{children:"Clipper is text-first, which is the part the official Notion clipper gets wrong. It doesn't try to save the whole webpage. It saves what you actually highlighted."}
21),e.jsx("h3",{children:"DailyFlow â Your daily Notion note, one hotkey away"}),e.jsx("p",{children:"Power users who run a daily-journal habit know the friction: the longer you keep at it, the harder it is to open the right note quickly. DailyFlow opens today's daily note in your daily database with one hotkey â no scrolling, no date entry, no template setup. It scans your daily database, finds today's row, and opens it instantly. If today's row doesn't exist yet, DailyFlow creates it from your template."}),e.jsx("h3",{children:"PinFlow â Pin your most-used Notion pages to the browser toolbar"}),e.jsx("p",{children:"If you bounce between two or three workspaces or contexts during the day (Work, Personal, Client X), you've felt this one. PinFlow lets you pin any Notion page to your browser toolbar and switch contexts in a single click. No tab hunting, no bookmark folder, no sidebar archaeology."}),e.jsx("h3",{children:"DeadlineFlow â A cross-database deadline radar Notion doesn't have natively"}),e.jsx("p",{children:`You probably have deadlines spread across multiple Notion databases â projects, tasks, content calendar, personal goals. Notion has no native way to surface "what's due today across everything." DeadlineFlow does. It scans date properties across every connected database and surfaces what's due today, this week, and this month â in one popup.`}),e.jsx("h3",{children:"FormFlow â Add to any Notion database without opening Notion"}),e.jsx("p",{children:"You maintain a CRM, reading list, idea inbox, or content calendar in Notion. Every entry today takes 30 seconds of context-switching â open Notion, find the database, click + New, fill the title, tab to status, tab to tags. Half the entries you mean to log never get logged. FormFlow renders the destination database's actual property schema as a one-click form in your browser. Pick a database, fill the fields, hit Save â new page lands in your workspace in under a second."}),e.jsx("h3",{children:"Tuner â Hide Notion's clutter, dial in your view"}),e.jsx("p",{children:"Notion is powerful, but the default UI is busy: sidebars, breadcrumbs, page properties, AI buttons, backlinks, comments. Tuner is a remote control for Notion's interface â hide any UI element you don't need, switch fonts, apply themes built for focus, save your setup as a custom mode. Pure CSS, no API connection required."}),e.jsx(wt,{}),e.jsx("h2",{children:"The Suite Model (and Why It Beats Buying Tools One at a Time)"}),e.jsx("p",{children:"Most indie tools are one-shot products. You buy them, you use them, and that's it. NotionFlow works differently."}),e.jsxs("p",{children:["The Suite subscription is ",e.jsx("strong",{children:"$9.99/mo billed annually ($119.88/yr)"}),". That's roughly the cost of two individual extensions. With the Suite, you get:"]}),e.jsxs("ul",{children:[e.jsx("li",{children:"Every currently-live extension, plus more shipping monthly"}),e.jsxs("li",{children:[e.jsx("strong",{children:"Every future extension shipped during your subscription"})," â automatically unlocked when it launches"]}),e.jsx("li",{children:"One shared dashboard, one Notion OAuth connection, one support thread"})]}
21),e.jsx("p",{children:"The longer you stay subscribed, the more value the Suite accumulates. It's a small, indie version of the same reason teams pay for Adobe Creative Cloud or JetBrains' All Products Pack â the bundle compounds."}),e.jsxs("p",{children:["If you'd rather pay per tool, every extension is also available individually at ",e.jsx("strong",{children:"$4.99/mo or $3.99/mo billed annually"}),". The break-even is about three tools â if you use three or more, the Suite is cheaper than buying them separately."]}),e.jsx("h3",{children:"Founding 100 (limited)"}),e.jsxs("p",{children:["The first 100 people who subscribe to the annual Suite plan ",e.jsx("strong",{children:"lock in $79/yr forever"})," with the code ",e.jsx("code",{children:"FOUNDING100"}),". That's a permanent discount, not a one-year teaser. It exists because the people who buy in early help fund the roadmap."]}),e.jsx(vt,{}),e.jsx("h2",{children:"What's Shipping Next"}),e.jsx("p",{children:"The roadmap isn't a tease â these are in active development or pending Chrome Web Store review right now."}),e.jsx("div",{className:"overflow-x-auto -mx-2",children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Extension"}),e.jsx("th",{children:"What it solves"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"In development"}),e.jsx("td",{children:e.jsx("strong",{children:"TreeView"})}),e.jsx("td",{children:"Visualize your entire Notion workspace as a tree."})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"In development"}),e.jsx("td",{children:e.jsx("strong",{children:"TemplateFlow"})}),e.jsx("td",{children:"Your most-used templates, one click from anywhere."})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"Planned"}),e.jsx("td",{children:e.jsx("strong",{children:"FocusFlow"})}),e.jsx("td",{children:"Focus mode for deep work in Notion."})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"Planned"}),e.jsx("td",{children:e.jsx("strong",{children:"RelayFlow"})}),e.jsx("td",{children:"Two-way sync between Notion databases and your calendar."})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"Planned"}),e.jsx("td",{children:e.jsx("strong",{children:"LinkFlow"})}),e.jsx("td",{children:"Find and fix broken links across your workspace."})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"text-white/55",children:"Planned"}),e.jsx("td",{children:e.jsx("strong",{children:"ExportFlow"})}),e.jsx("td",{children:"Export pages and databases to Markdown, PDF, or HTML."})]})]})]})}),e.jsx("p",{children:"Suite subscribers get each of these unlocked automatically as they ship."}),e.jsx(Ft,{}),e.jsx("h2",{children:"How NotionFlow Compares to the Alternatives"}),e.jsx("div",{className:"overflow-x-auto -mx-2",children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Concern"}),e.jsx("th",{children:"NotionFlow"}),e.jsx("th",{children:"Pocket / Raindrop"}),e.jsx("th",{children:"Zapier / Make"}),e.jsx("th",{children:"Notion native"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"Built for Notion"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"No"}),e.jsx("td",{className:"text-emerald-400",children:"Yes (with setup)"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"One-click / one-hotkey"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"Multi-step"}),e.jsx("td",{className:"text-white/30",children:"Trigger flow needed"}),e.jsx("td",{className:"text-white/30",children:"Varies"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"No setup required"}),e.jsx("td",{className:"text-emerald-400",children:"Yes (OAuth)"}),e.jsx("td",{className:"text-white/30",children:"Sometimes"}),e.jsx("td",{className:"text-white/30",children:"No"}),e.jsx("td",{className:"text-emerald-400",children:"N/A"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Lives in your browser"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"No"}),e.jsx("td",{className:"text-white/30",children:"Sometimes"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Compounding suite"}),e.jsx("td",{className:"text-emerald-400",children:"Yes â every future tool included"}),e.jsx("td",{className:"text-white/30",children:"No"}),e.jsx("td",{className:"text-white/30",children:"No (per zap)"}),e.jsx("td",{className:"text-white/30",children:"N/A"})]})]})]})}),e.jsxs("p",{children:["The thing none of the alternatives can do: ",e.jsx("strong",{children:"save into your Notion structure with your destinations"}),", in your hotkey, without leaving the page you're on."]}),e.jsx("h2",{children:"Who NotionFlow Is For"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Researchers and students"})," â capture quotes, sources, and lecture material into the right Notion page without breaking flow"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Writers and content creators"})," â clip references, inspiration, and competitor copy as you browse"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Developers"})," â save code snippets, error messages, and documentation to your dev notes"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Second-brain builders"})," â feed your Zettelkasten, reading list, or PKM system directly"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Project managers"})," â track deadlines across every Notion database without manual cross-checking"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Daily-note people"})," â habit-driven users who live in a daily journal"]})]}),e.jsx("p",{children:"If you've ever copy-pasted into Notion, hunted for today's daily note, or missed a deadline because it was buried in a different database â NotionFlow is built for you."}),e.jsx(Ct,{}),e.jsx("h2",{children:"Privacy: OAuth-Only, No Server Data"}
21),e.jsx("p",{children:"Notion OAuth is the only way NotionFlow connects to your workspace. No password storage. No third-party data middleman. Clipboard text from Clipper goes directly from your browser to Notion's API â it never touches NotionFlow's servers. The same posture applies across every extension in the suite."}),e.jsx("p",{children:"The only data on the server is your Pro license validation (email + license key). That's it."}),e.jsx("h2",{children:"Install One. Try the Suite Later."}),e.jsx("p",{children:"The fastest path in: install any of the live extensions free, hit the daily friction it solves, and decide from there whether the Suite makes sense for you."})]})},"save-web-clippings-to-notion":{slug:"save-web-clippings-to-notion",title:"How to Save Web Clippings to Notion in Under 3 Seconds",meta:"Stop copy-pasting between browser tabs and Notion. Clipper is a free Chrome extension that saves copied text to any Notion page in one click.",date:"April 2026",readTime:"5 min read",tag:"Product",content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"If you use Notion as your second brain, you already know the drill: you find something worth saving on the web, copy it, open a new tab, navigate to the right Notion page, paste, format it, then switch back to what you were reading."}),e.jsx("p",{children:"That's six steps and at least 30 seconds â every single time."}),e.jsx("p",{children:"What if you could do it in one click and under three seconds?"}),e.jsx("h2",{children:"The Problem Every Notion User Knows"}),e.jsxs("p",{children:["Notion is one of the best tools for organizing knowledge. But getting information ",e.jsx("em",{children:"into"})," Notion from the web is still painfully manual."]}),e.jsx("p",{children:"The official Notion Web Clipper saves entire pages â useful sometimes, but overkill when you just want a paragraph, a quote, or a code snippet. You end up with bloated pages full of content you didn't need."}),e.jsx("p",{children:`Other "save to Notion" extensions force you through multiple menus: pick a database, fill in properties, choose a workspace. By the time you've saved one thing, you've completely lost your train of thought.`}),e.jsxs("p",{className:"text-white/70 font-medium",children:["Researchers, students, writers, and developers all hit the same wall: the friction between ",e.jsx("em",{children:"finding"})," something useful and"," ",e.jsx("em",{children:"capturing"})," it in Notion is too high."]}),e.jsx("div",{className:"relative w-full aspect-video rounded-xl overflow-hidden my-8",style:{background:"linear-gradient(145deg, rgba(124,92,252,0.06) 0%, rgba(255,255,255,0.015) 100%)",border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("video",{src:"/clipper33.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"w-full h-full object-cover rounded-xl"})}),e.jsx("h2",{children:"Meet Clipper: Copy, Click, Done"}),e.jsxs("p",{children:[e.jsx("strong",{children:"Clipper by NotionFlow"})," is a free Chrome extension that does one thing perfectly: when you copy text on any webpage, a small widget appears near your cursor. Pick your destination Notion page, hit Save, and your text is appended instantly."]}),e.jsx("p",{children:"No new tabs. No database menus. No formatting headaches."}),e.jsx("h3",{children:"Here's the full flow:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Copy any text"})," on any webpage (Ctrl+C / Cmd+C)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"The Clipper widget appears"})," right where you are â showing a preview of your copied text"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Your default Notion page"})," is pre-selected (or search for any page)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Click Save"})," â your text lands in Notion immediately"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Widget auto-dismisses"})," â you're back to reading in 2 seconds"]})]}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-comparison.png",alt:"Step-by-step: highlight text, widget appears, pick a page, saved to Notion",className:"w-full"})}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("video",{src:"/pageselect.mp4",autoPlay:!0,loop:!0,muted:!0,playsInl
21ine:!0,className:"w-full rounded-xl"})}),e.jsx("h2",{children:"Why Clipper Beats the Alternatives"}),e.jsx("div",{className:"overflow-x-auto -mx-2",children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Feature"}),e.jsx("th",{children:"Clipper"}),e.jsx("th",{children:"Notion's Official Clipper"}),e.jsx("th",{children:"Other Extensions"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"Appears on copy automatically"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"No"}),e.jsx("td",{className:"text-white/30",children:"No"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Saves selected text only"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"No (full page)"}),e.jsx("td",{className:"text-white/30",children:"Varies"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"One-click save"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"No (multi-step)"}),e.jsx("td",{className:"text-white/30",children:"No (multi-step)"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"No account required"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"Varies"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Free tier"}),e.jsx("td",{className:"text-emerald-400",children:"Yes (25 saves/month)"}),e.jsx("td",{className:"text-emerald-400",children:"Yes"}),e.jsx("td",{className:"text-white/30",children:"Varies"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Pro plan"}),e.jsx("td",{className:"text-emerald-400",children:"$4.99/mo or $39/yr"}),e.jsx("td",{className:"text-white/30",children:"N/A"}),e.jsx("td",{className:"text-white/30",children:"Varies"})]})]})]})}),e.jsxs("p",{children:["The key difference: Clipper is ",e.jsx("strong",{children:"text-first"}),". It doesn't try to save the entire webpage. It saves exactly what you copied â a quote, a snippet, a paragraph â appended cleanly to the Notion page of your choice."]}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-demo.png",alt:"The old way vs with Clipper comparison",className:"w-full"})}),e.jsx("h2",{children:"Features That Make It Actually Useful"}),e.jsxs("p",{children:[e.jsx("strong",{children:"Smart page selector"})," â Search across your entire Notion workspace. Pages show with their icons and emojis, so you always know where your text is going."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Create pages on the fly"})," â Need a new page? Create one right from the widget. Set a title, pick a parent page, and save to it immediately."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Source URL and timestamp"})," â Optionally include where you found the text and when. Perfect for research citations and bookmarking."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Save history"})," â Every clip is logged with a preview, destination, and time. Review your last 25 saves anytime from the extension popup."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Draggable widget"})," â The widget appears near your cursor but you can drag it anywhere. It never blocks what you're reading."]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Dark mode"})," â Matches your Notion aesthetic. Toggle between dark and light from settings."]}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-overview.png",alt:"Clipper feature overview",className:"w-full"})}),e.jsx("h2",{children:"Who Is Clipper For?"}),e.jsx("p",{children:"Whether you're a student, researcher, writer, developer, or just someone who lives in Notion â if you've ever copied text from a browser and pasted it into Notion, Clipper removes that friction entirely."}),e.jsx(Vt,{}),e.jsx("h2",{children:"Free Forever â With a Pro Option"}),e.jsxs("p",{children:["Clipper is ",e.jsx("strong",{children:"free"})," with 25 saves per month. That's enough for most casual users."]}),e.jsxs("p",{children:["Need more? ",e.jsx("strong",{children:"Clipper Pro"})," unlocks unlimited saves for"," ",e.jsx("strong",{children:"$4.99/month"})," or ",e.jsx("strong",{children:"$39/year"}),"."]}),e.jsx("h2",{children:"Privacy-First Design"}),e.jsxs("ul",{children:[e.jsxs("li",{children:["Your clipboard text goes directly from your browser to Notion's API â ",e.jsx("strong",{children:"it never touches our servers"})]}),e.jsx("li",{children:"No account required â connect your Notion workspace via OAuth"}
21),e.jsx("li",{children:"No analytics, no tracking, no telemetry"}),e.jsx("li",{children:"All settings and history stored locally in your browser"}),e.jsx("li",{children:"Disconnect anytime â all local data is cleared"})]}),e.jsx("div",{className:"flex flex-wrap gap-3 my-6",children:[{icon:"ð",label:"No Data Stored"},{icon:"ð¡ï¸",label:"Direct to Notion API"},{icon:"ðï¸âð¨ï¸",label:"Zero Tracking"},{icon:"ð",label:"OAuth â No Passwords"}].map(t=>e.jsxs("span",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs text-white/60",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("span",{children:t.icon}),t.label]},t.label))})]})},"notion-research-workflow-web-clipping":{slug:"notion-research-workflow-web-clipping",title:"Build a Faster Research Workflow in Notion with Web Clipping",meta:"Learn how to build a frictionless research workflow in Notion using web clipping. Capture quotes, sources, and references from the web without leaving your browser tab.",date:"April 2026",readTime:"6 min read",tag:"Guide",content:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Notion is arguably the best tool for organizing research. You can build databases, link pages, tag sources, and create a knowledge base that actually makes sense months later."}),e.jsxs("p",{children:["But there's a gap in most Notion research workflows:"," ",e.jsx("strong",{children:"the capture step"}),"."]}),e.jsx("p",{children:`You're reading an article, a paper, a forum thread. You find something worth keeping. Now what? Copy, open Notion, find the right page, paste, format, go back to reading. Multiply that by 30 sources and your "research session" is 40% tab-switching.`}),e.jsx("p",{children:"This post shows you how to set up a Notion research workflow that eliminates that friction entirely."}),e.jsx("h2",{children:"The Anatomy of a Good Research Workflow"}),e.jsx("p",{children:"Every research workflow â whether for a thesis, a blog post, a product decision, or personal learning â has three phases:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Discover"})," â finding relevant information on the web"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Capture"})," â saving the useful parts somewhere retrievable"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Organize"})," â structuring what you've captured into something usable"]})]}),e.jsx("p",{children:"Most Notion guides focus heavily on phase 3 (databases, templates, relations). But phase 2 is where most people lose time and momentum."}),e.jsx("div",{className:"flex items-center justify-center gap-5 my-10 flex-wrap",children:[{step:"1",label:"Discover",desc:"Browse & read"},{step:"2",label:"Capture",desc:"Clip instantly",highlight:!0},{step:"3",label:"Organize",desc:"Structure later"}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsxs("div",{className:"flex flex-col items-center text-center px-7 py-6 rounded-2xl",style:{background:t.highlight?"rgba(124,92,252,0.12)":"rgba(255,255,255,0.04)",border:t.highlight?"1px solid rgba(124,92,252,0.30)":"1px solid rgba(255,255,255,0.06)",minWidth:150,boxShadow:t.highlight?"0 8px 24px rgba(124,92,252,0.12)":"0 4px 16px rgba(0,0,0,0.20)"},children:[e.jsxs("span",{className:"text-[11px] font-bold mb-1.5 uppercase tracking-wider",style:{color:t.highlight?"#A78BFA":"rgba(255,255,255,0.35)"},children:["Step ",t.step]}),e.jsx("span",{className:"text-base font-semibold",style:{color:t.highlight?"rgba(255,255,255,0.90)":"rgba(255,255,255,0.65)"},children:t.label}),e.jsx("span",{className:"text-xs mt-1",style:{color:"rgba(255,255,255,0.35)"},children:t.desc})]}),s<2&&e.jsx("span",{className:"text-white/15 text-lg hidden sm:block",children:"â"})]},t.step))}),e.jsx("h2",{children:"Step 1: Set Up Your Research Pages in Notion"}),e.jsx("p",{children:"Before you start clipping, create a simple structure in Notion. You don't need a complex database â a few dedicated pages work perfectly."}),e.jsx("h3",{children:"Option A: Single research page (simple)"}),e.jsx("p",{children:'Create one page called something like "Research â [Topic]". All clippings get appended here in chronological order. Good for short projects, blog research, or exploratory reading.'}),e.jsx("h3",{children:"Option B: Multiple pages by category"}),e.jsx("p",{children:"Create separate pages for subtopics:"}),e.jsxs("ul",{children:[e.jsx("li",{children:'"Sources â Competitor Analysis"'}),e.jsx("li",{children:'"Quotes â User Interview Notes"'}),e.jsx("li",{children:'"References â API Documentation"'})]}),e.jsx("p",{children:"Each page acts as a running log of relevant clippings."}),e.jsx("h3",{children:"Option C: Research database (advanced)"}),e.jsx("p",{children:"Create a Notion database with properties like Source, Date, Tags, and Status. Create individual pages within the database for each source or theme, and clip directly into them."}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-research2.png",alt:"Clipper research workflow in Notion",className:"w-full"})}),e.jsx("h2",{children:"Step 2: Connect Clipper to Your Workspace"}),e.jsxs("p",{children:["Install"," ",m?e.jsx(y,{to:"/clipper",className:"text-blue-400 hover:text-blue-300 transition-colors",children:"Clipper by NotionFlow"}):e.jsx("a",{href:Ce,target:"_blank",rel:"noopener noreferrer",children:"Clipper by NotionFlow"})," ",`from the Chrome Web Store. When you open it for the first time, click "Connect to Notion" â this uses Notion's official OAuth, so no passwords are shared.`]}),e.jsxs("p",{children:["Once connected, set your ",e.jsx("strong",{children:"default destination page"})," in Clipper's settings. This is the page that appears pre-selected every time you clip. Choose the page you'll save to most often."]}),e.jsx("p",{children:"Also enable these two settings:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Include source URL"})," â automatically appends the webpage link below your clipped text"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Include date/time"}
21)," â adds a timestamp so you know when you captured it"]})]}),e.jsx("p",{children:"These two settings turn every clip into a properly cited research note with zero extra effort."}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-settings.png",alt:"Clipper settings panel",className:"w-full"})}),e.jsx("h2",{children:"Step 3: Clip as You Read"}),e.jsx("p",{children:"This is where the workflow pays off."}),e.jsx("p",{children:"Open your research sources â articles, documentation, forum threads, papers. Read naturally. When you find a paragraph, quote, or data point worth keeping:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Select and copy"})," the text (Cmd+C / Ctrl+C)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Clipper's widget appears"})," near your cursor with a preview"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Verify or change"})," the destination page (tap to search your workspace)"]}),e.jsx("li",{children:e.jsx("strong",{children:"Click Save"})})]}),e.jsx("p",{children:"The text is appended to your Notion page instantly. The widget disappears. You're still on the same page, same scroll position, same train of thought."}),e.jsx("p",{className:"text-white/70 font-medium",children:"No tab switching. No context loss. No formatting to fix."}),e.jsx("p",{children:"Do this 20, 30, 50 times across a research session. At the end, open your Notion page and you'll have a chronological log of every important thing you found â each with its source URL and timestamp."}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-select.png",alt:"Clipper page selector in action",className:"w-full"})}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 my-8",children:[e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("video",{src:"/settings1.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"w-full rounded-xl"})}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("video",{src:"/pageselect.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"w-full rounded-xl"})})]}),e.jsx("h2",{children:"Step 4: Organize After, Not During"}),e.jsxs("p",{children:["Here's the key mindset shift:"," ",e.jsx("strong",{children:"don't organize while you're capturing"}),"."]}),e.jsxs("p",{children:["When you're in discovery mode, your job is to read and clip. That's it. Trying to categorize, tag, and file every piece of information"," ",e.jsx("em",{children:"as you find it"})," kills your reading momentum."]}),e.jsx("p",{children:"Instead, batch your organization:"}),e.jsxs("ol",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Clip everything relevant"})," during your research session"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Open your Notion page"})," when you're done"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Review your clips"})," â Clipper includes a preview of the first 300 characters for each save"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Move, tag, or restructure"})," clips into your final organization system"]})]}),e.jsx("p",{children:"This two-phase approach â capture fast, organize later â is how tools like Zettelkasten and progressive summarization actually work in practice. Clipper makes the capture phase near-instant."}),e.jsx("div",{className:"my-8 rounded-xl overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.10)"},children:e.jsx("img",{src:"/clipper-research1.png",alt:"Research workflow before and after Clipper",className:"w-full"})}),e.jsx("h2",{children:"Pro Tips for Power Users"}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 my-6",children:[{icon:"â¨ï¸",title:"Keyboard shortcuts",desc:"Press Cmd+Shift+N (Mac) or Ctrl+Shift+N (Windows) to open Clipper anytime."},{icon:"ð",title:"Switch defaults per project",desc:"Change your default destination page when you switch research contexts."},{icon:"â",title:"Create pages mid-session",desc:"Create a new Notion page right from the widget â no need to open Notion."},{icon:"ð",title:"History as a session log",desc:"Your last 25 saves act as a quick reference for what you captured today."}].map(t=>e.jsxs("div",{className:"flex gap-3 p-4 rounded-xl",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("span",{className:"text-lg flex-shrink-0",children:t.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium mb-0.5",style:{color:"rgba(255,255,255,0.80)"},children:t.title}),e.jsx("p",{className:"text-xs leading-relaxed",style:{color:"rgba(255,255,255,0.40)"},children:t.desc})]})]},t.title))}),e.jsx("h2",{children:"The Bottom Line"}),e.jsx("p",{children:"A good research workflow in Notion isn't about having the perfect database template. It's about remov
21ing friction from the capture step so you can focus on reading, thinking, and connecting ideas."}),e.jsx("p",{children:"Clipper handles the capture. You handle the thinking."})]})}};function Gs(){return e.jsxs("div",{className:"mt-14 rounded-2xl p-8 text-center",style:{background:"linear-gradient(145deg, rgba(124,92,252,0.10) 0%, rgba(255,255,255,0.02) 100%)",border:"1px solid rgba(124,92,252,0.18)"},children:[e.jsx("h3",{className:"text-xl font-semibold mb-2",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Ready to clip smarter?"}),e.jsx("p",{className:"text-sm mb-5",style:{color:"rgba(255,255,255,0.45)"},children:"Works on Chrome, Brave, Arc, Edge, and all Chromium-based browsers."}),m?e.jsxs(y,{to:"/clipper/signup",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:"linear-gradient(135deg, #7C5CFC 0%, #6246EA 100%)",color:"#fff",boxShadow:"0 2px 12px rgba(124,92,252,0.30)"},children:["Sign Up for Clipper",e.jsx(b,{className:"w-3.5 h-3.5"})]}):e.jsxs("a",{href:Ce,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium transition-all hover:brightness-110",style:{background:"linear-gradient(135deg, #7C5CFC 0%, #6246EA 100%)",color:"#fff",boxShadow:"0 2px 12px rgba(124,92,252,0.30)"},children:["Install Clipper Free",e.jsx(b,{className:"w-3.5 h-3.5"})]})]})}function dr(){const{slug:t}=Be(),s=t?Ls[t]:void 0;if(!s)return e.jsxs("div",{className:"pt-32 pb-20 text-center",children:[e.jsx("h1",{className:"text-3xl font-bold mb-4",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.90)"},children:"Post not found"}),e.jsx(y,{to:"/blog",className:"text-sm hover:underline",style:{color:"#7C5CFC"},children:"â Back to Blog"})]});const r=s.accent??"#7C5CFC";return e.jsx("div",{className:"pt-28 pb-20",children:e.jsxs("article",{className:"max-w-3xl mx-auto px-5",children:[e.jsxs(y,{to:"/blog",className:"inline-flex items-center gap-1.5 text-[13px] text-white/35 hover:text-white/55 transition-colors mb-8",children:[e.jsx(it,{className:"w-3.5 h-3.5"}),"Back to Blog"]}),e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("span",{className:"px-3 py-1 rounded-full text-xs font-medium",style:{color:r,background:o(r,.1),border:`1px solid ${o(r,.18)}`},children:s.tag}),e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-white/30",children:[e.jsx(Ee,{className:"w-3.5 h-3.5"}),s.readTime]}),e.jsx("span",{className:"text-xs text-white/25",children:s.date})]}),e.jsx("h1",{className:"text-3xl sm:text-4xl font-bold mb-6 tracking-tight leading-tight",style:{fontFamily:"'Space Grotesk', sans-serif",color:"rgba(255,255,255,0.92)",letterSpacing:"-0.025em"},children:s.title}),e.jsx("div",{className:"blog-prose",children:s.content}),s.cta??e.jsx(Gs,{})]})})}export{dr as BlogPostPage};
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.