https://www.hooksecurity.co/_next/static/immutable/chunks/20wscriat2hin.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,981137,e=>{"use strict";var t=e.i(843476),a=e.i(177258),r=e.i(914999),s=e.i(31972);function l({testimonial:e,index:a,isRevealed:r}){return(0,t.jsxs)("div",{className:`group relative p-8 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-text-muted)]/10 hover:border-[var(--color-accent)]/20 hover-lift transition-all duration-500 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:`${150*a}ms`},children:[(0,t.jsx)("div",{className:`absolute top-6 right-6 text-6xl font-serif text-[var(--color-accent)]/10 leading-none transition-all duration-700 ${r?"opacity-100 scale-100":"opacity-0 scale-50"}`,style:{transitionDelay:`${150*a+200}ms`},children:"“"}),(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 overflow-hidden",children:(0,t.jsx)("div",{className:"absolute inset-0 animate-shimmer"})}),e.metric&&(0,t.jsxs)("div",{className:`inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[var(--color-success)]/10 border border-[var(--color-success)]/20 text-sm font-medium text-[var(--color-success)] mb-6 transition-all duration-500 ${r?"opacity-100 scale-100":"opacity-0 scale-75"}`,style:{transitionDelay:`${150*a+100}ms`},children:[(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-4 h-4 animate-pulse",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"})}),e.metric]}),(0,t.jsxs)("blockquote",{className:`relative z-10 text-lg text-[var(--color-text-secondary)] leading-relaxed mb-8 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:`${150*a+150}ms`},children:["“",e.quote,"”"]}),(0,t.jsxs)("div",{className:`flex items-center gap-4 transition-all duration-500 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:`${150*a+250}ms`},children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:"w-12 h-12 rounded-full bg-gradient-to-br from-[var(--color-accent)] to-[var(--color-accent)]/50 flex items-center justify-center group-hover:scale-110 transition-transform duration-300",children:(0,t.jsx)("span",{className:"text-lg font-bold text-[var(--color-bg-primary)]",children:e.authorName.charAt(0)})}),(0,t.jsx)("div",{className:"absolute -inset-1 rounded-full bg-gradient-to-r from-[var(--color-accent)] to-[var(--color-secondary)] opacity-0 group-hover:opacity-30 blur-sm transition-opacity duration-300"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"font-semibold text-[var(--color-text-primary)] group-hover:text-[var(--color-accent)] transition-colors duration-300",children:e.authorName}),(e.authorRole||e.company)&&(0,t.jsxs)("div",{className:"text-sm text-[var(--color-text-muted)]",children:[e.authorRole,e.authorRole&&e.company&&" · ",e.company]})]})]})]})}function i({headline:e,subheadline:a,testimonials:r}){let{ref:o,isRevealed:n}=(0,s.useReveal)(),{containerRef:c,revealedItems:d}=(0,s.useStaggeredReveal)(r.length,{staggerDelay:150});return(0,t.jsxs)("section",{className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-primary)]"}),(0,t.jsx)("div",{className:"absolute bottom-0 right-1/4 w-[300px] h-[200px] md:w-[600px] md:h-[400px] bg-[var(--color-accent)] opacity-[0.04] blur-[50px] md:blur-[120px] rounded-full animate-breathe"}),(0,t.jsxs)("div",{className:"particles",children:[(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"})]}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:[(0,t.jsxs)("div",{ref:o,className:`text-center mb-16 max-w-3xl mx-auto transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e&&(0,t.jsx)("h2",{className:"text-4xl sm:text-5xl font-extrabold text-[var(--color-text-primary)] tracking-tight",children:e}),a&&(0,t.jsx)("p",{className:`mt-6 text-xl text-[var(--color-text-secondary)] transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:"150ms"},children:a})]}),(0,t.jsx)("div",{ref:c,className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8",children:r.map((e,a)=>(0,t.jsx)(l,{testimonial:e,index:a,isRevealed:d[a]},a))})]})]})}var o=e.i(908871),n=e.i(522016);function c(){return(0,t.jsxs)("div",{className:"particles",children:[(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"})]})}function d({value:e,label:a,delay:r=0}){let{ref:l,isRevealed:i}=(0,s.useReveal)();return(0,t.jsxs)("div",{ref:l,className:`text-center transition-all duration-700 ${i?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:`${r}ms`},children:[(0,t.jsx)("div",{className:"text-4xl lg:text-5xl font-extrabold text-[var(--color-accent)] animate-gradient-shift bg-gradient-to-r from-[var(--color-accent)] via-[var(--color-accent-hover)] to-[var(--color-accent)] bg-clip-text",children:e}),(0,t.jsx)("div",{className:"text-sm text-[var(--color-text-muted)] mt-2",children:a})]})}function x(){let{ref:e,isRevealed:a}=(0,s.useReveal)();return(0,t.jsxs)("section",{ref:e,className:"relative py-16 lg:py-20 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-secondary)]"}),(0,t.jsx)(c,{}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:[(0,t.jsx)("div",{className:`text-center mb-12 transition-all duration-700 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,children:(0,t.jsx)("p",{className:"text-[var(--color-text-muted)] text-sm uppercase tracking-wider font-medium",children:"Trusted by MSPs and IT teams who value their time"})}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-12",children:[{value:"70%",label:"Less Admin Time"},{value:"2x",label:"Higher Completion"},{value:"Hundreds",label:"of Organizations"},{value:"0",label:"Hours Managing It"}].map((e,a)=>(0,t.jsx)(d,{value:e.value,label:e.label,delay:100*a},a))})]})]})}function m({step:e,index:a,isLast:r,isRevealed:s}){return(0,t.jsxs)("div",{className:`relative transition-all duration-700 ${s?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:`${150*a}ms`},children:[!r&&(0,t.jsx)("div",{className:`hidden lg:block absolute top-8 left-full w-full h-px transition-all duration-1000 ${s?"opacity-100 scale-x-100":"opacity-0 scale-x-0"}`,style:{background:"linear-gradient(90deg, var(--color-accent) 0%, transparent 100%)",transformOrigin:"left",transitionDelay:`${(a+1)*150+200}ms`}}),(0,t.jsxs)("div",{className:"group relative p-6 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-text-muted)]/10 hover-lift hover:border-[var(--color-accent)]/30 transition-all duration-300",children:[(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 overflow-hidden",children:(0,t.jsx)("div",{className:"absolute inset-0 animate-shimmer"})}),(0,t.jsx)("div",{className:`text-5xl font-extrabold text-[var(--color-accent)]/20 mb-4 transition-all duration-500 ${s?"opacity-100 scale-100":"opacity-0 scale-75"}`,style:{transitionDelay:`${150*a+100}ms`},children:e.number}),(0,t.jsx)("h3",{className:"text-xl font-bold text-[var(--color-text-primary)] mb-3 group-hover:text-[var(--color-accent)] transition-colors",children:e.title}),(0,t.jsx)("p",{className:"text-[var(--color-text-secondary)]",children:e.description})]})]})}function u(){let{ref:e,isRevealed:a}=(0,s.useReveal)(),{containerRef:r,revealedItems:l}

