https://velanote.com/_next/static/chunks/app/features/web-clipper/page-6e5da011fb90733f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1261],{3880:(e,t,s)=>{"use strict";s.d(t,{WebClipperLanding:()=>j});var a=s(95155),r=s(6874),l=s.n(r),i=s(66766),n=s(74347),d=s(53817),c=s(38719),o=s(58126),x=s(92138),m=s(43453),h=s(95728),g=s(97168),p=s(61173);let u=[{title:"Link, highlight, or full article",body:"Capture the exact amount you need. Save a quick source, a selected passage, or a cleaner article-style clip without breaking focus.",icon:n.A},{title:"Source-aware notes from day one",body:"Every clip carries the source URL, domain, capture mode, and workspace context so the note stays useful later, not just on the day you saved it.",icon:d.A},{title:"Built for research-heavy workflows",body:"Move from inbox-style clipping into real note-making with tags, AI cleanup, timeline review, and knowledge views inside VelaNote.",icon:c.A}],b=["Install the Chrome extension and connect your VelaNote account once.","Clip the current page as a link, highlight, article, or page depending on what matters.","Open the saved note in VelaNote, where tags, source details, AI actions, and organization tools are ready."],f=["Save research notes from articles, docs, and long-form essays.","Collect highlighted passages without losing the original source.","Capture posts and references from X with source-aware tags.","Turn raw clips into refined notes with AI and structured review."],v=[{question:"What can the VelaNote web clipper save?",answer:"It can save links, highlighted text, cleaner article-style content, and full-page text depending on your selected clip mode and plan."},{question:"Does the extension save clips directly into my notes?",answer:"Yes. Once connected, the clipper sends the captured page or selection directly into your VelaNote workspace as a note with source context attached."},{question:"Are tags added automatically to clipped notes?",answer:"Yes. VelaNote adds source-aware tags such as the clip type and source domain, and you can also include your own tags from the extension popup."}];function j(){return(0,a.jsxs)("div",{className:"min-h-screen bg-[linear-gradient(180deg,#f7fbf6_0%,#f2f8f1_35%,#ffffff_100%)] text-slate-950",children:[(0,a.jsxs)("section",{className:"relative overflow-hidden border-b border-emerald-900/10",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_18%_18%,rgba(22,163,74,0.16),transparent_34%),radial-gradient(circle_at_82%_18%,rgba(14,116,144,0.12),transparent_30%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0))]"}),(0,a.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-24 bg-[linear-gradient(180deg,transparent,rgba(255,255,255,0.8))]"}),(0,a.jsxs)("div",{className:"relative mx-auto grid min-h-[calc(100vh-4rem)] max-w-7xl gap-12 px-4 pb-16 pt-16 sm:px-6 lg:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)] lg:px-8 lg:pb-20 lg:pt-20",children:[(0,a.jsxs)("div",{className:"flex max-w-2xl flex-col justify-center",children:[(0,a.jsxs)("div",{className:"mb-6 inline-flex w-fit items-center gap-2 rounded-full border border-emerald-900/10 bg-white/80 px-4 py-2 text-sm font-medium text-emerald-900 backdrop-blur",children:[(0,a.jsx)(o.A,{className:"h-4 w-4"}),"Chrome Extension Now Available"]}),(0,a.jsx)("p",{className:"mb-4 text-sm font-semibold uppercase tracking-[0.24em] text-emerald-700",children:"VelaNote Web Clipper"}),(0,a.jsx)("h1",{className:"max-w-3xl text-5xl font-semibold leading-[0.94] tracking-tight text-balance sm:text-6xl lg:text-7xl",children:"Save the web straight into a calmer note workflow."}),(0,a.jsx)("p",{className:"mt-6 max-w-xl text-lg leading-8 text-slate-700 sm:text-xl",children:"Clip articles, highlights, and references from Chrome into VelaNote, then turn them into useful notes with tags, AI help, and source-aware organization."}),(0,a.jsxs)("div",{className:"mt-8 flex flex-col gap-3 sm:flex-row",children:[(0,a.jsxs)("a",{href:p.U,target:"_blank",rel:"noopener noreferrer",className:"inline-flex h-14 items-center justify-center rounded-full bg-slate-950 px-7 text-base font-medium text-white transition-transform duration-200 hover:-translate-y-0.5 hover:bg-slate-900",children:["Install from Chrome Web Store",(0,a.jsx)(x.A,{className:"ml-2 h-4 w-4"})]}),(0,a.jsx)(g.$,{asChild:!0,variant:"outline",className:"h-14 roun

