1import{r,j as e}from"./index-9ZedHETz.js";import{r as x}from"./june2026-hero-bg.webp.asset-C-O5ZQ5F.js";import{A as b}from"./arrow-right-BmfSR0Yo.js";import"./createLucideIcon-C0gWSzD2.js";const i=x.url,m="https://campaigns.coderedpro.com/ai-hands-on-skill-builder/?utm_source=coderedpro&utm_medium=banner&utm_campaign=ai-hands-on-skill-builder",a={bg:"#ffffff",ink:"#0a0a0a",inkSoft:"#1f1f23",muted:"#8a8a92",line:"rgba(10,10,10,0.07)",red:"#e11d2c"},y=()=>{const[l,o]=r.useState("curtain"),[d,g]=r.useState(!1),[c,n]=r.useState(!0);r.useEffect(()=>{const t=setInterval(()=>{o(p=>p==="curtain"?"open":"curtain")},5e3);return()=>clearInterval(t)},[]);const s=l==="open";return r.useEffect(()=>{if(s)n(!1);else{const t=setTimeout(()=>n(!0),1250);return()=>clearTimeout(t)}},[s]),d?null:e.jsxs("div",{className:"w-full",style:{fontFamily:"'Plus Jakarta Sans', system-ui, sans-serif"},children:[e.jsx("style",{children:` 2 @keyframes seam-fade { 0%,70%{opacity:1;} 100%{opacity:0;} } 3 @keyframes content-in { 0% { opacity:0; transform: translateY(14px);} 100% { opacity:1; transform: translateY(0);} } 4 @keyframes priceBlink { 0%,100% { opacity:1;} 50% { opacity:.7;} } 5 @keyframes cta-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(225,29,44,0.5), 0 14px 36px -10px rgba(225,29,44,0.55);} 50% { box-shadow: 0 0 0 12px rgba(225,29,44,0), 0 14px 36px -10px rgba(225,29,44,0.55);} } 6 @keyframes shine { 0% { transform: translateX(-120%);} 100% { transform: translateX(220%);} } 7 @keyframes ai-flow { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} } 8 .curtain { position:absolute; top:0; bottom:0; width:58%; z-index:40; pointer-events:none; overflow:hidden; transition: transform 1.4s cubic-bezier(.7,0,.25,1); } 9 .curtain::before { content:''; position:absolute; inset:0; background-image: repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 18px); mix-blend-mode: overlay; } 10 .curtain::after { content:''; position:absolute; inset:0; background: radial-gradient(60% 80% at 50% 50%, rgba(255,255,255,0.18), transparent 70%); mix-blend-mode: screen; } 11 .curtain-l { left:0; clip-path: polygon(0 0, 100% 0, calc(100% - 180px) 100%, 0 100%); background: linear-gradient(125deg, rgba(186,230,253,0.45) 0%, rgba(165,180,252,0.40) 30%, rgba(216,180,254,0.42) 55%, rgba(252,165,165,0.40) 80%, rgba(255,255,255,0.55) 100%); background-size: 220% 220%; animation: ai-flow 8s ease-in-out infinite; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); box-shadow: 12px 0 30px rgba(124,58,237,0.18), inset -2px 0 18px rgba(255,255,255,0.45); } 12 .curtain-r { right:0; clip-path: polygon(180px 0, 100% 0, 100% 100%, 0 100%); background: linear-gradient(235deg, rgba(207,250,254,0.45) 0%, rgba(186,230,253,0.40) 30%, rgba(196,181,253,0.42) 55%, rgba(254,205,211,0.40) 80%, rgba(255,255,255,0.55) 100%); background-size: 220% 220%; animation: ai-flow 8s ease-in-out infinite reverse; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); box-shadow: -12px 0 30px rgba(56,189,248,0.18), inset 2px 0 18px rgba(255,255,255,0.45); } 13 .curtain-l::before, .curtain-r::before { background-image: repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0 1px, transparent 1px 22px); } 14 .curtain-l::after { background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.2) 55%, transparent 72%); mix-blend-mode: screen; } 15 .curtain-r::after { background: linear-gradient(245deg, transparent 30%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.2) 55%, transparent 72%); mix-blend-mode: screen; } 16 .open .curtain-l { transform: translateX(-105%); } 17 .open .curtain-r { transform: translateX(105%); } 18 .hero-in { opacity:0; transition: opacity .8s ease-out .3s, transform .8s ease-out .3s; transform: translateY(14px); } 19 .open .hero-in { opacity:1; transform: translateY(0); } 20 .price-blink { animation: priceBlink 1.4s ease-in-out infinite; } 21 .cta-pulse { animation: cta-pulse 2.2s ease-in-out infinite; position:relative; overflow:hidden; } 22 .cta-pulse::after { content:''; position:absolute; inset:0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%); transform: translateX(-120%); animation: shine 2.6s ease-in-out infinite; } 23 .text-gradient-ai { background: linear-gradient(90deg,#e11d2c,#7c3aed 55%,#38bdf8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } 24 .text-gradient-silver { background: linear-gradient(90deg,#5a5f6a,#9aa0a8,#5a5f6a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } 25 `}),e.jsxs("section",{className:`relative w-full overflow-hidden border-b ${s?"open":""}`,style:{borderColor:a.line,background:a.bg,minHeight:460}
25,children:[e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 hidden md:block",children:[e.jsx("div",{className:"absolute inset-y-0 right-0 w-[50%]",style:{background:"#ffffff"}}),e.jsxs("div",{className:"pointer-events-none absolute inset-y-0 left-0 w-[60%]",children:[e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, rgba(241,245,249,0.85) 0%, rgba(248,250,252,0.45) 40%, rgba(255,255,255,0) 65%)"}}),e.jsx("img",{src:i,alt:"","aria-hidden":!0,className:"h-full w-full object-cover",style:{transform:"scaleX(-1)",objectPosition:"left 35%",opacity:.85,filter:"brightness(0.75) contrast(1.5) saturate(1.6) drop-shadow(0 0 45px rgba(0,0,0,0.35)) drop-shadow(0 0 18px rgba(0,0,0,0.25))"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 50%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.95) 100%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.15) 30%, transparent 60%)"}})]})]}),e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 md:hidden",children:[e.jsx("img",{src:i,alt:"",className:"h-full w-full object-cover object-center",style:{opacity:.9}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.45) 100%)"}})]}),e.jsx("div",{className:"curtain curtain-l","aria-hidden":!0}),e.jsx("div",{className:"curtain curtain-r","aria-hidden":!0}),!s&&c&&e.jsx("div",{className:"absolute inset-0 z-[55] flex items-center justify-center px-6 pointer-events-none",children:e.jsxs("div",{className:"text-center max-w-[820px] rounded-3xl px-6 sm:px-10 py-6 sm:py-8",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.25))",backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)",boxShadow:"0 20px 60px -20px rgba(15,23,42,0.25)",border:"1px solid rgba(15,23,42,0.08)"},children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-[11px] sm:text-[13px] font-bold uppercase tracking-[0.22em]",style:{background:"#0a0a0a",color:"#fff",boxShadow:"0 8px 24px rgba(15,23,42,0.25)"},children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-rose-400 animate-pulse"}),"Exclusive AI Bundle · Limited Time"]}),e.jsxs("h2",{className:"mt-5 font-extrabold leading-[1.05] tracking-tight text-[28px] sm:text-[48px] md:text-[64px]",style:{fontFamily:"'Outfit','Plus Jakarta Sans',sans-serif",color:"#0a0a0a"},children:["A deal this bold",e.jsx("br",{}),e.jsx("span",{style:{background:"linear-gradient(90deg,#b91c1c,#6d28d9 55%,#0e7490)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent"},children:"doesn't come twice."})]}),e.jsxs("p",{className:"mt-4 text-[13px] sm:text-[17px] font-semibold tracking-wide",style:{color:"#0a0a0a"},children:["10 Courses · 40+ Hands-on Labs · ",e.jsx("span",{className:"font-extrabold text-rose-600",children:"80% OFF"})," â today only."]}),e.jsx("p",{className:"mt-3 text-[10px] sm:text-[12px] font-bold uppercase tracking-[0.3em]",style:{color:"#475569"},children:"Revealing the bundleâ¦"})]})}),e.jsxs("div",{className:"relative z-10 mx-auto grid max-w-[1400px] items-stretch gap-6 px-4 py-8 sm:px-6 md:grid-cols-[0.92fr_1fr] md:gap-8 md:px-8 md:py-12 lg:grid-cols-[0.85fr_1fr]",children:[e.jsx("div",{className:"hero-in flex items-start justify-start",children:e.jsxs("div",{className:"relative w-full max-w-[640px]",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute -inset-6 -z-10 rounded-[36px]",style:{background:"radial-gradient(55% 55% at 50% 50%, rgba(225,29,44,0.18), transparent 70%), radial-gradient(45% 40% at 50% 100%, rgba(14,165,196,0.12), transparent 70%)",filter:"blur(8px)"}}),e.jsxs("div",{className:"relative overflow-hidden rounded-[20px] sm:rounded-[24px] bg-white/45 sm:bg-white/50 backdrop-blur-lg sm:backdrop-blur-xl",style:{border:"1px solid rgba(255,255,255,0.55)",boxShadow:"0 1px 0 rgba(255,255,255,0.9) inset, 0 24px 60px -28px rgba(225,29,44,0.30
25), 0 10px 30px -16px rgba(11,13,18,0.14)"},children:[e.jsxs("div",{className:"px-5 pt-6 pb-5 sm:px-9 sm:pt-8 sm:pb-6 text-center",children:[e.jsx("span",{className:"inline-flex items-center gap-2 rounded-full border px-3 py-1 text-[11px] sm:text-[12px] font-semibold tracking-wide",style:{background:`${a.red}10`,borderColor:`${a.red}40`,color:a.red},children:"ð¥ SAVE 80% · TODAY ONLY"}),e.jsxs("h1",{className:"mt-4 font-bold leading-[1.15] tracking-tight",children:[e.jsx("span",{className:"block text-gradient-silver text-[0.72rem] sm:text-[0.95rem] font-semibold uppercase tracking-[0.14em] mb-2",children:"Practice Outsmarting AI Threats."}),e.jsx("span",{className:"block text-gradient-ai text-[1.2rem] sm:text-[1.85rem]",children:"Get the AI Hands-On Skill Builder Bundle"}),e.jsxs("span",{className:"block mt-1 text-[0.95rem] sm:text-[1.15rem] font-extrabold",style:{color:a.ink},children:["Plus ",e.jsx("span",{style:{color:a.red},children:"AI CTF Pack"})," for FREE"]})]}),e.jsxs("p",{className:"mt-3 text-[13px] sm:text-[15px] leading-relaxed mx-auto max-w-[520px]",style:{color:a.inkSoft,textShadow:"0 1px 0 rgba(255,255,255,0.5)"},children:["Build practical AI-powered cybersecurity skills:"," ",e.jsx("span",{className:"font-semibold",style:{color:a.ink},children:"10 hands-on courses"})," for just"," ",e.jsx("span",{className:"font-semibold",style:{color:a.ink},children:"$79"})," ",e.jsx("span",{className:"line-through opacity-70",children:"$399"}),"."]}),e.jsx("div",{className:"mt-4 flex flex-wrap justify-center gap-3 sm:gap-4",children:[{n:"10",l:"Courses"},{n:"40+",l:"Labs"},{n:"5+",l:"AI CTFs"}].map(t=>e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-xl border px-3 py-1.5 sm:px-4 sm:py-2 text-[13px] sm:text-[16px] font-bold tracking-tight",style:{background:"rgba(255,255,255,0.65)",borderColor:a.line,color:a.ink,boxShadow:"0 4px 14px -6px rgba(15,23,42,0.12)"},children:[e.jsx("span",{className:"text-[16px] sm:text-[22px] font-extrabold text-gradient-ai",children:t.n})," ",t.l]},t.l))})]}),e.jsx("div",{className:"border-t",style:{borderColor:a.line}}),e.jsxs("div",{className:"px-5 py-5 sm:px-9 sm:py-6 text-center",children:[e.jsxs("div",{className:"flex items-start justify-center gap-3 sm:gap-4",children:[e.jsx("span",{className:"price-blink font-bold leading-[0.9] tracking-tight text-[48px] sm:text-[72px]",style:{color:a.red,textShadow:"0 6px 30px rgba(225,29,44,0.45)"},children:"$79"}),e.jsxs("div",{className:"flex flex-col items-start gap-1 pt-1",children:[e.jsx("span",{className:"text-[14px] sm:text-[18px] font-medium line-through",style:{color:a.muted},children:"$399"}),e.jsx("span",{className:"text-[10px] sm:text-[12px] font-bold uppercase tracking-wider",style:{color:a.red},children:"Save $320"})]})]}),e.jsxs("p",{className:"mt-3 inline-flex items-center justify-center gap-3 text-[12px] sm:text-[14px] font-medium",style:{color:a.inkSoft,textShadow:"0 1px 0 rgba(255,255,255,0.5)"},children:[e.jsx("span",{children:"One-time payment"}),e.jsx("span",{"aria-hidden":!0,className:"inline-block h-1.5 w-1.5 rounded-full",style:{background:a.red}}),e.jsx("span",{children:"1-year full access"})]}),e.jsx("div",{className:"mt-4 flex justify-center",children:e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:"cta-pulse inline-flex items-center justify-center gap-2 rounded-xl px-7 py-3.5 text-[14px] sm:text-[15px] font-bold uppercase tracking-wide text-white",style:{background:"linear-gradient(135deg,#e11d2c 0%, #b91c1c 100%)"},children:["Get This Hands-on Bundle Now",e.jsx(b,{className:"h-4 w-4"})]})})]})]})]})}),e.jsx("div",{"aria-hidden":!0,className:"hidden md:block"})]})]})]})};export{y 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.