1import{V as v,r as n,j as e,W as N,m as o,U as g,a as C}from"./index-B_To1Cn1.js";import{S as d,C as F}from"./SectionBlock-C11IjUO3.js";import{L as x,T as p,a as k,A}from"./learning-center-data-BVyFFd5K.js";import{B as L,S}from"./search-D_q17GiK.js";import{W as T}from"./workflow-C5sBB8-d.js";import{B,D as E,U as I,T as O}from"./users-CFx3P3M8.js";import{L as R,S as z,U as P,a as U,T as M,F as V,P as W}from"./user-check-DppRwS3U.js";import{R as _,H as D,F as H}from"./receipt-BKaOsZ5G.js";import{R as $}from"./refresh-cw-BMEHgS-J.js";const G={Target:O,FileCheck:H,PenTool:W,FolderKanban:V,RefreshCw:$,Users:I,HardHat:D,Truck:M,Receipt:_,DollarSign:E,Scale:U,UserCheck:P,ShieldAlert:z,LayoutDashboard:R,Bot:B,Workflow:T};function q({iconName:a,className:r,size:i}){const c=G[a];return c?e.jsx(c,{className:r,size:i}):null}function K({tool:a,articleCount:r,i}){return e.jsx(o.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:i*.04},children:e.jsxs(g,{href:`/home/learning-center/${a.slug}`,className:"block p-7 bg-white/[0.03] border border-white/10 cursor-pointer hover:border-[#F1471C]/60 hover:-translate-y-1 transition-all duration-300 group h-full",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-4",children:[e.jsx("div",{className:"w-10 h-10 bg-[#F1471C]/[0.08] border border-[#F1471C]/[0.12] flex items-center justify-center flex-shrink-0 group-hover:bg-[#F1471C]/[0.15] transition-colors",children:e.jsx(q,{iconName:a.icon,className:"text-[#F1471C]",size:18})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-[17px] font-bold text-white/90 leading-snug group-hover:text-[#F1471C] transition-colors m-0",children:a.name}),e.jsxs("span",{className:"text-[11px] font-label text-white/25 mt-1 block",children:[r," ",r===1?"article":"articles"]})]})]}),e.jsx("p",{className:"text-[13px] text-white/35 leading-relaxed mb-4 line-clamp-2 m-0",children:a.description}),e.jsxs("div",{className:"flex items-center gap-1.5 text-[12px] text-[#F1471C]/50 font-medium group-hover:text-[#F1471C] transition-colors",children:[e.jsx("span",{children:"Browse docs"}),e.jsx(C,{size:12})]})]})})}function u({article:a,i:r}){return e.jsx(o.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:r*.05},children:e.jsxs(g,{href:`/home/learning-center/${a.toolSlug}/${a.slug}`,className:"block p-5 bg-white/[0.03] border border-white/10 cursor-pointer hover:border-[#F1471C]/60 hover:bg-white/[0.03] transition-all duration-300 group h-full",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2.5",children:[e.jsx("span",{className:"text-[10px] font-label font-semibold uppercase tracking-[0.14em] text-[#F1471C]/60 px-2 py-0.5 bg-[#F1471C]/[0.06] border border-[#F1471C]/[0.1]",children:a.toolName}),e.jsx("span",{className:"text-[10px] font-label text-white/20",children:a.readTime})]}),e.jsx("h4",{className:"text-[14px] font-semibold text-white/80 leading-snug group-hover:text-[#F1471C] transition-colors m-0 mb-1.5",children:a.title}),e.jsx("p",{className:"text-[12px] text-white/30 leading-relaxed m-0 line-clamp-2",children:a.excerpt})]})})}function re(){v("Learning Center");const[a,r]=n.useState(""),[i,c]=n.useState("All"),b=n.useMemo(()=>{const t={};for(const s of x)t[s.toolSlug]=(t[s.toolSlug]||0)+1;return t},[]),h=n.useMemo(()=>{let t=p;if(i!=="All"&&(t=t.filter(s=>s.workstream===i)),a.trim()){const s=a.toLowerCase();t=t.filter(l=>l.name.toLowerCase().includes(s)||l.description.toLowerCase().includes(s)||l.workstream.toLowerCase().includes(s))}return t},[i,a]),f=n.useMemo(()=>x.filter(s=>s.category==="getting-started"||s.category==="features").slice(0,6),[]),m=n.useMemo(()=>{if(!a.trim())return[];const t=a.toLowerCase();return x.filter(s=>s.title.toLowerCase().includes(t)||s.excerpt.toLowerCase().includes(t)||s.toolName.toLowerCase().includes(t)).slice(0,8)},[a]),y=["All",...k.map(t=>t.name)];return e.jsxs(N,{children:[e.jsxs("section",{className:"pt-32 pb-20 px-12 max-sm:px-6 relative overflow-hidden",style:{background:"linear-gradient(180deg, #141011 0%, #0e0b0c 100%)"},children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse at 50% 20%, rgba(241,71,28,0.04) 0%, transparent 60%)"}}),e.jsxs("div",{className:"relative z-10 max-w-[800px] mx-auto text-center",children:[e.jsx(o.div,{initial:{opacity:0,y:16}
1,animate:{opacity:1,y:0},transition:{duration:.7},children:e.jsxs("span",{className:"text-[11px] font-label font-semibold uppercase tracking-[0.18em] text-[#F1471C]/70 px-4 py-1.5 bg-[#F1471C]/[0.08] border border-[#F1471C]/[0.15] inline-flex items-center gap-2 mb-6",children:[e.jsx(L,{size:12}),"Learning Center"]})}),e.jsx(o.h1,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.8,delay:.05},className:"font-display uppercase text-[56px] max-lg:text-[42px] max-sm:text-[30px] font-bold tracking-wide leading-[1.06] text-[#F5F1EA] mb-5",children:"Learning Center"}),e.jsx(o.p,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.7,delay:.12},className:"text-[17px] text-white/45 leading-relaxed max-w-[560px] mx-auto mb-10",children:"In-depth documentation, guides, and best practices for every tool in the Otto platform."}),e.jsxs(o.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},className:"relative max-w-[520px] mx-auto",children:[e.jsx(S,{size:18,className:"absolute left-4 top-1/2 -translate-y-1/2 text-white/20"}),e.jsx("input",{type:"text",placeholder:"Search tools, articles, or topics...",value:a,onChange:t=>r(t.target.value),className:"w-full pl-11 pr-5 py-3.5 bg-white/[0.04] border border-white/[0.08] text-[14px] text-white placeholder:text-white/25 focus:outline-none focus:border-[#F1471C]/60 focus:bg-white/[0.06] transition-all duration-300"})]})]})]}),a.trim()&&m.length>0&&e.jsxs(d,{children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs("h2",{className:"text-[20px] font-bold text-white/80 m-0",children:['Articles matching "',a,'"']}),e.jsxs("p",{className:"text-[13px] text-white/30 mt-1 m-0",children:[m.length," results"]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:m.map((t,s)=>e.jsx(u,{article:t,i:s},t.slug))})]}),e.jsxs(d,{variant:"surface",children:[e.jsx(o.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"flex items-center gap-2 mb-10 flex-wrap",children:y.map(t=>{const s=t==="All"?p.length:p.filter(l=>l.workstream===t).length;return e.jsxs("button",{onClick:()=>c(t),className:`px-4 py-2 text-[12px] font-semibold transition-all duration-300 border cursor-pointer ${i===t?"bg-[#F1471C]/[0.12] border-[#F1471C]/[0.25] text-[#F1471C]":"bg-white/[0.02] border-white/10 text-white/35 hover:text-white/60 hover:border-white/[0.12]"}`,children:[t," (",s,")"]},t)})}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
15",children:h.map((t,s)=>e.jsx(K,{tool:t,articleCount:b[t.slug]||0,i:s},t.slug))}),h.length===0&&e.jsx("div",{className:"text-center py-20",children:e.jsx("p",{className:"text-white/30 text-sm",children:"No tools found matching your search."})})]}),e.jsxs(d,{children:[e.jsxs("div",{className:"mb-10",children:[e.jsx("span",{className:"text-[11px] font-label font-semibold uppercase tracking-[0.18em] text-[#F1471C]/70 mb-3 block",children:"Popular Articles"}),e.jsx("h2",{className:"font-display uppercase text-[36px] max-md:text-[28px] font-bold tracking-wide leading-[1.1] text-[#F5F1EA] m-0",children:"Start here"}),e.jsx("p",{className:"text-[15px] text-[#A29B96] leading-relaxed mt-3 max-w-[480px] m-0",children:"The most-read guides and feature overviews to get you productive fast."})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:f.map((t,s)=>e.jsx(u,{article:t,i:s},t.slug))})]}),e.jsxs(d,{variant:"elevated",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"font-display uppercase text-[36px] max-md:text-[28px] font-bold tracking-wide leading-[1.1] text-[#F5F1EA] m-0 mb-3",children:"Browse by category"}),e.jsx("p",{className:"text-[15px] text-[#A29B96] leading-relaxed m-0",children:"Every article is organized by type so you can find exactly what you need."})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4",children:Object.entries(A).map(([t,s],l)=>{const w=x.filter(j=>j.category===t).length;return e.jsxs(o.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:l*.06},className:"p-6 bg-white/[0.03] border border-white/10 text-center hover:border-[#F1471C]/60 transition-all duration-300",children:[e.jsx("div",{className:"text-[28px] font-black text-[#F1471C] tracking-tight leading-none mb-2",children:w}),e.jsx("div",{className:"text-[13px] font-semibold text-[#A29B96]",children:s})]},t)})})]}),e.jsx(F,{title:"Can't find what you need?",sub:"Our team is here to help. Book a call and we'll walk you through any feature in the platform.",ctaText:"Talk to Us"})]})}export{re 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.