Zac Gaetano
17f9438958
- Restore Projects/Tech/OnSet/ProjectOverlay/Clients/Partners/About from pre-#4; #4 rewrote them with ~30 class names that had no CSS (rendered unstyled) - Fix broken Monumental logo (monumental.png 404 -> monumental.svg) - Remove '★ 5.0 / Google Verified' badges: no reviews exist yet; unbacked rating claims are a trust + Google policy risk. Re-add once GBP has reviews. - Remove 'Q-SYS Certified' (unverified); drop dead Lightbox/VideoModal + CSS - Keep real /projects/<slug>/ hrefs with in-page overlay on plain click
9 lines
48 KiB
JavaScript
9 lines
48 KiB
JavaScript
const{useState,useEffect,useRef,Fragment}=React,Icon=({size:a=16,sw:e=1.75,className:s="",children:t})=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:e,strokeLinecap:"round",strokeLinejoin:"round",className:s},t),ChevronDown=a=>React.createElement(Icon,{size:16,...a},React.createElement("polyline",{points:"6 9 12 15 18 9"})),Menu=a=>React.createElement(Icon,{size:24,...a},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=a=>React.createElement(Icon,{size:24,...a},React.createElement("path",{d:"M18 6 6 18"}),React.createElement("path",{d:"m6 6 12 12"})),ArrowRight=a=>React.createElement(Icon,{size:16,...a},React.createElement("path",{d:"M5 12h14"}),React.createElement("path",{d:"m12 5 7 7-7 7"})),ArrowLeft=a=>React.createElement(Icon,{size:16,...a},React.createElement("path",{d:"m12 19-7-7 7-7"}),React.createElement("path",{d:"M19 12H5"})),ArrowUpRight=a=>React.createElement(Icon,{size:14,...a},React.createElement("path",{d:"M7 17 17 7"}),React.createElement("path",{d:"M7 7h10v10"})),Mail=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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"})),Play=a=>React.createElement(Icon,{size:16,...a},React.createElement("polygon",{points:"6 3 20 12 6 21 6 3"})),Check=a=>React.createElement(Icon,{size:16,...a},React.createElement("polyline",{points:"20 6 9 17 4 12"})),Server=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},React.createElement("path",{d:"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"})),Tv=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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"})),ExternalLink=a=>React.createElement(Icon,{size:13,...a},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"})),Camera=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),React.createElement("circle",{cx:"12",cy:"13",r:"3"})),Film=a=>React.createElement(Icon,{...a},React.createElement("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),React.createElement("path",{d:"M7 3v18"}),React.createElement("path",{d:"M3 7.5h4"}),React.createElement("path",{d:"M3 12h18"}),React.createElement("path",{d:"M3 16.5h4"}),React.createElement("path",{d:"M17 3v18"}),React.createElement("path",{d:"M17 7.5h4"}),React.createElement("path",{d:"M17 16.5h4"})),Package=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"m7.5 4.27 9 5.15"}),React.createElement("path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}),React.createElement("path",{d:"m3.3 7 8.7 5 8.7-5"}),React.createElement("path",{d:"M12 22V12"})),Monitor=a=>React.createElement(Icon,{...a},React.createElement("rect",{width:"20",height:"14",x:"2",y:"3",rx:"2"}),React.createElement("line",{x1:"8",x2:"16",y1:"21",y2:"21"}),React.createElement("line",{x1:"12",x2:"12",y1:"17",y2:"21"})),ShieldCheck=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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=a=>React.createElement(Icon,{size:16,...a},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"})),Sparkles=a=>React.createElement(Icon,{size:16,...a},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:a,className:e="",delay:s=0}){const t=useRef(null),[n,i]=useState(!1);return useEffect(()=>{const r=t.current;if(!r)return;const c=new IntersectionObserver(([p])=>{p.isIntersecting&&(i(!0),c.unobserve(r))},{threshold:.1,rootMargin:"0px 0px -40px 0px"});return c.observe(r),()=>c.disconnect()},[]),React.createElement("div",{ref:t,className:`reveal ${n?"visible":""} ${e}`,style:{transitionDelay:`${s}ms`}},a)}function CursorDot(){const a=useRef(null);return useEffect(()=>{const e=s=>{a.current&&(a.current.style.transform=`translate(${s.clientX}px, ${s.clientY}px) translate(-50%, -50%)`),document.body.dataset.cursor="on"};return window.addEventListener("mousemove",e),()=>window.removeEventListener("mousemove",e)},[]),React.createElement("div",{ref:a,className:"cursor-dot"})}function Curtain(){const[a,e]=useState(!1);return useEffect(()=>{const s=setTimeout(()=>e(!0),1300);return()=>clearTimeout(s)},[]),a?null:React.createElement("div",{className:"curtain"})}function Navigation(){const[a,e]=useState(!1),[s,t]=useState(!1);useEffect(()=>{const i=()=>e(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 ${a?"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:a}){const[e,s]=useState(!1),[t,n]=useState(0),[i,r]=useState(""),[c,p]=useState(!0);useEffect(()=>{const l=setTimeout(()=>s(!0),100);return()=>clearTimeout(l)},[]),useEffect(()=>{const l=HERO_ROLES[t];if(c)if(i.length<l.length){const m=setTimeout(()=>r(l.slice(0,i.length+1)),45);return()=>clearTimeout(m)}else{const m=setTimeout(()=>p(!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),p(!0)},[i,c,t]);const d=l=>({transition:`opacity .9s ${l}s, transform .9s ${l}s`,opacity:e?1:0,transform:e?"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:d(0)},React.createElement("div",{className:"hero-status-chip"},React.createElement("span",{className:"live-dot"}),React.createElement("span",null,"Washington, DC \xB7 Maryland \xB7 Northern Virginia"))),React.createElement("div",{className:"hero-tag",style:d(.12)},React.createElement("span",{className:"hero-tag-prefix"},"//")," ",i,React.createElement("span",{className:"caret"},"|")),React.createElement("h1",{style:d(.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:e?1:0,width:e?"7rem":0}}),React.createElement("p",{className:"hero-desc",style:d(.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:d(.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"},a||"Explore Case Studies")),React.createElement("div",{className:"hero-tech-pills",style:d(.6)},React.createElement("span",null,"SMPTE ST 2110"),React.createElement("span",null,"Ross Ultrix & Carbonite"),React.createElement("span",null,"Q-SYS"),React.createElement("span",null,"Brompton Tessera SX40"),React.createElement("span",null,"12G-SDI & NDI 6"),React.createElement("span",null,"Dante Audio"))))}const CLIENTS=[{name:"Broadcast Management Group",logo:__R("images/clients/bmg.png")},{name:"AVI-SPL",logo:__R("images/clients/avispl.png")},{name:"NBC Sports",logo:__R("images/clients/nbc-sports.png")},{name:"Washington Commanders",logo:__R("images/clients/commanders.png")},{name:"CVS / Aetna",logo:__R("images/clients/cvs.png")},{name:"UBS",logo:__R("images/clients/ubs.png")},{name:"BetMGM",logo:__R("images/clients/betmgm.svg")},{name:"Intuit",logo:__R("images/clients/intuit.png")},{name:"Monumental Sports",logo:__R("images/clients/monumental.svg")},{name:"COSM",logo:__R("images/clients/cosm.svg")},{name:"Red Sands",logo:__R("images/clients/redsands.svg")}];function Clients({marquee:a}){return React.createElement("section",{id:"clients",className:"clients","aria-label":"Clients"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("p",{className:"clients-label"},"\u2014 Trusted by \u2014"))),a?React.createElement("div",{className:"marquee"},React.createElement("div",{className:"marquee-track"},[...CLIENTS,...CLIENTS].map((e,s)=>React.createElement("div",{className:"marquee-item",key:s,title:e.name},React.createElement("img",{src:e.logo,alt:e.name}))))):React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{className:"clients-static"},CLIENTS.map(e=>React.createElement("div",{className:"marquee-item",key:e.name,title:e.name},React.createElement("img",{src:e.logo,alt:e.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("p",null,"// Technology Partners"),React.createElement("div",{className:"partners-grid"},PARTNERS.map(a=>React.createElement("div",{className:"partner-logo",title:a.name,key:a.name},React.createElement("img",{src:a.logo,alt:a.name})))))))}const CAPS=[{icon:Radio,title:"Systems Design",desc:"End-to-end broadcast facility design including signal flow engineering, equipment specification, and architectural documentation."},{icon:Cable,title:"Integration",desc:"Full system integration from rack builds and wiring to commissioning, testing, and operator training."},{icon:Cloud,title:"Cloud & IP",desc:"Cloud-native production architectures, SMPTE ST 2110, NDI, SRT, and hybrid on-prem/cloud workflows."},{icon:Tv,title:"Broadcast Engineering",desc:"Live production engineering, RF systems, video routing, and real-time broadcast operations."}];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,"I'm a broadcast engineer and systems integrator based in the Washington DC area, with a career that spans both sides of the industry \u2014 production and infrastructure."),React.createElement("p",null,"My background in live production as a 1st AC, DIT, Camera Operator, and Trinity Operator gives me an operator's perspective that most systems designers don't have. I build facilities that work the way production teams actually need them to \u2014 not just the way engineers imagine they will."),React.createElement("p",null,"Today, my focus is broadcast systems integration. As a principal systems designer with ",React.createElement("a",{className:"inline",href:"https://broadcastmgmt.com",target:"_blank",rel:"noopener noreferrer"},"Broadcast Management Group"),", I design production facilities for organizations including the ",React.createElement("strong",null,"Washington Commanders"),", ",React.createElement("strong",null,"CVS/Aetna"),", ",React.createElement("strong",null,"UBS"),", ",React.createElement("strong",null,"BetMGM"),", ",React.createElement("strong",null,"Intuit"),", and ",React.createElement("strong",null,"Monumental Sports")," \u2014 engineering control rooms, studios, XR stages, and IP-based workflows across sports, corporate, financial services, aerospace, and defense.")))),React.createElement("div",{className:"cap-grid"},CAPS.map((a,e)=>React.createElement(Reveal,{key:a.title,delay:e*100},React.createElement("div",{className:"cap"},React.createElement("div",{className:"cap-icon"},React.createElement(a.icon,{size:20,sw:1.5})),React.createElement("h3",null,a.title),React.createElement("p",null,a.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:a,suffix:e}){const[s,t]=useState(0),n=useRef(null),i=useRef(!1);useEffect(()=>{const c=new IntersectionObserver(([p])=>{if(p.isIntersecting&&!i.current){i.current=!0;const d=2e3,l=60,m=a/l;let g=0;const h=setInterval(()=>{g+=m,g>=a?(t(a),clearInterval(h)):t(Math.floor(g))},d/l)}},{threshold:.3});return n.current&&c.observe(n.current),()=>c.disconnect()},[a]);const r=s>=1e3&&a>=1e3?`${(s/1e3).toFixed(1).replace(/\.0$/,"")}k`:s;return React.createElement("span",{ref:n,className:"tabular-nums"},r,React.createElement("span",{className:"suf"},e))}function Stats(){return React.createElement("section",{className:"stats grain dark-section"},React.createElement("div",{className:"container"},React.createElement("div",{className:"stats-grid"},STATS.map(a=>React.createElement("div",{key:a.label},React.createElement("div",{className:"stat-value"},React.createElement(AnimatedNumber,{value:a.v,suffix:a.suf})),React.createElement("div",{className:"stat-label"},a.label),React.createElement("div",{className:"stat-desc"},a.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((a,e)=>React.createElement(Reveal,{key:a.slug,delay:e*70},React.createElement("div",{className:"svc-bento-card"},React.createElement("div",{className:"svc-bento-top"},React.createElement("div",{className:"svc-icon-box"},React.createElement(a.icon,{size:22,sw:1.5})),React.createElement("span",{className:"svc-bento-badge"},`0${e+1}`)),React.createElement("h3",{className:"svc-bento-title"},a.title),React.createElement("p",{className:"svc-bento-tagline"},a.tagline),React.createElement("p",{className:"svc-bento-desc"},a.desc),React.createElement("div",{className:"svc-tags"},a.tags.map(s=>React.createElement("span",{key:s,className:"svc-tag-pill"},s))),React.createElement("a",{href:a.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."))),React.createElement("div",{className:"corridors-grid"},CORRIDORS.map((a,e)=>React.createElement(Reveal,{key:a.title,delay:e*60},React.createElement("a",{href:a.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"},a.badge)),React.createElement("h3",{className:"corridor-title"},a.title),React.createElement("p",{className:"corridor-focus"},a.focus),React.createElement("p",{className:"corridor-desc"},a.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 pickScopeChips(a){return(a||[]).slice(0,3)}function Projects({onOpen:a}){const e=window.PROJECTS||[],[s,...t]=e,n=(i,r)=>{!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&i.button===0&&(i.preventDefault(),a(r))};return React.createElement("section",{id:"projects",className:"projects","aria-label":"Selected 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"},"03"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Projects")),React.createElement("h2",{className:"section-title"},"Selected work.")),React.createElement("p",{className:"lede"},"Broadcast facility design and systems 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}`}),React.createElement("div",{className:"proj-featured-body"},React.createElement("div",{className:"proj-featured-meta"},React.createElement("span",{className:"badge"},"Featured"),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"},"View 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:c=>n(c,i.slug)},React.createElement("img",{src:i.thumbnail,alt:`${i.client} \u2014 ${i.category}`}),React.createElement("div",{className:"proj-card-overlay"}),React.createElement("div",{className:"proj-arrow"},React.createElement(ArrowUpRight,null)),React.createElement("div",{className:"proj-card-body"},React.createElement("div",{className:"proj-card-meta"},React.createElement("span",{className:"cat"},i.category),React.createElement("span",{className:"sep"},"/"),React.createElement("span",{className:"yr"},i.year)),React.createElement("h3",null,i.client),React.createElement("p",{className:"summary"},i.summary),React.createElement("div",{className:"scope-chips"},pickScopeChips(i.scope).map(c=>React.createElement("span",{key:c},c))))))))))}const TECH_CATS=[{name:"Routing & Switching",items:["Ross Ultrix","Blackmagic ATEM","Evertz EQX","Panasonic Kairos"]},{name:"All-In-One Production",items:["vMix","Vizrt","AMPP"]},{name:"Signal Transport",items:["SMPTE 2110","NDI","SRT","SDI","Dante","MADI","JPEG XS"]},{name:"Infrastructure",items:["IP Networking","Fiber Infrastructure","KVM Systems","UPS & Power","Cooling & Ventilation"]},{name:"Display & XR",items:["LED Processing","Unreal Engine","Camera Tracking","Projection","Color Management"]}];function TechStack(){return React.createElement("section",{className:"tech grain dark-section"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{style:{maxWidth:"48rem",marginBottom:"3rem"}},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"04"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Technology")),React.createElement("h2",{className:"section-title",style:{marginBottom:"1.25rem"}},"Tools of the trade."),React.createElement("p",{className:"section-lede"},"Deep experience across the full broadcast technology stack \u2014 from traditional SDI infrastructure to modern IP and cloud-native production platforms."))),React.createElement("div",{className:"tech-table"},TECH_CATS.map((a,e)=>React.createElement(Reveal,{key:a.name,delay:e*60},React.createElement("div",{className:"tech-row"},React.createElement("h3",null,a.name),React.createElement("div",{className:"items"},a.items.map(s=>React.createElement("span",{key:s},s)))))))))}const REEL_URL="https://player.vimeo.com/video/225920311?h=0&badge=0&autopause=0&player_id=0&app_id=58479",CREDITS=[{t:"Bethesda Fallout Day",r:"1st AC",f:"Corporate / Event",y:"2025"},{t:"ZeniMax Elder Scrolls Online Update",r:"1st AC",f:"Corporate",y:"2025"},{t:"Palo Alto Ad",r:"Arri Trinity Operator",f:"Commercial",y:"2025"},{t:"Street Fighter DLC Ad",r:"Arri Trinity Operator",f:"Commercial",y:"2025"},{t:"Chase Small Business Promo",r:"Arri Trinity Operator",f:"Commercial",y:"2025"},{t:"ZeniMax Elder Scrolls Online Update",r:"1st AC",f:"Corporate",y:"2024"},{t:"Joe Vogel For Congress",r:"Camera Op / Trinity Op",f:"Political",y:"2024"},{t:"I Am a Champion",r:"Camera Op / Trinity Op",f:"Sports",y:"2023"},{t:"Washington Commanders Schedule Release",r:"Director of Photography",f:"Sports",y:"2023"},{t:"Stephen Sharer \u2013 MIDNIGHT",r:"DP / Trinity Operator",f:"Narrative",y:"2023"},{t:"Stephen Sharer \u2013 YOU and I",r:"DP / Trinity Operator",f:"Narrative",y:"2023"},{t:"A Chocolate Lens",r:"Camera Operator",f:"Narrative",y:"2023"},{t:"Capital One: Pride Month",r:"Director of Photography",f:"Corporate",y:"2021"},{t:"Tafon Nchukwi: My Goal Is to Be UFC Champion",r:"Camera Operator",f:"Sports Doc",y:"2020"},{t:"Tinder",r:"Director of Photography",f:"Commercial",y:"2020"},{t:"Conewago",r:"DP / Editor",f:"Documentary",y:"2020"},{t:"In Memoriam",r:"Director of Photography",f:"Documentary",y:"2019"}],GEAR=[{cat:"Cinema Cameras",icon:Camera,items:["RED Komodo-X","RED DSMC3 V-Raptor-X 8K VV + 6K S35 Dual-Format (Canon RF)"]},{cat:"Lenses",icon:Film,items:["Mamiya 645 Sekor C PL 7 Lens Set","Mamiya 645 Sekor C 35mm","Mamiya 645 Sekor C 110mm","Mamiya 645 Sekor C 150mm","16-30mm / 28-75mm / 75-180mm T2.9 Zoom Set"]},{cat:"Monitoring & Transmission",icon:Monitor,items:['SmallHD DSMC3 7"',"SmallHD Cine7 with Bolt 6 1500RX","Teradek Bolt 6 Max XT Kit (TX + RX)","DJI SDR Transmission"]},{cat:"Camera Support",icon:Package,items:["Arri Trinity \u2014 Certified Owner & Operator","Dana Dolly Kit (8 / 4ft Speedrail, 2\xD7 Matthews Stands)","DJI Focus Pro All In One"]}];function OnSet(){return React.createElement("section",{id:"on-set",className:"onset"},React.createElement("div",{className:"container onset-stack"},React.createElement(Reveal,null,React.createElement("div",{className:"onset-intro"},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"05"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"On Set")),React.createElement("h2",{className:"section-title"},"Trinity Operator & DIT, ",React.createElement("span",{className:"light"},"Washington DC.")),React.createElement("p",{className:"section-lede",style:{marginTop:"1.25rem"}},"Certified Arri Trinity owner and operator with RED camera packages and specialized live production gear \u2014 from run-and-gun documentary to multi-camera sports and political campaigns. Available for commercial, corporate, sports, and narrative work throughout the DMV."))),React.createElement(Reveal,null,React.createElement("div",null,React.createElement("p",{className:"eyebrow"},"Reel"),React.createElement("div",{className:"reel-frame"},React.createElement("iframe",{src:REEL_URL,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:"Zachary Gaetano \u2014 Showreel"})))),React.createElement(Reveal,null,React.createElement("div",null,React.createElement("p",{className:"eyebrow"},"Selected Credits"),React.createElement("div",{className:"credits-list"},CREDITS.map((a,e)=>React.createElement("div",{key:e,className:"credit-row"},React.createElement("span",{className:"t"},a.t),React.createElement("span",{className:"r"},a.r),React.createElement("span",{className:"f"},a.f),React.createElement("span",{className:"y"},a.y)))))),React.createElement("div",null,React.createElement(Reveal,null,React.createElement("p",{className:"eyebrow"},"Kit")),React.createElement("div",{className:"gear-grid"},GEAR.map((a,e)=>React.createElement(Reveal,{key:a.cat,delay:e*100},React.createElement("div",{className:"gear-card"},React.createElement("div",{className:"cap-icon",style:{marginBottom:"1rem"}},React.createElement(a.icon,{size:20,sw:1.5})),React.createElement("h3",null,a.cat),React.createElement("ul",null,a.items.map(s=>React.createElement("li",{key:s},s))))))))))}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[a,e]=useState(SCOPES[0]),s=`mailto:zgaetano@wilddragon.net?subject=${encodeURIComponent(`Project Scope Inquiry: ${a}`)}&body=${encodeURIComponent(`Hi Zachary,
|
|
|
|
I would like to discuss a project regarding ${a}.
|
|
|
|
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 ${a===t?"active":""}`,onClick:()=>e(t)},a===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 ",a," ",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: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 a=[{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/"}],e=[{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-col"},React.createElement("p",{className:"footer-title"},"Capabilities"),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"},"Regional Corridors"),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"},"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:a,onClose:e,onOpen:s}){const t=window.PROJECTS,n=t.find(o=>o.slug===a);useEffect(()=>{const o=v=>{v.key==="Escape"&&e()};return window.addEventListener("keydown",o),document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",o),document.body.style.overflow=""}},[e]);const i=useRef(null);if(useEffect(()=>{i.current&&(i.current.scrollTop=0)},[a]),!n)return null;const r=t.findIndex(o=>o.slug===a),c=t.length,p=r>0?t[r-1]:t[c-1],d=r<c-1?t[r+1]:t[0],l=String(r+1).padStart(2,"0"),m=String(c).padStart(2,"0"),[g,...h]=n.description;return React.createElement("div",{className:"po-mask",ref:i,onClick:o=>{o.target===i.current&&e()}},React.createElement("button",{className:"po-close",onClick:e,"aria-label":"Close"},React.createElement(X,{size:20})),React.createElement("div",{className:"po"},React.createElement("nav",{className:"po-nav"},React.createElement("div",{className:"po-nav-inner"},React.createElement("a",{className:"po-back",href:"#projects",onClick:o=>{o.preventDefault(),e()}},React.createElement(ArrowLeft,{size:15})," All projects"),React.createElement("span",{className:"po-counter"},React.createElement("span",{className:"n"},l),React.createElement("span",{className:"d"},"/"),React.createElement("span",{className:"t"},m)),React.createElement("span",{className:"po-brand"},"Wild Dragon"))),React.createElement("section",{className:"po-hero"},React.createElement("div",{className:"po-hero-bg"},React.createElement("img",{src:n.thumbnail,alt:""}),React.createElement("div",{className:"po-hero-grid"}),React.createElement("div",{className:"po-hero-fade"})),React.createElement("div",{className:"container po-hero-inner"},React.createElement("div",{className:"po-hero-meta"},React.createElement("span",{className:"po-cat"},n.category),React.createElement("span",{className:"po-dot"}),React.createElement("span",{className:"po-yr"},n.year)),React.createElement("h1",{className:"po-title"},n.client),React.createElement("p",{className:"po-lede"},n.summary),React.createElement("div",{className:"po-hero-rule"}),React.createElement("div",{className:"po-hero-foot"},React.createElement("span",{className:"po-corner-l"},"// ",n.title||n.client),React.createElement("span",{className:"po-corner-r"},"Case Study \xB7 ",l,"/",m)))),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"},"Year"),React.createElement("span",{className:"val"},n.year)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Role"),React.createElement("span",{className:"val"},n.scope&&n.scope[0]||"Systems Design"))))),g&&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"},g))),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,"The build")),React.createElement("div",{className:"po-body-prose"},h.map((o,v)=>React.createElement("p",{key:v},o))),n.highlights&&n.highlights.length>0&&React.createElement(React.Fragment,null,React.createElement("div",{className:"po-body-label",style:{marginTop:"4.5rem"}},React.createElement("span",{className:"num"},"03"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Highlights")),React.createElement("ul",{className:"po-hl"},n.highlights.map((o,v)=>React.createElement("li",{key:v},React.createElement("span",{className:"hl-n"},String(v+1).padStart(2,"0")),React.createElement("span",{className:"hl-t"},o)))))),React.createElement("aside",{className:"po-sidecar"},React.createElement("div",{className:"po-spec"},React.createElement("div",{className:"po-spec-row"},React.createElement("span",{className:"k"},"Scope"),React.createElement("div",{className:"v"},n.scope.map(o=>React.createElement("span",{key:o,className:"chip"},o)))),React.createElement("div",{className:"po-spec-row"},React.createElement("span",{className:"k"},"Technology"),React.createElement("div",{className:"v"},n.technologies.map(o=>React.createElement("span",{key:o,className:"chip chip-accent"},o)))))))),React.createElement("section",{className:"po-cta"},React.createElement("div",{className:"container"},React.createElement("div",{className:"po-cta-inner grain"},React.createElement("div",null,React.createElement("p",{className:"po-cta-eyebrow"},"// Next step"),React.createElement("h3",null,"Planning a similar build?"),React.createElement("p",{className:"po-cta-desc"},"Same engineering discipline, end to end \u2014 design, integration, commissioning, training, support.")),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net",className:"btn btn-primary"},"Start a conversation ",React.createElement(ArrowRight,null))))),React.createElement("section",{className:"po-related"},React.createElement("div",{className:"container"},React.createElement("div",{className:"po-related-head"},React.createElement("span",{className:"po-related-label"},"// Other case studies")),React.createElement("div",{className:"po-related-grid"},t.filter(o=>o.slug!==n.slug).slice(0,3).map(o=>React.createElement("a",{key:o.slug,className:"po-related-card",href:`#/projects/${o.slug}`,onClick:v=>{v.preventDefault(),s(o.slug)}},React.createElement("div",{className:"img"},React.createElement("img",{src:o.thumbnail,alt:o.client})),React.createElement("div",{className:"meta"},React.createElement("span",{className:"cat"},o.category),React.createElement("span",{className:"yr"},o.year)),React.createElement("h4",null,o.client),React.createElement("span",{className:"go"},"View case study ",React.createElement(ArrowRight,{size:13}))))))),React.createElement("section",{className:"po-prevnext"},React.createElement("div",{className:"po-prevnext-grid"},React.createElement("a",{className:"prev",href:`#/projects/${p.slug}`,onClick:o=>{o.preventDefault(),s(p.slug)}},React.createElement(ArrowLeft,{size:20}),React.createElement("div",{className:"text"},React.createElement("div",{className:"label"},"Previous"),React.createElement("div",{className:"name"},p.client))),React.createElement("a",{className:"next",href:`#/projects/${d.slug}`,onClick:o=>{o.preventDefault(),s(d.slug)}},React.createElement("div",{className:"text"},React.createElement("div",{className:"label"},"Next"),React.createElement("div",{className:"name"},d.client)),React.createElement(ArrowRight,{size:20})))),React.createElement("footer",{className:"po-foot"},React.createElement("div",{className:"po-foot-inner"},React.createElement("a",{className:"brand",href:"#",onClick:o=>{o.preventDefault(),e()}},"Wild Dragon"),React.createElement("p",null,"\xA9 ",new Date().getFullYear()," Zachary Gaetano")))))}Object.assign(window,{Navigation,Hero,Clients,Partners,About,Stats,Services,Projects,TechStack,OnSet,Contact,Footer,ProjectOverlay,CursorDot,Curtain});
|