From 67b8b4c5767e19590f7fd33abfc6d316dce612ae Mon Sep 17 00:00:00 2001 From: Zac Gaetano Date: Fri, 18 Sep 2026 08:00:19 -0400 Subject: [PATCH] SEO: local AV/DC targeting, static service + case-study pages - services-data.js: 4 service landing pages (commercial AV install DC, broadcast integration, LED/XR, conference room AV) with FAQ + areas - build-pages.mjs: node-stdlib generator -> /services//, /projects//, index pages, sitemap.xml; Service/FAQPage/Article/ BreadcrumbList JSON-LD on every page - index.html: title/description/OG retargeted to 'Commercial AV & Broadcast Systems Integrator - Washington, DC'; ProfessionalService schema gains geo, areaServed (DMV cities), hasOfferCatalog; noscript fallback links the new pages - components.jsx: hero copy + footer links point at real service pages - nginx.conf/Dockerfile: ship generated pages, robots/sitemap types - llms.txt: service pages + service area --- Dockerfile | 2 + build-pages.mjs | 170 ++++++++++++++++++ build.sh | 1 + components.jsx | 4 +- components.min.js | 2 +- index.html | 125 +++++++++++-- llms.txt | 11 +- nginx.conf | 11 +- projects/betmgm-cloud-production/index.html | 69 +++++++ .../cvs-aetna-broadcast-facility/index.html | 69 +++++++ projects/index.html | 60 +++++++ projects/intuit-xr-facility/index.html | 69 +++++++ projects/monumental-sports/index.html | 69 +++++++ projects/red-sands/index.html | 69 +++++++ projects/ubs-broadcast-center/index.html | 69 +++++++ projects/washington-commanders/index.html | 69 +++++++ services-data.js | 115 ++++++++++++ .../broadcast-systems-integration/index.html | 74 ++++++++ .../index.html | 74 ++++++++ services/conference-room-av/index.html | 74 ++++++++ services/index.html | 60 +++++++ .../led-video-wall-installation/index.html | 74 ++++++++ sitemap.xml | 47 ++--- 23 files changed, 1337 insertions(+), 50 deletions(-) create mode 100644 build-pages.mjs create mode 100644 projects/betmgm-cloud-production/index.html create mode 100644 projects/cvs-aetna-broadcast-facility/index.html create mode 100644 projects/index.html create mode 100644 projects/intuit-xr-facility/index.html create mode 100644 projects/monumental-sports/index.html create mode 100644 projects/red-sands/index.html create mode 100644 projects/ubs-broadcast-center/index.html create mode 100644 projects/washington-commanders/index.html create mode 100644 services-data.js create mode 100644 services/broadcast-systems-integration/index.html create mode 100644 services/commercial-av-installation-washington-dc/index.html create mode 100644 services/conference-room-av/index.html create mode 100644 services/index.html create mode 100644 services/led-video-wall-installation/index.html diff --git a/Dockerfile b/Dockerfile index 6513b95..d5975c8 100644 --- a/Dockerfile +++ b/Dockerfile @@ -6,6 +6,8 @@ WORKDIR /usr/share/nginx/html COPY index.html styles.css data.js projects-data.js llms.txt robots.txt sitemap.xml ./ COPY app.min.js components.min.js tweaks-panel.min.js ./ COPY vendor ./vendor +COPY services ./services +COPY projects ./projects COPY images ./images EXPOSE 43036 diff --git a/build-pages.mjs b/build-pages.mjs new file mode 100644 index 0000000..3ae1952 --- /dev/null +++ b/build-pages.mjs @@ -0,0 +1,170 @@ +#!/usr/bin/env node +// Renders crawlable static pages from services-data.js + projects-data.js: +// /services/index.html, /services//index.html, /projects/index.html, +// /projects//index.html, plus sitemap.xml. Node stdlib only. +import fs from "node:fs"; +import path from "node:path"; +import vm from "node:vm"; + +const ROOT = path.dirname(new URL(import.meta.url).pathname); +const SITE = "https://wilddragon.net"; +const TODAY = new Date().toISOString().slice(0, 10); + +const win = { __R: (p) => "/" + p }; +vm.runInNewContext(fs.readFileSync(path.join(ROOT, "projects-data.js"), "utf8"), { window: win, __R: win.__R }); +vm.runInNewContext(fs.readFileSync(path.join(ROOT, "services-data.js"), "utf8"), { window: win }); +const { PROJECTS, SERVICE_PAGES, SERVICE_AREAS } = win; + +const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ "&": "&", "<": "<", ">": ">", '"': """ }[c])); +const abs = (p) => (p.startsWith("http") ? p : SITE + (p.startsWith("/") ? p : "/" + p)); +const write = (rel, html) => { + const f = path.join(ROOT, rel); + fs.mkdirSync(path.dirname(f), { recursive: true }); + fs.writeFileSync(f, html); +}; + +const NAV = `
`; + +const FOOTER = `
+ + +
`; + +// ponytail: page-local CSS instead of touching styles.css — the SPA never renders these pages. +const STYLE = ``; + +function page({ url, title, description, image, ld, body, breadcrumb }) { + const crumbs = { "@type": "BreadcrumbList", itemListElement: breadcrumb.map(([name, item], i) => ({ "@type": "ListItem", position: i + 1, name, item: abs(item) })) }; + return ` + + + + +${esc(title)} + + + + + + + + + + + + + + +${STYLE} + + + +${NAV} +${body} +${FOOTER} + + +`; +} + +const BUSINESS_ID = SITE + "/#organization"; +const projectCard = (p) => `${esc(p.client)}${esc(p.title)}`; + +// ── service pages ────────────────────────────────────────────────────────── +for (const s of SERVICE_PAGES) { + const url = `/services/${s.slug}/`; + const related = s.related.map((slug) => PROJECTS.find((p) => p.slug === slug)).filter(Boolean); + const ld = [ + { "@type": "Service", "@id": abs(url) + "#service", name: s.title, description: s.metaDescription, url: abs(url), + provider: { "@id": BUSINESS_ID }, areaServed: SERVICE_AREAS.map((n) => ({ "@type": "Place", name: n })), serviceType: s.title, + hasOfferCatalog: { "@type": "OfferCatalog", name: s.title, itemListElement: s.services.map(([n, d]) => ({ "@type": "Offer", itemOffered: { "@type": "Service", name: n, description: d } })) } }, + { "@type": "FAQPage", mainEntity: s.faq.map(([q, a]) => ({ "@type": "Question", name: q, acceptedAnswer: { "@type": "Answer", text: a } })) }, + ]; + const body = ` +
+
${esc(s.eyebrow)}

${esc(s.title)}

${esc(s.lede)}

+

Request a consultation

+
+
+
${s.body.map((p) => `

${esc(p)}

`).join("")}
+

What's included

+
${s.services.map(([n, d]) => `

${esc(n)}

${esc(d)}

`).join("")}
+

Service area

+

${SERVICE_AREAS.map(esc).join(" · ")}

+

Frequently asked questions

+
${s.faq.map(([q, a]) => `
${esc(q)}
${esc(a)}
`).join("")}
+ ${related.length ? `

Related projects

` : ""} + +
`; + write(url + "index.html", page({ url, title: s.metaTitle, description: s.metaDescription, image: s.hero, ld, body, breadcrumb: [["Home", "/"], ["Services", "/services/"], [s.title, url]] })); +} + +// ── project pages ────────────────────────────────────────────────────────── +for (const p of PROJECTS) { + const url = `/projects/${p.slug}/`; + const desc = p.summary.length > 158 ? p.summary.slice(0, 155).replace(/\s+\S*$/, "") + "…" : p.summary; + const ld = [{ "@type": "Article", "@id": abs(url) + "#article", headline: p.title, description: p.summary, image: abs(p.thumbnail), url: abs(url), + author: { "@id": SITE + "/#person" }, publisher: { "@id": BUSINESS_ID }, about: { "@type": "Organization", name: p.client }, keywords: [p.category, ...(p.technologies || [])].join(", ") }]; + const body = ` +
${esc(p.title)}
+
${esc(p.category)} · ${esc(p.year)}

${esc(p.title)}

${esc(p.summary)}

+
+
+
${p.description.map((t) => `

${esc(t)}

`).join("")}
+ ${p.highlights ? `

Highlights

    ${p.highlights.map((h) => `
  • ${esc(h)}
  • `).join("")}
` : ""} + ${p.scope ? `

Scope

${p.scope.map((t) => `${esc(t)}`).join("")}
` : ""} + ${p.technologies ? `

Technologies

${p.technologies.map((t) => `${esc(t)}`).join("")}
` : ""} + +
`; + write(url + "index.html", page({ url, title: `${p.title} | Case Study | Wild Dragon`, description: desc, image: p.thumbnail, ld, body, breadcrumb: [["Home", "/"], ["Projects", "/projects/"], [p.title, url]] })); +} + +// ── index pages ──────────────────────────────────────────────────────────── +write("services/index.html", page({ url: "/services/", title: "AV & Broadcast Integration Services | Washington DC | Wild Dragon", + description: "Commercial AV installation, broadcast systems integration, LED video walls, and conference room AV — designed, installed, and commissioned in Washington, DC and the DMV.", + image: "images/wild-dragon-logo.jpg", ld: [], breadcrumb: [["Home", "/"], ["Services", "/services/"]], + body: `
Services · Washington, DC

AV & broadcast integration services

Design, installation, and commissioning for commercial AV and broadcast facilities across the DMV.

+
` })); + +write("projects/index.html", page({ url: "/projects/", title: "Broadcast & AV Integration Case Studies | Wild Dragon", + description: "Case studies: broadcast facilities, cloud production, XR stages, and AV integration for the Washington Commanders, BetMGM, CVS/Aetna, UBS, Monumental Sports, Intuit, and Red Sands.", + image: "images/photos/production-switcher.jpg", ld: [], breadcrumb: [["Home", "/"], ["Projects", "/projects/"]], + body: `
Selected work

Case studies

Facilities designed, integrated, and commissioned by Wild Dragon.

