Merge feat/impeccable-deslop
This commit is contained in:
commit
413ed7591f
25 changed files with 305 additions and 322 deletions
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,6 @@ 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>
|
||||||
|
|
|
||||||
569
components.jsx
569
components.jsx
|
|
@ -17,7 +17,6 @@ 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>;
|
||||||
|
|
@ -26,12 +25,16 @@ 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 ────────────────────────────────────────────────────────────
|
||||||
|
|
@ -173,16 +176,8 @@ 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">
|
<div className="hero-status-chip"><span className="live-dot"></span><span>Washington, DC · Maryland · Northern Virginia</span></div>
|
||||||
<span className="live-dot"></span>
|
|
||||||
<span>Available for DMV Integration & 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)}>
|
||||||
|
|
@ -217,7 +212,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 & Carbonite</span>
|
<span>Ross Ultrix & Carbonite</span>
|
||||||
<span>Q-SYS Certified</span>
|
<span>Q-SYS</span>
|
||||||
<span>Brompton Tessera SX40</span>
|
<span>Brompton Tessera SX40</span>
|
||||||
<span>12G-SDI & NDI 6</span>
|
<span>12G-SDI & NDI 6</span>
|
||||||
<span>Dante Audio</span>
|
<span>Dante Audio</span>
|
||||||
|
|
@ -227,26 +222,27 @@ function Hero({ ctaLabel }) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── CLIENTS ─────────────────────────────────────────────────────────────────
|
// ─── CLIENTS — marquee or static ─────────────────────────────────────────────
|
||||||
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 className="clients">
|
<section id="clients" className="clients" aria-label="Clients">
|
||||||
<div className="container clients-heading">
|
<div className="container">
|
||||||
<p className="eyebrow">// Trusted by Enterprise, Sports & Broadcast Leaders</p>
|
<Reveal>
|
||||||
|
<p className="clients-label">— Trusted by —</p>
|
||||||
|
</Reveal>
|
||||||
</div>
|
</div>
|
||||||
{marquee ? (
|
{marquee ? (
|
||||||
<div className="marquee">
|
<div className="marquee">
|
||||||
|
|
@ -289,8 +285,7 @@ function Partners() {
|
||||||
<section className="partners">
|
<section className="partners">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<Reveal>
|
<Reveal>
|
||||||
<div className="partners-wrap">
|
<p>// Technology Partners</p>
|
||||||
<p className="eyebrow">// Technology & Manufacturing Partners</p>
|
|
||||||
<div className="partners-grid">
|
<div className="partners-grid">
|
||||||
{PARTNERS.map(p => (
|
{PARTNERS.map(p => (
|
||||||
<div className="partner-logo" title={p.name} key={p.name}>
|
<div className="partner-logo" title={p.name} key={p.name}>
|
||||||
|
|
@ -298,7 +293,6 @@ function Partners() {
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</Reveal>
|
</Reveal>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -307,10 +301,10 @@ function Partners() {
|
||||||
|
|
||||||
// ─── ABOUT ───────────────────────────────────────────────────────────────────
|
// ─── ABOUT ───────────────────────────────────────────────────────────────────
|
||||||
const CAPS = [
|
const CAPS = [
|
||||||
{ icon: Radio, title:"Signal-Flow Engineering", desc:"End-to-end facility architecture: cable schedules, signal flow schematics, rack elevations, and single-line drawings before cable is pulled." },
|
{ icon: Radio, title:"Systems Design", desc:"End-to-end broadcast facility design including signal flow engineering, equipment specification, and architectural documentation." },
|
||||||
{ icon: Cable, title:"Turnkey Integration", desc:"Precision rack fabrication, custom patching, structured cabling, label standard compliance, and hardware commissioning." },
|
{ icon: Cable, title:"Integration", desc:"Full system integration from rack builds and wiring to commissioning, testing, and operator training." },
|
||||||
{ 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: Cloud, title:"Cloud & IP", desc:"Cloud-native production architectures, SMPTE ST 2110, NDI, SRT, and hybrid on-prem/cloud workflows." },
|
||||||
{ icon: Tv, title:"Production Engineering", desc:"Live control room switchers, replay servers, intercom systems, multiviewers, and real-time tally & router integration." },
|
{ icon: Tv, title:"Broadcast Engineering", desc:"Live production engineering, RF systems, video routing, and real-time broadcast operations." },
|
||||||
];
|
];
|
||||||
function About() {
|
function About() {
|
||||||
return (
|
return (
|
||||||
|
|
@ -321,14 +315,15 @@ 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>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>I'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>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>My background in live production as a 1st AC, DIT, Camera Operator, and Trinity Operator gives me an operator's perspective that most systems designers don't have. I build facilities that work the way production teams actually need them to — not just the way engineers imagine they will.</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="caps-grid">
|
<div className="cap-grid">
|
||||||
{CAPS.map((c, i) => (
|
{CAPS.map((c, i) => (
|
||||||
<Reveal key={c.title} delay={i * 80}>
|
<Reveal key={c.title} delay={i*100}>
|
||||||
<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>
|
||||||
|
|
@ -514,7 +509,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 & Local Reach.</h2>
|
<h2 className="section-title">DMV Service Area & Local Reach.</h2>
|
||||||
<p className="section-lede">Direct engineering presence with immediate on-site response across Washington, DC, Maryland, and Northern Virginia. Google Verified commercial integrator.</p>
|
<p className="section-lede">Direct engineering presence with immediate on-site response across Washington, DC, Maryland, and Northern Virginia.</p>
|
||||||
</div>
|
</div>
|
||||||
</Reveal>
|
</Reveal>
|
||||||
|
|
||||||
|
|
@ -556,129 +551,175 @@ function RegionalCorridors() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── PROJECTS ─────────────────────────────────────────────────────────────────
|
// ─── PROJECTS — featured + grid ──────────────────────────────────────────────
|
||||||
|
function pickScopeChips(scopes) {
|
||||||
|
return (scopes || []).slice(0, 3);
|
||||||
|
}
|
||||||
function Projects({ onOpen }) {
|
function Projects({ onOpen }) {
|
||||||
const list = window.PROJECTS || [];
|
const list = window.PROJECTS || [];
|
||||||
const featured = list.find(p => p.featured) || list[0];
|
const [featured, ...rest] = list;
|
||||||
const rest = list.filter(p => p !== featured);
|
// real URLs for crawlers; plain click opens the in-page overlay
|
||||||
|
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">
|
<section id="projects" className="projects" aria-label="Selected 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">04</span><span className="bar"></span><span>Projects</span></div>
|
<div className="section-counter"><span className="num">03</span><span className="bar"></span><span>Projects</span></div>
|
||||||
<h2 className="section-title">Selected case studies.</h2>
|
<h2 className="section-title">Selected work.</h2>
|
||||||
</div>
|
</div>
|
||||||
<p className="lede">Broadcast facility design, cloud production architectures, and commercial AV integration for enterprise, sports, aerospace, and financial services clients.</p>
|
<p className="lede">Broadcast facility design and systems integration for enterprise, sports, aerospace, and financial services clients.</p>
|
||||||
</div>
|
</div>
|
||||||
</Reveal>
|
</Reveal>
|
||||||
|
|
||||||
{featured && (
|
{featured && (
|
||||||
<Reveal>
|
<Reveal>
|
||||||
<a className="proj-featured"
|
<a className="proj-featured" href={`/projects/${featured.slug}/`} onClick={(e)=>open(e, featured.slug)}>
|
||||||
href={`/projects/${featured.slug}/`}
|
<img src={featured.thumbnail} alt={`${featured.client} — ${featured.category}`}/>
|
||||||
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 Project</span>
|
<span className="badge">Featured</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">Read case study <ArrowRight/></span>
|
<span className="cta">View 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) => handleProjectClick(e, p.slug)}>
|
onClick={(e)=>open(e, p.slug)}>
|
||||||
<img src={p.thumbnail} alt={`${p.client} — ${p.category}`} loading="lazy"/>
|
<img src={p.thumbnail} alt={`${p.client} — ${p.category}`}/>
|
||||||
<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-content">
|
<div className="proj-card-body">
|
||||||
<div className="proj-card-tags">
|
<div className="proj-card-meta">
|
||||||
<span className="proj-tag">{p.category}</span>
|
<span className="cat">{p.category}</span>
|
||||||
<span className="proj-yr">{p.year}</span>
|
<span className="sep">/</span>
|
||||||
|
<span className="yr">{p.year}</span>
|
||||||
</div>
|
</div>
|
||||||
<h3>{p.client}</h3>
|
<h3>{p.client}</h3>
|
||||||
<p>{p.summary}</p>
|
<p className="summary">{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 & Technical Summaries <ArrowRight size={14}/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</Reveal>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── TECH STACK ──────────────────────────────────────────────────────────────
|
// ─── TECH — spec sheet ───────────────────────────────────────────────────────
|
||||||
const STACK = [
|
const TECH_CATS = [
|
||||||
{ cat:"Routing & Infrastructure", desc:"12G-SDI, SMPTE ST 2110, Ross Ultrix, Blackmagic Videohub, THOR fiber transmitters, patch bays" },
|
{ name:"Routing & Switching", items:["Ross Ultrix","Blackmagic ATEM","Evertz EQX","Panasonic Kairos"] },
|
||||||
{ cat:"Production Switchers", desc:"Ross Carbonite Ultra, vMix Pro 4K, Grass Valley, Blackmagic ATEM Constellation 8K" },
|
{ name:"All-In-One Production", items:["vMix","Vizrt","AMPP"] },
|
||||||
{ cat:"Audio & Intercom", desc:"Q-SYS Core DSP, Dante audio networking, Shure Microflex, Riedel Bolero, RTS Adam, Clear-Com" },
|
{ name:"Signal Transport", items:["SMPTE 2110","NDI","SRT","SDI","Dante","MADI","JPEG XS"] },
|
||||||
{ cat:"LED & Display Processing", desc:"Brompton Tessera SX40 / S8, NovaStar MCTRL4K, Megapixel VR HELIOS, fine-pitch dvLED" },
|
{ name:"Infrastructure", items:["IP Networking","Fiber Infrastructure","KVM Systems","UPS & Power","Cooling & Ventilation"] },
|
||||||
{ cat:"IP Video & Cloud", desc:"SMPTE ST 2110-20/30/40, PTP IEEE 1588 grandmaster timing, NMOS IS-04/05, NDI 6, SRT, LiveU" },
|
{ name:"Display & XR", items:["LED Processing","Unreal Engine","Camera Tracking","Projection","Color Management"] },
|
||||||
{ 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">
|
<section className="tech grain dark-section">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<Reveal>
|
<Reveal>
|
||||||
<div className="tech-head">
|
<div style={{maxWidth:"48rem", marginBottom:"3rem"}}>
|
||||||
<div className="section-rule"></div>
|
<div className="section-counter"><span className="num">04</span><span className="bar"></span><span>Technology</span></div>
|
||||||
<p className="eyebrow">// Hardware & Ecosystem</p>
|
<h2 className="section-title" style={{marginBottom:"1.25rem"}}>Tools of the trade.</h2>
|
||||||
<h2 className="section-title">Broadcast-grade hardware.<br/>Enterprise reliability.</h2>
|
<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>
|
||||||
<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="stack-grid">
|
<div className="tech-table">
|
||||||
{STACK.map((s, i) => (
|
{TECH_CATS.map((c, i) => (
|
||||||
<Reveal key={s.cat} delay={i * 60}>
|
<Reveal key={c.name} delay={i*60}>
|
||||||
<div className="stack-card">
|
<div className="tech-row">
|
||||||
<span className="stack-num">{`0${i + 1}`}</span>
|
<h3>{c.name}</h3>
|
||||||
<h3>{s.cat}</h3>
|
<div className="items">
|
||||||
<p>{s.desc}</p>
|
{c.items.map(it => <span key={it}>{it}</span>)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Reveal>
|
</Reveal>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
<div style={{marginTop:"5rem"}}>
|
</div>
|
||||||
<Reveal><p className="eyebrow">// Core Engineering Kit & Platforms</p></Reveal>
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── 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 & 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 * 80}>
|
<Reveal key={g.cat} delay={i*100}>
|
||||||
<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>
|
||||||
|
|
@ -693,50 +734,6 @@ function TechStack() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── 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 & 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",
|
||||||
|
|
@ -815,25 +812,6 @@ 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 & 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>
|
||||||
|
|
@ -884,10 +862,6 @@ 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">
|
||||||
|
|
@ -925,64 +899,81 @@ function Footer() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── PROJECT OVERLAY (CASE STUDY) ────────────────────────────────────────────
|
// ─── PROJECT OVERLAY — editorial case study ──────────────────────────────────
|
||||||
function ProjectOverlay({ slug, onClose, onOpen }) {
|
function ProjectOverlay({ slug, onClose, onOpen }) {
|
||||||
const list = window.PROJECTS || [];
|
const projects = window.PROJECTS;
|
||||||
const project = list.find(p => p.slug === slug);
|
const project = projects.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 () => {
|
return () => { window.removeEventListener("keydown", onKey); document.body.style.overflow = ""; };
|
||||||
window.removeEventListener("keydown", onKey);
|
|
||||||
document.body.style.overflow = "";
|
|
||||||
};
|
|
||||||
}, [onClose]);
|
}, [onClose]);
|
||||||
|
|
||||||
if (!project) return null;
|
const maskRef = useRef(null);
|
||||||
|
useEffect(() => { if (maskRef.current) maskRef.current.scrollTop = 0; }, [slug]);
|
||||||
|
|
||||||
const lede = project.description && project.description[0];
|
if (!project) return null;
|
||||||
const restBody = (project.description || []).slice(1);
|
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, ...rest] = project.description;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="po-mask" onClick={(e) => { if (e.target === e.currentTarget) onClose(); }}>
|
<div className="po-mask" ref={maskRef} onClick={(e)=>{ if(e.target===maskRef.current) onClose(); }}>
|
||||||
<button className="po-close" onClick={onClose} aria-label="Close case study"><X size={20}/></button>
|
<button className="po-close" onClick={onClose} aria-label="Close"><X size={20}/></button>
|
||||||
<article className="po">
|
<div className="po">
|
||||||
<div className="po-nav">
|
<nav className="po-nav">
|
||||||
<div className="po-nav-inner">
|
<div className="po-nav-inner">
|
||||||
<a href="#projects" className="po-back" onClick={(e) => { e.preventDefault(); onClose(); }}>
|
<a className="po-back" href="#projects" onClick={(e)=>{e.preventDefault(); onClose();}}>
|
||||||
<ArrowLeft size={14}/> Back to projects
|
<ArrowLeft size={15}/> All projects
|
||||||
</a>
|
</a>
|
||||||
<span className="po-nav-title">{project.client}</span>
|
<span className="po-counter"><span className="n">{num}</span><span className="d">/</span><span className="t">{totalStr}</span></span>
|
||||||
<div className="po-nav-cat">{project.category}</div>
|
<span className="po-brand">Wild Dragon</span>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<header className="po-hero grain">
|
{/* === HERO === */}
|
||||||
<div className="container">
|
<section className="po-hero">
|
||||||
|
<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="badge">{project.category}</span>
|
<span className="po-cat">{project.category}</span>
|
||||||
<span className="yr">{project.year}</span>
|
<span className="po-dot"></span>
|
||||||
|
<span className="po-yr">{project.year}</span>
|
||||||
</div>
|
</div>
|
||||||
<h1 className="po-hero-title">{project.title || project.client}</h1>
|
<h1 className="po-title">{project.client}</h1>
|
||||||
<p className="po-hero-sub">{project.summary}</p>
|
<p className="po-lede">{project.summary}</p>
|
||||||
<div className="po-hero-divider"></div>
|
<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>
|
||||||
</header>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* === 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">Timeline</span><span className="val">{project.year}</span></div>
|
<div><span className="lbl">Year</span><span className="val">{project.year}</span></div>
|
||||||
<div><span className="lbl">Scope</span><span className="val">{(project.scope && project.scope[0]) || "Systems Design & Commissioning"}</span></div>
|
<div><span className="lbl">Role</span><span className="val">{(project.scope && project.scope[0]) || "Systems Design"}</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">
|
||||||
|
|
@ -996,6 +987,7 @@ 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}`}/>
|
||||||
|
|
@ -1006,99 +998,126 @@ 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>Architecture</span>
|
<span>The build</span>
|
||||||
</div>
|
</div>
|
||||||
{restBody.map((p, i) => <p key={i}>{p}</p>)}
|
<div className="po-body-prose">
|
||||||
|
{rest.map((p, i) => <p key={i}>{p}</p>)}
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
<aside className="po-sidecar">
|
<aside className="po-sidecar">
|
||||||
{project.scope && (
|
<div className="po-spec">
|
||||||
<div className="po-card">
|
<div className="po-spec-row">
|
||||||
<h4>Engineering Scope</h4>
|
<span className="k">Scope</span>
|
||||||
<ul>{project.scope.map(s => <li key={s}><Check size={14}/><span>{s}</span></li>)}</ul>
|
<div className="v">
|
||||||
|
{project.scope.map(s => <span key={s} className="chip">{s}</span>)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="po-spec-row">
|
||||||
|
<span className="k">Technology</span>
|
||||||
|
<div className="v">
|
||||||
|
{project.technologies.map(t => <span key={t} className="chip chip-accent">{t}</span>)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
{project.highlights && (
|
|
||||||
<div className="po-card">
|
|
||||||
<h4>Key Deliverables</h4>
|
|
||||||
<ul>{project.highlights.map(h => <li key={h}><Check size={14}/><span>{h}</span></li>)}</ul>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{project.quote && (
|
{/* === CLOSING CTA === */}
|
||||||
<section className="po-quote grain">
|
<section className="po-cta">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<blockquote>“{project.quote.text}”</blockquote>
|
<div className="po-cta-inner grain">
|
||||||
<cite>— {project.quote.author}, {project.quote.role}</cite>
|
<div>
|
||||||
|
<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>
|
||||||
|
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
)}
|
|
||||||
|
|
||||||
<footer className="po-foot">
|
<footer className="po-foot">
|
||||||
<div className="container po-foot-inner">
|
<div className="po-foot-inner">
|
||||||
<a href="#projects" className="po-back-btn" onClick={(e) => { e.preventDefault(); onClose(); }}>
|
<a className="brand" href="#" onClick={(e)=>{e.preventDefault(); onClose();}}>Wild Dragon</a>
|
||||||
<ArrowLeft size={16}/> Back to All Projects
|
<p>© {new Date().getFullYear()} Zachary Gaetano</p>
|
||||||
</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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── VIDEO MODAL ─────────────────────────────────────────────────────────────
|
Object.assign(window, {
|
||||||
function VideoModal({ videoId, onClose }) {
|
Navigation, Hero, Clients, Partners, About, Stats, Services, Projects,
|
||||||
useEffect(() => {
|
TechStack, OnSet, Contact, Footer, ProjectOverlay, CursorDot, Curtain,
|
||||||
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
6
components.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
14
styles.css
14
styles.css
|
|
@ -109,9 +109,6 @@ 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; }
|
||||||
|
|
@ -372,15 +369,6 @@ 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; } }
|
||||||
|
|
@ -397,8 +385,6 @@ 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; }
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@ 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & Control Room Design</a></li><li><a href="/services/led-video-wall-installation/">LED Video Wall & XR Stage Integration</a></li><li><a href="/services/conference-room-av/">Boardroom & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & 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 & AV Installation in Washington, DC</a></li><li><a href="/northern-virginia/">Broadcast Integration & AV Installation in Northern Virginia</a></li><li><a href="/maryland/">Broadcast Integration & AV Installation in Maryland</a></li><li><a href="/reston-tysons-av-integrator/">AV & Broadcast Integrator for Reston, Herndon & Tysons</a></li><li><a href="/bethesda-rockville-av/">AV & Broadcast Integration for Bethesda, Rockville & the I-270 Corridor</a></li><li><a href="/secure-facility-av-integration/">Secure Facility & SCIF AV Integration in the DMV</a></li></ul></div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue