1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52500],{52500:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var i=a(95155),s=a(12115),n=a(15239),r=a(52619),l=a.n(r),o=a(26497),c=a(26832);let d=[{id:1,title:"ANTRX",category:"Agency",description:"From network infrastructure and fiber to security, cloud, and smart automation, ANTRX builds dependable technology systems for businesses and modern homes.",image:"/agency/antrx.webp",video:"/agency/antrx_v.webm"},{id:2,title:"MLLC Legislative",category:"Government",description:"The Maryland Legislative Latino Caucus (MLLC) serves as a forum for members of the Maryland Senate and House of Delegates to identify and confront key issues affecting Latinos.",image:"/agency/legis.webp",video:"/agency/legis.webm"},{id:3,title:"MLLC Foundation",category:"Government",description:"The Maryland Legislative Latino Caucus (MLLC) serves as a forum for members of the Maryland Senate and House of Delegates to identify and confront key issues affecting Latinos.",image:"/agency/mllc.webp",video:"/agency/mllc.webm"}];function m(){let[e,t]=(0,s.useState)(0),[a,r]=(0,s.useState)(!1),m=(0,s.useRef)(null);(0,s.useEffect)(()=>{m.current&&(a?m.current.play().catch(()=>{}):(m.current.pause(),m.current.currentTime=0))},[a,e]),(0,s.useEffect)(()=>{if(a)return;let e=setInterval(()=>{t(e=>(e+1)%d.length)},5e3);return()=>clearInterval(e)},[a]);let x=d[e];return(0,i.jsx)("section",{className:"py-24 relative overflow-hidden bg-canvas",children:(0,i.jsxs)("div",{className:"max-w-[1400px] mx-auto px-6 md:px-12",children:[(0,i.jsxs)("div",{className:"flex flex-col md:flex-row items-end justify-between mb-12 gap-6",children:[(0,i.jsx)("div",{className:"max-w-2xl",children:(0,i.jsxs)("h2",{className:"reveal font-serif font-medium text-[clamp(40px,5vw,64px)] leading-[1.1] tracking-[-0.02em] text-ink text-balance",children:["Systems we've built. ",(0,i.jsx)("br",{})," ",(0,i.jsx)("span",{className:"text-primary",children:"Results delivered."})]})}),(0,i.jsxs)("div",{className:"reveal flex items-center gap-3",children:[(0,i.jsx)("button",{onClick:()=>t(e=>(e-1+d.length)%d.length),className:"w-12 h-12 rounded-full border border-[var(--border)] flex items-center justify-center hover:bg-[var(--text-primary)] hover:text-[var(--background)] transition-colors text-ink","aria-label":"Previous project",children:"â"}),(0,i.jsx)("button",{onClick:()=>t(e=>(e+1)%d.length),className:"w-12 h-12 rounded-full border border-[var(--border)] flex items-center justify-center hover:bg-[var(--text-primary)] hover:text-[var(--background)] transition-colors text-ink","aria-label":"Next project",children:"â"})]})]}),(0,i.jsxs)("div",{className:"reveal relative w-full aspect-[4/5] sm:aspect-[4/5] md:aspect-video lg:aspect-[video] min-h-[550px] sm:min-h-[550px] md:min-h-[550px] lg:min-h-[650px] xl:min-h-[700px] rounded-[24px] md:rounded-[32px] overflow-hidden group border border-[var(--border)] bg-black/5",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[(0,i.jsx)(o.N,{mode:"wait",children:(0,i.jsxs)(c.P.div,{initial:{opacity:0,scale:1.05},animate:{opacity:1,scale:1},exit:{opacity:0},transition:{duration:.6,ease:"easeOut"},className:"absolute inset-0",children:[(0,i.jsx)(n.default,{src:x.image,alt:x.title,fill:!0,className:"object-cover transition-opacity duration-700 ".concat(a?"opacity-0":"opacity-100")}),(0,i.jsx)("video",{ref:m,src:x.video,loop:!0,muted:!0,playsInline:!0,className:"absolute inset-0 w-full h-full object-cover transition-opacity duration-700 ".concat(a?"opacity-100":"opacity-0")}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent pointer-events-none"}),(0,i.jsxs)("div",{className:"absolute bottom-0 left-0 w-full p-6 sm:p-8 lg:p-12 flex flex-col md:flex-row items-start md:items-end justify-between gap-6 lg:gap-8 pointer-events-none z-10",children:[(0,i.jsxs)("div",{className:"flex-1 max-w-2xl",children:[(0,i.jsx)("div",{className:"font-mono text-[10px] md:text-xs tracking-[0.1em] uppercase text-white/80 mb-3 md:mb-4 border border-white/30 inline-block px-3 py-1 md:px-4 md:py-1.5 rounded-full backdrop-blur-md",children:x.category}),(0,i.jsx)("h3",{className:"font-serif text-[clamp(24px,4vw,48px)] leading-[1.1] text-white font-medium tracking-tight mb-2 md:mb-3",children:x.title}),(0,i.jsx)("p",{className:"text-white/70 text-[14px] md:text-[15px] lg:text-[17px] leading-relaxed max-w-xl line-clamp-3 md:line-clamp-none",children:x.description})]}),(0,i.jsx)("div",{className:"pointer-events-auto shrink-0 w-full md:w-auto mt-2 md:mt-0",children:(0,i.jsxs)(l(),{href:"/our-work",className:"flex w-full md:inline-flex items-center justify-center gap-2 md:gap-3 bg-white text-black px-6 py-3 md:px-8 md:py-4 rounded-full font-semibold text-[14px] md:text-[15px] hover:bg-[var(--primary)] hover:text-white transition-all duration-300 shadow-xl hover:shadow-2xl hover:-translate-y-1",children:["Know More ",(0,i.jsx)("span",{className:"text-lg leading-none",children:"â"})]})})]})]},x.id)}),(0,i.jsx)("div",{className:"absolute top-6 right-6 md:top-8 md:right-8 flex gap-2 z-20",children:d.map((a,s)=>(0,i.jsx)("button",{onClick:()=>t(s),className:"w-12 h-1.5 rounded-full transition-all duration-300 ".concat(s===e?"bg-white":"bg-white/30 hover:bg-white/50"),"aria-label":"Go to slide ".concat(s+1)},a.id))})]})]})})}}}]);
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.