https://ccn.ai/assets/BrochurePlayground-_oCHGGcY.js

1import{c as s,T as d,b as l,j as e,B as r,U as c,a7 as m,a8 as x,a9 as u,Z as p}from"./index-DIQGAGvx.js";import{l as h}from"./cybercloud-logo-IkfphlZ2.js";import{P as b}from"./printer-CJzBXxqo.js";import{P as g}from"./plug-lm4m-seI.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const y=s("Blocks",[["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["path",{d:"M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3",key:"1fpvtg"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const f=s("WandSparkles",[["path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",key:"ul74o6"}],["path",{d:"m14 7 3 3",key:"1r5n42"}],["path",{d:"M5 6v4",key:"ilb8ba"}],["path",{d:"M19 14v4",key:"blhpug"}],["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M7 8H3",key:"zfb6yr"}],["path",{d:"M21 16h-4",key:"1cnmox"}],["path",{d:"M11 3H9",key:"1obp7u"}]]),k=()=>{const a=d();l.useEffect(()=>{document.title="Playground Mode — Technical Brochure | Cyber Cloud Networks"},[]);const o=[{icon:f,title:"Security App Builder",desc:"Vibe-code custom security applications using natural language — the AI generates a fully functional React app backed by CyberCloud's scanning engines."},{icon:y,title:"Scanner Integration Playground",desc:"Experiment with different scanning engine combinations, test API integrations, and prototype workflows before deploying to production."},{icon:g,title:"Custom API Connectors",desc:"Build and test custom connectors to third-party security tools, SIEMs, ticketing systems, and cloud platforms — all within a sandboxed environment."}],n=[{title:"Custom Threat Dashboard",desc:"Real-time SOC dashboard pulling from all scanning engines"},{title:"Supplier Onboarding Portal",desc:"Branded upload portal with automated compliance checks"},{title:"Compliance Report Generator",desc:"Auto-generate GDPR/HIPAA/SOC 2 reports from scan data"},{title:"Incident Response Toolkit",desc:"Custom IR workflows with automated containment"},{title:"AI Prompt Security Monitor",desc:"GenAI usage monitoring with policy enforcement"},{title:"DevSecOps Pipeline UI",desc:"CI/CD security dashboard with SBOM and vulnerability tracking"}],i=["AI Code Generation","Live Preview","30+ Scanner APIs","Project Memory (Guidelines)","Publish to CCN.ai","Version History","Multi-File Projects","Real-Time Collaboration"];return e.jsxs("div",{className:"brochure-theme min-h-screen bg-background",children:[e.jsx("header",{className:"no-print border-b border-border",children:e.jsxs("div",{className:"mx-auto max-w-6xl px-4 py-4 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs(r,{variant:"ghost",size:"sm",onClick:()=>a("/"),className:"gap-2",children:[e.jsx(c,{className:"h-4 w-4"})," Home"]}),e.jsx("img",{src:h,alt:"CyberCloud Networks",className:"h-8"}),e.jsx("h1",{className:"text-xl font-bold text-foreground",children:"Playground Mode — Technical Brochure"})]}),e.jsxs(r,{variant:"outline",size:"sm",onClick:()=>window.print(),className:"gap-2",children:[e.jsx(b,{className:"h-4 w-4"})," Print / PDF"]})]})}),e.jsxs("main",{className:"mx-auto max-w-5xl px-6 py-12 space-y-14 print:space-y-8",children:[e.jsxs("section",{className:"text-center py-12 border-b border-border",children:[e.jsxs("div",{className:"mb-6 inline-flex items-center gap-2 border-l-2 border-primary px-4 py-1.5",children:[e.jsx(m,{className:"h-4 w-4 text-primary"}),e.jsx("span",{className:"text-sm font-semibold uppercase tracking-wider text-primary",children:"Playground Mode"})]}),e.jsx("h2",{className:"text-4xl font-bold text-foreground mb-4",children:"Vibe-Code Your Own Security Application"}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:"Playground mode lets every customer build custom security applications on top of the Unified Data Intelligence Fabric — no backend setup, no infrastru

11cture management, just build."})]}),e.jsxs("section",{children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-8 text-center",children:"Core Capabilities"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:o.map(t=>e.jsxs("div",{className:"rounded-md border border-border bg-card p-6",children:[e.jsx("div",{className:"mb-4 inline-block border-l-2 border-primary p-2",children:e.jsx(t.icon,{className:"h-6 w-6 text-primary"})}),e.jsx("h4",{className:"font-bold text-foreground mb-2",children:t.title}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:t.desc})]},t.title))})]}),e.jsxs("section",{className:"bg-card border border-border rounded-2xl p-8",children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-6 text-center",children:"Platform Capabilities"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-3",children:i.map(t=>e.jsxs("span",{className:"flex items-center gap-2 rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground",children:[e.jsx(x,{className:"h-3.5 w-3.5 text-primary"}),t]},t))})]}),e.jsxs("section",{children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-6 text-center",children:"What Can You Build?"}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-4",children:n.map(t=>e.jsxs("div",{className:"rounded-md border border-border bg-card p-5",children:[e.jsx(u,{className:"mb-2 h-5 w-5 text-primary"}),e.jsx("h4",{className:"font-semibold text-foreground text-sm mb-1",children:t.title}),e.jsx("p",{className:"text-xs text-muted-foreground",children:t.desc})]},t.title))})]}),e.jsxs("section",{children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-6 text-center",children:"Added Value"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:[{title:"No Backend Required",desc:"Every app you build automatically connects to CyberCloud's scanning infrastructure — focus on your UX, we handle the security backend."},{title:"Publish & Share",desc:"Deploy your app to a live URL on CCN.ai with one click. Share with your team, partners, or customers — each gets their own branded experience."},{title:"AI-Assisted Development",desc:"Describe what you want in natural language. The AI generates production-ready code, handles state management, and integrates scanner APIs."}].map(t=>e.jsxs("div",{className:"p-6 rounded-xl border border-border",children:[e.jsx(p,{className:"mb-3 h-8 w-8 text-primary"}),e.jsx("h4",{className:"font-bold text-foreground mb-2",children:t.title}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:t.desc})]},t.title))})]}),e.jsxs("section",{className:"border-y border-border bg-muted/30 p-10 text-center",children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-4",children:"Who Uses Playground Mode?"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-3 max-w-2xl mx-auto",children:["MSSPs Building Customer Portals","Security Engineers","Product Teams","Solution Architects","Innovation Labs","Partners & Resellers"].map(t=>e.jsx("span",{className:"px-4 py-2 rounded-full bg-background border border-border text-sm font-medium text-foreground",children:t},t))})]}),e.jsxs("footer",{className:"text-center text-sm text-muted-foreground pt-8 border-t border-border",children:["© ",new Date().getFullYear()," Cyber Cloud Networks Ltd. — CCN.ai"]})]})]})};export{k as default};