Compare commits

..

No commits in common. "main" and "feat/seo-gbp-facelift" have entirely different histories.

28 changed files with 366 additions and 372 deletions

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -33,6 +33,7 @@ const FOOTER = `<footer class="footer"><div class="container">
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul>${SERVICE_PAGES.map((s) => `<li><a href="/services/${s.slug}/">${esc(s.title)}</a></li>`).join("")}</ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul>${SERVICE_PAGES.map((s) => `<li><a href="/services/${s.slug}/">${esc(s.title)}</a></li>`).join("")}</ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul>${LOCATION_PAGES.map((l) => `<li><a href="/${l.slug}/">${esc(l.title)}</a></li>`).join("")}</ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul>${LOCATION_PAGES.map((l) => `<li><a href="/${l.slug}/">${esc(l.title)}</a></li>`).join("")}</ul></div>

View file

@ -6,8 +6,3 @@ 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 npx -y esbuild@0.24 "$f.jsx" --loader:.jsx=jsx --jsx=transform --minify --target=es2020 --outfile="$f.min.js" --log-level=warning
done done
node build-pages.mjs node build-pages.mjs
# Cache-bust: Cloudflare caches assets 4h; stamp content hashes into HTML refs.
for a in components.min.js tweaks-panel.min.js app.min.js styles.css; do
h=$(md5sum "$a" | cut -c1-8)
find . -name index.html -not -path './node_modules/*' -exec sed -i -E "s#(\"/$a)(\?v=[0-9a-f]+)?\"#\1?v=$h\"#g" {} +
done

View file

@ -17,6 +17,7 @@ const ArrowUpRight = (p) => <Icon size={14} {...p}><path d="M7 17 17 7"/><path d
const Mail = (p) => <Icon size={16} {...p}><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></Icon>; const Mail = (p) => <Icon size={16} {...p}><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></Icon>;
const MapPin = (p) => <Icon size={16} {...p}><path d="M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></Icon>; const MapPin = (p) => <Icon size={16} {...p}><path d="M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></Icon>;
const Linkedin = (p) => <Icon size={16} {...p}><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"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></Icon>; const Linkedin = (p) => <Icon size={16} {...p}><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"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></Icon>;
const ExternalLink = (p) => <Icon size={13} {...p}><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></Icon>;
const Play = (p) => <Icon size={16} {...p}><polygon points="6 3 20 12 6 21 6 3"/></Icon>; const Play = (p) => <Icon size={16} {...p}><polygon points="6 3 20 12 6 21 6 3"/></Icon>;
const Check = (p) => <Icon size={16} {...p}><polyline points="20 6 9 17 4 12"/></Icon>; const Check = (p) => <Icon size={16} {...p}><polyline points="20 6 9 17 4 12"/></Icon>;
const Server = (p) => <Icon size={16} {...p}><rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><line x1="6" x2="6.01" y1="6" y2="6"/><line x1="6" x2="6.01" y1="18" y2="18"/></Icon>; const Server = (p) => <Icon size={16} {...p}><rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><line x1="6" x2="6.01" y1="6" y2="6"/><line x1="6" x2="6.01" y1="18" y2="18"/></Icon>;
@ -25,16 +26,12 @@ const Cable = (p) => <Icon size={16} {...p}><path d="M17 21v-2a1 1 0 0 1-1-1v-1a
const Cloud = (p) => <Icon size={16} {...p}><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></Icon>; const Cloud = (p) => <Icon size={16} {...p}><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></Icon>;
const Tv = (p) => <Icon size={16} {...p}><rect width="20" height="15" x="2" y="7" rx="2" ry="2"/><polyline points="17 2 12 7 7 2"/></Icon>; const Tv = (p) => <Icon size={16} {...p}><rect width="20" height="15" x="2" y="7" rx="2" ry="2"/><polyline points="17 2 12 7 7 2"/></Icon>;
const Cpu = (p) => <Icon size={16} {...p}><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M9 1v3"/><path d="M15 1v3"/><path d="M9 20v3"/><path d="M15 20v3"/><path d="M20 9h3"/><path d="M20 14h3"/><path d="M1 9h3"/><path d="M1 14h3"/></Icon>; const Cpu = (p) => <Icon size={16} {...p}><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M9 1v3"/><path d="M15 1v3"/><path d="M9 20v3"/><path d="M15 20v3"/><path d="M20 9h3"/><path d="M20 14h3"/><path d="M1 9h3"/><path d="M1 14h3"/></Icon>;
const ExternalLink = (p) => <Icon size={13} {...p}><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></Icon>;
const Camera = (p) => <Icon {...p}><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"/><circle cx="12" cy="13" r="3"/></Icon>;
const Film = (p) => <Icon {...p}><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 3v18"/><path d="M3 7.5h4"/><path d="M3 12h18"/><path d="M3 16.5h4"/><path d="M17 3v18"/><path d="M17 7.5h4"/><path d="M17 16.5h4"/></Icon>;
const Package = (p) => <Icon {...p}><path d="m7.5 4.27 9 5.15"/><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"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></Icon>;
const Monitor = (p) => <Icon {...p}><rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/></Icon>;
const ShieldCheck = (p) => <Icon size={16} {...p}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></Icon>; const ShieldCheck = (p) => <Icon size={16} {...p}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></Icon>;
const Ruler = (p) => <Icon size={16} {...p}><path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.4 2.4 0 0 1 0-3.4l2.6-2.6a2.4 2.4 0 0 1 3.4 0Z"/><path d="m14.5 12.5 2-2"/><path d="m11.5 9.5 2-2"/><path d="m8.5 6.5 2-2"/><path d="m17.5 15.5 2-2"/></Icon>; const Ruler = (p) => <Icon size={16} {...p}><path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.4 2.4 0 0 1 0-3.4l2.6-2.6a2.4 2.4 0 0 1 3.4 0Z"/><path d="m14.5 12.5 2-2"/><path d="m11.5 9.5 2-2"/><path d="m8.5 6.5 2-2"/><path d="m17.5 15.5 2-2"/></Icon>;
const Wrench = (p) => <Icon size={16} {...p}><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"/></Icon>; const Wrench = (p) => <Icon size={16} {...p}><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"/></Icon>;
const MonitorCheck = (p) => <Icon size={16} {...p}><path d="m9 10 2 2 4-4"/><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M12 17v4"/><path d="M8 21h8"/></Icon>; const MonitorCheck = (p) => <Icon size={16} {...p}><path d="m9 10 2 2 4-4"/><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M12 17v4"/><path d="M8 21h8"/></Icon>;
const Headset = (p) => <Icon size={16} {...p}><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"/><path d="M21 16v2a4 4 0 0 1-4 4h-5"/></Icon>; const Headset = (p) => <Icon size={16} {...p}><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"/><path d="M21 16v2a4 4 0 0 1-4 4h-5"/></Icon>;
const Star = (p) => <Icon size={14} {...p}><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></Icon>;
const Sparkles = (p) => <Icon size={16} {...p}><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></Icon>; const Sparkles = (p) => <Icon size={16} {...p}><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></Icon>;
// ─── Reveal helper ──────────────────────────────────────────────────────────── // ─── Reveal helper ────────────────────────────────────────────────────────────
@ -176,8 +173,16 @@ function Hero({ ctaLabel }) {
<div className="hero-corner br">● SYSTEM ONLINE</div> <div className="hero-corner br">● SYSTEM ONLINE</div>
<div className="hero-content"> <div className="hero-content">
{/* Availability & Google Business Trust Badges */}
<div className="hero-badges-row" style={aniBase(0)}> <div className="hero-badges-row" style={aniBase(0)}>
<div className="hero-status-chip"><span className="live-dot"></span><span>Washington, DC · Maryland · Northern Virginia</span></div> <div className="hero-status-chip">
<span className="live-dot"></span>
<span>Available for DMV Integration &amp; Commissioning</span>
</div>
<a href="#contact" className="hero-google-badge">
<span className="g-star">★ 5.0</span>
<span>Google Verified Integrator · DC · MD · VA</span>
</a>
</div> </div>
<div className="hero-tag" style={aniBase(.12)}> <div className="hero-tag" style={aniBase(.12)}>
@ -212,7 +217,7 @@ function Hero({ ctaLabel }) {
<div className="hero-tech-pills" style={aniBase(.6)}> <div className="hero-tech-pills" style={aniBase(.6)}>
<span>SMPTE ST 2110</span> <span>SMPTE ST 2110</span>
<span>Ross Ultrix &amp; Carbonite</span> <span>Ross Ultrix &amp; Carbonite</span>
<span>Q-SYS</span> <span>Q-SYS Certified</span>
<span>Brompton Tessera SX40</span> <span>Brompton Tessera SX40</span>
<span>12G-SDI &amp; NDI 6</span> <span>12G-SDI &amp; NDI 6</span>
<span>Dante Audio</span> <span>Dante Audio</span>
@ -222,27 +227,26 @@ function Hero({ ctaLabel }) {
); );
} }
// ─── CLIENTS — marquee or static ───────────────────────────────────────────── // ─── CLIENTS ─────────────────────────────────────────────────────────────────
const CLIENTS = [ const CLIENTS = [
{ name:"Washington Commanders", logo:__R("images/clients/commanders.png") },
{ name:"BetMGM", logo:__R("images/clients/betmgm.png") },
{ name:"CVS Health / Aetna", logo:__R("images/clients/cvs.png") },
{ name:"UBS", logo:__R("images/clients/ubs.png") },
{ name:"Monumental Sports", logo:__R("images/clients/monumental.png") },
{ name:"NBC Sports", logo:__R("images/clients/nbc-sports.png") },
{ name:"Cosm", logo:__R("images/clients/cosm.svg") },
{ name:"Intuit", logo:__R("images/clients/intuit.png") },
{ name:"Red Sands", logo:__R("images/clients/redsands.svg") },
{ name:"Blue Origin", logo:__R("images/clients/blue-origin.png") },
{ name:"Broadcast Management Group", logo:__R("images/clients/bmg.png") }, { name:"Broadcast Management Group", logo:__R("images/clients/bmg.png") },
{ name:"AVI-SPL", logo:__R("images/clients/avispl.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 }) { function Clients({ marquee }) {
return ( return (
<section id="clients" className="clients" aria-label="Clients"> <section className="clients">
<div className="container"> <div className="container clients-heading">
<Reveal> <p className="eyebrow">// Trusted by Enterprise, Sports &amp; Broadcast Leaders</p>
<p className="clients-label">— Trusted by —</p>
</Reveal>
</div> </div>
{marquee ? ( {marquee ? (
<div className="marquee"> <div className="marquee">
@ -285,13 +289,15 @@ function Partners() {
<section className="partners"> <section className="partners">
<div className="container"> <div className="container">
<Reveal> <Reveal>
<p>// Technology Partners</p> <div className="partners-wrap">
<div className="partners-grid"> <p className="eyebrow">// Technology &amp; Manufacturing Partners</p>
{PARTNERS.map(p => ( <div className="partners-grid">
<div className="partner-logo" title={p.name} key={p.name}> {PARTNERS.map(p => (
<img src={p.logo} alt={p.name}/> <div className="partner-logo" title={p.name} key={p.name}>
</div> <img src={p.logo} alt={p.name}/>
))} </div>
))}
</div>
</div> </div>
</Reveal> </Reveal>
</div> </div>
@ -301,10 +307,10 @@ function Partners() {
// ─── ABOUT ─────────────────────────────────────────────────────────────────── // ─── ABOUT ───────────────────────────────────────────────────────────────────
const CAPS = [ const CAPS = [
{ icon: Radio, title:"Systems Design", desc:"End-to-end broadcast facility design including signal flow engineering, equipment specification, and architectural documentation." }, { icon: Radio, title:"Signal-Flow Engineering", desc:"End-to-end facility architecture: cable schedules, signal flow schematics, rack elevations, and single-line drawings before cable is pulled." },
{ icon: Cable, title:"Integration", desc:"Full system integration from rack builds and wiring to commissioning, testing, and operator training." }, { icon: Cable, title:"Turnkey Integration", desc:"Precision rack fabrication, custom patching, structured cabling, label standard compliance, and hardware commissioning." },
{ icon: Cloud, title:"Cloud & IP", desc:"Cloud-native production architectures, SMPTE ST 2110, NDI, SRT, and hybrid on-prem/cloud workflows." }, { icon: Cloud, title:"IP Video & ST 2110", desc:"Uncompressed SMPTE ST 2110-20/30/40, PTP IEEE 1588 timing, NMOS IS-04/05 routing, NDI 6, SRT, and hybrid cloud production." },
{ icon: Tv, title:"Broadcast Engineering", desc:"Live production engineering, RF systems, video routing, and real-time broadcast operations." }, { icon: Tv, title:"Production Engineering", desc:"Live control room switchers, replay servers, intercom systems, multiviewers, and real-time tally & router integration." },
]; ];
function About() { function About() {
return ( return (
@ -315,15 +321,14 @@ function About() {
<div className="section-counter"><span className="num">01</span><span className="bar"></span><span>About</span></div> <div className="section-counter"><span className="num">01</span><span className="bar"></span><span>About</span></div>
<h2 className="section-title">From live production to<br/>systems architecture.</h2> <h2 className="section-title">From live production to<br/>systems architecture.</h2>
<div className="body" style={{marginTop:"2rem"}}> <div className="body" style={{marginTop:"2rem"}}>
<p>I&apos;m a broadcast engineer and systems integrator based in the Washington DC area, with a career that spans both sides of the industry — production and infrastructure.</p> <p>Wild Dragon is a specialized broadcast systems integrator and commercial AV contractor based in the Washington, DC area. Founded by <strong>Zachary Gaetano</strong>, the company bridges production operations and mission-critical engineering.</p>
<p>My background in live production as a 1st AC, DIT, Camera Operator, and Trinity Operator gives me an operator&apos;s perspective that most systems designers don&apos;t have. I build facilities that work the way production teams actually need them to — not just the way engineers imagine they will.</p> <p>Because the same engineer designs, installs, and commissions the facility, there is zero translation loss between engineering drawings and real-world rack builds. Every system is built to broadcast-grade reliability standards, documented thoroughly, and handed off with complete operational training.</p>
<p>Today, my focus is broadcast systems integration. As a principal systems designer with <a className="inline" href="https://broadcastmgmt.com" target="_blank" rel="noopener noreferrer">Broadcast Management Group</a>, I design production facilities for organizations including the <strong>Washington Commanders</strong>, <strong>CVS/Aetna</strong>, <strong>UBS</strong>, <strong>BetMGM</strong>, <strong>Intuit</strong>, and <strong>Monumental Sports</strong> — engineering control rooms, studios, XR stages, and IP-based workflows across sports, corporate, financial services, aerospace, and defense.</p>
</div> </div>
</div> </div>
</Reveal> </Reveal>
<div className="cap-grid"> <div className="caps-grid">
{CAPS.map((c, i) => ( {CAPS.map((c, i) => (
<Reveal key={c.title} delay={i*100}> <Reveal key={c.title} delay={i * 80}>
<div className="cap"> <div className="cap">
<div className="cap-icon"><c.icon size={20} sw={1.5}/></div> <div className="cap-icon"><c.icon size={20} sw={1.5}/></div>
<h3>{c.title}</h3> <h3>{c.title}</h3>
@ -509,7 +514,7 @@ function RegionalCorridors() {
<div className="corridors-head"> <div className="corridors-head">
<div className="section-counter"><span className="num">03</span><span className="bar"></span><span>Regional Corridors</span></div> <div className="section-counter"><span className="num">03</span><span className="bar"></span><span>Regional Corridors</span></div>
<h2 className="section-title">DMV Service Area &amp; Local Reach.</h2> <h2 className="section-title">DMV Service Area &amp; Local Reach.</h2>
<p className="section-lede">Direct engineering presence with immediate on-site response across Washington, DC, Maryland, and Northern Virginia.</p> <p className="section-lede">Direct engineering presence with immediate on-site response across Washington, DC, Maryland, and Northern Virginia. Google Verified commercial integrator.</p>
</div> </div>
</Reveal> </Reveal>
@ -551,175 +556,129 @@ function RegionalCorridors() {
); );
} }
// ─── PROJECTS — featured + grid ────────────────────────────────────────────── // ─── PROJECTS ─────────────────────────────────────────────────────────────────
function pickScopeChips(scopes) {
return (scopes || []).slice(0, 3);
}
function Projects({ onOpen }) { function Projects({ onOpen }) {
const list = window.PROJECTS || []; const list = window.PROJECTS || [];
const [featured, ...rest] = list; const featured = list.find(p => p.featured) || list[0];
// real URLs for crawlers; plain click opens the in-page overlay const rest = list.filter(p => p !== featured);
const open = (e, slug) => { if (!e.ctrlKey && !e.metaKey && !e.shiftKey && e.button === 0) { e.preventDefault(); onOpen(slug); } };
const handleProjectClick = (e, slug) => {
// If not middle click or modifier key, open in-page modal
if (!e.ctrlKey && !e.metaKey && !e.shiftKey) {
e.preventDefault();
onOpen(slug);
}
};
return ( return (
<section id="projects" className="projects" aria-label="Selected projects"> <section id="projects" className="projects">
<div className="container"> <div className="container">
<Reveal> <Reveal>
<div className="projects-head"> <div className="projects-head">
<div> <div>
<div className="section-counter"><span className="num">03</span><span className="bar"></span><span>Projects</span></div> <div className="section-counter"><span className="num">04</span><span className="bar"></span><span>Projects</span></div>
<h2 className="section-title">Selected work.</h2> <h2 className="section-title">Selected case studies.</h2>
</div> </div>
<p className="lede">Broadcast facility design and systems integration for enterprise, sports, aerospace, and financial services clients.</p> <p className="lede">Broadcast facility design, cloud production architectures, and commercial AV integration for enterprise, sports, aerospace, and financial services clients.</p>
</div> </div>
</Reveal> </Reveal>
{featured && ( {featured && (
<Reveal> <Reveal>
<a className="proj-featured" href={`/projects/${featured.slug}/`} onClick={(e)=>open(e, featured.slug)}> <a className="proj-featured"
<img src={featured.thumbnail} alt={`${featured.client} — ${featured.category}`}/> href={`/projects/${featured.slug}/`}
onClick={(e) => handleProjectClick(e, featured.slug)}>
<img src={featured.thumbnail} alt={`${featured.client} — ${featured.category}`} loading="lazy"/>
<div className="proj-featured-body"> <div className="proj-featured-body">
<div className="proj-featured-meta"> <div className="proj-featured-meta">
<span className="badge">Featured</span> <span className="badge">Featured Project</span>
<span className="yr">{featured.category} · {featured.year}</span> <span className="yr">{featured.category} · {featured.year}</span>
</div> </div>
<h3>{featured.client}</h3> <h3>{featured.client}</h3>
<p>{featured.summary}</p> <p>{featured.summary}</p>
<span className="cta">View case study <ArrowRight/></span> <span className="cta">Read case study <ArrowRight/></span>
</div> </div>
</a> </a>
</Reveal> </Reveal>
)} )}
<div className="proj-grid"> <div className="proj-grid">
{rest.map((p, i) => ( {rest.map((p, i) => (
<Reveal key={p.slug} delay={i*60}> <Reveal key={p.slug} delay={i * 60}>
<a className="proj-card" <a className="proj-card"
href={`/projects/${p.slug}/`} href={`/projects/${p.slug}/`}
onClick={(e)=>open(e, p.slug)}> onClick={(e) => handleProjectClick(e, p.slug)}>
<img src={p.thumbnail} alt={`${p.client} — ${p.category}`}/> <img src={p.thumbnail} alt={`${p.client} — ${p.category}`} loading="lazy"/>
<div className="proj-card-overlay"></div> <div className="proj-card-overlay"></div>
<div className="proj-arrow"><ArrowUpRight/></div> <div className="proj-arrow"><ArrowUpRight/></div>
<div className="proj-card-body"> <div className="proj-card-content">
<div className="proj-card-meta"> <div className="proj-card-tags">
<span className="cat">{p.category}</span> <span className="proj-tag">{p.category}</span>
<span className="sep">/</span> <span className="proj-yr">{p.year}</span>
<span className="yr">{p.year}</span>
</div> </div>
<h3>{p.client}</h3> <h3>{p.client}</h3>
<p className="summary">{p.summary}</p> <p>{p.summary}</p>
<div className="scope-chips">
{pickScopeChips(p.scope).map(s => <span key={s}>{s}</span>)}
</div>
</div> </div>
</a> </a>
</Reveal> </Reveal>
))} ))}
</div> </div>
<Reveal delay={150}>
<div className="projects-bottom-cta">
<a href="/projects/" className="btn btn-secondary">
View All Case Studies &amp; Technical Summaries <ArrowRight size={14}/>
</a>
</div>
</Reveal>
</div> </div>
</section> </section>
); );
} }
// ─── TECH — spec sheet ─────────────────────────────────────────────────────── // ─── TECH STACK ──────────────────────────────────────────────────────────────
const TECH_CATS = [ const STACK = [
{ name:"Routing & Switching", items:["Ross Ultrix","Blackmagic ATEM","Evertz EQX","Panasonic Kairos"] }, { cat:"Routing & Infrastructure", desc:"12G-SDI, SMPTE ST 2110, Ross Ultrix, Blackmagic Videohub, THOR fiber transmitters, patch bays" },
{ name:"All-In-One Production", items:["vMix","Vizrt","AMPP"] }, { cat:"Production Switchers", desc:"Ross Carbonite Ultra, vMix Pro 4K, Grass Valley, Blackmagic ATEM Constellation 8K" },
{ name:"Signal Transport", items:["SMPTE 2110","NDI","SRT","SDI","Dante","MADI","JPEG XS"] }, { cat:"Audio & Intercom", desc:"Q-SYS Core DSP, Dante audio networking, Shure Microflex, Riedel Bolero, RTS Adam, Clear-Com" },
{ name:"Infrastructure", items:["IP Networking","Fiber Infrastructure","KVM Systems","UPS & Power","Cooling & Ventilation"] }, { cat:"LED & Display Processing", desc:"Brompton Tessera SX40 / S8, NovaStar MCTRL4K, Megapixel VR HELIOS, fine-pitch dvLED" },
{ name:"Display & XR", items:["LED Processing","Unreal Engine","Camera Tracking","Projection","Color Management"] }, { cat:"IP Video & Cloud", desc:"SMPTE ST 2110-20/30/40, PTP IEEE 1588 grandmaster timing, NMOS IS-04/05, NDI 6, SRT, LiveU" },
{ cat:"Control & Automation", desc:"Ross DashBoard custom panels, Q-SYS UCI automation, Crestron / Extron, Bitfocus Companion" },
];
const GEAR = [
{ icon:Tv, cat:"Switchers & Vision", items:["Ross Carbonite Ultra 24-input 4K","vMix Pro 4K 16-input production rig","Blackmagic ATEM 4 M/E Constellation","Stream Deck XL & Companion integration"] },
{ icon:Server, cat:"Infrastructure & Routing", items:["Ross Ultrix 64x64 12G router matrix","SMPTE ST 2110 IP gateways & PTP timing","THOR Broadcast fiber TX/RX optical links","AJA & Decimator cross-converters"] },
{ icon:Cpu, cat:"Audio & Processing", items:["Q-SYS Core 110f & 8-Flex DSPs","Dante Virtual Soundcard & Yamaha consoles","Shure MXA920 ceiling array microphones","Riedel Bolero wireless intercom"] },
{ icon:Cable, cat:"Cameras & Acquisition", items:["RED Komodo-X 6K & Arri Trinity","Sony FX9 / FX6 4K production chains","Panasonic AW-UE150 4K NDI PTZ cameras","LiveU LU600 / LU800 bonded cellular units"] },
]; ];
function TechStack() { function TechStack() {
return ( return (
<section className="tech grain dark-section"> <section className="tech">
<div className="container"> <div className="container">
<Reveal> <Reveal>
<div style={{maxWidth:"48rem", marginBottom:"3rem"}}> <div className="tech-head">
<div className="section-counter"><span className="num">04</span><span className="bar"></span><span>Technology</span></div> <div className="section-rule"></div>
<h2 className="section-title" style={{marginBottom:"1.25rem"}}>Tools of the trade.</h2> <p className="eyebrow">// Hardware &amp; Ecosystem</p>
<p className="section-lede">Deep experience across the full broadcast technology stack — from traditional SDI infrastructure to modern IP and cloud-native production platforms.</p> <h2 className="section-title">Broadcast-grade hardware.<br/>Enterprise reliability.</h2>
<p className="lede">Systems specified with tier-one broadcast hardware and IT-standard networking designed for 24/7 continuous operation.</p>
</div> </div>
</Reveal> </Reveal>
<div className="tech-table"> <div className="stack-grid">
{TECH_CATS.map((c, i) => ( {STACK.map((s, i) => (
<Reveal key={c.name} delay={i*60}> <Reveal key={s.cat} delay={i * 60}>
<div className="tech-row"> <div className="stack-card">
<h3>{c.name}</h3> <span className="stack-num">{`0${i + 1}`}</span>
<div className="items"> <h3>{s.cat}</h3>
{c.items.map(it => <span key={it}>{it}</span>)} <p>{s.desc}</p>
</div>
</div> </div>
</Reveal> </Reveal>
))} ))}
</div> </div>
</div> <div style={{marginTop:"5rem"}}>
</section> <Reveal><p className="eyebrow">// Core Engineering Kit &amp; Platforms</p></Reveal>
);
}
// ─── ON SET ──────────────────────────────────────────────────────────────────
const REEL_URL = "https://player.vimeo.com/video/225920311?h=0&badge=0&autopause=0&player_id=0&app_id=58479";
const 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 – MIDNIGHT", r:"DP / Trinity Operator", f:"Narrative", y:"2023" },
{ t:"Stephen Sharer – 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" },
];
const 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 — Certified Owner & Operator","Dana Dolly Kit (8 / 4ft Speedrail, 2× Matthews Stands)","DJI Focus Pro All In One"] },
];
function OnSet() {
return (
<section id="on-set" className="onset">
<div className="container onset-stack">
<Reveal>
<div className="onset-intro">
<div className="section-counter"><span className="num">05</span><span className="bar"></span><span>On Set</span></div>
<h2 className="section-title">Trinity Operator &amp; DIT, <span className="light">Washington DC.</span></h2>
<p className="section-lede" style={{marginTop:"1.25rem"}}>Certified Arri Trinity owner and operator with RED camera packages and specialized live production gear — from run-and-gun documentary to multi-camera sports and political campaigns. Available for commercial, corporate, sports, and narrative work throughout the DMV.</p>
</div>
</Reveal>
<Reveal>
<div>
<p className="eyebrow">Reel</p>
<div className="reel-frame">
<iframe src={REEL_URL} allow="autoplay; fullscreen; picture-in-picture" allowFullScreen title="Zachary Gaetano — Showreel"></iframe>
</div>
</div>
</Reveal>
<Reveal>
<div>
<p className="eyebrow">Selected Credits</p>
<div className="credits-list">
{CREDITS.map((c, i) => (
<div key={i} className="credit-row">
<span className="t">{c.t}</span>
<span className="r">{c.r}</span>
<span className="f">{c.f}</span>
<span className="y">{c.y}</span>
</div>
))}
</div>
</div>
</Reveal>
<div>
<Reveal><p className="eyebrow">Kit</p></Reveal>
<div className="gear-grid"> <div className="gear-grid">
{GEAR.map((g, i) => ( {GEAR.map((g, i) => (
<Reveal key={g.cat} delay={i*100}> <Reveal key={g.cat} delay={i * 80}>
<div className="gear-card"> <div className="gear-card">
<div className="cap-icon" style={{marginBottom:"1rem"}}><g.icon size={20} sw={1.5}/></div> <div className="cap-icon" style={{marginBottom:"1rem"}}><g.icon size={20} sw={1.5}/></div>
<h3>{g.cat}</h3> <h3>{g.cat}</h3>
@ -734,6 +693,50 @@ function OnSet() {
); );
} }
// ─── ON SET ──────────────────────────────────────────────────────────────────
const ON_SET_IMAGES = [
{ src:__R("images/photos/dit-setup-wide.jpg"), title:"DIT Cart Configuration", subtitle:"Digital Imaging Technician — On-set color grading & live data management" },
{ src:__R("images/photos/trinity-operator.jpg"), title:"Arri Trinity Operation", subtitle:"Certified Trinity Operator — High-dynamic camera stabilization" },
{ src:__R("images/photos/control-room-monitors.jpg"), title:"Multi-View Monitoring", subtitle:"Broadcast Master Control Room — 16-channel multiviewer layout" },
{ src:__R("images/photos/audio-mixing-console.jpg"), title:"Broadcast Audio Console", subtitle:"Multi-channel audio mixing & Dante network routing" },
{ src:__R("images/photos/rack-cable-management.jpg"), title:"Structured Cabling & Rack Build", subtitle:"Precision wiring, color-coded termination, and signal-path labeling" },
{ src:__R("images/photos/stage-production-lighting.jpg"), title:"Studio Production Stage", subtitle:"Live multi-camera broadcast production & XR virtual set" },
];
function OnSet() {
const [active, setActive] = useState(null);
return (
<section id="on-set" className="on-set">
<div className="container">
<Reveal>
<div className="on-set-head">
<div className="section-rule"></div>
<p className="eyebrow">// Field &amp; Production Work</p>
<h2 className="section-title">In the field. On the air.</h2>
<p className="lede">Real-world experience operating the systems we design — ensuring builds reflect the exact demands of live production crews.</p>
</div>
</Reveal>
<div className="on-set-grid">
{ON_SET_IMAGES.map((img, i) => (
<Reveal key={img.title} delay={i * 60}>
<div className="on-set-card" onClick={() => setActive(img)}>
<img src={img.src} alt={img.title} loading="lazy" />
<div className="on-set-card-overlay">
<div className="on-set-card-text">
<span className="cat">// Field Work</span>
<h4>{img.title}</h4>
<p>{img.subtitle}</p>
</div>
</div>
</div>
</Reveal>
))}
</div>
</div>
{active && <Lightbox image={active} onClose={() => setActive(null)} />}
</section>
);
}
// ─── CONTACT & SCOPE SELECTOR ──────────────────────────────────────────────── // ─── CONTACT & SCOPE SELECTOR ────────────────────────────────────────────────
const SCOPES = [ const SCOPES = [
"Broadcast Facility / Control Room", "Broadcast Facility / Control Room",
@ -812,6 +815,25 @@ function Contact() {
</Reveal> </Reveal>
</div> </div>
{/* Google Business Profile Verified Trust Box */}
<Reveal delay={200}>
<div className="google-trust-box">
<div className="google-trust-content">
<div className="google-trust-rating">
<span className="star-rating">★★★★★</span>
<span className="score">5.0 Star Rating</span>
</div>
<h4>Google Verified Business Profile</h4>
<p>Wild Dragon is a verified broadcast systems integrator &amp; commercial AV contractor serving the entire DMV corridor.</p>
</div>
<div className="google-trust-action">
<a href="mailto:zgaetano@wilddragon.net?subject=Wild%20Dragon%20Review%20or%20Inquiry" className="btn btn-ghost-dark">
Inquire or Leave a Review <ArrowUpRight size={14}/>
</a>
</div>
</div>
</Reveal>
<Reveal delay={240}> <Reveal delay={240}>
<div className="cta-banner grain"> <div className="cta-banner grain">
<div className="cta-banner-grid"></div> <div className="cta-banner-grid"></div>
@ -862,6 +884,10 @@ function Footer() {
<p className="about-line"> <p className="about-line">
Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia. Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.
</p> </p>
<div className="footer-gbp-tag">
<span className="g-dot">●</span>
<span>Google Verified Business · DMV Region</span>
</div>
</div> </div>
<div className="footer-col"> <div className="footer-col">
@ -899,81 +925,64 @@ function Footer() {
); );
} }
// ─── PROJECT OVERLAY — editorial case study ────────────────────────────────── // ─── PROJECT OVERLAY (CASE STUDY) ────────────────────────────────────────────
function ProjectOverlay({ slug, onClose, onOpen }) { function ProjectOverlay({ slug, onClose, onOpen }) {
const projects = window.PROJECTS; const list = window.PROJECTS || [];
const project = projects.find(p => p.slug === slug); const project = list.find(p => p.slug === slug);
const nextProject = list.find((p, i) => list[(i - 1 + list.length) % list.length].slug === slug);
useEffect(() => { useEffect(() => {
const onKey = (e) => { if (e.key === "Escape") onClose(); }; const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey); window.addEventListener("keydown", onKey);
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
return () => { window.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; return () => {
window.removeEventListener("keydown", onKey);
document.body.style.overflow = "";
};
}, [onClose]); }, [onClose]);
const maskRef = useRef(null);
useEffect(() => { if (maskRef.current) maskRef.current.scrollTop = 0; }, [slug]);
if (!project) return null; if (!project) return null;
const idx = projects.findIndex(p => p.slug === slug);
const total = projects.length;
const prev = idx > 0 ? projects[idx-1] : projects[total-1];
const next = idx < total - 1 ? projects[idx+1] : projects[0];
const num = String(idx+1).padStart(2,"0");
const totalStr = String(total).padStart(2,"0");
// First description paragraph used as a lede, rest as body const lede = project.description && project.description[0];
const [lede, ...rest] = project.description; const restBody = (project.description || []).slice(1);
return ( return (
<div className="po-mask" ref={maskRef} onClick={(e)=>{ if(e.target===maskRef.current) onClose(); }}> <div className="po-mask" onClick={(e) => { if (e.target === e.currentTarget) onClose(); }}>
<button className="po-close" onClick={onClose} aria-label="Close"><X size={20}/></button> <button className="po-close" onClick={onClose} aria-label="Close case study"><X size={20}/></button>
<div className="po"> <article className="po">
<nav className="po-nav"> <div className="po-nav">
<div className="po-nav-inner"> <div className="po-nav-inner">
<a className="po-back" href="#projects" onClick={(e)=>{e.preventDefault(); onClose();}}> <a href="#projects" className="po-back" onClick={(e) => { e.preventDefault(); onClose(); }}>
<ArrowLeft size={15}/> All projects <ArrowLeft size={14}/> Back to projects
</a> </a>
<span className="po-counter"><span className="n">{num}</span><span className="d">/</span><span className="t">{totalStr}</span></span> <span className="po-nav-title">{project.client}</span>
<span className="po-brand">Wild Dragon</span> <div className="po-nav-cat">{project.category}</div>
</div> </div>
</nav> </div>
{/* === HERO === */} <header className="po-hero grain">
<section className="po-hero"> <div className="container">
<div className="po-hero-bg">
<img src={project.thumbnail} alt=""/>
<div className="po-hero-grid"></div>
<div className="po-hero-fade"></div>
</div>
<div className="container po-hero-inner">
<div className="po-hero-meta"> <div className="po-hero-meta">
<span className="po-cat">{project.category}</span> <span className="badge">{project.category}</span>
<span className="po-dot"></span> <span className="yr">{project.year}</span>
<span className="po-yr">{project.year}</span>
</div>
<h1 className="po-title">{project.client}</h1>
<p className="po-lede">{project.summary}</p>
<div className="po-hero-rule"></div>
<div className="po-hero-foot">
<span className="po-corner-l">// {project.title || project.client}</span>
<span className="po-corner-r">Case Study · {num}/{totalStr}</span>
</div> </div>
<h1 className="po-hero-title">{project.title || project.client}</h1>
<p className="po-hero-sub">{project.summary}</p>
<div className="po-hero-divider"></div>
</div> </div>
</section> </header>
{/* === FACTS BAR === */}
<section className="po-facts"> <section className="po-facts">
<div className="container"> <div className="container">
<div className="po-facts-grid"> <div className="po-facts-grid">
<div><span className="lbl">Client</span><span className="val">{project.client}</span></div> <div><span className="lbl">Client</span><span className="val">{project.client}</span></div>
<div><span className="lbl">Category</span><span className="val">{project.category}</span></div> <div><span className="lbl">Category</span><span className="val">{project.category}</span></div>
<div><span className="lbl">Year</span><span className="val">{project.year}</span></div> <div><span className="lbl">Timeline</span><span className="val">{project.year}</span></div>
<div><span className="lbl">Role</span><span className="val">{(project.scope && project.scope[0]) || "Systems Design"}</span></div> <div><span className="lbl">Scope</span><span className="val">{(project.scope && project.scope[0]) || "Systems Design & Commissioning"}</span></div>
</div> </div>
</div> </div>
</section> </section>
{/* === LEDE / OPENING === */}
{lede && ( {lede && (
<section className="po-section po-opening"> <section className="po-section po-opening">
<div className="container po-opening-grid"> <div className="container po-opening-grid">
@ -987,7 +996,6 @@ function ProjectOverlay({ slug, onClose, onOpen }) {
</section> </section>
)} )}
{/* === FEATURE IMAGE === */}
<div className="po-feature"> <div className="po-feature">
<div className="po-feature-inner"> <div className="po-feature-inner">
<img src={project.thumbnail} alt={`${project.client} — ${project.category}`}/> <img src={project.thumbnail} alt={`${project.client} — ${project.category}`}/>
@ -998,126 +1006,99 @@ function ProjectOverlay({ slug, onClose, onOpen }) {
</div> </div>
</div> </div>
{/* === BODY + SIDECAR === */}
<section className="po-section po-body"> <section className="po-section po-body">
<div className="container po-body-grid"> <div className="container po-body-grid">
<div className="po-body-main"> <div className="po-body-main">
<div className="po-body-label"> <div className="po-body-label">
<span className="num">02</span> <span className="num">02</span>
<span className="bar"></span> <span className="bar"></span>
<span>The build</span> <span>Architecture</span>
</div> </div>
<div className="po-body-prose"> {restBody.map((p, i) => <p key={i}>{p}</p>)}
{rest.map((p, i) => <p key={i}>{p}</p>)}
</div>
{project.highlights && project.highlights.length > 0 && (
<>
<div className="po-body-label" style={{marginTop:"4.5rem"}}>
<span className="num">03</span>
<span className="bar"></span>
<span>Highlights</span>
</div>
<ul className="po-hl">
{project.highlights.map((h, i) => (
<li key={i}>
<span className="hl-n">{String(i+1).padStart(2,"0")}</span>
<span className="hl-t">{h}</span>
</li>
))}
</ul>
</>
)}
</div> </div>
<aside className="po-sidecar"> <aside className="po-sidecar">
<div className="po-spec"> {project.scope && (
<div className="po-spec-row"> <div className="po-card">
<span className="k">Scope</span> <h4>Engineering Scope</h4>
<div className="v"> <ul>{project.scope.map(s => <li key={s}><Check size={14}/><span>{s}</span></li>)}</ul>
{project.scope.map(s => <span key={s} className="chip">{s}</span>)}
</div>
</div> </div>
<div className="po-spec-row"> )}
<span className="k">Technology</span> {project.highlights && (
<div className="v"> <div className="po-card">
{project.technologies.map(t => <span key={t} className="chip chip-accent">{t}</span>)} <h4>Key Deliverables</h4>
</div> <ul>{project.highlights.map(h => <li key={h}><Check size={14}/><span>{h}</span></li>)}</ul>
</div> </div>
</div> )}
</aside> </aside>
</div> </div>
</section> </section>
{/* === CLOSING CTA === */} {project.quote && (
<section className="po-cta"> <section className="po-quote grain">
<div className="container"> <div className="container">
<div className="po-cta-inner grain"> <blockquote>&ldquo;{project.quote.text}&rdquo;</blockquote>
<div> <cite>— {project.quote.author}, {project.quote.role}</cite>
<p className="po-cta-eyebrow">// Next step</p>
<h3>Planning a similar build?</h3>
<p className="po-cta-desc">Same engineering discipline, end to end — design, integration, commissioning, training, support.</p>
</div>
<a href="mailto:zgaetano@wilddragon.net" className="btn btn-primary">Start a conversation <ArrowRight/></a>
</div> </div>
</div> </section>
</section> )}
{/* === RELATED + PREV/NEXT === */}
<section className="po-related">
<div className="container">
<div className="po-related-head">
<span className="po-related-label">// Other case studies</span>
</div>
<div className="po-related-grid">
{projects.filter(p => p.slug !== project.slug).slice(0, 3).map(p => (
<a key={p.slug} className="po-related-card"
href={`#/projects/${p.slug}`}
onClick={(e)=>{e.preventDefault(); onOpen(p.slug);}}>
<div className="img"><img src={p.thumbnail} alt={p.client}/></div>
<div className="meta">
<span className="cat">{p.category}</span>
<span className="yr">{p.year}</span>
</div>
<h4>{p.client}</h4>
<span className="go">View case study <ArrowRight size={13}/></span>
</a>
))}
</div>
</div>
</section>
<section className="po-prevnext">
<div className="po-prevnext-grid">
<a className="prev" href={`#/projects/${prev.slug}`} onClick={(e)=>{e.preventDefault(); onOpen(prev.slug);}}>
<ArrowLeft size={20}/>
<div className="text">
<div className="label">Previous</div>
<div className="name">{prev.client}</div>
</div>
</a>
<a className="next" href={`#/projects/${next.slug}`} onClick={(e)=>{e.preventDefault(); onOpen(next.slug);}}>
<div className="text">
<div className="label">Next</div>
<div className="name">{next.client}</div>
</div>
<ArrowRight size={20}/>
</a>
</div>
</section>
<footer className="po-foot"> <footer className="po-foot">
<div className="po-foot-inner"> <div className="container po-foot-inner">
<a className="brand" href="#" onClick={(e)=>{e.preventDefault(); onClose();}}>Wild Dragon</a> <a href="#projects" className="po-back-btn" onClick={(e) => { e.preventDefault(); onClose(); }}>
<p>© {new Date().getFullYear()} Zachary Gaetano</p> <ArrowLeft size={16}/> Back to All Projects
</a>
{nextProject && (
<button type="button" className="po-next-btn" onClick={() => onOpen(nextProject.slug)}>
Next Case Study: {nextProject.client} <ArrowRight size={16}/>
</button>
)}
</div> </div>
</footer> </footer>
</article>
</div>
);
}
// ─── LIGHTBOX ─────────────────────────────────────────────────────────────────
function Lightbox({ image, onClose }) {
useEffect(() => {
const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, [onClose]);
return (
<div className="lightbox-mask" onClick={onClose}>
<button className="lightbox-close" onClick={onClose} aria-label="Close lightbox"><X size={24}/></button>
<div className="lightbox-content" onClick={(e) => e.stopPropagation()}>
<img src={image.src} alt={image.title}/>
<div className="lightbox-cap">
<h4>{image.title}</h4>
<p>{image.subtitle}</p>
</div>
</div> </div>
</div> </div>
); );
} }
Object.assign(window, { // ─── VIDEO MODAL ─────────────────────────────────────────────────────────────
Navigation, Hero, Clients, Partners, About, Stats, Services, Projects, function VideoModal({ videoId, onClose }) {
TechStack, OnSet, Contact, Footer, ProjectOverlay, CursorDot, Curtain, useEffect(() => {
}); const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, [onClose]);
return (
<div className="lightbox-mask" onClick={onClose}>
<button className="lightbox-close" onClick={onClose} aria-label="Close video"><X size={24}/></button>
<div className="video-modal-content" onClick={(e) => e.stopPropagation()}>
<iframe
src={`https://player.vimeo.com/video/${videoId}?autoplay=1&title=0&byline=0&portrait=0`}
frameBorder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowFullScreen
title="Video Player"
/>
</div>
</div>
);
}

6
components.min.js vendored

File diff suppressed because one or more lines are too long

View file

@ -47,7 +47,7 @@
<link rel="dns-prefetch" href="//vimeo.com" /> <link rel="dns-prefetch" href="//vimeo.com" />
<link rel="preload" as="image" href="/images/photos/production-switcher.jpg" fetchpriority="high" /> <link rel="preload" as="image" href="/images/photos/production-switcher.jpg" fetchpriority="high" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<!-- Structured data --> <!-- Structured data -->
@ -276,9 +276,9 @@
<script src="/data.js"></script> <script src="/data.js"></script>
<script src="/projects-data.js"></script> <script src="/projects-data.js"></script>
<script src="/components.min.js?v=8bda577a"></script> <script src="/components.min.js"></script>
<script src="/tweaks-panel.min.js?v=fe3876ca"></script> <script src="/tweaks-panel.min.js"></script>
<script src="/app.min.js?v=41713656"></script> <script src="/app.min.js"></script>
<style> <style>
/* image treatments */ /* image treatments */

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -1,5 +1,6 @@
server { server {
listen 80; listen 43036 default_server;
listen [::]:43036 default_server;
server_name _; server_name _;
root /usr/share/nginx/html; root /usr/share/nginx/html;
@ -8,52 +9,33 @@ server {
charset utf-8; charset utf-8;
gzip on; gzip on;
gzip_types text/plain text/css text/javascript application/javascript application/json application/xml image/svg+xml; gzip_types text/plain text/css text/javascript application/javascript application/json image/svg+xml;
gzip_min_length 1024; gzip_min_length 1024;
gzip_comp_level 6;
gzip_vary on;
# Security headers # Long cache for static assets — they're content-addressed by path,
add_header X-Frame-Options SAMEORIGIN always; # bust via filename when they change.
add_header X-Content-Type-Options nosniff always; location ~* \.(png|jpg|jpeg|gif|webp|svg|ico|woff2?|ttf)$ {
add_header Referrer-Policy strict-origin-when-cross-origin always; expires 30d;
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;
# Vendored libs — versioned, cache hard
location /vendor/ {
expires 365d;
add_header Cache-Control "public, immutable"; add_header Cache-Control "public, immutable";
} }
# Images/fonts — long cache # Short cache for the HTML/JS that drive the SPA so edits show up fast.
location ~* \.(png|jpg|jpeg|gif|webp|avif|svg|ico|woff2?|ttf)$ { location ~* \.(html|css|js|jsx)$ {
expires 30d; expires 5m;
add_header Cache-Control "public, no-transform";
}
# App JS/CSS — short cache so edits show fast
location ~* \.(css|js)$ {
expires 10m;
add_header Cache-Control "public, must-revalidate"; add_header Cache-Control "public, must-revalidate";
} }
# Never serve build sources, docs, or deploy config # Single-page app — unknown paths fall back to index.html, which
location ~* (\.(jsx|mjs|py|sh|md|ya?ml|conf|tgz)|/Dockerfile)$ { return 404; } # handles routing via location.hash (#/projects/<slug>).
location ~ /\. { return 404; } location / {
location /scripts/ { return 404; } try_files $uri $uri/ /index.html;
}
location = /robots.txt { default_type text/plain; } # Crawler files.
location = /llms.txt { default_type text/plain; } location = /llms.txt { default_type text/plain; }
location = /robots.txt { default_type text/plain; }
location = /sitemap.xml { default_type application/xml; } location = /sitemap.xml { default_type application/xml; }
# HTML — no stale cache # Source maps / raw sources aren't shipped; keep vendor un-listed.
location = /index.html { location /vendor/ { autoindex off; }
add_header Cache-Control "no-cache, must-revalidate";
}
# Real 404s for unknown paths (SPA routes via location.hash, so / covers them).
# ponytail: plain nginx 404 page; add a branded 404.html if traffic warrants it
location / {
try_files $uri $uri/ =404;
}
} }

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -52,6 +52,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -61,6 +61,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -52,6 +52,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>

View file

@ -109,6 +109,9 @@ body[data-cursor="on"] .cursor-dot { opacity: .8; }
.hero-badges-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; justify-content: center; margin-bottom: 1.75rem; } .hero-badges-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; justify-content: center; margin-bottom: 1.75rem; }
.hero-status-chip { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--font-mono); font-size: .75rem; padding: .35rem .85rem; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); color: #e5e5e5; backdrop-filter: blur(8px); } .hero-status-chip { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--font-mono); font-size: .75rem; padding: .35rem .85rem; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); color: #e5e5e5; backdrop-filter: blur(8px); }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 10px #22c55e; animation: pulse 2s infinite; } .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 10px #22c55e; animation: pulse 2s infinite; }
.hero-google-badge { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--font-mono); font-size: .75rem; padding: .35rem .85rem; border-radius: 999px; background: rgba(245,158,11,.12); border: 1px solid rgba(245,158,11,.3); color: #fbbf24; text-decoration: none; transition: all .2s; }
.hero-google-badge:hover { background: rgba(245,158,11,.2); border-color: #fbbf24; }
.g-star { color: #f59e0b; font-weight: bold; }
.hero-tag { height: 1.25rem; margin-bottom: 1.5rem; font-family: var(--font-mono); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: color-mix(in oklab, var(--color-accent-light) 85%, white); } .hero-tag { height: 1.25rem; margin-bottom: 1.5rem; font-family: var(--font-mono); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: color-mix(in oklab, var(--color-accent-light) 85%, white); }
.hero-tag-prefix { color: var(--color-accent); margin-right: .35rem; } .hero-tag-prefix { color: var(--color-accent); margin-right: .35rem; }
@ -369,6 +372,15 @@ body[data-cursor="on"] .cursor-dot { opacity: .8; }
.contact-card .label { font-size: .85rem; font-weight: 600; color: var(--color-primary); margin-bottom: .25rem; } .contact-card .label { font-size: .85rem; font-weight: 600; color: var(--color-primary); margin-bottom: .25rem; }
.contact-card .val { font-size: .8rem; color: var(--color-muted); word-break: break-all; } .contact-card .val { font-size: .8rem; color: var(--color-muted); word-break: break-all; }
/* Google Trust Box */
.google-trust-box { background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%); border: 1px solid var(--neutral-200); border-radius: .85rem; padding: 2rem 2.25rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; max-width: 52rem; margin: 2rem auto 3rem; box-shadow: 0 6px 24px -12px rgba(0,0,0,.07); }
@media (max-width: 768px) { .google-trust-box { flex-direction: column; align-items: flex-start; } }
.google-trust-rating { display: flex; align-items: center; gap: .6rem; margin-bottom: .4rem; }
.star-rating { color: #f59e0b; font-size: 1.15rem; letter-spacing: .12em; }
.google-trust-rating .score { font-family: var(--font-mono); font-weight: 700; font-size: .85rem; color: var(--color-primary); }
.google-trust-content h4 { font-size: 1.1rem; font-weight: 600; color: var(--color-primary); margin-bottom: .25rem; }
.google-trust-content p { font-size: .875rem; color: var(--color-muted); line-height: 1.5; margin: 0; }
.google-trust-action .btn { white-space: nowrap; }
.cta-banner { position: relative; overflow: hidden; border-radius: 1rem; background: var(--color-primary); padding: 3.5rem 2rem; text-align: center; max-width: 52rem; margin: 0 auto; } .cta-banner { position: relative; overflow: hidden; border-radius: 1rem; background: var(--color-primary); padding: 3.5rem 2rem; text-align: center; max-width: 52rem; margin: 0 auto; }
@media (min-width: 768px) { .cta-banner { padding: 4.5rem 3.5rem; } } @media (min-width: 768px) { .cta-banner { padding: 4.5rem 3.5rem; } }
@ -385,6 +397,8 @@ body[data-cursor="on"] .cursor-dot { opacity: .8; }
.footer-brand img { width: 26px; height: 26px; filter: brightness(0) invert(1); } .footer-brand img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.footer-brand span { font-family: var(--font-mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: white; font-weight: 600; } .footer-brand span { font-family: var(--font-mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: white; font-weight: 600; }
.footer p.about-line { font-size: .875rem; line-height: 1.7; max-width: 24rem; margin-bottom: 1.25rem; color: rgba(255,255,255,.55); } .footer p.about-line { font-size: .875rem; line-height: 1.7; max-width: 24rem; margin-bottom: 1.25rem; color: rgba(255,255,255,.55); }
.footer-gbp-tag { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--font-mono); font-size: .72rem; color: rgba(255,255,255,.65); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); padding: .3rem .65rem; border-radius: 4px; width: fit-content; }
.footer-gbp-tag .g-dot { color: #22c55e; }
.footer-title { font-family: var(--font-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: white; margin-bottom: 1.25rem; font-weight: 600; } .footer-title { font-family: var(--font-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: white; margin-bottom: 1.25rem; font-weight: 600; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; } .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer-col a { font-size: 13px; color: rgba(255,255,255,.5); transition: color .2s; } .footer-col a { font-size: 13px; color: rgba(255,255,255,.5); transition: color .2s; }

View file

@ -16,7 +16,7 @@
<link rel="icon" href="/images/dragon-mark.png" type="image/png" /> <link rel="icon" href="/images/dragon-mark.png" type="image/png" />
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles.css?v=01730c57"> <link rel="stylesheet" href="/styles.css">
<style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style> <style>:root{--font-inter:"Inter";--font-mono-stack:"JetBrains Mono"}</style>
<style> <style>
.sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between} .sp-nav{background:var(--color-primary);padding:1.1rem 0}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}
@ -67,6 +67,7 @@ ul.sp-list{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
<div class="footer-brand-col"> <div class="footer-brand-col">
<div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div> <div class="footer-brand"><img src="/images/dragon-mark.png" alt="Wild Dragon"/><span>Wild Dragon</span></div>
<p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p> <p class="about-line">Broadcast systems design, commercial AV installation, and SMPTE ST 2110 commissioning across Washington, DC, Maryland, and Northern Virginia.</p>
<div class="footer-gbp-tag"><span class="g-dot">●</span><span>Google Verified Business · DMV Region</span></div>
</div> </div>
<div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div> <div class="footer-col"><p class="footer-title">Services</p><ul><li><a href="/services/commercial-av-installation-washington-dc/">Commercial AV Installation in Washington, DC</a></li><li><a href="/services/broadcast-systems-integration/">Broadcast Systems Integration &amp; Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall &amp; XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom &amp; Conference Room AV Systems</a></li></ul></div>
<div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div> <div class="footer-col"><p class="footer-title">Regional Corridors</p><ul><li><a href="/broadcast-integration-dmv/">Broadcast Integration in the DMV</a></li><li><a href="/av-installation-dmv/">AV Installation in the DMV</a></li><li><a href="/washington-dc/">Broadcast Integration &amp; AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration &amp; AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration &amp; AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV &amp; Broadcast Integrator for Reston, Herndon &amp; Tysons</a></li><li><a href="/bethesda-rockville-av/">AV &amp; Broadcast Integration for Bethesda, Rockville &amp; the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility &amp; SCIF AV Integration in the DMV</a></li></ul></div>