1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="713fbee9-f0ee-4bd9-9feb-89ce8d2ba70e",e._sentryDebugIdIdentifier="sentry-dbid-713fbee9-f0ee-4bd9-9feb-89ce8d2ba70e")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5733],{15733:function(e,t,s){s.r(t),s.d(t,{ClHowItWorks:function(){return a}});var r=s(57437),i=s(2265),n=s(55071);let o=[{title:"Create your Wobo Persona",description:"Sign up and fill in your experience, skills, and career goals. This personal profile powers every cover letter you generate.",icon:(0,r.jsxs)("svg",{width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:1.5,children:[(0,r.jsx)("circle",{cx:12,cy:8,r:4}),(0,r.jsx)("path",{d:"M4 20c0-4 4-6 8-6s8 2 8 6",strokeLinecap:"round"})]})},{title:"Paste the job description",description:"Drop in the company name and job listing. Our AI parses the role requirements, skills, and qualifications instantly.",icon:(0,r.jsxs)("svg",{width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:1.5,children:[(0,r.jsx)("rect",{x:4,y:4,width:16,height:16,rx:2}),(0,r.jsx)("path",{d:"M8 9h8M8 13h5",strokeLinecap:"round"})]})},{title:"AI generates your cover letter",description:"In under 30 seconds our AI writes a tailored cover letter that maps your background to the job, using natural language, not templates.",icon:(0,r.jsxs)("svg",{width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:1.5,children:[(0,r.jsx)("path",{d:"M9.5 2l.5 3 2-2 .5 3M15 8l3 .5-2 2 3 .5M2 12.5l3 .5-2 2 3 .5M9.5 22l.5-3 2 2 .5-3",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("circle",{cx:12,cy:12,r:4})]})},{title:"Review, copy & apply",description:"Read through the result, make any tweaks, then copy it directly into your application. You are ready to hit submit.",icon:(0,r.jsxs)("svg",{width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:1.5,children:[(0,r.jsx)("path",{d:"M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2",strokeLinecap:"round"}),(0,r.jsx)("rect",{x:9,y:3,width:6,height:4,rx:1}),(0,r.jsx)("path",{d:"M9 14l2 2 4-4",strokeLinecap:"round",strokeLinejoin:"round"})]})}];function a(){return(0,r.jsx)("section",{id:"how-it-works",className:"relative bg-[#FDFAF5] py-10 lg:py-14","data-sentry-component":"ClHowItWorks","data-sentry-source-file":"cl-how-it-works.tsx",children:(0,r.jsxs)("div",{className:"mx-auto max-w-5xl px-4 sm:px-6 lg:px-8",children:[(0,r.jsxs)(n.m.div,{className:"text-center",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.5},"data-sentry-element":"unknown","data-sentry-source-file":"cl-how-it-works.tsx",children:[(0,r.jsx)("span",{className:"inline-block rounded-full border border-[#1B1B2F]/10 bg-[#FDFAF5] px-4 py-1.5 font-dm-sans text-[13px] font-medium text-[#1B1B2F]",children:"How It Works"}),(0,r.jsx)("h2",{className:"mt-4 font-sora text-[1.75rem] font-semibold leading-[1.15] text-[#1B1B2F] sm:text-[2.25rem] lg:text-[2.75rem]",children:"How to Create a Cover Letter with AI"}),(0,r.jsx)("p",{className:"mt-2 font-dm-sans text-sm text-[#6E6E80]",children:"From job listing to tailored cover letter in four simple steps"})]}),(0,r.jsx)("div",{className:"mt-10 grid grid-cols-1 gap-8 md:grid-cols-[1fr_auto_1fr_auto_1fr_auto_1fr] md:gap-0",children:o.map((e,t)=>(0,r.jsxs)(i.Fragment,{children:[t>0&&(0,r.jsx)("div",{className:"hidden items-center justify-center md:flex",children:(0,r.jsx)("div",{className:"h-px w-8 bg-[#1B1B2F]/10"})}),(0,r.jsxs)(n.m.div,{className:"flex flex-col items-center text-center md:px-2",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.4,delay:.15*t},children:[(0,r.jsx)("span",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-[#5D52D9] font-sora text-sm font-bold text-white",children:t+1}),(0,r.jsx)("span",{className:"mt-4 text-[#5D52D9]",children:e.icon}),(0,r.jsx)("h3",{className:"mt-3 font-sora text-base font-semibold text-[#1B1B2F]",children:e.title}),(0,r.jsx)("p",{className:"mt-1.5 max-w-xs font-dm-sans text-sm leading-relaxed text-[#6E6E80]",children:e.description})]})]},e.title))})]})})}}}]);
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.