1import{r as s,j as e,m as a,aY as h,A as y,bZ as g,b_ as f,bD as p,b$ as v,c0 as j,c1 as b}from"./vendor-BwK0dhQk.js";const I=()=>{const[o,c]=s.useState(0),l=s.useRef(null),m=s.useRef(0),r=s.useRef(null);s.useEffect(()=>{const t=()=>{if(!l.current)return;const i=l.current.getBoundingClientRect();if(!(i.top<window.innerHeight&&i.bottom>0))return;const u=window.scrollY,x=u>m.current;m.current=u,r.current&&clearTimeout(r.current),r.current=setTimeout(()=>{c(x?n=>n<d.length-1?n+1:n:n=>n>0?n-1:n)},150)};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t),r.current&&clearTimeout(r.current)}},[]);const d=[{icon:e.jsx(g,{className:"h-5 w-5"}),text:"SEO-optimized profiles that rank in search results",image:"/assets/web-pages/impress-recruiters.png"},{icon:e.jsx(f,{className:"h-5 w-5"}),text:"Profiles are recruiter-friendly and designed for resume",image:"/assets/web-pages/get-hired.png"},{icon:e.jsx(p,{className:"h-5 w-5"}),text:"Switch between private and public anytime for total privacy control",image:"/assets/web-pages/for-professionals.png"}],w=[{icon:e.jsx(v,{className:"h-5 w-5"}),title:"Show up in searches and stand out in seconds",content:"Structured data makes your AI-powered profile easy to find and scan. ATS and other AI recruiting systems can understand your experience, and busy hiring managers can quickly see your strengths."},{icon:e.jsx(j,{className:"h-5 w-5"}),title:"Designed to grow with your career",content:"Whether youâre job hunting, freelancing, speaking, or consulting, your profile evolves with your goals. Create different profiles and manage them easily from your dashboard."},{icon:e.jsx(p,{className:"h-5 w-5"}),title:"Link everything that matters on yourname.cv",content:"Connect your linkedIn, portfolio, notion page, or any link to your .cv with just a few clicks. Create branded shortened links and smart redirects like blog.yourname.cv in seconds."},{icon:e.jsx(b,{className:"h-5 w-5"}),title:"Privacy first",content:"Ola.cv is user-permissioned when it comes to revealing your data, ensuring that your personal details are only visible when you allow them to be. You control your content, information and visibility."}];return e.jsx(a.section,{ref:l,initial:{opacity:0}
1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.8},className:"relative py-[50px] md:py-[100px]",children:e.jsx("div",{className:"relative web-container",children:e.jsxs("div",{className:"web-container-inner",children:[e.jsxs("div",{className:"flex flex-col items-start justify-center gap-x-8 gap-y-8 md:flex-row lg:gap-x-26",children:[e.jsxs(a.div,{initial:{opacity:0,x:-50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.6,delay:.2},className:"block w-full md:w-1/2",children:[e.jsx(a.h3,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.3},className:"text-zinc-950 dark:text-zinc-100 text-[2rem] leading-[2.5rem] font-semibold tracking-[-0.02rem] lg:text-[2.75rem] lg:leading-[3.25rem] lg:tracking-[-0.0275rem]",children:"Why thousands trust hello.cv â The AI resume builder"}),e.jsx("div",{className:"mt-7 space-y-3.5",children:d.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.5},className:h("flex w-fit cursor-pointer items-start space-x-2 tracking-[-0.01rem] text-zinc-700 dark:text-zinc-300 transition-colors duration-300",o===i&&"!text-blue-600 dark:!text-white font-medium"),whileHover:{scale:1.025,x:5},onClick:()=>c(i),children:[t.icon,e.jsx("p",{className:"w-[calc(100%-20px)]",children:t.text})]},i))})]}),e.jsx(a.div,{initial:{opacity:0,x:50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.6,delay:.4},className:"block w-full md:w-1/2",children:e.jsx(y,{mode:"wait",children:e.jsx(a.img,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.05},transition:{duration:.4},src:d[o].image||"/assets/image-placeholder.png",alt:`Sample ${o+1}`,className:"h-[395px] w-[488px] rounded-2xl border border-white/5 object-cover"},o)})})]}),e.jsx(a.div,{initial:{opacity:0,scaleX:0},whileInView:{opacity:1,scaleX:1},viewport:{once:!0},transition:{duration:.8,delay:.6},className:"my-10 md:my-13",children:e.jsx("div",{className:"mx-auto h-[1px] w-1/2 bg-gradient-to-r from-transparent via-zinc-400 to-transparent opacity-25"})}),e.jsx("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-2 xl:grid-cols-4",children:w.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:.2},className:"space-y-3",whileHover:{y:-5,transition:{duration:.2}},children:[e.jsxs("div",{className:"flex items-start gap-x-2 text-zinc-950 dark:text-zinc-100 tracking-[-0.01rem]",children:[t.icon,e.jsx("h6",{className:"w-[calc(100%-20px)] font-medium leading-[1.4]",children:t.title})]}),e.jsx("p",{className:"text-sm text-zinc-700 dark:text-zinc-300 tracking-[-0.01rem]",children:t.content})]},i))})]})})})};export{I as default};
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.