https://maslera.com/assets/ClassLinkAnnouncement-BzIGN7bj.js

1import{r as t,a2 as c,j as e,a8 as o}from"./index-EGlsvPh5.js";function x(){const l=t.useRef(null),[a,s]=t.useState(!1),n=c(),i=()=>{l.current&&(l.current.play(),s(!0))};return e.jsx("section",{className:"py-24 bg-white",ref:n,children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-12 items-center",children:[e.jsx("div",{className:"scroll-reveal",children:e.jsxs("div",{className:"relative rounded-3xl overflow-hidden shadow-2xl bg-maslera-navy",children:[e.jsx("video",{ref:l,className:`w-full aspect-video ${a?"block":"hidden"}`,controls:!0,preload:"metadata",onPlay:()=>s(!0),onPause:()=>s(!1),onEnded:()=>s(!1),children:e.jsx("source",{src:"/videos/classlink-announcement.mp4",type:"video/mp4"})}),!a&&e.jsxs("button",{onClick:i,className:"relative w-full aspect-video flex items-center justify-center cursor-pointer group",style:{background:"linear-gradient(135deg, hsl(223, 43%, 14%) 0%, hsl(223, 43%, 22%) 50%, hsl(21, 80%, 30%) 100%)"},children:[e.jsx("div",{className:"absolute inset-0 dot-grid-bg opacity-50"}),e.jsx("div",{className:"absolute top-8 left-8 w-40 h-40 bg-maslera-orange/15 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-8 right-8 w-32 h-32 bg-maslera-orange/10 rounded-full blur-3xl"}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center gap-5",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("img",{src:"/images/lex-waving.png",alt:"Lex",className:"w-16 h-16 object-cover rounded-2xl"}),e.jsx("span",{className:"text-white/30 text-2xl",children:"+"}),e.jsx("div",{className:"w-16 h-16 bg-white/10 backdrop-blur-sm rounded-2xl flex items-center justify-center border border-white/20",children:e.jsx("svg",{className:"w-8 h-8 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"})})})]}),e.jsx("div",{className:"w-16 h-16 bg-maslera-orange rounded-full flex items-center justify-center shadow-xl group-hover:scale-110 transition-transform duration-300 ring-4 ring-maslera-orange/30",children:e.jsx(o,{className:"w-7 h-7 text-white ml-0.5",fill:"white"})}),e.jsx("p",{className:"text-white/50 text-xs font-medium",children:"Watch the announcement"})]})]})]})}),e.jsxs("div",{className:"scroll-reveal",style:{transitionDelay:"0.15s"},children:[e.jsxs("div",{className:"inline-flex items-center bg-green-50 border border-green-100 rounded-full px-4 py-1.5 mb-6",children:[e.jsx("span",{className:"w-2 h-2 bg-green-500 rounded-full mr-2"}),e.jsx("span",{className:"text-green-700 text-sm font-medium",children:"New Partnership"})]}),e.jsxs("h2",{className:"text-3xl lg:text-4xl font-extrabold text-slate-800 mb-4 tracking-tight",children:["Maslera is Now a"," ",e.jsx("span",{className:"gradient-text-orange",children:"ClassLink Approved Vendor"})]}),e.jsx("p",{className:"text-lg text-gray-500 mb-8 leading-relaxed",children:"Seamless SSO integration for schools and districts. One login, zero friction. Deploy Maslera across your entire district in minutes."}),e.jsx("div",{className:"space-y-4",children:["SSO with ClassLink","Automatic rostering","District-wide deployment"].map(r=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"w-6 h-6 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0",children:e.jsx("svg",{className:"w-3.5 h-3.5 text-green-600",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),e.jsx("span",{className:"text-gray-700 font-medium",children:r})]},r))})]})]})})})}export{x as default};