https://www.converged.com/assets/webinar-fN1TcP2r.js

1import{c as R,e as W,r as l,j as e,X as I,C as T,a as $,t as p}from"./index-Aq2xmdKs.js";import{S as z}from"./send-jfWwR3hZ.js";import{s as P}from"./newsletter-api-Rt6w8qY1.js";import{R as U}from"./radar-Bjvnd2_G.js";import{S as _}from"./sparkles-B2f6TFSv.js";import{V as M}from"./video-iUgHAGvH.js";import{C as v}from"./calendar-BXhdgWMJ.js";import{C as A}from"./clock-DsA-oFRD.js";import{M as O}from"./map-pin-BWIcUEt-.js";import{U as Y}from"./users-Buvulc5p.js";/**
2 * @license lucide-react v0.546.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 q=[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],V=R("message-circle-question-mark",q),k=W.VITE_SERVER_URL;async function H(){const t=await fetch(`${k}/api/webinars`);if(!t.ok)throw new Error("Failed to fetch webinars");return(await t.json()).webinars}async function Q(t,s){const o=await fetch(`${k}/api/webinars/${t}/register`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!o.ok){const r=await o.json().catch(()=>null);throw new Error((r==null?void 0:r.error)??"Failed to register. Please try again.")}return o.json()}const C='"Century Gothic", "Poppins", "Segoe UI", ui-sans-serif, system-ui, sans-serif',B={name:"",email:"",company:"",phone:"",notes:""};function G(t){const{webinarId:s,title:o,whenLabel:r,triggerLabel:c,triggerClassName:b,disabled:g}=t,[m,h]=l.useState(!1),[n,d]=l.useState(!1),[F,N]=l.useState(!1),[x,u]=l.useState(B);l.useEffect(()=>{if(!m)return;const a=document.body.style.overflow;document.body.style.overflow="hidden";const i=L=>{L.key==="Escape"&&h(!1)};return window.addEventListener("keydown",i),()=>{document.body.style.overflow=a,window.removeEventListener("keydown",i)}},[m]);async function D(a){a.preventDefault(),d(!0);try{await Q(s,x),N(!0),u(B),p.success("You're registered.")}catch(i){p.error(i instanceof Error?i.message:"Failed to register")}finally{d(!1)}}function j(){h(!1),N(!1)}const w=m?e.jsx("div",{className:"fixed inset-0 z-100 flex items-center justify-center bg-[#0D2B4C]/60 px-4 py-6 backdrop-blur-sm",role:"dialog","aria-modal":"true","aria-labelledby":"webinar-register-title",onClick:j,children:e.jsxs("div",{className:"max-h-[92vh] w-full max-w-md overflow-auto rounded-sm border border-[#E2E6E9] bg-white shadow-[0_30px_80px_-40px_rgba(13,43,76,0.45)]",onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{className:"sticky top-0 z-10 flex items-start justify-between gap-4 border-b border-[#E2E6E9] bg-white px-6 py-5",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-[0.14em] text-[#0D2B4C]",children:"Register"}),e.jsx("div",{className:"mt-1.5 h-0.75 w-8 bg-[#1E9E6B]"}),e.jsx("h2",{id:"webinar-register-title",className:"mt-2 text-xl font-bold text-[#0D2B4C]",style:{fontFamily:C},children:o}),e.jsx("p",{className:"mt-1 text-sm text-[#5C6B78]",children:r})]}),e.jsx("button",{type:"button",onClick:j,className:"inline-flex size-9 shrink-0 items-center justify-center rounded-full border border-[#E2E6E9] text-[#0D2B4C] transition-colors hover:bg-[#F3F5F6] focus:outline-none focus:ring-2 focus:ring-[#1E9E6B]","aria-label":"Close registration form",children:e.jsx(I,{className:"size-4"})})]}),e.jsx("div",{className:"px-6 py-6",children:F?e.jsxs("div",{className:"py-6 text-center",children:[e.jsx("div",{className:"mx-auto flex size-12 items-center justify-center rounded-full bg-[#1E9E6B]",children:e.jsx(T,{className:"size-6 text-white"})}),e.jsx("h3",{className:"mt-4 text-lg font-bold text-[#0D2B4C]",style:{fontFamily:C},children:"You're on the list"}),e.jsx("p",{className:"mx-auto mt-2 max-w-xs text-sm leading-6 text-[#5C6B78]",children:"A confirmation with the joining details is on its way to your inbox."}),e.jsx("button",{type:"button",onClick:j,className:"mt-6 inline-flex h-10 items-center justify-center rounded-sm bg-[#0D2B4C] px-5 text-sm font-semibold text-white transition-colors hover:bg-[#132436]",children:"Done"})]}):e.jsxs("form",{onSubmit:D,className:"grid gap-4",children:[e.jsxs("label",{className:"grid gap-1.5 text-sm font-semibold text-[#132436]",children:["Full name",e.jsx("input",{required:!0,value:x.name,onChange:a=>u(i=>({...i,name:a.target.value}

6)),className:"h-11 rounded-sm border border-[#E2E6E9] px-3 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"})]}),e.jsxs("label",{className:"grid gap-1.5 text-sm font-semibold text-[#132436]",children:["Work email",e.jsx("input",{required:!0,type:"email",value:x.email,onChange:a=>u(i=>({...i,email:a.target.value})),className:"h-11 rounded-sm border border-[#E2E6E9] px-3 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"})]}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsxs("label",{className:"grid gap-1.5 text-sm font-semibold text-[#132436]",children:["Company",e.jsx("input",{value:x.company,onChange:a=>u(i=>({...i,company:a.target.value})),className:"h-11 rounded-sm border border-[#E2E6E9] px-3 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"})]}),e.jsxs("label",{className:"grid gap-1.5 text-sm font-semibold text-[#132436]",children:["Phone",e.jsx("input",{type:"tel",value:x.phone,onChange:a=>u(i=>({...i,phone:a.target.value})),className:"h-11 rounded-sm border border-[#E2E6E9] px-3 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"})]})]}),e.jsxs("label",{className:"grid gap-1.5 text-sm font-semibold text-[#132436]",children:["Questions for the host (optional)",e.jsx("textarea",{rows:3,value:x.notes,onChange:a=>u(i=>({...i,notes:a.target.value})),className:"rounded-sm border border-[#E2E6E9] px-3 py-2 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"})]}),e.jsxs("button",{type:"submit",disabled:n,className:"mt-1 inline-flex h-11 items-center justify-center gap-2 rounded-sm bg-[#1E9E6B] px-5 text-sm font-semibold text-white transition-colors hover:bg-[#17835a] disabled:opacity-60",children:[e.jsx(z,{className:"size-4"}),n?"Registering...":"Reserve my seat"]})]})})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button",onClick:()=>h(!0),className:b,disabled:g,children:c}),w&&typeof document<"u"?$.createPortal(w,document.body):null]})}const f='"Century Gothic", "Poppins", "Segoe UI", ui-sans-serif, system-ui, sans-serif',J=[{title:"Live Q&A with our specialists",body:"Bring your specific environment and questions — every session ends with open floor time.",icon:V},{title:"Takeaways you can apply immediately",body:"Every session is built around practical steps, not theory, for growing businesses.",icon:_},{title:"Recording sent afterward",body:"Registered and can't make it live? We'll email the recording to everyone who signed up.",icon:M}];function S({eyebrow:t,heading:s}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-bold uppercase tracking-[0.14em] text-[#0D2B4C]",children:t}),e.jsx("div",{className:"mt-2 h-0.75 w-10 bg-[#1E9E6B]"}),e.jsx("h2",{className:"mt-3 text-[30px] font-bold leading-tight text-[#0D2B4C]",style:{fontFamily:f},children:s})]})}function E({icon:t,tone:s="navy"}){return e.jsx("div",{className:`flex size-12 shrink-0 items-center justify-center rounded-full ${s==="navy"?"bg-[#0D2B4C]":"bg-[#1E9E6B]"}`,children:e.jsx(t,{className:"size-5.5 text-white",strokeWidth:1.8})})}function le(){const[t,s]=l.useState([]),[o,r]=l.useState(!0),[c,b]=l.useState(""),[g,m]=l.useState(!1);l.useEffect(()=>{H().then(s).catch(()=>p.error("Failed to load upcoming webinars")).finally(()=>r(!1))},[]);async function h(n){n.preventDefault(),m(!0);try{const d=await P({email:c,source:"webinar"});p.success(d.alreadySubscribed?"You're already on the list.":"You're on the list — we'll email you when a date is set."),b("")}catch(d){p.error(d instanceof Error?d.message:"Failed to subscribe")}finally{m(!1)}}return e.jsxs("main",{className:"text-[#132436]",style:{fontFamily:'"Segoe UI", "Inter", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif'},children:[e.jsx("section",{className:"border-b border-[#E2E6E9]",children:e.jsxs("div",{className:"mx-auto w-full max-w-5xl px-4 py-16 md:px-6 md:py-20",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(E,{icon:U}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-bold uppercase tracking-[0.14em] text-[#0D2B4C]",children:"Converged Webinars"}),e.jsx("div",{className:"mt-1.5 h-0.75 w-10 bg-[#1E9E6B]"})]})]}),e.jsx("h1",{className:"mt-6 max-w-2xl text-[42px] font-bold leading-[1.1] text-[#0D2B4C] md:text-[50px]",style:{fontFamily:f},children:"Learning, live."}),e.jsx("p",{className:"mt-4 max-w-xl text-base leading-7 text-[#132436]",children:"Short, practical sessions on managed IT, cybersecurity, and connectivity — hosted by the team that does the work. Reserve your seat below."})]})}),e.jsx("section",{className:"px-4 py-16 md:px-6",children:e.jsxs("div",{className:"mx-auto w-full max-w-5xl",children:[e.jsx(S,{eyebrow:"What's Scheduled",heading:"Upcoming Sessions"}),e.jsx("div",{className:"mt-10 space-y-6",children:o?e.jsx("p",{className:"text-sm text-[#5C6B78]",children:"Loading upcoming sessions…"}):t.length===0?e.jsxs("div",{className:"rounded-sm border border-[#

6E2E6E9] bg-[#F3F5F6] p-8 md:p-10",children:[e.jsx("p",{className:"text-lg font-bold text-[#0D2B4C]",style:{fontFamily:f},children:"Nothing on the calendar right now."}),e.jsx("p",{className:"mt-2 max-w-md text-sm leading-6 text-[#5C6B78]",children:"Leave your email and we'll let you know the moment a new session is scheduled."}),e.jsxs("form",{onSubmit:h,className:"mt-5 flex max-w-md flex-col gap-3 sm:flex-row",children:[e.jsx("input",{required:!0,type:"email",value:c,onChange:n=>b(n.target.value),placeholder:"[email protected]",className:"h-11 flex-1 rounded-sm border border-[#E2E6E9] bg-white px-3 text-sm text-[#132436] focus:border-[#1E9E6B] focus:outline-none"}),e.jsx("button",{type:"submit",disabled:g,className:"inline-flex h-11 items-center justify-center rounded-sm bg-[#1E9E6B] px-5 text-sm font-semibold text-white transition-colors hover:bg-[#17835a] disabled:opacity-60",children:g?"Saving…":"Notify me"})]})]}):t.map(n=>e.jsx(K,{webinar:n},n.id))})]})}),e.jsx("section",{className:"bg-[#F3F5F6] px-4 py-16 md:px-6",children:e.jsxs("div",{className:"mx-auto w-full max-w-5xl",children:[e.jsx(S,{eyebrow:"Why Attend",heading:"Built to be useful, not long."}),e.jsx("div",{className:"mt-10 space-y-8",children:J.map(n=>e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx(E,{icon:n.icon,tone:"green"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-bold text-[#0D2B4C]",style:{fontFamily:f},children:n.title}),e.jsx("p",{className:"mt-1 max-w-xl text-sm leading-6 text-[#5C6B78]",children:n.body})]})]},n.title))})]})})]})}function K({webinar:t}){const s=new Date(t.startsAt),o=s.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric"}),r=s.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit"}),c=t.spotsRemaining!==null&&t.spotsRemaining<=0;return e.jsxs("article",{className:"rounded-sm border border-[#E2E6E9] bg-white p-6 md:p-8",children:[e.jsxs("div",{className:"flex flex-col gap-6 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx(E,{icon:v}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold text-[#0D2B4C]",style:{fontFamily:f},children:t.title}),e.jsxs("p",{className:"mt-1 text-sm text-[#5C6B78]",children:["Hosted by ",t.hostName,t.hostTitle?`, ${t.hostTitle}`:""]})]})]}),e.jsx(G,{webinarId:t.id,title:t.title,whenLabel:`${o} · ${r}`,triggerLabel:c?"Full — join waitlist":"Reserve my seat",triggerClassName:"inline-flex h-11 shrink-0 items-center justify-center rounded-sm bg-[#1E9E6B] px-5 text-sm font-semibold text-white transition-colors hover:bg-[#17835a] disabled:opacity-60"})]}),e.jsx("p",{className:"mt-5 max-w-2xl text-sm leading-6 text-[#132436]",children:t.description}),e.jsxs("div",{className:"mt-6 grid grid-cols-2 gap-4 border-t border-[#E2E6E9] pt-5 sm:grid-cols-4",children:[e.jsx(y,{icon:v,label:"Date",value:o}),e.jsx(y,{icon:A,label:"Time",value:`${r} · ${t.durationMinutes} min`}),e.jsx(y,{icon:O,label:"Where",value:t.location}),e.jsx(y,{icon:Y,label:"Seats",value:t.spotsRemaining!==null?c?"Full":`${t.spotsRemaining} left`:"Open"})]})]})}function y({icon:t,label:s,value:o}){return e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsx(t,{className:"mt-0.5 size-4 shrink-0 text-[#0D2B4C]",strokeWidth:1.8}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-widest text-[#5C6B78]",children:s}),e.jsx("p",{className:"tabular-nums text-sm font-semibold text-[#0D2B4C]",children:o})]})]})}export{le as component};