1=(0,s.useStaggeredReveal)(4,{staggerDelay:150}),i=[{number:"01",title:"Connect",description:"One-click sync with your directory. Azure AD, Google, Okta—we pull in your users automatically."},{number:"02",title:"Pick a Program",description:"Choose from prebuilt program packages. Annual programs, onboarding flows, compliance tracks—all ready to go."},{number:"03",title:"Turn On Autopilot",description:"That's it. The program runs automatically. Training assigns itself. You get reports without lifting a finger."},{number:"04",title:"Show the Results",description:"Client-ready reports prove the program is working. Reporting rates climb. Executives see the ROI."}];return(0,t.jsxs)("section",{className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-primary)]"}),(0,t.jsx)("div",{className:"absolute top-1/2 left-0 w-[250px] h-[250px] md:w-[500px] md:h-[500px] bg-[var(--color-accent)] opacity-[0.03] blur-[60px] md:blur-[150px] rounded-full animate-breathe"}),(0,t.jsx)(c,{}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:[(0,t.jsxs)("div",{ref:e,className:`text-center mb-16 max-w-3xl mx-auto transition-all duration-700 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[(0,t.jsx)("h2",{className:"text-4xl sm:text-5xl font-extrabold text-[var(--color-text-primary)] tracking-tight",children:"Set It. Forget It. Done."}),(0,t.jsx)("p",{className:"mt-6 text-xl text-[var(--color-text-secondary)]",children:"Most security awareness programs fail because someone has to run them. Ours runs itself."})]}),(0,t.jsx)("div",{ref:r,className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8",children:i.map((e,a)=>(0,t.jsx)(m,{step:e,index:a,isLast:a===i.length-1,isRevealed:l[a]},a))})]})]})}function p({product:e,index:a,isRevealed:r}){return(0,t.jsxs)(n.default,{href:e.href,className:`group relative p-8 lg:p-10 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-text-muted)]/10 hover:border-[var(--color-accent)]/30 hover-lift transition-all duration-500 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:`${200*a}ms`},children:[(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500",style:{background:`linear-gradient(135deg, ${e.accent}08 0%, transparent 50%)`}}),(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500",style:{background:`linear-gradient(135deg, ${e.accent}20 0%, transparent 50%)`,filter:"blur(20px)",transform:"scale(1.02)",zIndex:-1}}),(0,t.jsxs)("div",{className:"relative z-10",children:[(0,t.jsx)("h3",{className:"text-2xl lg:text-3xl font-bold text-[var(--color-text-primary)] mb-4 group-hover:text-[var(--color-accent)] transition-colors duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-lg text-[var(--color-text-secondary)] mb-6",children:e.description}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2 mb-6",children:e.features.map((e,s)=>(0,t.jsx)("span",{className:`px-3 py-1 rounded-full text-sm font-medium bg-[var(--color-bg-tertiary)] text-[var(--color-text-secondary)] border border-[var(--color-text-muted)]/10 group-hover:border-[var(--color-accent)]/20 transition-all duration-300 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-2"}`,style:{transitionDelay:`${200*a+100*s+200}ms`},children:e},s))}),(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 text-[var(--color-accent)] font-semibold group-hover:gap-3 transition-all",children:["Learn more",(0,t.jsx)("svg",{className:"w-5 h-5 transition-transform group-hover:translate-x-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]})]}),(0,t.jsx)("div",{className:"absolute bottom-0 right-0 w-32 h-32 opacity-5 group-hover:opacity-15 transition-opacity duration-500",style:{background:`radial-gradient(circle, ${e.accent} 0%, transparent 70%)`}})]})}function h(){let{ref:e,isRevealed:a}=(0,s.useReveal)(),{containerRef:r,revealedItems:l}

1=(0,s.useStaggeredReveal)(2,{staggerDelay:200});return(0,t.jsxs)("section",{className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-secondary)]"}),(0,t.jsx)(c,{}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:[(0,t.jsxs)("div",{ref:e,className:`text-center mb-16 max-w-3xl mx-auto transition-all duration-700 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[(0,t.jsx)("h2",{className:"text-4xl sm:text-5xl font-extrabold text-[var(--color-text-primary)] tracking-tight",children:"Two Products. Zero Workload."}),(0,t.jsx)("p",{className:"mt-6 text-xl text-[var(--color-text-secondary)]",children:"Everything you need to run a world-class security program without actually running it."})]}),(0,t.jsx)("div",{ref:r,className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[{title:"Managed Security Training",description:"We build the courses. We schedule the program. We send the reminders. You take the credit.",features:["Prebuilt programs","Auto-assignments","Zero setup"],href:"/products/security-awareness-training",accent:"var(--color-accent)"},{title:"Phishing Simulator",description:"Realistic simulations that run on autopilot. When someone clicks, training fires automatically. No chasing people.",features:["1,000+ templates","Auto-remediation","Weekly updates"],href:"/products/phishing-simulator",accent:"var(--color-secondary)"}].map((e,a)=>(0,t.jsx)(p,{product:e,index:a,isRevealed:l[a]},a))})]})]})}function v({text:e,index:a,isRevealed:r}){return(0,t.jsxs)("div",{className:`flex items-center gap-3 transition-all duration-500 ${r?"opacity-100 translate-x-0":"opacity-0 -translate-x-4"}`,style:{transitionDelay:`${100*a+300}ms`},children:[(0,t.jsx)("div",{className:`w-6 h-6 rounded-full bg-[var(--color-accent)]/10 flex items-center justify-center flex-shrink-0 transition-all duration-500 ${r?"scale-100":"scale-0"}`,style:{transitionDelay:`${100*a+400}ms`},children:(0,t.jsx)("svg",{className:"w-4 h-4 text-[var(--color-accent)]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})}),(0,t.jsx)("span",{className:"text-[var(--color-text-secondary)]",children:e})]})}function g({client:e,index:a,progress:r,isRevealed:s}){return(0,t.jsxs)("div",{className:`flex items-center justify-between p-3 rounded-lg bg-[var(--color-bg-tertiary)] transition-all duration-500 ${s?"opacity-100 translate-x-0":"opacity-0 translate-x-4"}`,style:{transitionDelay:`${100*a+400}ms`},children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-[var(--color-accent)] to-[var(--color-secondary)] flex items-center justify-center text-[var(--color-bg-primary)] font-bold text-sm",children:e.charAt(0)}),(0,t.jsx)("span",{className:"text-[var(--color-text-primary)] font-medium",children:e})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-xs text-[var(--color-success)]",children:"On Track"}),(0,t.jsx)("div",{className:"w-16 h-2 rounded-full bg-[var(--color-bg-primary)] overflow-hidden",children:(0,t.jsx)("div",{className:`h-full rounded-full bg-[var(--color-success)] transition-all duration-1000 ease-out ${s?"":"w-0"}`,style:{width:s?`${r}%`:"0%",transitionDelay:`${100*a+600}ms`}})})]})]})}function y(){let{ref:e,isRevealed:a}=(0,s.useReveal)(),{ref:r,isRevealed:l}=(0,s.useReveal)();return(0,t.jsxs)("section",{className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-primary)]"}),(0,t.jsx)("div",{className:"absolute bottom-0 right-1/4 w-[250px] h-[150px] md:w-[500px] md:h-[300px] bg-[var(--color-secondary)] opacity-[0.05] blur-[50px] md:blur-[100px] rounded-full animate-breathe"}),(0,t.jsx)(c,{}),(0,t.jsx)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center",children:[(0,t.jsxs)("div",{ref:e,children:[(0,t.jsx)("span",{className:`inline-block text-sm font-semibold text-[var(--color-accent)] uppercase tracking-wide transition-all duration-500 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-2"}`,children:"Built for MSPs"}),(0,t.jsx)("h2",{className:`mt-4 text-4xl sm:text-5xl font-extrabold text-[var(--color-text-primary)] tracking-tight transition-all duration-700 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:"100ms"},children:"Manage 100 Clients Like You Manage One"}),(0,t.jsx)("p",{className:`mt-6 text-xl text-[var(--color-text-secondary)] transition-all duration-700 ${a?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:"200ms"},children:"Multi-tenant from day one. Global programs that deploy everywhere. Per-client customization when you need it. One dashboard to rule them all."}),(0,t.jsx)("div",{className:"mt-10 space-y-4",children:["Global programs deploy to all clients instantly","Per-client branding and customization","Consolidated reporting across your portfolio","Client-ready reports you can white-label"].map((e,r)=>(0,t.jsx)(v,{text:e,index:r,isRevealed:a},r))})]}),(0,t.jsxs)("div",{ref:r,className:"relative",children:[(0,t.jsxs)("div",{className:`relative rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-text-muted)]/10 p-6 shadow-2xl transition-all duration-700 ${l?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-8 scale-95"}`,children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-6",children:[(0,t.jsx)("div",{className:`w-3 h-3 rounded-full bg-[var(--color-error)] transition-all duration-500 ${l?"scale-100":"scale-0"}`,style:{transitionDelay:"200ms"}}),(0,t.jsx)("div",{className:`w-3 h-3 rounded-full bg-[var(--color-warning)] transition-all duration-500 ${l?"scale-100":"scale-0"}`,style:{transitionDelay:"300ms"}}),(0,t.jsx)("div",{className:`w-3 h-3 rounded-full bg-[var(--color-success)] transition-all duration-500 ${l?"scale-100":"scale-0"}`,style:{transitionDelay:"400ms"}})]}),(0,t.jsx)("div",{className:"space-y-3",children:["Acme Corp","TechStart Inc","Global Finance","Healthcare Plus"].map((e,a)=>(0,t.jsx)(g,{client:e,index:a,progress:85-10*a,isRevealed:l},a))}),(0,t.jsx)("div",{className:`mt-6 pt-6 border-t border-[var(--color-text-muted)]/10 transition-all duration-500 ${l?"opacity-100":"opacity-0"}`,style:{transitionDelay:"800ms"},children:(0,t.jsxs)("div",{className:"flex justify-between text-sm",children:[(0,t.jsx)("span",{className:"text-[var(--color-text-muted)]",children:"Total Users"}),(0,t.jsx)("span",{className:"text-[var(--color-text-primary)] font-semibold",children:"12,847"})]})})]}),(0,t.jsx)("div",{className:`absolute -inset-4 bg-gradient-to-r from-[var(--color-accent)]/20 to-[var(--color-secondary)]/20 blur-xl md:blur-3xl rounded-3xl -z-10 transition-opacity duration-1000 ${l?"opacity-30":"opacity-0"}`})]})]})})]})}e.s(["default",0,function(){return(0,t.jsxs)("div",{className:"pt-16 lg:pt-20",children:[(0,t.jsx)(a.Hero,{headline:"Security Awareness on Autopilot",subheadline:"Hook Security runs the entire program for you — phishing simulations, training, reporting, all delivered on a consistent cadence. Built for MSPs and IT-lean teams who need security awareness that just works.",primaryCta:{text:"Book a Demo",href:"/demo"},secondaryCta:{text:"See It In Action",href:"/see-it-in-action"},stats:[{value:"70%",label:"Less Admin Time"},{value:"2x",label:"Completion Rate"},{value:"0 hrs",label:"Managing It"}]}),(0,t.jsx)(x,{}),(0,t.jsx)(r.Features,{headline:"Finally, Security Training That Runs Itself",subheadline:"Stop babysitting programs. Stop chasing employees. Stop building reports. Hook Security handles all of it.",features:[{icon:"zap",title:"True Autopilot",description:"Set your program once. Simulations launch automatically. Training assigns itself. Reminders go out. You do nothing."},{icon:"clock",title:"Zero Admin Burden",description:"No more spreadsheets. No more chasing completions. No more manual reports. We took all the busy work and automated it."},{icon:"brain",title:"Training That Sticks",description:"Bite-sized courses employees actually finish. Interactive, not boring. They learn because they want to, not because they have to."},{icon:"target",title:"Insightful Reports",description:"Know why users clicked, not just who. Psychological insights, AI-assisted analysis, and client-ready reports that prove ROI."},{icon:"chart",title:"Reports That Impress",description:"Client-ready reports generated automatically. Show risk reduction over time. Prove ROI without building a single chart."}

1,{icon:"users",title:"Easy Setup",description:"We guide you through a simple integration setup, then we take it from there. Connect your systems and we handle the rest."}],columns:3}),(0,t.jsx)(u,{}),(0,t.jsx)(h,{}),(0,t.jsx)(y,{}),(0,t.jsx)(i,{headline:"They Stopped Running Security Programs",subheadline:"Now they just watch them work.",testimonials:[{quote:"Hook integrates seamlessly with Office 365, making setup simple. The phishing tests are discreet and effective, and the training is engaging enough that our adoption rates went through the roof.",authorName:"Brian D.",authorRole:"IT Administrator",company:"via G2",metric:"Seamless O365 setup"},{quote:"Hook isn't focused on 'gotcha, you're a terrible risk' — they focus on 'let's learn together how to become security-aware.' After demoing several competitors, I'm 100% comfortable recommending Hook.",authorName:"Anthony M.",authorRole:"IT Manager",company:"via G2",metric:"100% would recommend"},{quote:"Ostra Security is proud to partner with Hook Security. Their thoughtful training content has resonated with our clients and made security awareness practical instead of just another checkbox.",authorName:"Michael K.",authorRole:"MSSP Partner",company:"Ostra Security",metric:"Partner testimonial"}]}),(0,t.jsx)(o.CTA,{headline:"Stop Managing. Start Watching.",subheadline:"Book a demo and see how security awareness runs on autopilot.",primaryCta:{text:"Book a Demo",href:"/demo"},secondaryCta:{text:"Talk to Sales",href:"/demo"}})]})}],981137)},908871,e=>{"use strict";var t=e.i(843476),a=e.i(522016),r=e.i(31972);e.s(["CTA",0,function({headline:e,subheadline:s,primaryCta:l,secondaryCta:i}){let{ref:o,isRevealed:n}=(0,r.useReveal)();return(0,t.jsxs)("section",{ref:o,className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[var(--color-bg-secondary)] via-[var(--color-bg-primary)] to-[var(--color-bg-secondary)]"}),(0,t.jsx)("div",{className:"absolute top-1/2 left-1/4 -translate-y-1/2 w-[250px] h-[250px] md:w-[500px] md:h-[500px] bg-[var(--color-accent)] opacity-[0.08] blur-[60px] md:blur-[150px] rounded-full animate-breathe"}),(0,t.jsx)("div",{className:"absolute top-1/2 right-1/4 -translate-y-1/2 w-[200px] h-[200px] md:w-[400px] md:h-[400px] bg-[var(--color-secondary)] opacity-[0.06] blur-[50px] md:blur-[120px] rounded-full animate-breathe",style:{animationDelay:"2s"}}),(0,t.jsx)("div",{className:`absolute inset-x-0 top-0 h-px transition-all duration-1000 ${n?"opacity-100":"opacity-0"}`,style:{background:"linear-gradient(90deg, transparent, var(--color-accent)/20, transparent)"}}),(0,t.jsx)("div",{className:`absolute inset-x-0 bottom-0 h-px transition-all duration-1000 ${n?"opacity-100":"opacity-0"}`,style:{background:"linear-gradient(90deg, transparent, var(--color-accent)/20, transparent)",transitionDelay:"200ms"}}),(0,t.jsxs)("div",{className:"particles",children:[(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"})]}),(0,t.jsxs)("div",{className:"relative z-10 max-w-4xl mx-auto px-6 lg:px-8 text-center",children:[(0,t.jsx)("h2",{className:`text-4xl sm:text-5xl lg:text-6xl font-extrabold text-[var(--color-text-primary)] tracking-tight transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:e}),s&&(0,t.jsx)("p",{className:`mt-6 text-xl text-[var(--color-text-secondary)] max-w-2xl mx-auto transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:"150ms"},children:s}),(0,t.jsxs)("div",{className:`mt-10 flex flex-col sm:flex-row gap-4 justify-center transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:"300ms"},children:[(0,t.jsxs)(a.default,{href:l.href,className:"group relative inline-flex items-center justify-center gap-2 px-8 py-4 text-lg font-semibold rounded-xl bg-[var(--color-accent)] text-on-accent hover:bg-[var(--color-accent-hover)] transition-all duration-300 hover-glow overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500",children:(0,t.jsx)("div",{className:"absolute inset-0 animate-shimmer",style:{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent)",backgroundSize:"200% 100%"}})}),(0,t.jsx)("span",{className:"relative z-10",children:l.text}),(0,t.jsx)("svg",{"aria-hidden":"true",className:"relative z-10 w-5 h-5 transition-transform group-hover:translate-x-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]}),i&&(0,t.jsx)(a.default,{href:i.href,className:"group inline-flex items-center justify-center gap-2 px-8 py-4 text-lg font-semibold rounded-xl border border-[var(--color-text-muted)]/30 text-[var(--color-text-primary)] hover:border-[var(--color-accent)]/50 hover:bg-[var(--color-accent-muted)] transition-all duration-300",children:i.text})]})]})]})}])},914999,e=>{"use strict";var t=e.i(843476),a=e.i(31972);let r={shield:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"})}),chart:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})}),users:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"})}),zap:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M13 10V3L4 14h7v7l9-11h-7z"})}),target:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"})}),lock:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})}),brain:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})}),clock:(0,t.jsx)("svg",{"aria-hidden":"true",className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})},s={2:"md:grid-cols-2",3:"md:grid-cols-2 lg:grid-cols-3",4:"md:grid-cols-2 lg:grid-cols-4"};function l({feature:e,index:a,isRevealed:s}){return(0,t.jsxs)("div",{className:`group relative p-8 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-text-muted)]/10 hover:border-[var(--color-accent)]/30 hover-lift transition-all duration-500 ${s?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:`${100*a}ms`},children:[(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl bg-gradient-to-br from-[var(--color-accent)]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 overflow-hidden",children:(0,t.jsx)("div",{className:"absolute inset-0 animate-shimmer"})}),(0,t.jsxs)("div",{className:"relative z-10",children:[e.icon&&r[e.icon]&&(0,t.jsx)("div",{className:`w-14 h-14 roun

1ded-xl bg-[var(--color-accent-muted)] border border-[var(--color-accent)]/20 flex items-center justify-center text-[var(--color-accent)] mb-6 icon-bounce transition-all duration-500 ${s?"opacity-100 scale-100":"opacity-0 scale-75"}`,style:{transitionDelay:`${100*a+150}ms`},children:r[e.icon]}),!e.icon&&(0,t.jsx)("div",{className:`w-14 h-14 rounded-xl bg-[var(--color-bg-tertiary)] border border-[var(--color-text-muted)]/10 flex items-center justify-center mb-6 transition-all duration-500 ${s?"opacity-100 scale-100":"opacity-0 scale-75"}`,style:{transitionDelay:`${100*a+150}ms`},children:(0,t.jsx)("span",{className:"text-2xl font-bold text-[var(--color-accent)]",children:(a+1).toString().padStart(2,"0")})}),(0,t.jsx)("h3",{className:"text-xl font-bold text-[var(--color-text-primary)] mb-3 group-hover:text-[var(--color-accent)] transition-colors duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-[var(--color-text-secondary)] leading-relaxed",children:e.description})]})]})}e.s(["Features",0,function({headline:e,subheadline:r,features:i,columns:o=3}){let{ref:n,isRevealed:c}=(0,a.useReveal)(),{containerRef:d,revealedItems:x}=(0,a.useStaggeredReveal)(i.length,{staggerDelay:100});return(0,t.jsxs)("section",{className:"relative py-24 lg:py-32 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-bg-secondary)]"}),(0,t.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[400px] h-[200px] md:w-[800px] md:h-[400px] bg-[var(--color-accent)] opacity-[0.03] blur-[50px] md:blur-[100px] rounded-full animate-breathe"}),(0,t.jsxs)("div",{className:"particles",children:[(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"})]}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8",children:[(e||r)&&(0,t.jsxs)("div",{ref:n,className:`text-center mb-16 max-w-3xl mx-auto transition-all duration-700 ${c?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e&&(0,t.jsx)("h2",{className:"text-4xl sm:text-5xl font-extrabold text-[var(--color-text-primary)] tracking-tight",children:e}),r&&(0,t.jsx)("p",{className:`mt-6 text-xl text-[var(--color-text-secondary)] leading-relaxed transition-all duration-700 ${c?"opacity-100 translate-y-0":"opacity-0 translate-y-4"}`,style:{transitionDelay:"150ms"},children:r})]}),(0,t.jsx)("div",{ref:d,className:`grid grid-cols-1 ${s[o]} gap-6 lg:gap-8`,children:i.map((e,a)=>(0,t.jsx)(l,{feature:e,index:a,isRevealed:x[a]},a))})]})]})}])},177258,e=>{"use strict";var t=e.i(843476),a=e.i(522016),r=e.i(271645);function s({height:e,delay:a}){let[l,i]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=setTimeout(()=>i(!0),a);return()=>clearTimeout(e)},[a]),(0,t.jsx)("div",{className:"flex-1 rounded-t-sm bg-gradient-to-t from-[var(--color-accent)] to-[var(--color-accent)]/40 transition-all duration-1000 ease-out",style:{height:l?`${e}%`:"0%",transitionDelay:`${a}ms`}})}function l({activity:e,index:a}){let[s,i]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=setTimeout(()=>i(!0),1200+200*a);return()=>clearTimeout(e)},[a]),(0,t.jsxs)("div",{className:`flex items-center gap-3 p-3 rounded-lg bg-[var(--color-bg-secondary)] transition-all duration-500 ${s?"opacity-100 translate-x-0":"opacity-0 translate-x-4"}`,children:[(0,t.jsx)("div",{className:`w-2 h-2 rounded-full ${"success"===e.status?"bg-[var(--color-success)]":"bg-[var(--color-warning)]"} ${s?"animate-pulse":""}`}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("div",{className:"text-sm text-[var(--color-text-primary)] truncate",children:e.action}),(0,t.jsx)("div",{className:"text-xs text-[var(--color-text-muted)]",children:e.user})]}),(0,t.jsx)("div",{className:"text-xs text-[var(--color-text-muted)]",children:e.time})]})}e.s(["Hero",0,function({headline:e,subheadline:r,primaryCta:i,secondaryCta:o,stats:n,customVisual:c}){return(0,t.jsxs)("section",{className:"relative min-h-[90vh] flex items-center overflow-hidden",children:[(0,t.jsxs)("div",{className:"absolute inset-0 bg-[var(--color-bg-primary)]",children:[(0,t.jsx)("div",{className:"absolute top-1/4 left-1/4 w-[300px] h-[300px] md:w-[600px] md:h-[600px] bg-[var(--color-accent)] opacity-[0.07] blur-[60px] md:blur-[150px] rounded-full animate-breathe"}),(0,t.jsx)("div",{className:"absolute bottom-1/4 right-1/4 w-[250px] h-[250px] md:w-[500px] md:h-[500px] bg-[var(--color-secondary)] opacity-[0.05] blur-[50px] md:blur-[120px] rounded-full animate-breathe",style:{animationDelay:"2s"}}),(0,t.jsx)("div",{className:"absolute inset-0 opacity-[0.03] hidden md:block",style:{backgroundImage:`linear-gradient(var(--color-text-muted) 1px, transparent 1px),
2                             linear-gradient(90deg, var(--color-text-muted) 1px, transparent 1px)`,backgroundSize:"60px 60px"}}),(0,t.jsxs)("div",{className:"particles",children:[(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"}),(0,t.jsx)("div",{className:"particle"})]})]}),(0,t.jsx)("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-8 py-24 lg:py-32",children:(0,t.jsxs)("div",{className:"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[(0,t.jsxs)("div",{className:"space-y-8",children:[(0,t.jsx)("div",{className:"animate-slide-up opacity-0",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--color-accent-muted)] border border-[var(--color-accent)]/20 text-sm font-medium text-[var(--color-accent)]",children:[(0,t.jsx)("span",{className:"w-2 h-2 bg-[var(--color-accent)] rounded-full animate-pulse"}),"Trusted by Hundreds of MSPs"]})}),(0,t.jsx)("h1",{className:"text-5xl sm:text-6xl lg:text-7xl font-extrabold tracking-tight text-[var(--color-text-primary)] animate-slide-up opacity-0 delay-100",children:e.split(" ").map((e,a)=>(0,t.jsxs)("span",{className:"human"===e.toLowerCase()||"firewall"===e.toLowerCase()?"text-gradient":"",children:[e," "]},a))}),r&&(0,t.jsx)("p",{className:"text-xl lg:text-2xl text-[var(--color-text-secondary)] max-w-xl leading-relaxed animate-slide-up opacity-0 delay-200",children:r}),(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 animate-slide-up opacity-0 delay-300",children:[(0,t.jsxs)(a.default,{href:i.href,className:"group relative inline-flex items-center justify-center gap-2 px-8 py-4 text-lg font-semibold rounded-xl bg-[var(--color-accent)] text-on-accent hover:bg-[var(--color-accent-hover)] transition-all duration-300 hover-glow overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500",children:(0,t.jsx)("div",{className:"absolute inset-0 animate-shimmer",style:{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent)",backgroundSize:"200% 100%"}})}),(0,t.jsx)("span",{className:"relative z-10",children:i.text}),(0,t.jsx)("svg",{"aria-hidden":"true",className:"relative z-10 w-5 h-5 transition-transform group-hover:translate-x-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]}),o&&(0,t.jsx)(a.default,{href:o.href,className:"group inline-flex items-center justify-center gap-2 px-8 py-4 text-lg font-semibold rounded-xl border border-[var(--color-text-muted)]/30 text-[var(--color-text-primary)] hover:border-[var(--color-accent)]/50 hover:bg-[var(--color-accent-muted)] transition-all duration-300",children:o.text})]}),n&&(0,t.jsx)("div",{className:"flex gap-8 pt-8 border-t border-[var(--color-text-muted)]/10 animate-slide-up opacity-0 delay-400",children:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-3xl lg:text-4xl font-bold text-[var(--color-accent)]",children:e.value}),(0,t.jsx)("div",{className:"text-sm text-[var(--color-text-muted)] mt-1",children:e.label})]},a))})]}),(0,t.jsxs)("div",{className:"relative lg:h-[600px] animate-scale-in opacity-0 delay-300",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[var(--color-accent)] opacity-20 blur-[40px] md:blur-[80px] rounded-3xl animate-breathe"}),c||(0,t.jsxs)("div",{className:"relative h-full rounded-2xl border border-[var(--color-text-muted)]/10 bg-[var(--color-bg-card)] overflow-hidden shadow-2xl hover-lift transition-all duration-500",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-4 py-3 border-b border-[var(--color-text-muted)]/10 bg-[var(--color-bg-secondary)]",children:[(0,t.jsxs)("div",{className:"flex gap-1.5",children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#ff5f57] hover:scale-110 transition-transform"}),(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#febc2e] hover:scale-110 transition-transform"}),(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#28c840] hover:scale-110 transition-transform"})]}),(0,t.jsx)("div",{className:"flex-1 mx-4",children:(0,t.jsx)("div",{className:"w-full max-w-xs mx-auto h-6 rounded-md bg-[var(--color-bg-tertiary)] flex items-center px-3",children:(0,t.jsx)("span",{className:"text-xs text-[var(--color-text-muted)]",children:"app.hooksecurity.co/dashboard"})})})]}),(0,t.jsxs)("div",{className:"p-6 space-y-6",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-lg font-semibold text-[var(--color-text-primary)]",children:"Security Overview"}),(0,t.jsx)("p",{className:"text-sm text-[var(--color-text-muted)]",children:"Last 30 days"})]}),(0,t.jsx)("div",{className:"flex gap-2",children:(0,t.jsx)("div",{className:"px-3 py-1.5 rounded-lg bg-[var(--color-success)]/10 text-[var(--color-success)] text-sm font-medium animate-pulse",children:"↓ 73% risk reduction"})})]}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-4",children:[{label:"Simulations Sent",value:"1,247",change:"+12%"},{label:"Pass Rate",value:"94.2%",change:"+8%"},{label:"Trained Users",value:"3,892",change:"+156"}].map((e,a)=>(0,t.jsxs)("div",{className:"group p-4 rounded-xl bg-[var(--color-bg-tertiary)] border border-[var(--color-text-muted)]/5 hover:border-[var(--color-accent)]/20 transition-all duration-300",children:[(0,t.jsx)("div",{className:"text-2xl font-bold text-[var(--color-text-primary)] group-hover:text-[var(--color-accent)] transition-colors",children:e.value}),(0,t.jsx)("div",{className:"text-xs text-[var(--color-text-muted)] mt-1",children:e.label}),(0,t.jsx)("div",{className:"text-xs text-[var(--color-success)] mt-2",children:e.change})]},a))}),(0,t.jsx)("div",{className:"h-40 rounded-xl bg-[var(--color-bg-tertiary)] border border-[var(--color-text-muted)]/5 p-4",children:(0,t.jsx)("div",{className:"flex items-end justify-between h-full gap-2",children:[65,45,80,55,90,70,95,85,60,75,88,92].map((e,a)=>(0,t.jsx)(s,{height:e,delay:800+80*a},a))})}),(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("div",{className:"text-sm font-medium text-[var(--color-text-secondary)]",children:"Recent Activity"}),[{action:"Phishing simulation completed",user:"Marketing Team",time:"2m ago",status:"success"},{action:"Training module finished",user:"[email protected]",time:"15m ago",status:"success"},{action:"Suspicious click detected",user:"[email protected]",time:"1h ago",status:"warning"}].map((e,a)=>(0,t.jsx)(l,{activity:e,index:a},a))]})]})]})]})]})})]})}])},31972,e=>{"use strict";var t=e.i(271645);function a(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}e.s(["useReveal",0,function(e={}){let{threshold:r=.1,rootMargin:s="0px 0px -50px 0px",triggerOnce:l=!0}=e,i=(0,t.useRef)(null),[o,n]=(0,t.useState)(!1);return(0,t.useEffect)(()=>

2{if(a())return void n(!0);let e=i.current;if(!e)return;let t=new IntersectionObserver(([a])=>{a.isIntersecting?(n(!0),l&&t.unobserve(e)):l||n(!1)},{threshold:r,rootMargin:s});return t.observe(e),()=>t.disconnect()},[r,s,l]),{ref:i,isRevealed:o}},"useStaggeredReveal",0,function(e,r={}){let{staggerDelay:s=100,...l}=r,i=(0,t.useRef)(null),[o,n]=(0,t.useState)(Array(e).fill(!1));return(0,t.useEffect)(()=>{if(a())return void n(Array(e).fill(!0));let t=i.current;if(!t)return;let r=new IntersectionObserver(([a])=>{if(a.isIntersecting){for(let t=0;t<e;t++)setTimeout(()=>{n(e=>{let a=[...e];return a[t]=!0,a})},t*s);r.unobserve(t)}},{threshold:l.threshold??.1,rootMargin:l.rootMargin??"0px 0px -50px 0px"});return r.observe(t),()=>r.disconnect()},[e,s,l.threshold,l.rootMargin]),{containerRef:i,revealedItems:o}}])}]);