1ded-full border-emerald-900/15 bg-white/80 px-7 text-base text-slate-900 hover:bg-white",children:(0,a.jsx)(l(),{href:"/auth/register",children:"Create Free Account"})})]}),(0,a.jsxs)("div",{className:"mt-10 grid gap-3 text-sm text-slate-700 sm:grid-cols-3",children:[(0,a.jsxs)("div",{className:"rounded-2xl border border-white/70 bg-white/75 px-4 py-4 backdrop-blur",children:[(0,a.jsx)("p",{className:"font-medium text-slate-950",children:"Clip modes"}),(0,a.jsx)("p",{className:"mt-1",children:"Link, selection, article, and page capture."})]}),(0,a.jsxs)("div",{className:"rounded-2xl border border-white/70 bg-white/75 px-4 py-4 backdrop-blur",children:[(0,a.jsx)("p",{className:"font-medium text-slate-950",children:"Auto context"}),(0,a.jsx)("p",{className:"mt-1",children:"Source URL, domain, and capture type stay attached."})]}),(0,a.jsxs)("div",{className:"rounded-2xl border border-white/70 bg-white/75 px-4 py-4 backdrop-blur",children:[(0,a.jsx)("p",{className:"font-medium text-slate-950",children:"Built for notes"}),(0,a.jsx)("p",{className:"mt-1",children:"Clips land inside the same workspace as your writing."})]})]})]}),(0,a.jsxs)("div",{className:"relative flex items-center justify-center lg:justify-end",children:[(0,a.jsx)("div",{className:"absolute inset-0 rounded-[2.5rem] bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.9),transparent_62%)] blur-2xl"}),(0,a.jsx)("div",{className:"relative w-full max-w-[34rem] rounded-[2rem] border border-emerald-900/10 bg-white/85 p-4 shadow-[0_40px_120px_rgba(15,23,42,0.12)] backdrop-blur sm:p-6",children:(0,a.jsxs)("div",{className:"rounded-[1.6rem] border border-slate-200 bg-slate-50 p-3 sm:p-4",children:[(0,a.jsxs)("div",{className:"mb-4 flex items-center justify-between rounded-[1.2rem] bg-white px-4 py-3 shadow-sm",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-2xl bg-emerald-100",children:(0,a.jsx)(i.default,{src:"/logo.jpg",alt:"

1VelaNote",width:44,height:44,className:"rounded-xl object-cover"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-slate-950",children:"VelaNote Web Clipper"}),(0,a.jsx)("p",{className:"text-xs text-slate-500",children:"Connected to your workspace"})]})]}),(0,a.jsx)("div",{className:"rounded-full bg-emerald-100 px-3 py-1 text-xs font-medium text-emerald-800",children:"Live"})]}),(0,a.jsxs)("div",{className:"grid gap-3",children:[(0,a.jsxs)("div",{className:"rounded-[1.2rem] bg-slate-950 p-5 text-white",children:[(0,a.jsx)("p",{className:"text-xs uppercase tracking-[0.24em] text-emerald-300",children:"Current page"}),(0,a.jsx)("h2",{className:"mt-3 text-xl font-semibold leading-tight",children:"A cleaner way to capture research without letting the inbox turn into a graveyard."}),(0,a.jsx)("p",{className:"mt-3 text-sm leading-6 text-slate-300",children:"Save the source, selected text, and article context now, then refine it later inside your actual note workflow."})]}),(0,a.jsxs)("div",{className:"grid gap-3 sm:grid-cols-[1.15fr_0.85fr]",children:[(0,a.jsxs)("div",{className:"rounded-[1.2rem] bg-white p-4 shadow-sm ring-1 ring-slate-200",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-slate-950",children:"Capture mode"}),(0,a.jsx)("div",{className:"rounded-full bg-emerald-100 px-2.5 py-1 text-[11px] font-medium text-emerald-800",children:"Article"})]}),(0,a.jsxs)("div",{className:"mt-4 space-y-2 text-sm text-slate-600",children:[(0,a.jsx)("div",{className:"rounded-xl bg-slate-50 px-3 py-2",children:"Source tag: `web-clip`"}),(0,a.jsx)("div",{className:"rounded-xl bg-slate-50 px-3 py-2",children:"Domain tag: `example.com`"}),(0,a.jsx)("div",{className:"rounded-xl bg-slate-50 px-3 py-2",children:"Optional tags: `research`, `writing`"})]})]}),(0,a.jsxs)("div",{className:"rounded-[1.2rem] bg-emerald-50 p-4 ring-1 ring-emerald-100",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-emerald-950",children:"In VelaNote"}),(0,a.jsxs)("ul",{className:"mt-4 space-y-3 text-sm text-emerald-900",children:[(0,a.jsxs)("li",{className:"flex items-start gap-2",children:[(0,a.jsx)(m.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),"AI-generated cleanup"]}),(0,a.jsxs)("li",{className:"flex items-start gap-2",children:[(0,a.jsx)(m.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),"Timeline review"]}),(0,a.jsxs)("li",{className:"flex items-start gap-2",children:[(0,a.jsx)(m.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),"Source-aware organization"]})]})]})]})]})]})})]})]})]}),(0,a.jsx)("section",{className:"border-b border-slate-200/80 bg-white",children:(0,a.jsxs)("div",{className:"mx-auto grid max-w-7xl gap-10 px-4 py-16 sm:px-6 lg:grid-cols-[0.9fr_1.1fr] lg:px-8 lg:py-24",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-semibold uppercase tracking-[0.24em] text-emerald-700",children:"Why it works"}),(0,a.jsx)("h2",{className:"mt-4 max-w-md text-3xl font-semibold tracking-tight text-balance text-slate-950 sm:text-4xl",children:"The clipper is useful because it feeds your actual note system, not a side inbox."})]}),(0,a.jsx)("div",{className:"grid gap-8",children:u.map(e=>{let t=e.icon;return(0,a.jsxs)("div",{className:"grid gap-3 border-t border-slate-200 pt-6 sm:grid-cols-[auto_1fr] sm:gap-5",children:[(0,a.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-800",children:(0,a.jsx)(t,{className:"h-5 w-5"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xl font-semibold text-slate-950",children:e.title}),(0,a.jsx)("p",{className:"mt-2 max-w-2xl text-base leading-7 text-slate-600",children:e.body})]})]},e.title)})})]})}),(0,a.jsx)("section",{className:"border-b border-slate-200/80 bg-[linear-gradient(180deg,#ffffff_0%,#f7faf7_100%)]",children:(0,a.jsxs)("div",{className:"mx-auto grid max-w-7xl gap-12 px-4 py-16 sm:px-6 lg:grid-cols-[0.95fr_1.05fr] lg:px-8 lg:py-24",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-semibold uppercase tracking-[0.24em] text-emerald-700",children:"Workflow"}),(0,a.jsx)("h2",{className:"mt-4 text-3xl font-semibold tracking-tight text-slate-950 sm:text-4xl",children:"From browser tab to working note in three short steps."}),(0,a.jsx)("ol",{className:"mt-8 space-y-6",children:b.map((e,t)=>(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-slate-950 text-sm font-medium text-white",children:t+1}),(0,a.jsx)("p",{className:"pt-1 text-base leading-7 text-slate-700",children:e})]},e))})]}),(0,a.jsxs)("div",{className:"rounded-[2rem] border border-slate-200 bg-white p-6 shadow-[0_25px_80px_rgba(15,23,42,0.08)] sm:p-8",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-2xl bg-slate-950 text-white",children:(0,a.jsx)(h.A,{className:"h-5 w-5"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-slate-950",children:"What this is good for"}),(0,a.jsx)("p",{className:"text-sm text-slate-500",children:"Use cases that convert better than vague “save anything” claims."})]})]}),(0,a.jsx)("div",{className:"mt-8 grid gap-4",children:f.map(e=>(0,a.jsx)("div",{className:"rounded-2xl bg-slate-50 px-4 py-4 text-sm leading-6 text-slate-700 ring-1 ring-slate-200/80",children:e},e))})]})]})}),(0,a.jsx)("section",{className:"border-b border-slate-200/80 bg-white",children:(0,a.jsx)("div",{className:"mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8 lg:py-24",children:(0,a.jsxs)("div",{className:"grid gap-10 lg:grid-cols-[0.8fr_1.2fr]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-semibold uppercase tracking-[0.24em] text-emerald-700",children:"FAQ"}),(0,a.jsx)("h2",{className:"mt-4 text-3xl font-semibold tracking-tight text-slate-950 sm:text-4xl",children:"Questions people ask before installing a clipper."})]}),(0,a.jsx)("div",{className:"space-y-6",children:v.map(e=>(0,a.jsxs)("div",{className:"border-t border-slate-200 pt-5",children:[(0,a.jsx)("h3",{className:"text-lg font-semibold text-slate-950",children:e.question}),(0,a.jsx)("p",{className:"mt-2 text-base leading-7 text-slate-600",children:e.answer})]},e.question))})]})})}),(0,a.jsx)("section",{className:"bg-slate-950 text-white",children:(0,a.jsx)("div",{className:"mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8 lg:py-24",children:(0,a.jsxs)("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-end lg:justify-between",children:[(0,a.jsxs)("div",{className:"max-w-2xl",children:[(0,a.jsx)("p",{className:"text-sm font-semibold uppercase tracking-[0.24em] text-emerald-300",children:"Install and start clipping"}),(0,a.jsx)("h2",{className:"mt-4 text-4xl font-semibold tracking-tight text-balance sm:text-5xl",children:"Put the Chrome extension in front of people and give them a note workflow behind it."}),(0,a.jsx)("p",{className:"mt-5 text-lg leading-8 text-slate-300",children:"If the install story is the hook, VelaNote is the reason to stay: source-aware notes, AI cleanup, and a calmer place to revisit what you saved."})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row",children:[(0,a.jsxs)("a",{href:p.U,target:"_blank",rel:"noopener noreferrer",className:"inline-flex h-14 items-center justify-center rounded-full bg-white px-7 text-base font-medium text-slate-950 transition-transform duration-200 hover:-translate-y-0.5",children:["Install E

1xtension",(0,a.jsx)(x.A,{className:"ml-2 h-4 w-4"})]}),(0,a.jsx)(g.$,{asChild:!0,variant:"outline",className:"h-14 rounded-full border-white/20 bg-transparent px-7 text-base text-white hover:bg-white/10",children:(0,a.jsx)(l(),{href:"/auth/register",children:"Create Free Account"})})]})]})})})]})}},53999:(e,t,s)=>{"use strict";s.d(t,{cn:()=>l});var a=s(52596),r=s(39688);function l(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,r.QP)((0,a.$)(t))}},61173:(e,t,s)=>{"use strict";s.d(t,{U:()=>a});let a="https://chromewebstore.google.com/detail/velanote-web-clipper/dfmkfccnamcdmnihihgfbanfjlhmgiop"},63032:(e,t,s)=>{Promise.resolve().then(s.bind(s,3880)),Promise.resolve().then(s.t.bind(s,69243,23))},97168:(e,t,s)=>{"use strict";s.d(t,{$:()=>d});var a=s(95155);s(12115);var r=s(99708),l=s(74466),i=s(53999);let n=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function d(e){let{className:t,variant:s,size:l,asChild:d=!1,...c}=e,o=d?r.DX:"button";return(0,a.jsx)(o,{"data-slot":"button",className:(0,i.cn)(n({variant:s,size:l,className:t})),...c})}}},e=>{var t=t=>e(e.s=t);e.O(0,[6874,4277,3063,4607,8441,1684,7358],()=>t(63032)),_N_E=e.O()}]);