https://ccn.ai/assets/UseCases-CpmcU0m_.js

1import{j as e,v as h,aA as m,aB as j,ap as y,D as N,a3 as v,aC as k,B as w,Q as C,u as S,b as p,aD as E,H as I,a as O,aE as g}from"./index-DIQGAGvx.js";import{C as T,a as U,b as $}from"./collapsible-BooV3Ahe.js";const _={backgroundImage:"linear-gradient(hsl(var(--foreground) / 0.05) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--foreground) / 0.05) 1px, transparent 1px)",backgroundSize:"22px 22px"},B=({useCase:s,open:a,onOpenChange:x})=>e.jsx(T,{open:a,onOpenChange:x,className:"h-full",children:e.jsxs("div",{className:"group relative flex h-full flex-col overflow-hidden rounded-sm border border-border bg-card transition-all duration-300 hover:border-primary/60 hover:shadow-glow",children:[e.jsx("span",{"aria-hidden":!0,className:`absolute inset-x-0 top-0 h-px origin-left bg-primary transition-transform duration-300 motion-reduce:transition-none ${a?"scale-x-100":"scale-x-0 group-hover:scale-x-100"}`}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100",style:_}),e.jsx(U,{asChild:!0,children:e.jsxs("button",{type:"button",className:"relative w-full cursor-pointer p-6 text-left",children:[e.jsxs("div",{className:"mb-4 flex items-start justify-between gap-3",children:[e.jsx("div",{className:"flex h-11 w-11 items-center justify-center rounded-sm border border-primary/30 bg-primary/5 transition-colors duration-300 group-hover:border-primary/60",children:e.jsx(s.icon,{className:"h-5 w-5 text-primary",strokeWidth:1.5})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(h,{variant:"outline",className:"rounded-sm border-primary/30 font-mono text-[10px] uppercase tracking-[0.18em] text-primary",children:m[s.mode].label}),a?e.jsx(j,{className:"h-4 w-4 text-muted-foreground"}):e.jsx(y,{className:"h-4 w-4 text-muted-foreground"})]})]}),e.jsx("h3",{className:"mb-2 text-lg font-bold tracking-tight text-foreground transition-colors duration-300 group-hover:text-primary",children:s.title}),e.jsx("p",{className:"text-sm leading-relaxed text-muted-foreground",children:s.shortDesc||s.description})]})}),e.jsx($,{children:e.jsxs("div",{className:"relative space-y-6 border-t border-border/70 p-6 pt-5",children:[e.jsxs("div",{children:[e.jsxs("h4",{className:"mb-3 flex items-center font-mono text-[10px] uppercase tracking-[0.24em] text-muted-foreground",children:[e.jsx(N,{className:"mr-2 h-3.5 w-3.5 text-primary"}),"Key Features"]}),e.jsx("ul",{className:"space-y-2",children:s.features.map((o,i)=>e.jsxs("li",{className:"flex items-start gap-2 text-sm text-muted-foreground",children:[e.jsx("span",{"aria-hidden":!0,className:"mt-2 h-1 w-1 flex-shrink-0 bg-primary"}),e.jsx("span",{children:o})]},i))})]}),s.techSpecs.length>0&&e.jsxs("div",{children:[e.jsxs("h4",{className:"mb-3 flex items-center font-mono text-[10px] uppercase tracking-[0.24em] text-muted-foreground",children:[e.jsx(v,{className:"mr-2 h-3.5 w-3.5 text-primary"}),"Technical Capabilities"]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:s.techSpecs.map((o,i)=>e.jsx(h,{variant:"secondary",className:"rounded-sm text-xs font-normal",children:o},i))})]}),e.jsx(k,{trigger:e.jsxs(w,{variant:"outline",size:"sm",className:"w-full rounded-sm",onClick:o=>o.stopPropagation(),children:["Start free with ",s.title]})})]})})]})}),D={backgroundImage:"linear-gradient(hsl(var(--marketing-hero-foreground) / 0.07) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--marketing-hero-foreground) / 0.07) 1px, transparent 1px)",backgroundSize:"26px 26px"},z=()=>{const s=C(),{isVisible:a}=S(),[x,o]=p.useState({}),i=t=>o(r=>({...r,[t]:!r[t]})),n=p.useMemo(()=>{const t=E.filter(r=>a(`mode.${r.mode}`)&&a(`use_cases_${r.mode}`)&&a(`use_case_${r.mode}_${r.slug}`));return Object.keys(m).map(r=>({mode:r,label:m[r].label,description:m[r].description,items:t.filter(l=>l.mode===r)})).filter(r=>r.items.length>0)},[a]),u=n.reduce((t,r)=>t+r.items.length,0);return p.useEffect(()=>{const t=s.hash.replace(/^#/,"");if(!t){window.scrollTo({top:0});return}const r=document.getElementById(t);r&&r.scrollIntoView({behavior:"smooth"})},[s.hash,n.length]),e.jsxs("div",{className:"marketing-site min-h-screen bg-background",children:[e.jsxs(I,{children:[e.jsx("title",{children:"Use Cases — CyberCloud Networks operating modes in action"}),e.jsx("meta",{name:"description",content:"Real-world CyberCloud Networks use cases grouped by operating mode: anal

1yst investigation, secure transfer, infrastructure scanning and secure access."}),e.jsx("link",{rel:"canonical",href:"https://ccn.ai/use-cases"}),e.jsx("meta",{property:"og:title",content:"Use Cases — CyberCloud Networks"}),e.jsx("meta",{property:"og:description",content:"Every supported scenario, grouped by operating mode, with features and technical capabilities."}),e.jsx("meta",{property:"og:url",content:"https://ccn.ai/use-cases"}),e.jsx("meta",{property:"og:type",content:"website"})]}),e.jsx(O,{}),e.jsxs("main",{children:[e.jsxs("section",{className:"relative overflow-hidden bg-marketing-hero pt-32 pb-16",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 opacity-70",style:D}),e.jsxs("div",{className:"container relative mx-auto px-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{"aria-hidden":!0,className:"h-px w-10 bg-primary"}),e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.28em] text-marketing-hero-foreground/70",children:"Use Cases"})]}),e.jsx("h1",{className:"mt-6 max-w-4xl text-4xl font-bold leading-[1.08] tracking-tight text-marketing-hero-foreground md:text-6xl",children:"Every scenario the fabric already covers."}),e.jsxs("p",{className:"mt-6 max-w-2xl text-lg leading-relaxed text-marketing-hero-foreground/70",children:[u," documented scenarios across ",n.length," active operating ",n.length===1?"mode":"modes"," — each with its key capabilities and technical detail."]}),n.length>0&&e.jsx("div",{className:"mt-10 flex flex-wrap gap-3",children:n.map(({mode:t,label:r,items:l})=>{const c=g[t];return e.jsxs("a",{href:`#${t}`,className:"inline-flex items-center gap-2 rounded-sm border border-marketing-hero-foreground/20 bg-marketing-hero-foreground/5 px-4 py-2 text-sm text-marketing-hero-foreground/85 backdrop-blur transition-colors hover:border-primary/60 hover:text-primary",children:[e.jsx(c,{className:"h-4 w-4 text-primary"}),r,e.jsx("span",{className:"font-mono text-xs text-marketing-hero-foreground/50",children:l.length})]},t)})})]})]}),n.length===0?e.jsx("section",{className:"container mx-auto px-4 py-24 text-center",children:e.jsx("p",{className:"text-muted-foreground",children:"Use cases are being updated. Please check back shortly."})}):n.map(({mode:t,label:r,description:l,items:c},f)=>{const b=g[t];return e.jsx("section",{id:t,className:"scroll-mt-24 border-b border-border/60 py-16 odd:bg-background even:bg-secondary/40",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:"mb-10 flex flex-col gap-4 border-l-2 border-primary pl-6 md:flex-row md:items-end md:justify-between",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.3em] text-muted-foreground",children:["Mode · ",String(f+1).padStart(2,"0")]}),e.jsxs("h2",{className:"flex items-center gap-3 text-3xl font-bold uppercase tracking-tight md:text-4xl",children:[e.jsx(b,{className:"h-7 w-7 text-primary",strokeWidth:1.5}),r]}),e.jsx("p",{className:"mt-3 max-w-2xl text-muted-foreground",children:l})]}),e.jsxs("p",{className:"font-mono text-sm text-muted-foreground",children:[c.length," scenario",c.length===1?"":"s"]})]}),e.jsx("div",{className:"grid gap-6 md:grid-cols-2 xl:grid-cols-3",children:c.map(d=>e.jsx(B,{useCase:d,open:!!x[d.title],onOpenChange:()=>i(d.title)},d.title))})]})},t)})]})]})};export{z as default};