+
` })); + +// ── sitemap ──────────────────────────────────────────────────────────────── +const urls = [["/", "1.0"], ["/services/", "0.9"], ...SERVICE_PAGES.map((s) => [`/services/${s.slug}/`, "0.9"]), ["/projects/", "0.7"], ...PROJECTS.map((p) => [`/projects/${p.slug}/`, "0.7"])]; +write("sitemap.xml", ` + +${urls.map(([u, pr]) => ` ${abs(u)}${TODAY}${pr}`).join("\n")} + +`); + +console.log(`built ${SERVICE_PAGES.length} service + ${PROJECTS.length} project pages, sitemap ${urls.length} urls`); diff --git a/build.sh b/build.sh index d4dfc19..d81ab50 100755 --- a/build.sh +++ b/build.sh @@ -5,3 +5,4 @@ cd "$(dirname "$0")" for f in components tweaks-panel app; do npx -y esbuild@0.24 "$f.jsx" --loader:.jsx=jsx --jsx=transform --minify --target=es2020 --outfile="$f.min.js" --log-level=warning done +node build-pages.mjs diff --git a/components.jsx b/components.jsx index 0628d58..12f6eb9 100644 --- a/components.jsx +++ b/components.jsx @@ -160,7 +160,7 @@ function Hero({ ctaLabel }) {

- Designing and integrating broadcast production facilities for sports, corporate, aerospace, and financial organizations. + Commercial AV and broadcast systems integrator in Washington, DC — designing, installing, and commissioning production facilities for sports, corporate, aerospace, and financial organizations.

{ctaLabel || "View Projects"} @@ -608,7 +608,7 @@ function Contact() { function Footer() { const sections = [ { title:"Navigation", links:[{l:"About",h:"#about"},{l:"Process",h:"#services"},{l:"Projects",h:"#projects"},{l:"On Set",h:"#on-set"},{l:"Contact",h:"#contact"}] }, - { title:"Expertise", links:[{l:"Systems Design",h:"#about"},{l:"IP & Cloud Production",h:"#about"},{l:"Broadcast Integration",h:"#about"},{l:"XR / Virtual Production",h:"#projects"}] }, + { title:"Services", links:[{l:"Commercial AV Installation",h:"/services/commercial-av-installation-washington-dc/"},{l:"Broadcast Systems Integration",h:"/services/broadcast-systems-integration/"},{l:"LED Video Walls & XR",h:"/services/led-video-wall-installation/"},{l:"Conference Room AV",h:"/services/conference-room-av/"},{l:"Case Studies",h:"/projects/"}] }, ]; return (
diff --git a/components.min.js b/components.min.js index 000ecc4..77dfd15 100644 --- a/components.min.js +++ b/components.min.js @@ -1 +1 @@ -const{useState,useEffect,useRef,Fragment}=React,Icon=({size:a=16,sw:e=1.75,className:t="",children:o})=>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:t},o),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"})),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"})),Radio=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M4.9 19.1C1 15.2 1 8.8 4.9 4.9"}),React.createElement("path",{d:"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"}),React.createElement("circle",{cx:"12",cy:"12",r:"2"}),React.createElement("path",{d:"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"}),React.createElement("path",{d:"M19.1 4.9C23 8.8 23 15.2 19.1 19.1"})),Tv=a=>React.createElement(Icon,{...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"})),Cloud=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M17.5 19a4.5 4.5 0 1 0-1.41-8.775A6.5 6.5 0 1 0 7 19h10.5z"})),Cable=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M4 9a2 2 0 0 1-2-2V5h6v2a2 2 0 0 1-2 2Z"}),React.createElement("path",{d:"M3 5V3"}),React.createElement("path",{d:"M7 5V3"}),React.createElement("path",{d:"M19 15V6.5a3.5 3.5 0 0 0-7 0v11a3.5 3.5 0 0 1-7 0V9"}),React.createElement("path",{d:"M17 21v-2"}),React.createElement("path",{d:"M21 21v-2"}),React.createElement("path",{d:"M22 19v-2a2 2 0 0 0-2-2h-2v4Z"})),Ruler=a=>React.createElement(Icon,{...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.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 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,{...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,{...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,{...a},React.createElement("path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3v-7a9 9 0 0 1 18 0v7h-3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"})),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"}));function Reveal({children:a,delay:e=0,className:t=""}){const o=useRef(null),[s,i]=useState(!1);return useEffect(()=>{const r=new IntersectionObserver(([l])=>{l.isIntersecting&&(setTimeout(()=>i(!0),e),r.unobserve(l.target))},{threshold:.1,rootMargin:"0px 0px -60px 0px"});return o.current&&r.observe(o.current),()=>r.disconnect()},[e]),React.createElement("div",{ref:o,className:`reveal ${s?"visible":""} ${t}`},a)}function CursorDot(){const a=useRef(null);return useEffect(()=>{const e=t=>{a.current&&(a.current.style.transform=`translate(${t.clientX}px, ${t.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 t=setTimeout(()=>e(!0),1300);return()=>clearTimeout(t)},[]),a?null:React.createElement("div",{className:"curtain"})}function Navigation(){const[a,e]=useState(!1),[t,o]=useState(!1);useEffect(()=>{const i=()=>e(window.scrollY>50);return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)},[]);const s=[{href:"#about",label:"About"},{href:"#projects",label:"Projects"},{href:"#on-set",label:"On Set"},{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"}),React.createElement("span",null,"Wild Dragon")),React.createElement("div",{className:"nav-links"},s.map(i=>React.createElement("a",{key:i.href,href:i.href},i.label))),React.createElement("button",{className:"nav-toggle",onClick:()=>o(!t),"aria-label":"Toggle menu"},React.createElement(t?X:Menu,null))),React.createElement("div",{className:`nav-mobile ${t?"open":""}`},s.map(i=>React.createElement("a",{key:i.href,href:i.href,onClick:()=>o(!1)},i.label))))}const HERO_ROLES=["Broadcast Systems Integration","Production Facility Design","IP & Cloud Production","Extended Reality Stages"];function Hero({ctaLabel:a}){const[e,t]=useState(!1),[o,s]=useState(0),[i,r]=useState(""),[l,p]=useState(!0);useEffect(()=>{const c=setTimeout(()=>t(!0),100);return()=>clearTimeout(c)},[]),useEffect(()=>{const c=HERO_ROLES[o];if(l)if(i.lengthr(c.slice(0,i.length+1)),50);return()=>clearTimeout(d)}else{const d=setTimeout(()=>p(!1),2500);return()=>clearTimeout(d)}else if(i.length>0){const d=setTimeout(()=>r(i.slice(0,-1)),25);return()=>clearTimeout(d)}else s(d=>(d+1)%HERO_ROLES.length),p(!0)},[i,l,o]);const m=c=>({transition:`opacity .9s ${c}s, transform .9s ${c}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:"Production switcher in a broadcast control room"})),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"),React.createElement("div",{className:"hero-corner bl"},"REC \xB7 LIVE"),React.createElement("div",{className:"hero-corner br"},"\u25CF 01 / 09"),React.createElement("div",{className:"hero-content"},React.createElement("div",{className:"hero-logo",style:m(0)},React.createElement("img",{src:__R("images/wild-dragon-logo.png"),alt:"Wild Dragon \u2014 Zachary Gaetano"})),React.createElement("div",{className:"hero-tag",style:m(.15)},i,React.createElement("span",{className:"caret"},"|")),React.createElement("h1",{style:m(.3)},"Zachary",React.createElement("br",null),React.createElement("span",{className:"last"},"Gaetano")),React.createElement("div",{className:"hero-rule",style:{transition:"opacity 1s .4s, width 1s .4s",opacity:e?1:0,width:e?"6rem":0}}),React.createElement("p",{className:"hero-desc",style:m(.5)},"Designing and integrating broadcast production facilities for sports, corporate, aerospace, and financial organizations."),React.createElement("div",{className:"hero-ctas",style:m(.65)},React.createElement("a",{href:"#projects",className:"btn btn-primary"},a||"View Projects"),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net",className:"btn btn-ghost-dark"},"Get in Touch"))),React.createElement("a",{href:"#clients",className:"scroll-indicator",style:{transition:"opacity 1s .8s",opacity:e?1:0}},React.createElement("span",null,"Scroll"),React.createElement(ChevronDown,null)))}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,t)=>React.createElement("div",{className:"marquee-item",key:t,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:"Sports, corporate, financial, aerospace, defense"}];function AnimatedNumber({value:a,suffix:e}){const[t,o]=useState(0),s=useRef(null),i=useRef(!1);useEffect(()=>{const l=new IntersectionObserver(([p])=>{if(p.isIntersecting&&!i.current){i.current=!0;const m=2e3,c=60,d=a/c;let g=0;const h=setInterval(()=>{g+=d,g>=a?(o(a),clearInterval(h)):o(Math.floor(g))},m/c)}},{threshold:.3});return s.current&&l.observe(s.current),()=>l.disconnect()},[a]);const r=t>=1e3&&a>=1e3?`${(t/1e3).toFixed(1).replace(/\.0$/,"")}k`:t;return React.createElement("span",{ref:s,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,e)=>React.createElement(Reveal,{key:a.label,delay:e*80},React.createElement("div",null,React.createElement("div",{className:"stat-value"},React.createElement(AnimatedNumber,{value:a.v,suffix:a.suf})),React.createElement("p",{className:"stat-label"},a.label),React.createElement("p",{className:"stat-desc"},a.desc)))))))}const SERVICES=[{icon:Ruler,phase:"01",title:"Design",desc:"Signal flow engineering, system architecture, and equipment specification. Every facility starts with documentation that defines how signals move and how operators interact."},{icon:Wrench,phase:"02",title:"Integrate",desc:"Full system builds from rack fabrication and cable infrastructure through to final termination and labeling \u2014 clean builds technicians can troubleshoot and maintain for years."},{icon:MonitorCheck,phase:"03",title:"Commission",desc:"End-to-end system testing, calibration, and performance verification. Every signal path tested, every failover validated, every workflow documented before handoff."},{icon:Headset,phase:"04",title:"Support",desc:"Operator training, documentation packages, and ongoing technical support. Systems designed with the people who use them in mind \u2014 not just the engineers who build them."}];function Services(){return React.createElement("section",{id:"services",className:"services"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{style:{maxWidth:"48rem",marginBottom:"4rem"}},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"02"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Process")),React.createElement("h2",{className:"section-title",style:{marginBottom:"1.25rem"}},"From blueprint to broadcast."),React.createElement("p",{className:"section-lede"},"A complete lifecycle approach to broadcast facility design and systems integration. Every project follows a disciplined process so systems work flawlessly when the red light goes on."))),React.createElement("div",{className:"svc-timeline"},React.createElement("div",{className:"svc-line"}),React.createElement("div",{className:"svc-grid"},SERVICES.map((a,e)=>React.createElement(Reveal,{key:a.title,delay:e*100},React.createElement("div",{className:"svc"},React.createElement("div",{className:"svc-node"},a.phase),React.createElement("div",{className:"svc-icon"},React.createElement(a.icon,{size:20,sw:1.5})),React.createElement("h3",null,a.title),React.createElement("p",null,a.desc))))))))}function pickScopeChips(a){return(a||[]).slice(0,3)}function Projects({onOpen:a}){const e=window.PROJECTS||[],[t,...o]=e;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."))),t&&React.createElement(Reveal,null,React.createElement("a",{className:"proj-featured",href:`#/projects/${t.slug}`,onClick:s=>{s.preventDefault(),a(t.slug)}},React.createElement("img",{src:t.thumbnail,alt:`${t.client} \u2014 ${t.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"},t.category," \xB7 ",t.year)),React.createElement("h3",null,t.client),React.createElement("p",null,t.summary),React.createElement("span",{className:"cta"},"View case study ",React.createElement(ArrowRight,null))))),React.createElement("div",{className:"proj-grid"},o.map((s,i)=>React.createElement(Reveal,{key:s.slug,delay:i*60},React.createElement("a",{className:"proj-card",href:`#/projects/${s.slug}`,onClick:r=>{r.preventDefault(),a(s.slug)}},React.createElement("img",{src:s.thumbnail,alt:`${s.client} \u2014 ${s.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"},s.category),React.createElement("span",{className:"sep"},"/"),React.createElement("span",{className:"yr"},s.year)),React.createElement("h3",null,s.client),React.createElement("p",{className:"summary"},s.summary),React.createElement("div",{className:"scope-chips"},pickScopeChips(s.scope).map(r=>React.createElement("span",{key:r},r))))))))))}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(t=>React.createElement("span",{key:t},t)))))))))}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(t=>React.createElement("li",{key:t},t))))))))))}function Contact(){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"},"// Contact"),React.createElement("h2",{className:"section-title"},"Let's create something."),React.createElement("p",{className:"lede",style:{marginTop:"1.25rem"}},"Whether you're planning a new broadcast facility, upgrading existing infrastructure, or exploring cloud and IP-based production workflows, I'd love to discuss your project."))),React.createElement("div",{className:"contact-grid"},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"},"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"),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"},"Location"),React.createElement("span",{className:"val"},"Washington, DC Area")))),React.createElement(Reveal,{delay:200},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 start your next project?"),React.createElement("p",null,"From initial concept through commissioning and training, I bring a complete lifecycle approach to every facility I design."),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net",className:"btn btn-primary"},"Start a Conversation ",React.createElement(ArrowRight,null)))))))}function Footer(){const a=[{title:"Navigation",links:[{l:"About",h:"#about"},{l:"Process",h:"#services"},{l:"Projects",h:"#projects"},{l:"On Set",h:"#on-set"},{l:"Contact",h:"#contact"}]},{title:"Expertise",links:[{l:"Systems Design",h:"#about"},{l:"IP & Cloud Production",h:"#about"},{l:"Broadcast Integration",h:"#about"},{l:"XR / Virtual Production",h:"#projects"}]}];return React.createElement("footer",{className:"footer"},React.createElement("div",{className:"container"},React.createElement("div",{className:"footer-top"},React.createElement("div",null,React.createElement("div",{className:"footer-brand"},React.createElement("img",{src:__R("images/dragon-mark.png"),alt:"Wild Dragon"}),React.createElement("span",null,"Wild Dragon")),React.createElement("p",{className:"about-line"},"Broadcast systems integration and production facility design for sports, corporate, financial services, and defense organizations."),React.createElement("div",{className:"footer-socials"},React.createElement("a",{href:"https://www.linkedin.com/in/zachary-gaetano-05962386/",target:"_blank",rel:"noopener noreferrer","aria-label":"LinkedIn"},React.createElement(Linkedin,{size:14})),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net","aria-label":"Email"},React.createElement(Mail,{size:14})))),a.map(e=>React.createElement("div",{className:"footer-col",key:e.title},React.createElement("h4",null,e.title),React.createElement("ul",null,e.links.map(t=>React.createElement("li",{key:t.l},React.createElement("a",{href:t.h},t.l))))))),React.createElement("div",{className:"footer-bottom"},React.createElement("p",null,"\xA9 ",new Date().getFullYear()," Zachary Gaetano. All rights reserved."),React.createElement("p",null,"Washington, DC Area"))))}function ProjectOverlay({slug:a,onClose:e,onOpen:t}){const o=window.PROJECTS,s=o.find(n=>n.slug===a);useEffect(()=>{const n=v=>{v.key==="Escape"&&e()};return window.addEventListener("keydown",n),document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",n),document.body.style.overflow=""}},[e]);const i=useRef(null);if(useEffect(()=>{i.current&&(i.current.scrollTop=0)},[a]),!s)return null;const r=o.findIndex(n=>n.slug===a),l=o.length,p=r>0?o[r-1]:o[l-1],m=r{n.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:n=>{n.preventDefault(),e()}},React.createElement(ArrowLeft,{size:15})," All projects"),React.createElement("span",{className:"po-counter"},React.createElement("span",{className:"n"},c),React.createElement("span",{className:"d"},"/"),React.createElement("span",{className:"t"},d)),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:s.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"},s.category),React.createElement("span",{className:"po-dot"}),React.createElement("span",{className:"po-yr"},s.year)),React.createElement("h1",{className:"po-title"},s.client),React.createElement("p",{className:"po-lede"},s.summary),React.createElement("div",{className:"po-hero-rule"}),React.createElement("div",{className:"po-hero-foot"},React.createElement("span",{className:"po-corner-l"},"// ",s.title||s.client),React.createElement("span",{className:"po-corner-r"},"Case Study \xB7 ",c,"/",d)))),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"},s.client)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Category"),React.createElement("span",{className:"val"},s.category)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Year"),React.createElement("span",{className:"val"},s.year)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Role"),React.createElement("span",{className:"val"},s.scope&&s.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:s.thumbnail,alt:`${s.client} \u2014 ${s.category}`}),React.createElement("div",{className:"po-feature-cap"},React.createElement("span",null,s.client," \xB7 ",s.category),React.createElement("span",null,s.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((n,v)=>React.createElement("p",{key:v},n))),s.highlights&&s.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"},s.highlights.map((n,v)=>React.createElement("li",{key:v},React.createElement("span",{className:"hl-n"},String(v+1).padStart(2,"0")),React.createElement("span",{className:"hl-t"},n)))))),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"},s.scope.map(n=>React.createElement("span",{key:n,className:"chip"},n)))),React.createElement("div",{className:"po-spec-row"},React.createElement("span",{className:"k"},"Technology"),React.createElement("div",{className:"v"},s.technologies.map(n=>React.createElement("span",{key:n,className:"chip chip-accent"},n)))))))),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"},o.filter(n=>n.slug!==s.slug).slice(0,3).map(n=>React.createElement("a",{key:n.slug,className:"po-related-card",href:`#/projects/${n.slug}`,onClick:v=>{v.preventDefault(),t(n.slug)}},React.createElement("div",{className:"img"},React.createElement("img",{src:n.thumbnail,alt:n.client})),React.createElement("div",{className:"meta"},React.createElement("span",{className:"cat"},n.category),React.createElement("span",{className:"yr"},n.year)),React.createElement("h4",null,n.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:n=>{n.preventDefault(),t(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/${m.slug}`,onClick:n=>{n.preventDefault(),t(m.slug)}},React.createElement("div",{className:"text"},React.createElement("div",{className:"label"},"Next"),React.createElement("div",{className:"name"},m.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:n=>{n.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}); +const{useState,useEffect,useRef,Fragment}=React,Icon=({size:a=16,sw:e=1.75,className:t="",children:o})=>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:t},o),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"})),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"})),Radio=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M4.9 19.1C1 15.2 1 8.8 4.9 4.9"}),React.createElement("path",{d:"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"}),React.createElement("circle",{cx:"12",cy:"12",r:"2"}),React.createElement("path",{d:"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"}),React.createElement("path",{d:"M19.1 4.9C23 8.8 23 15.2 19.1 19.1"})),Tv=a=>React.createElement(Icon,{...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"})),Cloud=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M17.5 19a4.5 4.5 0 1 0-1.41-8.775A6.5 6.5 0 1 0 7 19h10.5z"})),Cable=a=>React.createElement(Icon,{...a},React.createElement("path",{d:"M4 9a2 2 0 0 1-2-2V5h6v2a2 2 0 0 1-2 2Z"}),React.createElement("path",{d:"M3 5V3"}),React.createElement("path",{d:"M7 5V3"}),React.createElement("path",{d:"M19 15V6.5a3.5 3.5 0 0 0-7 0v11a3.5 3.5 0 0 1-7 0V9"}),React.createElement("path",{d:"M17 21v-2"}),React.createElement("path",{d:"M21 21v-2"}),React.createElement("path",{d:"M22 19v-2a2 2 0 0 0-2-2h-2v4Z"})),Ruler=a=>React.createElement(Icon,{...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.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 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,{...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,{...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,{...a},React.createElement("path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3v-7a9 9 0 0 1 18 0v7h-3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"})),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"}));function Reveal({children:a,delay:e=0,className:t=""}){const o=useRef(null),[s,i]=useState(!1);return useEffect(()=>{const r=new IntersectionObserver(([l])=>{l.isIntersecting&&(setTimeout(()=>i(!0),e),r.unobserve(l.target))},{threshold:.1,rootMargin:"0px 0px -60px 0px"});return o.current&&r.observe(o.current),()=>r.disconnect()},[e]),React.createElement("div",{ref:o,className:`reveal ${s?"visible":""} ${t}`},a)}function CursorDot(){const a=useRef(null);return useEffect(()=>{const e=t=>{a.current&&(a.current.style.transform=`translate(${t.clientX}px, ${t.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 t=setTimeout(()=>e(!0),1300);return()=>clearTimeout(t)},[]),a?null:React.createElement("div",{className:"curtain"})}function Navigation(){const[a,e]=useState(!1),[t,o]=useState(!1);useEffect(()=>{const i=()=>e(window.scrollY>50);return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)},[]);const s=[{href:"#about",label:"About"},{href:"#projects",label:"Projects"},{href:"#on-set",label:"On Set"},{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"}),React.createElement("span",null,"Wild Dragon")),React.createElement("div",{className:"nav-links"},s.map(i=>React.createElement("a",{key:i.href,href:i.href},i.label))),React.createElement("button",{className:"nav-toggle",onClick:()=>o(!t),"aria-label":"Toggle menu"},React.createElement(t?X:Menu,null))),React.createElement("div",{className:`nav-mobile ${t?"open":""}`},s.map(i=>React.createElement("a",{key:i.href,href:i.href,onClick:()=>o(!1)},i.label))))}const HERO_ROLES=["Broadcast Systems Integration","Production Facility Design","IP & Cloud Production","Extended Reality Stages"];function Hero({ctaLabel:a}){const[e,t]=useState(!1),[o,s]=useState(0),[i,r]=useState(""),[l,p]=useState(!0);useEffect(()=>{const c=setTimeout(()=>t(!0),100);return()=>clearTimeout(c)},[]),useEffect(()=>{const c=HERO_ROLES[o];if(l)if(i.lengthr(c.slice(0,i.length+1)),50);return()=>clearTimeout(d)}else{const d=setTimeout(()=>p(!1),2500);return()=>clearTimeout(d)}else if(i.length>0){const d=setTimeout(()=>r(i.slice(0,-1)),25);return()=>clearTimeout(d)}else s(d=>(d+1)%HERO_ROLES.length),p(!0)},[i,l,o]);const m=c=>({transition:`opacity .9s ${c}s, transform .9s ${c}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:"Production switcher in a broadcast control room"})),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"),React.createElement("div",{className:"hero-corner bl"},"REC \xB7 LIVE"),React.createElement("div",{className:"hero-corner br"},"\u25CF 01 / 09"),React.createElement("div",{className:"hero-content"},React.createElement("div",{className:"hero-logo",style:m(0)},React.createElement("img",{src:__R("images/wild-dragon-logo.png"),alt:"Wild Dragon \u2014 Zachary Gaetano"})),React.createElement("div",{className:"hero-tag",style:m(.15)},i,React.createElement("span",{className:"caret"},"|")),React.createElement("h1",{style:m(.3)},"Zachary",React.createElement("br",null),React.createElement("span",{className:"last"},"Gaetano")),React.createElement("div",{className:"hero-rule",style:{transition:"opacity 1s .4s, width 1s .4s",opacity:e?1:0,width:e?"6rem":0}}),React.createElement("p",{className:"hero-desc",style:m(.5)},"Commercial AV and broadcast systems integrator in Washington, DC \u2014 designing, installing, and commissioning production facilities for sports, corporate, aerospace, and financial organizations."),React.createElement("div",{className:"hero-ctas",style:m(.65)},React.createElement("a",{href:"#projects",className:"btn btn-primary"},a||"View Projects"),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net",className:"btn btn-ghost-dark"},"Get in Touch"))),React.createElement("a",{href:"#clients",className:"scroll-indicator",style:{transition:"opacity 1s .8s",opacity:e?1:0}},React.createElement("span",null,"Scroll"),React.createElement(ChevronDown,null)))}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,t)=>React.createElement("div",{className:"marquee-item",key:t,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:"Sports, corporate, financial, aerospace, defense"}];function AnimatedNumber({value:a,suffix:e}){const[t,o]=useState(0),s=useRef(null),i=useRef(!1);useEffect(()=>{const l=new IntersectionObserver(([p])=>{if(p.isIntersecting&&!i.current){i.current=!0;const m=2e3,c=60,d=a/c;let g=0;const h=setInterval(()=>{g+=d,g>=a?(o(a),clearInterval(h)):o(Math.floor(g))},m/c)}},{threshold:.3});return s.current&&l.observe(s.current),()=>l.disconnect()},[a]);const r=t>=1e3&&a>=1e3?`${(t/1e3).toFixed(1).replace(/\.0$/,"")}k`:t;return React.createElement("span",{ref:s,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,e)=>React.createElement(Reveal,{key:a.label,delay:e*80},React.createElement("div",null,React.createElement("div",{className:"stat-value"},React.createElement(AnimatedNumber,{value:a.v,suffix:a.suf})),React.createElement("p",{className:"stat-label"},a.label),React.createElement("p",{className:"stat-desc"},a.desc)))))))}const SERVICES=[{icon:Ruler,phase:"01",title:"Design",desc:"Signal flow engineering, system architecture, and equipment specification. Every facility starts with documentation that defines how signals move and how operators interact."},{icon:Wrench,phase:"02",title:"Integrate",desc:"Full system builds from rack fabrication and cable infrastructure through to final termination and labeling \u2014 clean builds technicians can troubleshoot and maintain for years."},{icon:MonitorCheck,phase:"03",title:"Commission",desc:"End-to-end system testing, calibration, and performance verification. Every signal path tested, every failover validated, every workflow documented before handoff."},{icon:Headset,phase:"04",title:"Support",desc:"Operator training, documentation packages, and ongoing technical support. Systems designed with the people who use them in mind \u2014 not just the engineers who build them."}];function Services(){return React.createElement("section",{id:"services",className:"services"},React.createElement("div",{className:"container"},React.createElement(Reveal,null,React.createElement("div",{style:{maxWidth:"48rem",marginBottom:"4rem"}},React.createElement("div",{className:"section-counter"},React.createElement("span",{className:"num"},"02"),React.createElement("span",{className:"bar"}),React.createElement("span",null,"Process")),React.createElement("h2",{className:"section-title",style:{marginBottom:"1.25rem"}},"From blueprint to broadcast."),React.createElement("p",{className:"section-lede"},"A complete lifecycle approach to broadcast facility design and systems integration. Every project follows a disciplined process so systems work flawlessly when the red light goes on."))),React.createElement("div",{className:"svc-timeline"},React.createElement("div",{className:"svc-line"}),React.createElement("div",{className:"svc-grid"},SERVICES.map((a,e)=>React.createElement(Reveal,{key:a.title,delay:e*100},React.createElement("div",{className:"svc"},React.createElement("div",{className:"svc-node"},a.phase),React.createElement("div",{className:"svc-icon"},React.createElement(a.icon,{size:20,sw:1.5})),React.createElement("h3",null,a.title),React.createElement("p",null,a.desc))))))))}function pickScopeChips(a){return(a||[]).slice(0,3)}function Projects({onOpen:a}){const e=window.PROJECTS||[],[t,...o]=e;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."))),t&&React.createElement(Reveal,null,React.createElement("a",{className:"proj-featured",href:`#/projects/${t.slug}`,onClick:s=>{s.preventDefault(),a(t.slug)}},React.createElement("img",{src:t.thumbnail,alt:`${t.client} \u2014 ${t.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"},t.category," \xB7 ",t.year)),React.createElement("h3",null,t.client),React.createElement("p",null,t.summary),React.createElement("span",{className:"cta"},"View case study ",React.createElement(ArrowRight,null))))),React.createElement("div",{className:"proj-grid"},o.map((s,i)=>React.createElement(Reveal,{key:s.slug,delay:i*60},React.createElement("a",{className:"proj-card",href:`#/projects/${s.slug}`,onClick:r=>{r.preventDefault(),a(s.slug)}},React.createElement("img",{src:s.thumbnail,alt:`${s.client} \u2014 ${s.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"},s.category),React.createElement("span",{className:"sep"},"/"),React.createElement("span",{className:"yr"},s.year)),React.createElement("h3",null,s.client),React.createElement("p",{className:"summary"},s.summary),React.createElement("div",{className:"scope-chips"},pickScopeChips(s.scope).map(r=>React.createElement("span",{key:r},r))))))))))}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(t=>React.createElement("span",{key:t},t)))))))))}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(t=>React.createElement("li",{key:t},t))))))))))}function Contact(){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"},"// Contact"),React.createElement("h2",{className:"section-title"},"Let's create something."),React.createElement("p",{className:"lede",style:{marginTop:"1.25rem"}},"Whether you're planning a new broadcast facility, upgrading existing infrastructure, or exploring cloud and IP-based production workflows, I'd love to discuss your project."))),React.createElement("div",{className:"contact-grid"},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"},"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"),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"},"Location"),React.createElement("span",{className:"val"},"Washington, DC Area")))),React.createElement(Reveal,{delay:200},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 start your next project?"),React.createElement("p",null,"From initial concept through commissioning and training, I bring a complete lifecycle approach to every facility I design."),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net",className:"btn btn-primary"},"Start a Conversation ",React.createElement(ArrowRight,null)))))))}function Footer(){const a=[{title:"Navigation",links:[{l:"About",h:"#about"},{l:"Process",h:"#services"},{l:"Projects",h:"#projects"},{l:"On Set",h:"#on-set"},{l:"Contact",h:"#contact"}]},{title:"Services",links:[{l:"Commercial AV Installation",h:"/services/commercial-av-installation-washington-dc/"},{l:"Broadcast Systems Integration",h:"/services/broadcast-systems-integration/"},{l:"LED Video Walls & XR",h:"/services/led-video-wall-installation/"},{l:"Conference Room AV",h:"/services/conference-room-av/"},{l:"Case Studies",h:"/projects/"}]}];return React.createElement("footer",{className:"footer"},React.createElement("div",{className:"container"},React.createElement("div",{className:"footer-top"},React.createElement("div",null,React.createElement("div",{className:"footer-brand"},React.createElement("img",{src:__R("images/dragon-mark.png"),alt:"Wild Dragon"}),React.createElement("span",null,"Wild Dragon")),React.createElement("p",{className:"about-line"},"Broadcast systems integration and production facility design for sports, corporate, financial services, and defense organizations."),React.createElement("div",{className:"footer-socials"},React.createElement("a",{href:"https://www.linkedin.com/in/zachary-gaetano-05962386/",target:"_blank",rel:"noopener noreferrer","aria-label":"LinkedIn"},React.createElement(Linkedin,{size:14})),React.createElement("a",{href:"mailto:zgaetano@wilddragon.net","aria-label":"Email"},React.createElement(Mail,{size:14})))),a.map(e=>React.createElement("div",{className:"footer-col",key:e.title},React.createElement("h4",null,e.title),React.createElement("ul",null,e.links.map(t=>React.createElement("li",{key:t.l},React.createElement("a",{href:t.h},t.l))))))),React.createElement("div",{className:"footer-bottom"},React.createElement("p",null,"\xA9 ",new Date().getFullYear()," Zachary Gaetano. All rights reserved."),React.createElement("p",null,"Washington, DC Area"))))}function ProjectOverlay({slug:a,onClose:e,onOpen:t}){const o=window.PROJECTS,s=o.find(n=>n.slug===a);useEffect(()=>{const n=v=>{v.key==="Escape"&&e()};return window.addEventListener("keydown",n),document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",n),document.body.style.overflow=""}},[e]);const i=useRef(null);if(useEffect(()=>{i.current&&(i.current.scrollTop=0)},[a]),!s)return null;const r=o.findIndex(n=>n.slug===a),l=o.length,p=r>0?o[r-1]:o[l-1],m=r{n.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:n=>{n.preventDefault(),e()}},React.createElement(ArrowLeft,{size:15})," All projects"),React.createElement("span",{className:"po-counter"},React.createElement("span",{className:"n"},c),React.createElement("span",{className:"d"},"/"),React.createElement("span",{className:"t"},d)),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:s.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"},s.category),React.createElement("span",{className:"po-dot"}),React.createElement("span",{className:"po-yr"},s.year)),React.createElement("h1",{className:"po-title"},s.client),React.createElement("p",{className:"po-lede"},s.summary),React.createElement("div",{className:"po-hero-rule"}),React.createElement("div",{className:"po-hero-foot"},React.createElement("span",{className:"po-corner-l"},"// ",s.title||s.client),React.createElement("span",{className:"po-corner-r"},"Case Study \xB7 ",c,"/",d)))),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"},s.client)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Category"),React.createElement("span",{className:"val"},s.category)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Year"),React.createElement("span",{className:"val"},s.year)),React.createElement("div",null,React.createElement("span",{className:"lbl"},"Role"),React.createElement("span",{className:"val"},s.scope&&s.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:s.thumbnail,alt:`${s.client} \u2014 ${s.category}`}),React.createElement("div",{className:"po-feature-cap"},React.createElement("span",null,s.client," \xB7 ",s.category),React.createElement("span",null,s.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((n,v)=>React.createElement("p",{key:v},n))),s.highlights&&s.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"},s.highlights.map((n,v)=>React.createElement("li",{key:v},React.createElement("span",{className:"hl-n"},String(v+1).padStart(2,"0")),React.createElement("span",{className:"hl-t"},n)))))),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"},s.scope.map(n=>React.createElement("span",{key:n,className:"chip"},n)))),React.createElement("div",{className:"po-spec-row"},React.createElement("span",{className:"k"},"Technology"),React.createElement("div",{className:"v"},s.technologies.map(n=>React.createElement("span",{key:n,className:"chip chip-accent"},n)))))))),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"},o.filter(n=>n.slug!==s.slug).slice(0,3).map(n=>React.createElement("a",{key:n.slug,className:"po-related-card",href:`#/projects/${n.slug}`,onClick:v=>{v.preventDefault(),t(n.slug)}},React.createElement("div",{className:"img"},React.createElement("img",{src:n.thumbnail,alt:n.client})),React.createElement("div",{className:"meta"},React.createElement("span",{className:"cat"},n.category),React.createElement("span",{className:"yr"},n.year)),React.createElement("h4",null,n.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:n=>{n.preventDefault(),t(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/${m.slug}`,onClick:n=>{n.preventDefault(),t(m.slug)}},React.createElement("div",{className:"text"},React.createElement("div",{className:"label"},"Next"),React.createElement("div",{className:"name"},m.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:n=>{n.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}); diff --git a/index.html b/index.html index c3c2dd7..b8b2aea 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,14 @@ -Zachary Gaetano | Broadcast Systems Design, Integration & Commissioning — Wild Dragon - +Wild Dragon | Commercial AV & Broadcast Systems Integrator — Washington, DC + + + @@ -20,7 +22,7 @@ - + @@ -29,7 +31,7 @@ - + @@ -96,17 +98,60 @@ ] }, { - "@type": "ProfessionalService", + "@type": [ + "ProfessionalService", + "Organization" + ], "@id": "https://wilddragon.net/#organization", "name": "Wild Dragon", - "description": "Broadcast systems design, integration, and commissioning for sports, corporate, financial services, and defense organizations.", + "description": "Commercial AV and broadcast systems integrator in Washington, DC — design, installation, and commissioning of AV systems, control rooms, LED video walls, and IP broadcast facilities.", "url": "https://wilddragon.net/", "logo": "https://wilddragon.net/images/wild-dragon-logo.jpg", "image": "https://wilddragon.net/images/wild-dragon-logo.jpg", - "founder": { "@id": "https://wilddragon.net/#person" }, - "areaServed": "United States", + "founder": { + "@id": "https://wilddragon.net/#person" + }, + "areaServed": [ + { + "@type": "City", + "name": "Washington, DC" + }, + { + "@type": "City", + "name": "Arlington, VA" + }, + { + "@type": "City", + "name": "Alexandria, VA" + }, + { + "@type": "City", + "name": "Tysons, VA" + }, + { + "@type": "City", + "name": "Reston, VA" + }, + { + "@type": "City", + "name": "Bethesda, MD" + }, + { + "@type": "City", + "name": "Silver Spring, MD" + }, + { + "@type": "City", + "name": "Rockville, MD" + }, + { + "@type": "City", + "name": "Baltimore, MD" + } + ], "address": { "@type": "PostalAddress", + "addressLocality": "Washington", "addressRegion": "DC", "addressCountry": "US" }, @@ -118,12 +163,67 @@ "availableLanguage": "English" }, "knowsAbout": [ + "Commercial AV Installation", + "Audio Visual Systems Integration", "Broadcast Systems Integration", "SMPTE ST 2110", + "NDI", "Cloud Production", "Control Room Design", + "LED Video Walls", "XR / Virtual Production", + "Conference Room AV", + "Dante Audio", "IP Broadcast Infrastructure" + ], + "alternateName": "Wild Dragon LLC", + "email": "zgaetano@wilddragon.net", + "priceRange": "$$$", + "geo": { + "@type": "GeoCoordinates", + "latitude": 38.9072, + "longitude": -77.0369 + }, + "hasOfferCatalog": { + "@type": "OfferCatalog", + "name": "AV & Broadcast Integration Services", + "itemListElement": [ + { + "@type": "Offer", + "itemOffered": { + "@type": "Service", + "name": "Commercial AV Installation", + "url": "https://wilddragon.net/services/commercial-av-installation-washington-dc/" + } + }, + { + "@type": "Offer", + "itemOffered": { + "@type": "Service", + "name": "Broadcast Systems Integration", + "url": "https://wilddragon.net/services/broadcast-systems-integration/" + } + }, + { + "@type": "Offer", + "itemOffered": { + "@type": "Service", + "name": "LED Video Wall & XR Stage Integration", + "url": "https://wilddragon.net/services/led-video-wall-installation/" + } + }, + { + "@type": "Offer", + "itemOffered": { + "@type": "Service", + "name": "Conference Room & Boardroom AV", + "url": "https://wilddragon.net/services/conference-room-av/" + } + } + ] + }, + "sameAs": [ + "https://www.linkedin.com/in/zachary-gaetano-05962386/" ] }, { @@ -131,7 +231,9 @@ "@id": "https://wilddragon.net/#website", "url": "https://wilddragon.net/", "name": "Wild Dragon", - "publisher": { "@id": "https://wilddragon.net/#organization" }, + "publisher": { + "@id": "https://wilddragon.net/#organization" + }, "inLanguage": "en-US" }, { @@ -143,7 +245,9 @@ "embedUrl": "https://player.vimeo.com/video/225920311", "contentUrl": "https://vimeo.com/225920311", "uploadDate": "2017-01-01", - "creator": { "@id": "https://wilddragon.net/#person" } + "creator": { + "@id": "https://wilddragon.net/#person" + } } ] } @@ -157,6 +261,7 @@

Zachary Gaetano — Broadcast Systems Design, Integration & Commissioning

Principal Design Engineer and Lead Commissioner specializing in broadcast systems integration, IP/SMPTE ST 2110 facility design, cloud production, and XR stages. Based in Washington, DC.

Selected projects: Washington Commanders, BetMGM Cloud Production, CVS/Aetna Broadcast Facility, UBS Broadcast Center, Monumental Sports, Red Sands, Intuit XR Facility.

+

Services: Commercial AV Installation · Broadcast Systems Integration · LED Video Walls & XR · Conference Room AV · Case studies

Contact: zgaetano@wilddragon.net

diff --git a/llms.txt b/llms.txt index b70b755..9362639 100644 --- a/llms.txt +++ b/llms.txt @@ -1,6 +1,15 @@ # Wild Dragon — Zachary Gaetano -> Broadcast Systems Design, Integration & Commissioning, and on-set camera work (Trinity Operator / DIT) based in Washington DC. +> Commercial AV and broadcast systems integrator in Washington, DC: AV installation, control rooms, LED video walls, IP/ST 2110 facilities, and on-set camera work (Trinity Operator / DIT). + +## Services (pages) +- https://wilddragon.net/services/commercial-av-installation-washington-dc/ +- https://wilddragon.net/services/broadcast-systems-integration/ +- https://wilddragon.net/services/led-video-wall-installation/ +- https://wilddragon.net/services/conference-room-av/ +- Case studies: https://wilddragon.net/projects/ + +Service area: Washington DC, Arlington, Alexandria, Tysons, Reston, Bethesda, Silver Spring, Rockville, Baltimore. ## Identity diff --git a/nginx.conf b/nginx.conf index 1152a99..f38c704 100644 --- a/nginx.conf +++ b/nginx.conf @@ -31,8 +31,11 @@ server { try_files $uri $uri/ /index.html; } - # llms.txt — let crawlers pull it without rewrites. - location = /llms.txt { - default_type text/plain; - } + # Crawler files. + location = /llms.txt { default_type text/plain; } + location = /robots.txt { default_type text/plain; } + location = /sitemap.xml { default_type application/xml; } + + # Source maps / raw sources aren't shipped; keep vendor un-listed. + location /vendor/ { autoindex off; } } diff --git a/projects/betmgm-cloud-production/index.html b/projects/betmgm-cloud-production/index.html new file mode 100644 index 0000000..7f43ffe --- /dev/null +++ b/projects/betmgm-cloud-production/index.html @@ -0,0 +1,69 @@ + + + + + +BetMGM Cloud Production Infrastructure | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
BetMGM Cloud Production Infrastructure
+
Cloud & IP Production · 2021 - 2024

BetMGM Cloud Production Infrastructure

Designed a cloud-based production infrastructure enabling remote and distributed broadcast operations for BetMGM's content production.

+
+
+

Architected a cloud production infrastructure for BetMGM that fundamentally shifted their production model from traditional on-premises to a distributed cloud-native workflow.

Central to the system is a clustered vMix production environment, where multiple vMix instances operate in tandem to deliver redundancy, load distribution, and seamless failover across production workflows. This architecture enables simultaneous multi-show production with consistent quality, allowing remote operators to manage complex live programming from a unified cloud environment.

The system leverages cloud-based switching, routing, and contribution platforms to enable production teams to operate from anywhere while maintaining broadcast-grade quality and reliability.

This design represented a forward-thinking approach to sports betting content production, where speed-to-air and multi-platform distribution are critical business requirements.

+

Highlights

  • Cloud-native production architecture design
  • Clustered vMix environment for redundancy and multi-show production
  • Remote production capability across distributed teams
  • Broadcast-grade quality over IP infrastructure
  • Multi-platform content distribution pipeline
+

Scope

Architecture DesignCloud Infrastructure PlanningWorkflow DesignTechnical Specification
+

Technologies

vMix (Clustered)Cloud Production PlatformsNDI / SRTIP ContributionRemote ProductionContent DistributionRedundant Connectivity
+ +
+ + + diff --git a/projects/cvs-aetna-broadcast-facility/index.html b/projects/cvs-aetna-broadcast-facility/index.html new file mode 100644 index 0000000..dfa3d6d --- /dev/null +++ b/projects/cvs-aetna-broadcast-facility/index.html @@ -0,0 +1,69 @@ + + + + + +CVS / Aetna Broadcast Facility | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
CVS / Aetna Broadcast Facility
+
Corporate Broadcast · 2026

CVS / Aetna Broadcast Facility

Principal Design Engineer and Lead Commissioner for a new broadcast facility at CVS Aetna through Broadcast Management Group, featuring a Ross FR12 build powering two fully independent control rooms from a single 12RU frame.

+
+
+

Served as Principal Design Engineer and Lead Commissioner for a new broadcast facility at the CVS Aetna campus through Broadcast Management Group, replacing aging studio infrastructure with a modern, efficient production environment built around the Ross FR12 platform.

The design achieves remarkable efficiency—a single 12RU frame powers two fully independent control rooms, supporting two remote locations plus an on-site studio. This consolidation dramatically reduces rack space, power consumption, and operational complexity.

Native Zoom and Microsoft Teams integration was engineered directly into the FR12 routing fabric, enabling seamless contribution from remote guests and hybrid meeting participants without external encode/decode hardware. Presenters and talent can join via standard conferencing clients while appearing as clean, delay-managed sources within the production switcher—bridging corporate communication workflows with broadcast-grade production.

The system was engineered with scalability at its core, with clear pathways for future expansion including HDR and 4K capabilities, enhanced I/O routing, and additional production environments as CVS's content needs grow.

+

Highlights

  • Ross FR12 platform powering dual independent control rooms
  • Single 12RU frame serving entire production operation
  • Zoom & Microsoft Teams integration natively within the FR12 routing fabric
  • Support for two remote locations plus on-site studio
  • Future-ready for HDR, 4K, and expanded I/O routing
+

Scope

Systems DesignLine Drawings & DocumentationEquipment ProcurementIntegration & Commissioning
+

Technologies

Ross FR12Ross UltrixZoom IntegrationMicrosoft Teams IntegrationProduction SwitchingMulti-site ConnectivityAudio IntegrationMultiviewer & Monitoring
+ +
+ + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..cda56ae --- /dev/null +++ b/projects/index.html @@ -0,0 +1,60 @@ + + + + + +Broadcast & AV Integration Case Studies | Wild Dragon + + + + + + + + + + + + + + + + + + +
+
Selected work

Case studies

Facilities designed, integrated, and commissioned by Wild Dragon.

+
+ + + diff --git a/projects/intuit-xr-facility/index.html b/projects/intuit-xr-facility/index.html new file mode 100644 index 0000000..3953e3e --- /dev/null +++ b/projects/intuit-xr-facility/index.html @@ -0,0 +1,69 @@ + + + + + +Intuit XR Production Facility | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
Intuit XR Production Facility
+
Extended Reality · 2025

Intuit XR Production Facility

Built an extended reality (XR) production facility for Intuit through AVI-SPL — a THOR LED volume driven by Assimilate Live FX Studio, with dueling RED Komodo-X cameras delivering broadcast-grade in-camera VFX.

+
+
+

Designed and built an extended reality (XR) production facility for Intuit through AVI-SPL, one of the world's largest AV integrators. The project represents the convergence of broadcast engineering and immersive technology — a virtual production environment built on a tightly integrated stack of LED, real-time graphics, and cinema cameras.

The LED volume is built from THOR LED panels, color-calibrated and processed for in-camera VFX work — delivering the contrast, refresh performance, and color accuracy required to shoot directly against the wall without post-production cleanup. THOR's processing pipeline handles genlock, color space conversion, and frame remapping so the volume reads cleanly on camera at every angle.

Driving the volume is Assimilate Live FX Studio, used as the real-time scene engine and on-set compositor. Live FX Studio handles environment playback, camera tracking integration, and live compositing of CG plates with talent — giving the production team frame-accurate control over the virtual environment without the overhead of a full game-engine pipeline.

The facility shoots on dueling RED Komodo-X cameras — a matched A/B pair that lets the production team cover talent and environment simultaneously, with shared color science, genlock, and metadata flowing into Live FX Studio for accurate in-camera compositing. The Komodo-X global-shutter sensor pairs cleanly with the THOR wall, eliminating the moiré and scan-line artifacts that plague rolling-shutter sensors on LED.

This project demonstrates the evolution of broadcast systems integration into the extended reality space, where traditional broadcast engineering fundamentals — signal routing, color science, synchronization — merge with real-time compositing and spatial computing.

+

Highlights

  • THOR LED panels color-calibrated for in-camera VFX
  • Assimilate Live FX Studio driving real-time playback, camera tracking, and live compositing
  • Dueling RED Komodo-X cameras as matched A/B pair — shared color science and genlock
  • Global-shutter capture eliminates moiré and scan-line artifacts on LED
  • Broadcast-grade output from a fully virtual production environment
+

Scope

Systems IntegrationXR Stage DesignLED Volume CalibrationLive FX Workflow DesignCamera & Color PipelineCommissioning
+

Technologies

THOR LED PanelsAssimilate Live FX StudioRED Komodo-X (×2)Camera TrackingGenlock & SyncNDI / SDI HybridColor ManagementProduction Switching
+ +
+ + + diff --git a/projects/monumental-sports/index.html b/projects/monumental-sports/index.html new file mode 100644 index 0000000..d3c61f5 --- /dev/null +++ b/projects/monumental-sports/index.html @@ -0,0 +1,69 @@ + + + + + +Monumental Sports—Engineering Support | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
Monumental Sports—Engineering Support
+
Sports Broadcast · 2022 - Current

Monumental Sports—Engineering Support

Engineering and systems integration support for Monumental Sports & Entertainment's live broadcast operations serving the Washington Wizards, Capitals, and Mystics at Capital One Arena.

+
+
+

Provided engineering and systems integration support for Monumental Sports & Entertainment, assisting with live broadcast production infrastructure for the Washington Wizards, Washington Capitals, Washington Mystics, and Capital One Arena. This was implementation and operational support work, not facility design.

The production environment includes arena-level broadcast systems, fly-pack deployment for flexible multi-camera production, and control room infrastructure capable of handling simultaneous game-day broadcasts across multiple sports and venues.

Studio production is anchored by Red Raptor cameras, delivering cinema-quality imagery for studio and interview content. The facility also leverages vMix for cloud-based production workflows, enabling remote teams to contribute to live programming and studio shows with broadcast-grade quality over IP.

The integration work focused on ensuring reliable, broadcast-grade production workflows that scale from intimate studio content to full arena event coverage, with redundant signal paths and remote production capabilities.

+

Highlights

  • Multi-sport broadcast production infrastructure
  • Arena-level control room and fly-pack systems
  • Red Raptor cameras for studio and interview production
  • vMix cloud production for remote and distributed workflows
  • Live game-day production for Wizards, Capitals, and Mystics
  • Multi-platform content delivery and distribution
+

Scope

Systems IntegrationProduction SupportFly-Pack DeploymentLive Broadcast Operations
+

Technologies

SMPTE ST 2110Red Raptor CamerasvMix Cloud ProductionProduction SwitchingMulti-Camera SystemsLive Graphics & ReplayAudio MixingSignal RoutingStreaming & Distribution
+ +
+ + + diff --git a/projects/red-sands/index.html b/projects/red-sands/index.html new file mode 100644 index 0000000..8752cce --- /dev/null +++ b/projects/red-sands/index.html @@ -0,0 +1,69 @@ + + + + + +Red Sands Defense Production | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
Red Sands Defense Production
+
Defense & Events · 2024, 2025

Red Sands Defense Production

Deployed mobile broadcast production infrastructure for Red Sands defense events, engineering fly-pack systems for multi-camera live production in field environments — including the integration of large portable LED walls for immersive briefing and presentation environments.

+
+
+

Designed and deployed mobile broadcast production systems for Red Sands defense industry events, engineering complete fly-pack production environments capable of operating in non-traditional field locations. The work required ruggedized, rapidly deployable systems that deliver broadcast-grade quality in austere environments.

The production infrastructure included multi-camera systems, live switching, multiviewer monitoring, and streaming capabilities—all packaged in road cases for rapid deployment and teardown. The systems supported live demonstrations, keynote presentations, and real-time event coverage distributed to remote stakeholders.

The deployment also included the integration of large portable LED walls used for live keynote backdrops, briefing visuals, and immersive presentation environments. The walls were processed, color-matched, and synchronized to the live production switcher so on-screen content cut cleanly to broadcast and stream feeds with no rolling-shutter or moiré artifacts on camera.

The project demonstrated the versatility of broadcast systems integration beyond traditional studio environments, applying the same engineering discipline to mobile production in challenging field conditions.

+

Highlights

  • Rapidly deployable fly-pack production systems
  • Integration of large portable LED walls for live keynotes and immersive briefings
  • LED processing color-matched and synced to the live broadcast pipeline
  • Multi-camera live event coverage in field environments
  • Multiviewer monitoring and live switching
  • Streaming and remote distribution capability
+

Scope

Systems IntegrationFly-Pack Design & DeploymentLive ProductionOn-Site Engineering
+

Technologies

Fly-Pack SystemsPortable LED WallsLED Processing & Color ManagementMulti-Camera ProductionLive SwitchingStreaming InfrastructureMultiviewer SystemsField Communications
+ +
+ + + diff --git a/projects/ubs-broadcast-center/index.html b/projects/ubs-broadcast-center/index.html new file mode 100644 index 0000000..1f2605c --- /dev/null +++ b/projects/ubs-broadcast-center/index.html @@ -0,0 +1,69 @@ + + + + + +UBS Broadcast Center | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
UBS Broadcast Center
+
Financial Services · 2026

UBS Broadcast Center

Principal Design Engineer and Lead Commissioner for UBS's fully headless hybrid broadcast facility through Broadcast Management Group — a New York facility with no on-site servers or hardware, only control surfaces, cameras, and mics, driven entirely from BMG's Cloud Control Center and serving content to over 5,900 brokers globally.

+
+
+

Served as Principal Design Engineer and Lead Commissioner for UBS's broadcast center in New York City through Broadcast Management Group, engineering a hybrid facility that connects on-site studio production to BMG's Cloud Control Center in Washington, DC.

The New York facility is fully headless — there are no physical servers or production hardware on-site. The studio carries only control surfaces, cameras, and mics, with all processing, switching, graphics, and routing handled remotely from BMG's Cloud Control Center. This dramatically reduces on-site footprint, power, and cooling requirements while centralizing maintenance and disaster recovery.

The facility includes a complete control room, studio, and podcast suite, with redundant signal paths and remote monitoring capabilities that provide business continuity and disaster recovery.

The production infrastructure scales globally, enabling UBS to deliver professional-grade broadcast content to over 5,900 brokers while maintaining the security and compliance standards required in financial services.

+

Highlights

  • Fully headless New York facility — no on-site servers or production hardware
  • Only control surfaces, cameras, and mics live on-site; all processing runs in the cloud
  • Hybrid on-site / cloud production model driven from BMG's Cloud Control Center
  • Redundant signal paths for business continuity
  • Podcast suite and studio integration
  • Global content delivery to 5,900+ brokers
+

Scope

Systems DesignSignal Flow EngineeringCloud IntegrationSecurity & Compliance
+

Technologies

Hybrid Cloud ArchitectureSMPTE ST 2110Media Asset ManagementRedundant InfrastructureRemote ProductionSecure Content Delivery
+ +
+ + + diff --git a/projects/washington-commanders/index.html b/projects/washington-commanders/index.html new file mode 100644 index 0000000..ea97148 --- /dev/null +++ b/projects/washington-commanders/index.html @@ -0,0 +1,69 @@ + + + + + +Washington Commanders Broadcast Facility | Case Study | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
Washington Commanders Broadcast Facility
+
Sports Broadcast · 2019 - Current

Washington Commanders Broadcast Facility

Principal systems designer for an entirely vMix-based broadcast facility — 16 inputs on a single vMix machine and 6 LiveU channels driving game-day production, studio programming, and digital content for the Washington Commanders.

+
+
+

Served as principal systems designer for the Washington Commanders' broadcast production facility — an entirely vMix-driven build, designed to deliver broadcast-grade live production without the cost and complexity of a traditional hardware switcher.

The core of the facility is a single vMix production machine running 16 simultaneous inputs — a mix of in-stadium cameras, replay sources, graphics, and remote contribution feeds — paired with 6 LiveU channels for IP-based remote acquisition from the field, the locker room, the practice facility, and away-game locations.

Building the entire facility around vMix made the system flexible by design: every input, scene, and graphics overlay is software-defined, so workflows can be reshaped on a per-show basis without re-cabling. The same room handles live game-day broadcasts, studio shoots, and rapid social/digital content with a single operational model.

The architecture was specified, documented, and commissioned to broadcast standards — clean signal flow, redundant power and networking, and a LiveU contribution layer that scales globally for road games and special events.

+

Highlights

  • Entirely vMix-based broadcast facility — no traditional hardware switcher
  • Single vMix production machine running 16 simultaneous inputs
  • 6 LiveU channels for IP-based remote and field contribution
  • Unified workflow for live game-day, studio, and digital content
  • Software-defined production — reconfigure on a per-show basis without re-cabling
+

Scope

Systems DesignSignal Flow EngineeringvMix ArchitectureLiveU Contribution DesignIntegration Oversight
+

Technologies

vMix (16 inputs)LiveU (6 channels)NDISRTSDI InfrastructureIP ContributionMultiviewer SystemsAudio Mixing & Monitoring
+ +
+ + + diff --git a/services-data.js b/services-data.js new file mode 100644 index 0000000..7264e29 --- /dev/null +++ b/services-data.js @@ -0,0 +1,115 @@ +// Wild Dragon — service landing pages (rendered to /services// by build-pages.mjs) +// Edit copy here, then run ./build.sh. Keep claims accurate — these pages are what Google indexes. +window.SERVICE_AREAS = [ + "Washington, DC", "Arlington, VA", "Alexandria, VA", "Tysons, VA", "Reston, VA", + "Bethesda, MD", "Silver Spring, MD", "Rockville, MD", "Baltimore, MD", "Northern Virginia" +]; + +window.SERVICE_PAGES = [ + { + slug: "commercial-av-installation-washington-dc", + title: "Commercial AV Installation in Washington, DC", + metaTitle: "Commercial AV Installation Washington DC | AV Integrator | Wild Dragon", + metaDescription: "Commercial AV installation and systems integration in Washington, DC and the DMV. Design, install, and commissioning of video, audio, control, and broadcast systems for corporate, government, and sports facilities.", + eyebrow: "AV Install · Washington, DC", + lede: "Design-led commercial AV installation for boardrooms, studios, briefing centers, and production spaces across Washington, DC, Northern Virginia, and Maryland.", + hero: "images/photos/rack-build-wide.jpg", + body: [ + "Wild Dragon designs, installs, and commissions commercial audio-visual systems for organizations in the Washington, DC metro area. Every project starts with signal-flow engineering and documented system design, so the install is predictable, the commissioning is fast, and the room works the way its operators expect on day one.", + "The work spans corporate headquarters, government and defense facilities, sports venues, and financial-services broadcast centers — from a single executive boardroom to a full production facility with control rooms, studios, and IP video infrastructure.", + "Because the same engineer handles design, integration, and commissioning, there is no hand-off gap between the drawing set and the finished rack. You get one accountable point of contact from site survey through operator training." + ], + services: [ + ["Design & Engineering", "Needs analysis, signal-flow drawings, equipment specification, rack elevations, and cable schedules."], + ["Installation", "Rack fabrication, cable infrastructure, termination and labeling to broadcast standards, display and speaker mounting, control programming."], + ["Commissioning", "System testing, tuning, documentation packages, and hands-on operator training."], + ["Video Systems", "Displays, direct-view LED, projection, video routing, SDI and IP (ST 2110 / NDI / SRT) distribution."], + ["Audio Systems", "Microphones, DSP, program and monitoring audio, Dante networked audio, intercom."], + ["Control & Networking", "Room control systems, AV-over-IP networks, and integration with existing IT infrastructure."] + ], + faq: [ + ["What areas do you serve?", "Washington, DC, Arlington, Alexandria, Tysons, Reston, Bethesda, Silver Spring, Rockville, and the wider DMV. Travel for larger builds is available."], + ["Do you handle both design and installation?", "Yes. Design, integration, commissioning, and training are handled end to end by the same engineer."], + ["Can you work with an existing AV or IT vendor?", "Yes. Wild Dragon regularly integrates alongside general contractors, IT teams, and existing AV vendors."], + ["What size of project do you take on?", "From a single conference room to multi-room production facilities and broadcast centers."] + ], + related: ["cvs-aetna-broadcast-facility", "ubs-broadcast-center", "washington-commanders"] + }, + { + slug: "broadcast-systems-integration", + title: "Broadcast Systems Integration & Control Room Design", + metaTitle: "Broadcast Systems Integrator Washington DC | Control Room Design | Wild Dragon", + metaDescription: "Broadcast systems design, integration, and commissioning in Washington, DC. Control rooms, studios, SMPTE ST 2110 and NDI infrastructure, cloud production, and flypacks for sports, corporate, and financial clients.", + eyebrow: "Broadcast Integration · DC / DMV", + lede: "Control rooms, studios, and IP production infrastructure — designed, integrated, and commissioned by an engineer with an operator's background.", + hero: "images/photos/bmg-control-room.jpg", + body: [ + "Principal design and lead commissioning for broadcast production facilities: control rooms, studios, headless cloud-driven facilities, and hybrid on-prem/cloud workflows. Projects include the Washington Commanders, BetMGM, CVS/Aetna, UBS, Monumental Sports, and Intuit.", + "Platforms include SMPTE ST 2110, NDI, SRT, JPEG XS, Ross Video, vMix, Evertz, and LiveU contribution — specified to fit the workflow rather than the other way round.", + "Deliverables are documentation-first: signal-flow drawings, rack elevations, IP address plans, and commissioning reports that the facility can be operated and maintained from." + ], + services: [ + ["Control Room Design", "Production and master-control rooms, multiviewer layouts, tally, intercom, and router control."], + ["IP Video Infrastructure", "SMPTE ST 2110, NDI, SRT, JPEG XS, PTP timing, and media-network design."], + ["Cloud & Remote Production", "Cloud-native and hybrid production architectures, remote contribution, and headless facilities."], + ["Studio Build-outs", "Studio video, audio, lighting integration, and camera systems."], + ["Flypacks & Mobile", "Portable production kits and venue-side broadcast infrastructure."], + ["Commissioning & Training", "System validation, documentation packages, and operator training."] + ], + faq: [ + ["Do you design ST 2110 facilities?", "Yes — IP-based facility design including media networks, PTP timing, and broadcast controller integration."], + ["Can you retrofit an existing SDI plant?", "Yes. Hybrid SDI/IP designs and phased migrations are a common engagement."], + ["Do you work outside the DC area?", "Yes. Facility builds have been delivered for clients across the US; the DMV is home base."] + ], + related: ["betmgm-cloud-production", "ubs-broadcast-center", "monumental-sports"] + }, + { + slug: "led-video-wall-installation", + title: "LED Video Wall & XR Stage Integration", + metaTitle: "LED Video Wall Installation Washington DC | XR Stage Integration | Wild Dragon", + metaDescription: "Direct-view LED video wall and XR virtual production stage integration in the Washington, DC area — processor and signal design, calibration, and commissioning for studios, lobbies, and command centers.", + eyebrow: "LED & XR · Washington, DC", + lede: "Direct-view LED walls and XR virtual production stages — processing, signal design, calibration, and commissioning.", + hero: "images/photos/led-wall-testing.jpg", + body: [ + "LED video walls are only as good as the processing and signal path behind them. Wild Dragon designs the full chain — sources, routing, processors, sync, and control — and commissions the wall to broadcast-grade color and timing.", + "Applications include XR virtual production stages, studio backdrops, corporate lobbies and briefing centers, and command-and-control displays.", + "XR stage work includes LED volume integration with camera tracking and real-time render engines, delivered for enterprise clients including Intuit." + ], + services: [ + ["Wall & Processor Design", "Pixel pitch selection, processor and sender-card architecture, redundancy, and signal design."], + ["XR / Virtual Production", "LED volume integration with camera tracking, genlock, and real-time engines."], + ["Calibration & Commissioning", "Color calibration, timing, and acceptance testing."], + ["Content Playback", "Media servers, playout systems, and control integration."] + ], + faq: [ + ["Do you supply the LED panels?", "Wild Dragon specifies and integrates panels from major manufacturers and works with your supplier or ours."], + ["Can you add an LED wall to an existing studio?", "Yes — including integrating with existing switchers, routers, and control systems."] + ], + related: ["intuit-xr-facility", "red-sands", "cvs-aetna-broadcast-facility"] + }, + { + slug: "conference-room-av", + title: "Boardroom & Conference Room AV Systems", + metaTitle: "Conference Room AV Installation Washington DC | Boardroom AV | Wild Dragon", + metaDescription: "Boardroom, conference room, and briefing-center AV design and installation in Washington, DC and Northern Virginia. Displays, video conferencing, audio DSP, and room control engineered to broadcast standards.", + eyebrow: "Corporate AV · DC / NoVA / MD", + lede: "Meeting rooms, boardrooms, and briefing centers engineered with the same discipline as a broadcast facility.", + hero: "images/photos/studio-construction.jpg", + body: [ + "Corporate AV in the DC area often has to do more than a standard meeting room: executive briefings, town halls, streamed events, and secure facilities. Wild Dragon brings broadcast-grade design to those rooms — clean signal flow, reliable audio, and control that staff can operate without a technician.", + "Systems are documented and commissioned so that IT and facilities teams can support them after hand-off." + ], + services: [ + ["Displays & Video", "Large-format displays, LED, projection, and video conferencing integration."], + ["Audio", "Microphones, DSP, speech reinforcement, and Dante networked audio."], + ["Room Control", "Touch-panel control, scheduling, and integration with building systems."], + ["Streaming & Town Halls", "Event capture and streaming from boardrooms and all-hands spaces."] + ], + faq: [ + ["Do you install video conferencing systems?", "Yes — Teams, Zoom, and Webex rooms, plus custom integrations for larger spaces."], + ["Can you support secure or government facilities?", "Yes. Experience includes defense and financial-services environments with strict network and access requirements."] + ], + related: ["cvs-aetna-broadcast-facility", "ubs-broadcast-center"] + } +]; diff --git a/services/broadcast-systems-integration/index.html b/services/broadcast-systems-integration/index.html new file mode 100644 index 0000000..b24014d --- /dev/null +++ b/services/broadcast-systems-integration/index.html @@ -0,0 +1,74 @@ + + + + + +Broadcast Systems Integrator Washington DC | Control Room Design | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
+
Broadcast Integration · DC / DMV

Broadcast Systems Integration & Control Room Design

Control rooms, studios, and IP production infrastructure — designed, integrated, and commissioned by an engineer with an operator's background.

+

Request a consultation

+
+
+

Principal design and lead commissioning for broadcast production facilities: control rooms, studios, headless cloud-driven facilities, and hybrid on-prem/cloud workflows. Projects include the Washington Commanders, BetMGM, CVS/Aetna, UBS, Monumental Sports, and Intuit.

Platforms include SMPTE ST 2110, NDI, SRT, JPEG XS, Ross Video, vMix, Evertz, and LiveU contribution — specified to fit the workflow rather than the other way round.

Deliverables are documentation-first: signal-flow drawings, rack elevations, IP address plans, and commissioning reports that the facility can be operated and maintained from.

+

What's included

+

Control Room Design

Production and master-control rooms, multiviewer layouts, tally, intercom, and router control.

IP Video Infrastructure

SMPTE ST 2110, NDI, SRT, JPEG XS, PTP timing, and media-network design.

Cloud & Remote Production

Cloud-native and hybrid production architectures, remote contribution, and headless facilities.

Studio Build-outs

Studio video, audio, lighting integration, and camera systems.

Flypacks & Mobile

Portable production kits and venue-side broadcast infrastructure.

Commissioning & Training

System validation, documentation packages, and operator training.

+

Service area

+

Washington, DC · Arlington, VA · Alexandria, VA · Tysons, VA · Reston, VA · Bethesda, MD · Silver Spring, MD · Rockville, MD · Baltimore, MD · Northern Virginia

+

Frequently asked questions

+
Do you design ST 2110 facilities?
Yes — IP-based facility design including media networks, PTP timing, and broadcast controller integration.
Can you retrofit an existing SDI plant?
Yes. Hybrid SDI/IP designs and phased migrations are a common engagement.
Do you work outside the DC area?
Yes. Facility builds have been delivered for clients across the US; the DMV is home base.
+

Related projects

+ +
+ + + diff --git a/services/commercial-av-installation-washington-dc/index.html b/services/commercial-av-installation-washington-dc/index.html new file mode 100644 index 0000000..629edda --- /dev/null +++ b/services/commercial-av-installation-washington-dc/index.html @@ -0,0 +1,74 @@ + + + + + +Commercial AV Installation Washington DC | AV Integrator | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
+
AV Install · Washington, DC

Commercial AV Installation in Washington, DC

Design-led commercial AV installation for boardrooms, studios, briefing centers, and production spaces across Washington, DC, Northern Virginia, and Maryland.

+

Request a consultation

+
+
+

Wild Dragon designs, installs, and commissions commercial audio-visual systems for organizations in the Washington, DC metro area. Every project starts with signal-flow engineering and documented system design, so the install is predictable, the commissioning is fast, and the room works the way its operators expect on day one.

The work spans corporate headquarters, government and defense facilities, sports venues, and financial-services broadcast centers — from a single executive boardroom to a full production facility with control rooms, studios, and IP video infrastructure.

Because the same engineer handles design, integration, and commissioning, there is no hand-off gap between the drawing set and the finished rack. You get one accountable point of contact from site survey through operator training.

+

What's included

+

Design & Engineering

Needs analysis, signal-flow drawings, equipment specification, rack elevations, and cable schedules.

Installation

Rack fabrication, cable infrastructure, termination and labeling to broadcast standards, display and speaker mounting, control programming.

Commissioning

System testing, tuning, documentation packages, and hands-on operator training.

Video Systems

Displays, direct-view LED, projection, video routing, SDI and IP (ST 2110 / NDI / SRT) distribution.

Audio Systems

Microphones, DSP, program and monitoring audio, Dante networked audio, intercom.

Control & Networking

Room control systems, AV-over-IP networks, and integration with existing IT infrastructure.

+

Service area

+

Washington, DC · Arlington, VA · Alexandria, VA · Tysons, VA · Reston, VA · Bethesda, MD · Silver Spring, MD · Rockville, MD · Baltimore, MD · Northern Virginia

+

Frequently asked questions

+
What areas do you serve?
Washington, DC, Arlington, Alexandria, Tysons, Reston, Bethesda, Silver Spring, Rockville, and the wider DMV. Travel for larger builds is available.
Do you handle both design and installation?
Yes. Design, integration, commissioning, and training are handled end to end by the same engineer.
Can you work with an existing AV or IT vendor?
Yes. Wild Dragon regularly integrates alongside general contractors, IT teams, and existing AV vendors.
What size of project do you take on?
From a single conference room to multi-room production facilities and broadcast centers.
+

Related projects

+ +
+ + + diff --git a/services/conference-room-av/index.html b/services/conference-room-av/index.html new file mode 100644 index 0000000..f5b99ae --- /dev/null +++ b/services/conference-room-av/index.html @@ -0,0 +1,74 @@ + + + + + +Conference Room AV Installation Washington DC | Boardroom AV | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
+
Corporate AV · DC / NoVA / MD

Boardroom & Conference Room AV Systems

Meeting rooms, boardrooms, and briefing centers engineered with the same discipline as a broadcast facility.

+

Request a consultation

+
+
+

Corporate AV in the DC area often has to do more than a standard meeting room: executive briefings, town halls, streamed events, and secure facilities. Wild Dragon brings broadcast-grade design to those rooms — clean signal flow, reliable audio, and control that staff can operate without a technician.

Systems are documented and commissioned so that IT and facilities teams can support them after hand-off.

+

What's included

+

Displays & Video

Large-format displays, LED, projection, and video conferencing integration.

Audio

Microphones, DSP, speech reinforcement, and Dante networked audio.

Room Control

Touch-panel control, scheduling, and integration with building systems.

Streaming & Town Halls

Event capture and streaming from boardrooms and all-hands spaces.

+

Service area

+

Washington, DC · Arlington, VA · Alexandria, VA · Tysons, VA · Reston, VA · Bethesda, MD · Silver Spring, MD · Rockville, MD · Baltimore, MD · Northern Virginia

+

Frequently asked questions

+
Do you install video conferencing systems?
Yes — Teams, Zoom, and Webex rooms, plus custom integrations for larger spaces.
Can you support secure or government facilities?
Yes. Experience includes defense and financial-services environments with strict network and access requirements.
+

Related projects

+ +
+ + + diff --git a/services/index.html b/services/index.html new file mode 100644 index 0000000..c3b3894 --- /dev/null +++ b/services/index.html @@ -0,0 +1,60 @@ + + + + + +AV & Broadcast Integration Services | Washington DC | Wild Dragon + + + + + + + + + + + + + + + + + + +
+
Services · Washington, DC

AV & broadcast integration services

Design, installation, and commissioning for commercial AV and broadcast facilities across the DMV.

+
+ + + diff --git a/services/led-video-wall-installation/index.html b/services/led-video-wall-installation/index.html new file mode 100644 index 0000000..7d29c37 --- /dev/null +++ b/services/led-video-wall-installation/index.html @@ -0,0 +1,74 @@ + + + + + +LED Video Wall Installation Washington DC | XR Stage Integration | Wild Dragon + + + + + + + + + + + + + + + + + + +
+ +
+
LED & XR · Washington, DC

LED Video Wall & XR Stage Integration

Direct-view LED walls and XR virtual production stages — processing, signal design, calibration, and commissioning.

+

Request a consultation

+
+
+

LED video walls are only as good as the processing and signal path behind them. Wild Dragon designs the full chain — sources, routing, processors, sync, and control — and commissions the wall to broadcast-grade color and timing.

Applications include XR virtual production stages, studio backdrops, corporate lobbies and briefing centers, and command-and-control displays.

XR stage work includes LED volume integration with camera tracking and real-time render engines, delivered for enterprise clients including Intuit.

+

What's included

+

Wall & Processor Design

Pixel pitch selection, processor and sender-card architecture, redundancy, and signal design.

XR / Virtual Production

LED volume integration with camera tracking, genlock, and real-time engines.

Calibration & Commissioning

Color calibration, timing, and acceptance testing.

Content Playback

Media servers, playout systems, and control integration.

+

Service area

+

Washington, DC · Arlington, VA · Alexandria, VA · Tysons, VA · Reston, VA · Bethesda, MD · Silver Spring, MD · Rockville, MD · Baltimore, MD · Northern Virginia

+

Frequently asked questions

+
Do you supply the LED panels?
Wild Dragon specifies and integrates panels from major manufacturers and works with your supplier or ours.
Can you add an LED wall to an existing studio?
Yes — including integrating with existing switchers, routers, and control systems.
+

Related projects

+ +
+ + + diff --git a/sitemap.xml b/sitemap.xml index 0e9c036..e78be4a 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1,34 +1,17 @@ - - - https://wilddragon.net/ - 2026-07-03 - monthly - 1.0 - - https://wilddragon.net/images/wild-dragon-logo.jpg - Wild Dragon — Broadcast Systems Integration - - - https://wilddragon.net/images/photos/production-switcher.jpg - Production switcher in a broadcast control room - - - https://wilddragon.net/images/photos/commanders-stadium.jpg - Washington Commanders stadium broadcast production - - - https://wilddragon.net/images/photos/betmgm-production.jpg - BetMGM cloud production facility - - - https://wilddragon.net/images/photos/cvs-aetna.jpg - CVS/Aetna broadcast facility - - - https://wilddragon.net/images/photos/xr-monitor.jpg - XR virtual production stage monitor - - + + https://wilddragon.net/2026-09-181.0 + https://wilddragon.net/services/2026-09-180.9 + https://wilddragon.net/services/commercial-av-installation-washington-dc/2026-09-180.9 + https://wilddragon.net/services/broadcast-systems-integration/2026-09-180.9 + https://wilddragon.net/services/led-video-wall-installation/2026-09-180.9 + https://wilddragon.net/services/conference-room-av/2026-09-180.9 + https://wilddragon.net/projects/2026-09-180.7 + https://wilddragon.net/projects/washington-commanders/2026-09-180.7 + https://wilddragon.net/projects/betmgm-cloud-production/2026-09-180.7 + https://wilddragon.net/projects/cvs-aetna-broadcast-facility/2026-09-180.7 + https://wilddragon.net/projects/ubs-broadcast-center/2026-09-180.7 + https://wilddragon.net/projects/monumental-sports/2026-09-180.7 + https://wilddragon.net/projects/red-sands/2026-09-180.7 + https://wilddragon.net/projects/intuit-xr-facility/2026-09-180.7 -- 2.45.2