9 lines
46 KiB
JavaScript
9 lines
46 KiB
JavaScript
const{useState,useEffect,useRef,Fragment}=React,Icon=({size:e=16,sw:a=1.75,className:s="",children:t})=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round",className:s},t),ChevronDown=e=>React.createElement(Icon,{size:16,...e},React.createElement("polyline",{points:"6 9 12 15 18 9"})),Menu=e=>React.createElement(Icon,{size:24,...e},React.createElement("line",{x1:"4",x2:"20",y1:"6",y2:"6"}),React.createElement("line",{x1:"4",x2:"20",y1:"12",y2:"12"}),React.createElement("line",{x1:"4",x2:"20",y1:"18",y2:"18"})),X=e=>React.createElement(Icon,{size:24,...e},React.createElement("path",{d:"M18 6 6 18"}),React.createElement("path",{d:"m6 6 12 12"})),ArrowRight=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M5 12h14"}),React.createElement("path",{d:"m12 5 7 7-7 7"})),ArrowLeft=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"m12 19-7-7 7-7"}),React.createElement("path",{d:"M19 12H5"})),ArrowUpRight=e=>React.createElement(Icon,{size:14,...e},React.createElement("path",{d:"M7 17 17 7"}),React.createElement("path",{d:"M7 7h10v10"})),Mail=e=>React.createElement(Icon,{size:16,...e},React.createElement("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"}),React.createElement("path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"})),MapPin=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0Z"}),React.createElement("circle",{cx:"12",cy:"10",r:"3"})),Linkedin=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),React.createElement("rect",{width:"4",height:"12",x:"2",y:"9"}),React.createElement("circle",{cx:"4",cy:"4",r:"2"})),ExternalLink=e=>React.createElement(Icon,{size:13,...e},React.createElement("path",{d:"M15 3h6v6"}),React.createElement("path",{d:"M10 14 21 3"}),React.createElement("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})),Play=e=>React.createElement(Icon,{size:16,...e},React.createElement("polygon",{points:"6 3 20 12 6 21 6 3"})),Check=e=>React.createElement(Icon,{size:16,...e},React.createElement("polyline",{points:"20 6 9 17 4 12"})),Server=e=>React.createElement(Icon,{size:16,...e},React.createElement("rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2"}),React.createElement("rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2"}),React.createElement("line",{x1:"6",x2:"6.01",y1:"6",y2:"6"}),React.createElement("line",{x1:"6",x2:"6.01",y1:"18",y2:"18"})),Radio=e=>React.createElement(Icon,{size:16,...e},React.createElement("circle",{cx:"12",cy:"12",r:"2"}),React.createElement("path",{d:"M4.93 19.07a10 10 0 0 1 0-14.14"}),React.createElement("path",{d:"M7.76 16.24a6 6 0 0 1 0-8.48"}),React.createElement("path",{d:"M16.24 7.76a6 6 0 0 1 0 8.48"}),React.createElement("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14"})),Cable=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1v2"}),React.createElement("path",{d:"M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9"}),React.createElement("path",{d:"M21 21v-2h-4v2"}),React.createElement("path",{d:"M3 5h4V3H3z"}),React.createElement("path",{d:"M7 5v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5"})),Cloud=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"})),Tv=e=>React.createElement(Icon,{size:16,...e},React.createElement("rect",{width:"20",height:"15",x:"2",y:"7",rx:"2",ry:"2"}),React.createElement("polyline",{points:"17 2 12 7 7 2"})),Cpu=e=>React.createElement(Icon,{size:16,...e},React.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2"}),React.createElement("rect",{x:"9",y:"9",width:"6",height:"6"}),React.createElement("path",{d:"M9 1v3"}),React.createElement("path",{d:"M15 1v3"}),React.createElement("path",{d:"M9 20v3"}),React.createElement("path",{d:"M15 20v3"}),React.createElement("path",{d:"M20 9h3"}),React.createElement("path",{d:"M20 14h3"}),React.createElement("path",{d:"M1 9h3"}),React.createElement("path",{d:"M1 14h3"})),ShieldCheck=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"}),React.createElement("path",{d:"m9 12 2 2 4-4"})),Ruler=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.4 2.4 0 0 1 0-3.4l2.6-2.6a2.4 2.4 0 0 1 3.4 0Z"}),React.createElement("path",{d:"m14.5 12.5 2-2"}),React.createElement("path",{d:"m11.5 9.5 2-2"}),React.createElement("path",{d:"m8.5 6.5 2-2"}),React.createElement("path",{d:"m17.5 15.5 2-2"})),Wrench=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"})),MonitorCheck=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"m9 10 2 2 4-4"}),React.createElement("rect",{width:"20",height:"14",x:"2",y:"3",rx:"2"}),React.createElement("path",{d:"M12 17v4"}),React.createElement("path",{d:"M8 21h8"})),Headset=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"}),React.createElement("path",{d:"M21 16v2a4 4 0 0 1-4 4h-5"})),Star=e=>React.createElement(Icon,{size:14,...e},React.createElement("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})),Sparkles=e=>React.createElement(Icon,{size:16,...e},React.createElement("path",{d:"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"}));function Reveal({children:e,className:a="",delay:s=0}){const t=useRef(null),[n,i]=useState(!1);return useEffect(()=>{const r=t.current;if(!r)return;const l=new IntersectionObserver(([o])=>{o.isIntersecting&&(i(!0),l.unobserve(r))},{threshold:.1,rootMargin:"0px 0px -40px 0px"});return l.observe(r),()=>l.disconnect()},[]),React.createElement("div",{ref:t,className:`reveal ${n?"visible":""} ${a}`,style:{transitionDelay:`${s}ms`}},e)}function CursorDot(){const e=useRef(null);return useEffect(()=>{const a=s=>{e.current&&(e.current.style.transform=`translate(${s.clientX}px, ${s.clientY}px) translate(-50%, -50%)`),document.body.dataset.cursor="on"};return window.addEventListener("mousemove",a),()=>window.removeEventListener("mousemove",a)},[]),React.createElement("div",{ref:e,className:"cursor-dot"})}function Curtain(){const[e,a]=useState(!1);return useEffect(()=>{const s=setTimeout(()=>a(!0),1300);return()=>clearTimeout(s)},[]),e?null:React.createElement("div",{className:"curtain"})}function Navigation(){const[e,a]=useState(!1),[s,t]=useState(!1);useEffect(()=>{const i=()=>a(window.scrollY>50);return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)},[]);const n=[{href:"#services",label:"Capabilities"},{href:"#corridors",label:"Regional"},{href:"#projects",label:"Projects"},{href:"#about",label:"About"},{href:"#contact",label:"Contact"}];return React.createElement("nav",{className:`nav ${e?"scrolled":""}`},React.createElement("div",{className:"nav-inner"},React.createElement("a",{href:"#",className:"nav-logo"},React.createElement("img",{src:__R("images/dragon-mark.png"),alt:"Wild Dragon",width:"32",height:"32"}),React.createElement("span",null,"Wild Dragon")),React.createElement("div",{className:"nav-links"},n.map(i=>React.createElement("a",{key:i.href,href:i.href},i.label)),React.createElement("a",{href:"#contact",className:"nav-cta-btn"},"Request Scope")),React.createElement("button",{className:"nav-toggle",onClick:()=>t(!s),"aria-label":"Toggle menu"},React.createElement(s?X:Menu,null))),React.createElement("div",{className:`nav-mobile ${s?"open":""}`},n.map(i=>React.createElement("a",{key:i.href,href:i.href,onClick:()=>t(!1)},i.label)),React.createElement("a",{href:"#contact",className:"nav-mobile-cta",onClick:()=>t(!1)},"Request Scope")))}const HERO_ROLES=["Broadcast Systems Integration","Commercial AV Installation","SMPTE ST 2110 IP Facilities","Production Control Rooms","Direct-View LED Video Walls","Extended Reality (XR) Stages"];function Hero({ctaLabel:e}){const[a,s]=useState(!1),[t,n]=useState(0),[i,r]=useState(""),[l,o]=useState(!0);useEffect(()=>{const d=setTimeout(()=>s(!0),100);return()=>clearTimeout(d)},[]),useEffect(()=>{const d=HERO_ROLES[t];if(l)if(i.length<d.length){const m=setTimeout(()=>r(d.slice(0,i.length+1)),45);return()=>clearTimeout(m)}else{const m=setTimeout(()=>o(!1),2400);return()=>clearTimeout(m)}else if(i.length>0){const m=setTimeout(()=>r(i.slice(0,-1)),25);return()=>clearTimeout(m)}else n(m=>(m+1)%HERO_ROLES.length),o(!0)},[i,l,t]);const c=d=>({transition:`opacity .9s ${d}s, transform .9s ${d}s`,opacity:a?1:0,transform:a?"translateY(0)":"translateY(24px)"});return React.createElement("section",{className:"hero grain"},React.createElement("div",{className:"hero-bg"},React.createElement("img",{src:__R("images/photos/production-switcher.jpg"),alt:"Broadcast control room switcher console",fetchpriority:"high"})),React.createElement("div",{className:"hero-grid"}),React.createElement("div",{className:"hero-fade-v"}),React.createElement("div",{className:"hero-fade-h"}),React.createElement("div",{className:"hero-corner tl"},"// 38.9\xB0N \xB7 77.0\xB0W"),React.createElement("div",{className:"hero-corner tr"},"EST. 2024 \xB7 DC / DMV"),React.createElement("div",{className:"hero-corner bl"},"SMPTE ST 2110 \xB7 NDI 6"),React.createElement("div",{className:"hero-corner br"},"\u25CF SYSTEM ONLINE"),React.createElement("div",{className:"hero-content"},React.createElement("div",{className:"hero-badges-row",style:c(0)},React.createElement("div",{className:"hero-status-chip"},React.createElement("span",{className:"live-dot"}),React.createElement("span",null,"Available for DMV Integration & Commissioning")),React.createElement("a",{href:"#contact",className:"hero-google-badge"},React.createElement("span",{className:"g-star"},"\u2605 5.0"),React.createElement("span",null,"Google Verified Integrator \xB7 DC \xB7 MD \xB7 VA"))),React.createElement("div",{className:"hero-tag",style:c(.12)},React.createElement("span",{className:"hero-tag-prefix"},"//")," ",i,React.createElement("span",{className:"caret"},"|")),React.createElement("h1",{style:c(.24),className:"hero-h1"},React.createElement("span",{className:"hero-h1-brand"},"Wild Dragon"),React.createElement("span",{className:"hero-h1-sub"},"Broadcast Systems Integration & Commercial AV")),React.createElement("div",{className:"hero-rule",style:{transition:"opacity 1s .35s, width 1s .35s",opacity:a?1:0,width:a?"7rem":0}}),React.createElement("p",{className:"hero-desc",style:c(.4)},"Principal Design Engineer ",React.createElement("strong",null,"Zachary Gaetano")," leads end-to-end broadcast facility design, SMPTE ST 2110 IP video infrastructure, and high-performance commercial AV installations across Washington, DC, Maryland, and Northern Virginia."),React.createElement("div",{className:"hero-actions",style:c(.5)},React.createElement("a",{href:"#contact",className:"btn btn-primary hero-cta-main"},"Request Scope & Bid ",React.createElement(ArrowRight,{size:16})),React.createElement("a",{href:"#projects",className:"btn btn-ghost-dark hero-cta-sec"},e||"Explore Case Studies")),React.createElement("div",{className:"hero-tech-pills",style:c(.6)},React.createElement("span",null,"SMPTE ST 2110"),React.createElement("span",null,"Ross Ultrix & Carbonite"),React.createElement("span",null,"Q-SYS Certified"),React.createElement("span",null,"Brompton Tessera SX40"),React.createElement("span",null,"12G-SDI & NDI 6"),React.createElement("span",null,"Dante Audio"))))}const CLIENTS=[{name:"Washington Commanders",logo:__R("images/clients/commanders.png")},{name:"BetMGM",logo:__R("images/clients/betmgm.png")},{name:"CVS Health / Aetna",logo:__R("images/clients/cvs.png")},{name:"UBS",logo:__R("images/clients/ubs.png")},{name:"Monumental Sports",logo:__R("images/clients/monumental.png")},{name:"NBC Sports",logo:__R("images/clients/nbc-sports.png")},{name:"Cosm",logo:__R("images/clients/cosm.svg")},{name:"Intuit",logo:__R("images/clients/intuit.png")},{name:"Red Sands",logo:__R("images/clients/redsands.svg")},{name:"Blue Origin",logo:__R("images/clients/blue-origin.png")},{name:"Broadcast Management Group",logo:__R("images/clients/bmg.png")},{name:"AVI-SPL",logo:__R("images/clients/avispl.png")}];function Clients({marquee:e}){return React.createElement("section",{className:"clients"},React.createElement("div",{className:"container clients-heading"},React.createElement("p",{className:"eyebrow"},"// Trusted by Enterprise, Sports & Broadcast Leaders")),e?React.createElement("div",{className:"marquee"},React.createElement("div",{className:"marquee-track"},[...CLIENTS,...CLIENTS].map((a,s)=>React.createElement("div",{className:"marquee-item",key:s,title:a.name},React.createElement("img",{src:a.logo,alt:a.name}))))):React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"clients-static"},CLIENTS.map(a=>React.createElement("div",{className:"marquee-item",key:a.name,title:a.name},React.createElement("img",{src:a.logo,alt:a.name})))))))}const PARTNERS=[{name:"THOR Broadcast",logo:__R("images/clients/thor-logo.png")},{name:"Ross Video",logo:__R("images/clients/ross-video.png")},{name:"Filmtools",logo:__R("images/clients/filmtools.png")},{name:"Forecast Consoles",logo:__R("images/clients/forecast.png")},{name:"vMix by Studio Coast",logo:__R("images/clients/vmix.png")},{name:"RED Digital Cinema",logo:__R("images/partners/red-digital.png")}];function Partners(){return React.createElement("section",{className:"partners"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"partners-wrap"},React.createElement("p",{className:"eyebrow"},"// Technology & Manufacturing Partners"),React.createElement("div",{className:"partners-grid"},PARTNERS.map(e=>React.createElement("div",{className:"partner-logo",title:e.name,key:e.name},React.createElement("img",{src:e.logo,alt:e.name}))))))))}const CAPS=[{icon:Radio,title:"Signal-Flow Engineering",desc:"End-to-end facility architecture: cable schedules, signal flow schematics, rack elevations, and single-line drawings before cable is pulled."},{icon:Cable,title:"Turnkey Integration",desc:"Precision rack fabrication, custom patching, structured cabling, label standard compliance, and hardware commissioning."},{icon:Cloud,title:"IP Video & ST 2110",desc:"Uncompressed SMPTE ST 2110-20/30/40, PTP IEEE 1588 timing, NMOS IS-04/05 routing, NDI 6, SRT, and hybrid cloud production."},{icon:Tv,title:"Production Engineering",desc:"Live control room switchers, replay servers, intercom systems, multiviewers, and real-time tally & router integration."}];function About(){return React.createElement("section",{id:"about",className:"about"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"about-intro"},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"01"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"About")),React.createElement("h2",{className:"section-title"},"From live production to",React.createElement("br",null),"systems architecture."),React.createElement("div",{className:"body",style:{marginTop:"2rem"}},React.createElement("p",null,"Wild Dragon is a specialized broadcast systems integrator and commercial AV contractor based in the Washington, DC area. Founded by ",React.createElement("strong",null,"Zachary Gaetano"),", the company bridges production operations and mission-critical engineering."),React.createElement("p",null,"Because the same engineer designs, installs, and commissions the facility, there is zero translation loss between engineering drawings and real-world rack builds. Every system is built to broadcast-grade reliability standards, documented thoroughly, and handed off with complete operational training.")))),React.createElement("div",{className:"caps-grid"},CAPS.map((e,a)=>React.createElement(Reveal,{key:e.title,delay:a*80},React.createElement("div",{className:"cap"},React.createElement("div",{className:"cap-icon"},React.createElement(e.icon,{size:20,sw:1.5})),React.createElement("h3",null,e.title),React.createElement("p",null,e.desc)))))))}const STATS=[{v:10,suf:"+",label:"Years in Broadcast",desc:"Production & engineering"},{v:8,suf:"+",label:"Major Facilities",desc:"Designed & integrated"},{v:5900,suf:"+",label:"End Users Served",desc:"Global content delivery"},{v:5,suf:"",label:"Industry Verticals",desc:"Enterprise, sports, financial, aerospace, defense"}];function AnimatedNumber({value:e,suffix:a}){const[s,t]=useState(0),n=useRef(null),i=useRef(!1);useEffect(()=>{const l=new IntersectionObserver(([o])=>{if(o.isIntersecting&&!i.current){i.current=!0;const c=2e3,d=60,m=e/d;let p=0;const v=setInterval(()=>{p+=m,p>=e?(t(e),clearInterval(v)):t(Math.floor(p))},c/d)}},{threshold:.3});return n.current&&l.observe(n.current),()=>l.disconnect()},[e]);const r=s>=1e3&&e>=1e3?`${(s/1e3).toFixed(1).replace(/\.0$/,"")}k`:s;return React.createElement("span",{ref:n,className:"tabular-nums"},r,React.createElement("span",{className:"suf"},a))}function Stats(){return React.createElement("section",{className:"stats grain dark-section"},React.createElement("div",{className:"container"},React.createElement("div",{className:"stats-grid"},STATS.map(e=>React.createElement("div",{key:e.label},React.createElement("div",{className:"stat-value"},React.createElement(AnimatedNumber,{value:e.v,suffix:e.suf})),React.createElement("div",{className:"stat-label"},e.label),React.createElement("div",{className:"stat-desc"},e.desc))))))}const CORE_SERVICES=[{icon:Tv,slug:"commercial-av-installation-washington-dc",title:"Commercial AV Installation",tagline:"Corporate Boardrooms, Town Halls & Briefing Centers",desc:"Design-led commercial AV installation for organizations across Washington DC, Northern Virginia, and Maryland. Video conferencing, high-resolution display walls, automated room control, and precision audio DSP.",tags:["Q-SYS Control","Shure Microflex","Crestron","Teams/Zoom Rooms"],url:"/services/commercial-av-installation-washington-dc/"},{icon:Radio,slug:"broadcast-systems-integration",title:"Broadcast Systems Integration",tagline:"Live Production Studios & Master Control Rooms",desc:"Turnkey broadcast facility engineering from signal-flow drafting to final commissioning. Production switchers, routing switchers, multiviewers, replay servers, tally systems, and studio camera chains.",tags:["Ross Video","vMix 4K","Grass Valley","Riedel Intercom"],url:"/services/broadcast-systems-integration/"},{icon:Server,slug:"smpte-st-2110-infrastructure",title:"IP Video & SMPTE ST 2110 Infrastructure",tagline:"PTP Timing, NMOS Routing & Cloud Production",desc:"Uncompressed IP broadcast infrastructure and cloud-hybrid production. SMPTE ST 2110-20/30/40 standards, PTP IEEE 1588 grandmaster timing, NMOS IS-04/05 discovery/routing, NDI 6, and SRT contribution.",tags:["ST 2110","PTP IEEE 1588","NMOS Routing","SRT / NDI 6"],url:"/services/broadcast-systems-integration/"},{icon:Cpu,slug:"led-video-wall-installation",title:"LED Video Walls & XR Stages",tagline:"Direct-View LED, Tessera SX40 & Virtual Sets",desc:"Direct-view fine-pitch LED display wall installation, processor engineering, and XR virtual production stages. Brompton Tessera processing, sub-frame latency, camera tracking, and genlock synchronization.",tags:["Brompton SX40","NovaStar","Megapixel VR","Unreal Engine XR"],url:"/services/led-video-wall-installation/"}];function Services(){return React.createElement("section",{id:"services",className:"services"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"services-head"},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"02"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Capabilities")),React.createElement("h2",{className:"section-title"},"Core solutions & engineering."),React.createElement("p",{className:"section-lede"},"Specialized engineering disciplines designed to eliminate complexity, ensure signal integrity, and deliver broadcast reliability for enterprise, sports, and federal clients."))),React.createElement("div",{className:"services-bento-grid"},CORE_SERVICES.map((e,a)=>React.createElement(Reveal,{key:e.slug,delay:a*70},React.createElement("div",{className:"svc-bento-card"},React.createElement("div",{className:"svc-bento-top"},React.createElement("div",{className:"svc-icon-box"},React.createElement(e.icon,{size:22,sw:1.5})),React.createElement("span",{className:"svc-bento-badge"},`0${a+1}`)),React.createElement("h3",{className:"svc-bento-title"},e.title),React.createElement("p",{className:"svc-bento-tagline"},e.tagline),React.createElement("p",{className:"svc-bento-desc"},e.desc),React.createElement("div",{className:"svc-tags"},e.tags.map(s=>React.createElement("span",{key:s,className:"svc-tag-pill"},s))),React.createElement("a",{href:e.url,className:"svc-bento-link"},React.createElement("span",null,"Explore service specification"),React.createElement(ArrowRight,{size:14}))))))))}const CORRIDORS=[{title:"Washington, DC",badge:"District Core",focus:"Capitol Hill, K Street, Federal Newsrooms & Executive Briefing Centers",desc:"Rapid on-site integration, secure boardroom AV, live broadcast studios, and press briefing room engineering.",url:"/washington-dc/"},{title:"Northern Virginia",badge:"Tech & Defense",focus:"Tysons, Reston, Herndon, Arlington & Alexandria Enterprise Corridor",desc:"High-density enterprise commercial AV, defense contractor briefing facilities, and SMPTE ST 2110 studio hubs.",url:"/northern-virginia/"},{title:"Maryland",badge:"Biotech & Federal",focus:"Bethesda, Rockville, Silver Spring & Baltimore Corporate Centers",desc:"Biotech auditorium AV, executive boardrooms, healthcare streaming suites, and regional broadcast facilities.",url:"/maryland/"},{title:"Broadcast Integration DMV",badge:"Regional Systems",focus:"Regional Multi-Site Facilities, Master Control & Production Trucks",desc:"End-to-end broadcast facility architecture, routing matrix upgrades, and turn-key control room builds.",url:"/broadcast-integration-dmv/"},{title:"Commercial AV DMV",badge:"Enterprise AV",focus:"Turnkey Corporate AV, All-Hands Spaces & Direct-View LED Walls",desc:"Single-engineer design, installation, DSP programming, and written acceptance testing for enterprise rooms.",url:"/av-installation-dmv/"}];function RegionalCorridors(){return React.createElement("section",{id:"corridors",className:"corridors-section"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"corridors-head"},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"03"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Regional Corridors")),React.createElement("h2",{className:"section-title"},"DMV Service Area & Local Reach."),React.createElement("p",{className:"section-lede"},"Direct engineering presence with immediate on-site response across Washington, DC, Maryland, and Northern Virginia. Google Verified commercial integrator."))),React.createElement("div",{className:"corridors-grid"},CORRIDORS.map((e,a)=>React.createElement(Reveal,{key:e.title,delay:a*60},React.createElement("a",{href:e.url,className:"corridor-card"},React.createElement("div",{className:"corridor-top"},React.createElement("div",{className:"corridor-pin"},React.createElement(MapPin,{size:16,sw:1.75})),React.createElement("span",{className:"corridor-badge"},e.badge)),React.createElement("h3",{className:"corridor-title"},e.title),React.createElement("p",{className:"corridor-focus"},e.focus),React.createElement("p",{className:"corridor-desc"},e.desc),React.createElement("div",{className:"corridor-action"},React.createElement("span",null,"View regional coverage"),React.createElement(ArrowUpRight,{size:14})))))),React.createElement(Reveal,{delay:200},React.createElement("div",{className:"corridor-sublinks"},React.createElement("span",{className:"sublinks-label"},"Local Metro Coverage:"),React.createElement("div",{className:"sublinks-pills"},React.createElement("a",{href:"/washington-dc/"},"Downtown DC"),React.createElement("a",{href:"/northern-virginia/"},"Tysons & Reston"),React.createElement("a",{href:"/bethesda-rockville-av/"},"Bethesda & Rockville"),React.createElement("a",{href:"/maryland/"},"Silver Spring"),React.createElement("a",{href:"/northern-virginia/"},"Arlington & Alexandria"),React.createElement("a",{href:"/broadcast-integration-dmv/"},"Baltimore Metro"))))))}function Projects({onOpen:e}){const a=window.PROJECTS||[],s=a.find(i=>i.featured)||a[0],t=a.filter(i=>i!==s),n=(i,r)=>{!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),e(r))};return React.createElement("section",{id:"projects",className:"projects"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"projects-head"},React.createElement("div",null,React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"04"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Projects")),React.createElement("h2",{className:"section-title"},"Selected case studies.")),React.createElement("p",{className:"lede"},"Broadcast facility design, cloud production architectures, and commercial AV integration for enterprise, sports, aerospace, and financial services clients."))),s&&React.createElement(Reveal,null,React.createElement("a",{className:"proj-featured",href:`/projects/${s.slug}/`,onClick:i=>n(i,s.slug)},React.createElement("img",{src:s.thumbnail,alt:`${s.client} \u2014 ${s.category}`,loading:"lazy"}),React.createElement("div",{className:"proj-featured-body"},React.createElement("div",{className:"proj-featured-meta"},React.createElement("span",{className:"badge"},"Featured Project"),React.createElement("span",{className:"yr"},s.category," \xB7 ",s.year)),React.createElement("h3",null,s.client),React.createElement("p",null,s.summary),React.createElement("span",{className:"cta"},"Read case study ",React.createElement(ArrowRight,null))))),React.createElement("div",{className:"proj-grid"},t.map((i,r)=>React.createElement(Reveal,{key:i.slug,delay:r*60},React.createElement("a",{className:"proj-card",href:`/projects/${i.slug}/`,onClick:l=>n(l,i.slug)},React.createElement("img",{src:i.thumbnail,alt:`${i.client} \u2014 ${i.category}`,loading:"lazy"}),React.createElement("div",{className:"proj-card-overlay"}),React.createElement("div",{className:"proj-arrow"},React.createElement(ArrowUpRight,null)),React.createElement("div",{className:"proj-card-content"},React.createElement("div",{className:"proj-card-tags"},React.createElement("span",{className:"proj-tag"},i.category),React.createElement("span",{className:"proj-yr"},i.year)),React.createElement("h3",null,i.client),React.createElement("p",null,i.summary)))))),React.createElement(Reveal,{delay:150},React.createElement("div",{className:"projects-bottom-cta"},React.createElement("a",{href:"/projects/",className:"btn btn-secondary"},"View All Case Studies & Technical Summaries ",React.createElement(ArrowRight,{size:14}))))))}const STACK=[{cat:"Routing & Infrastructure",desc:"12G-SDI, SMPTE ST 2110, Ross Ultrix, Blackmagic Videohub, THOR fiber transmitters, patch bays"},{cat:"Production Switchers",desc:"Ross Carbonite Ultra, vMix Pro 4K, Grass Valley, Blackmagic ATEM Constellation 8K"},{cat:"Audio & Intercom",desc:"Q-SYS Core DSP, Dante audio networking, Shure Microflex, Riedel Bolero, RTS Adam, Clear-Com"},{cat:"LED & Display Processing",desc:"Brompton Tessera SX40 / S8, NovaStar MCTRL4K, Megapixel VR HELIOS, fine-pitch dvLED"},{cat:"IP Video & Cloud",desc:"SMPTE ST 2110-20/30/40, PTP IEEE 1588 grandmaster timing, NMOS IS-04/05, NDI 6, SRT, LiveU"},{cat:"Control & Automation",desc:"Ross DashBoard custom panels, Q-SYS UCI automation, Crestron / Extron, Bitfocus Companion"}],GEAR=[{icon:Tv,cat:"Switchers & Vision",items:["Ross Carbonite Ultra 24-input 4K","vMix Pro 4K 16-input production rig","Blackmagic ATEM 4 M/E Constellation","Stream Deck XL & Companion integration"]},{icon:Server,cat:"Infrastructure & Routing",items:["Ross Ultrix 64x64 12G router matrix","SMPTE ST 2110 IP gateways & PTP timing","THOR Broadcast fiber TX/RX optical links","AJA & Decimator cross-converters"]},{icon:Cpu,cat:"Audio & Processing",items:["Q-SYS Core 110f & 8-Flex DSPs","Dante Virtual Soundcard & Yamaha consoles","Shure MXA920 ceiling array microphones","Riedel Bolero wireless intercom"]},{icon:Cable,cat:"Cameras & Acquisition",items:["RED Komodo-X 6K & Arri Trinity","Sony FX9 / FX6 4K production chains","Panasonic AW-UE150 4K NDI PTZ cameras","LiveU LU600 / LU800 bonded cellular units"]}];function TechStack(){return React.createElement("section",{className:"tech"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"tech-head"},React.createElement("div",{className:"section-rule"}),React.createElement("p",{className:"eyebrow"},"// Hardware & Ecosystem"),React.createElement("h2",{className:"section-title"},"Broadcast-grade hardware.",React.createElement("br",null),"Enterprise reliability."),React.createElement("p",{className:"lede"},"Systems specified with tier-one broadcast hardware and IT-standard networking designed for 24/7 continuous operation."))),React.createElement("div",{className:"stack-grid"},STACK.map((e,a)=>React.createElement(Reveal,{key:e.cat,delay:a*60},React.createElement("div",{className:"stack-card"},React.createElement("span",{className:"stack-num"},`0${a+1}`),React.createElement("h3",null,e.cat),React.createElement("p",null,e.desc))))),React.createElement("div",{style:{marginTop:"5rem"}},React.createElement(Reveal,null,React.createElement("p",{className:"eyebrow"},"// Core Engineering Kit & Platforms")),React.createElement("div",{className:"gear-grid"},GEAR.map((e,a)=>React.createElement(Reveal,{key:e.cat,delay:a*80},React.createElement("div",{className:"gear-card"},React.createElement("div",{className:"cap-icon",style:{marginBottom:"1rem"}},React.createElement(e.icon,{size:20,sw:1.5})),React.createElement("h3",null,e.cat),React.createElement("ul",null,e.items.map(s=>React.createElement("li",{key:s},s))))))))))}const ON_SET_IMAGES=[{src:__R("images/photos/dit-setup-wide.jpg"),title:"DIT Cart Configuration",subtitle:"Digital Imaging Technician \u2014 On-set color grading & live data management"},{src:__R("images/photos/trinity-operator.jpg"),title:"Arri Trinity Operation",subtitle:"Certified Trinity Operator \u2014 High-dynamic camera stabilization"},{src:__R("images/photos/control-room-monitors.jpg"),title:"Multi-View Monitoring",subtitle:"Broadcast Master Control Room \u2014 16-channel multiviewer layout"},{src:__R("images/photos/audio-mixing-console.jpg"),title:"Broadcast Audio Console",subtitle:"Multi-channel audio mixing & Dante network routing"},{src:__R("images/photos/rack-cable-management.jpg"),title:"Structured Cabling & Rack Build",subtitle:"Precision wiring, color-coded termination, and signal-path labeling"},{src:__R("images/photos/stage-production-lighting.jpg"),title:"Studio Production Stage",subtitle:"Live multi-camera broadcast production & XR virtual set"}];function OnSet(){const[e,a]=useState(null);return React.createElement("section",{id:"on-set",className:"on-set"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"on-set-head"},React.createElement("div",{className:"section-rule"}),React.createElement("p",{className:"eyebrow"},"// Field & Production Work"),React.createElement("h2",{className:"section-title"},"In the field. On the air."),React.createElement("p",{className:"lede"},"Real-world experience operating the systems we design \u2014 ensuring builds reflect the exact demands of live production crews."))),React.createElement("div",{className:"on-set-grid"},ON_SET_IMAGES.map((s,t)=>React.createElement(Reveal,{key:s.title,delay:t*60},React.createElement("div",{className:"on-set-card",onClick:()=>a(s)},React.createElement("img",{src:s.src,alt:s.title,loading:"lazy"}),React.createElement("div",{className:"on-set-card-overlay"},React.createElement("div",{className:"on-set-card-text"},React.createElement("span",{className:"cat"},"// Field Work"),React.createElement("h4",null,s.title),React.createElement("p",null,s.subtitle)))))))),e&&React.createElement(Lightbox,{image:e,onClose:()=>a(null)}))}const SCOPES=["Broadcast Facility / Control Room","Commercial Boardroom / Enterprise AV","SMPTE ST 2110 IP Migration","Direct-View LED Video Wall / XR Stage","System Commissioning & Engineering Audit"];function Contact(){const[e,a]=useState(SCOPES[0]),s=`mailto:zgaetano@wilddragon.net?subject=${encodeURIComponent(`Project Scope Inquiry: ${e}`)}&body=${encodeURIComponent(`Hi Zachary,
|
|
|
|
I would like to discuss a project regarding ${e}.
|
|
|
|
Location (DC/MD/VA/Other):
|
|
Timeline / Target Date:
|
|
Project Overview:
|
|
|
|
Best regards,`)}`;return React.createElement("section",{id:"contact",className:"contact"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"contact-head"},React.createElement("div",{className:"section-rule center"}),React.createElement("p",{className:"eyebrow center"},"// Project Scoping & Inquiries"),React.createElement("h2",{className:"section-title"},"Let's engineer your next facility."),React.createElement("p",{className:"lede",style:{marginTop:"1.25rem"}},"Whether you are planning a new broadcast studio, upgrading enterprise conference rooms, or commissioning an uncompressed IP video network, connect directly with our principal design engineer."))),React.createElement(Reveal,{delay:60},React.createElement("div",{className:"scope-selector-card"},React.createElement("div",{className:"scope-header"},React.createElement("span",{className:"scope-prompt"},"// Select your project discipline:")),React.createElement("div",{className:"scope-pills"},SCOPES.map(t=>React.createElement("button",{key:t,type:"button",className:`scope-pill ${e===t?"active":""}`,onClick:()=>a(t)},e===t&&React.createElement(Check,{size:14,className:"scope-check"}),t))),React.createElement("div",{className:"scope-action-row"},React.createElement("a",{href:s,className:"btn btn-primary scope-submit-btn"},"Launch Inquiry for ",e," ",React.createElement(ArrowRight,{size:16}))))),React.createElement("div",{className:"contact-grid",style:{marginTop:"3rem"}},React.createElement(Reveal,{delay:0},React.createElement("a",{className:"contact-card",href:"mailto:zgaetano@wilddragon.net"},React.createElement("div",{className:"icon"},React.createElement(Mail,{size:16,sw:1.5})),React.createElement("span",{className:"label"},"Direct Engineering Email"),React.createElement("span",{className:"val"},"zgaetano@wilddragon.net"))),React.createElement(Reveal,{delay:80},React.createElement("a",{className:"contact-card",href:"https://www.linkedin.com/in/zachary-gaetano-05962386/",target:"_blank",rel:"noopener noreferrer"},React.createElement("div",{className:"icon"},React.createElement(Linkedin,{size:16,sw:1.5})),React.createElement("span",{className:"label"},"LinkedIn Profile"),React.createElement("span",{className:"val"},"Zachary Gaetano"))),React.createElement(Reveal,{delay:160},React.createElement("div",{className:"contact-card"},React.createElement("div",{className:"icon"},React.createElement(MapPin,{size:16,sw:1.5})),React.createElement("span",{className:"label"},"Primary Service Region"),React.createElement("span",{className:"val"},"Washington DC \xB7 MD \xB7 VA (DMV)")))),React.createElement(Reveal,{delay:200},React.createElement("div",{className:"google-trust-box"},React.createElement("div",{className:"google-trust-content"},React.createElement("div",{className:"google-trust-rating"},React.createElement("span",{className:"star-rating"},"\u2605\u2605\u2605\u2605\u2605"),React.createElement("span",{className:"score"},"5.0 Star Rating")),React.createElement("h4",null,"Google Verified Business Profile"),React.createElement("p",null,"Wild Dragon is a verified broadcast systems integrator & commercial AV contractor serving the entire DMV corridor.")),React.createElement("div",{className:"google-trust-action"},React.createElement("a",{href:"mailto:zgaetano@wilddragon.net?subject=Wild%20Dragon%20Review%20or%20Inquiry",className:"btn btn-ghost-dark"},"Inquire or Leave a Review ",React.createElement(ArrowUpRight,{size:14}))))),React.createElement(Reveal,{delay:240},React.createElement("div",{className:"cta-banner grain"},React.createElement("div",{className:"cta-banner-grid"}),React.createElement("div",{className:"inner"},React.createElement("h3",null,"Ready to scope your facility build?"),React.createElement("p",null,"Every facility receives full signal-flow drawings, documented wire runs, and end-to-end commissioning against a written acceptance standard."),React.createElement("a",{href:s,className:"btn btn-primary"},"Start a Consultation ",React.createElement(ArrowRight,null)))))))}function Footer(){const e=[{l:"Commercial AV Installation",h:"/services/commercial-av-installation-washington-dc/"},{l:"Broadcast Systems Integration",h:"/services/broadcast-systems-integration/"},{l:"LED Video Wall & XR Stages",h:"/services/led-video-wall-installation/"},{l:"Conference Room AV Systems",h:"/services/conference-room-av/"}],a=[{l:"Washington, DC",h:"/washington-dc/"},{l:"Northern Virginia (Tysons/Reston)",h:"/northern-virginia/"},{l:"Maryland (Bethesda/Rockville)",h:"/maryland/"},{l:"Broadcast Integration DMV",h:"/broadcast-integration-dmv/"},{l:"Commercial AV DMV",h:"/av-installation-dmv/"}],s=[{l:"Washington Commanders Stadium",h:"/projects/washington-commanders/"},{l:"BetMGM Cloud Production",h:"/projects/betmgm-cloud-production/"},{l:"CVS / Aetna Broadcast Facility",h:"/projects/cvs-aetna-broadcast-facility/"},{l:"UBS Broadcast Center",h:"/projects/ubs-broadcast-center/"},{l:"All Case Studies",h:"/projects/"}];return React.createElement("footer",{className:"footer"},React.createElement("div",{className:"container"},React.createElement("div",{className:"footer-top"},React.createElement("div",{className:"footer-brand-col"},React.createElement("div",{className:"footer-brand"},React.createElement("img",{src:__R("images/dragon-mark.png"),alt:"Wild Dragon",width:"30",height:"30"}),React.createElement("span",null,"Wild Dragon")),React.createElement("p",{className:"about-line"},"Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia."),React.createElement("div",{className:"footer-gbp-tag"},React.createElement("span",{className:"g-dot"},"\u25CF"),React.createElement("span",null,"Google Verified Business \xB7 DMV Region"))),React.createElement("div",{className:"footer-col"},React.createElement("p",{className:"footer-title"},"Capabilities"),React.createElement("ul",null,e.map(t=>React.createElement("li",{key:t.h},React.createElement("a",{href:t.h},t.l))))),React.createElement("div",{className:"footer-col"},React.createElement("p",{className:"footer-title"},"Regional Corridors"),React.createElement("ul",null,a.map(t=>React.createElement("li",{key:t.h},React.createElement("a",{href:t.h},t.l))))),React.createElement("div",{className:"footer-col"},React.createElement("p",{className:"footer-title"},"Case Studies"),React.createElement("ul",null,s.map(t=>React.createElement("li",{key:t.h},React.createElement("a",{href:t.h},t.l)))))),React.createElement("div",{className:"footer-bottom"},React.createElement("p",null,"\xA9 ",new Date().getFullYear()," Wild Dragon LLC \xB7 Zachary Gaetano. All rights reserved."),React.createElement("div",{className:"footer-legal-links"},React.createElement("a",{href:"/llms.txt"},"LLMs / AI Spec"),React.createElement("a",{href:"/sitemap.xml"},"Sitemap"),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net"},"zgaetano@wilddragon.net")))))}function ProjectOverlay({slug:e,onClose:a,onOpen:s}){const t=window.PROJECTS||[],n=t.find(o=>o.slug===e),i=t.find((o,c)=>t[(c-1+t.length)%t.length].slug===e);if(useEffect(()=>{const o=c=>{c.key==="Escape"&&a()};return window.addEventListener("keydown",o),document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",o),document.body.style.overflow=""}},[a]),!n)return null;const r=n.description&&n.description[0],l=(n.description||[]).slice(1);return React.createElement("div",{className:"po-mask",onClick:o=>{o.target===o.currentTarget&&a()}},React.createElement("button",{className:"po-close",onClick:a,"aria-label":"Close case study"},React.createElement(X,{size:20})),React.createElement("article",{className:"po"},React.createElement("div",{className:"po-nav"},React.createElement("div",{className:"po-nav-inner"},React.createElement("a",{href:"#projects",className:"po-back",onClick:o=>{o.preventDefault(),a()}},React.createElement(ArrowLeft,{size:14})," Back to projects"),React.createElement("span",{className:"po-nav-title"},n.client),React.createElement("div",{className:"po-nav-cat"},n.category))),React.createElement("header",{className:"po-hero grain"},React.createElement("div",{className:"container"},React.createElement("div",{className:"po-hero-meta"},React.createElement("span",{className:"badge"},n.category),React.createElement("span",{className:"yr"},n.year)),React.createElement("h1",{className:"po-hero-title"},n.title||n.client),React.createElement("p",{className:"po-hero-sub"},n.summary),React.createElement("div",{className:"po-hero-divider"}))),React.createElement("section",{className:"po-facts"},React.createElement("div",{className:"container"},React.createElement("div",{className:"po-facts-grid"},React.createElement("div",null,React.createElement("span",{className:"lbl"},"Client"),React.createElement("span",{className:"val"},n.client)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Category"),React.createElement("span",{className:"val"},n.category)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Timeline"),React.createElement("span",{className:"val"},n.year)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Scope"),React.createElement("span",{className:"val"},n.scope&&n.scope[0]||"Systems Design & Commissioning"))))),r&&React.createElement("section",{className:"po-section po-opening"},React.createElement("div",{className:"container po-opening-grid"},React.createElement("div",{className:"po-opening-label"},React.createElement("span",{className:"num"},"01"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Overview")),React.createElement("p",{className:"po-opening-text"},r))),React.createElement("div",{className:"po-feature"},React.createElement("div",{className:"po-feature-inner"},React.createElement("img",{src:n.thumbnail,alt:`${n.client} \u2014 ${n.category}`}),React.createElement("div",{className:"po-feature-cap"},React.createElement("span",null,n.client," \xB7 ",n.category),React.createElement("span",null,n.year)))),React.createElement("section",{className:"po-section po-body"},React.createElement("div",{className:"container po-body-grid"},React.createElement("div",{className:"po-body-main"},React.createElement("div",{className:"po-body-label"},React.createElement("span",{className:"num"},"02"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Architecture")),l.map((o,c)=>React.createElement("p",{key:c},o))),React.createElement("aside",{className:"po-sidecar"},n.scope&&React.createElement("div",{className:"po-card"},React.createElement("h4",null,"Engineering Scope"),React.createElement("ul",null,n.scope.map(o=>React.createElement("li",{key:o},React.createElement(Check,{size:14}),React.createElement("span",null,o))))),n.highlights&&React.createElement("div",{className:"po-card"},React.createElement("h4",null,"Key Deliverables"),React.createElement("ul",null,n.highlights.map(o=>React.createElement("li",{key:o},React.createElement(Check,{size:14}),React.createElement("span",null,o)))))))),n.quote&&React.createElement("section",{className:"po-quote grain"},React.createElement("div",{className:"container"},React.createElement("blockquote",null,"\u201C",n.quote.text,"\u201D"),React.createElement("cite",null,"\u2014 ",n.quote.author,", ",n.quote.role))),React.createElement("footer",{className:"po-foot"},React.createElement("div",{className:"container po-foot-inner"},React.createElement("a",{href:"#projects",className:"po-back-btn",onClick:o=>{o.preventDefault(),a()}},React.createElement(ArrowLeft,{size:16})," Back to All Projects"),i&&React.createElement("button",{type:"button",className:"po-next-btn",onClick:()=>s(i.slug)},"Next Case Study: ",i.client," ",React.createElement(ArrowRight,{size:16}))))))}function Lightbox({image:e,onClose:a}){return useEffect(()=>{const s=t=>{t.key==="Escape"&&a()};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[a]),React.createElement("div",{className:"lightbox-mask",onClick:a},React.createElement("button",{className:"lightbox-close",onClick:a,"aria-label":"Close lightbox"},React.createElement(X,{size:24})),React.createElement("div",{className:"lightbox-content",onClick:s=>s.stopPropagation()},React.createElement("img",{src:e.src,alt:e.title}),React.createElement("div",{className:"lightbox-cap"},React.createElement("h4",null,e.title),React.createElement("p",null,e.subtitle))))}function VideoModal({videoId:e,onClose:a}){return useEffect(()=>{const s=t=>{t.key==="Escape"&&a()};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[a]),React.createElement("div",{className:"lightbox-mask",onClick:a},React.createElement("button",{className:"lightbox-close",onClick:a,"aria-label":"Close video"},React.createElement(X,{size:24})),React.createElement("div",{className:"video-modal-content",onClick:s=>s.stopPropagation()},React.createElement("iframe",{src:`https://player.vimeo.com/video/${e}?autoplay=1&title=0&byline=0&portrait=0`,frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:"Video Player"})))}
|