/* Skytech Wireframe System v2 — descriptive grey placeholders, no fake imagery. Visual vocabulary: - Pure grayscale. No brand color. Placeholder type only. - Grey boxes with descriptive text where imagery will go. - No dot-grid "fake formations" — those were confusing, replaced with honest descriptions. - Type: system-ui / Georgia (for display). Will be overridden by brand later. */ const WFPage = ({ children, label }) => (
{children}
); const WFContainer = ({ children, width = 1160, style = {} }) => (
{children}
); const WFSection = ({ children, label, pad = '80px 0', bg = 'transparent', border = 'top' }) => (
{label && {label}} {children}
); const SectionLabel = ({ children }) => (
{children}
); /* ── PLACEHOLDER: grey box + descriptive text. No fake imagery. ── */ const WFImage = ({ description, size, kind = 'image', aspect, style = {} }) => (
[ {kind.toUpperCase()} PLACEHOLDER ] {size && {size}}
{description}
); /* Coverage map — simple geographic indicator, stylized grey shapes (not real cartography) */ const CoverageMap = ({ height = 320 }) => (
[ MAP PLACEHOLDER · SERVICE AREA ]
{/* AB/BC outline — stylized, not accurate */} {/* Coverage shaded region */} {/* Provincial border label */} AB / BC border {/* Grande Prairie marker */} Grande Prairie HQ {/* Region labels */} NORTHERN ALBERTA NORTHEASTERN BC Peace Region
); /* Site-plan schematic — kept for Safety page (this is a genuine diagram, not a fake photo) */ const SitePlanDiagram = ({ height = 320 }) => (
[ SITE-PLAN SCHEMATIC · NOT A PHOTO ]
FLIGHT BOX SAFETY BUFFER AUDIENCE AREA GCS {[0, 1, 2, 3].map(i => )} Launch pads
); /* ── TEXT + UI ── */ const WFH1 = ({ children, style = {} }) => (

{children}

); const WFH2 = ({ children, style = {} }) => (

{children}

); const WFEyebrow = ({ children }) => (
{children}
); const WFLede = ({ children, style = {} }) => (

{children}

); const WFBody = ({ children, style = {} }) => (

{children}

); const WFButton = ({ children, primary, onClick, style = {} }) => ( ); const WFLink = ({ children, onClick, style = {} }) => ( { e.preventDefault(); onClick && onClick(); }} href="#" style={{ color: '#1a1a1a', textDecoration: 'none', borderBottom: '1px solid #1a1a1a', paddingBottom: 2, fontSize: 14, display: 'inline-flex', alignItems: 'center', gap: 6, ...style, }}>{children} → ); /* ── NAV ── */ const WFNav = ({ currentPage, nav }) => ( ); const WFFooter = ({ nav }) => ( ); const FooterCol = ({ title, children }) => (
{title}
{children}
); const FooterLink = ({ children, onClick }) => ( { e.preventDefault(); onClick && onClick(); }} href="#" style={{ fontSize: 14, color: '#1a1a1a', textDecoration: 'none' }}>{children} ); const CredStrip = () => (
{[ ['SFOC-RPAS', 'Special Flight Operations Certificate for RPAS, every show'], ['NAV CANADA', 'NAV Drone coordination and NOTAM filing where required'], ['NAICS 711190', 'Performing arts classification'], ['LOCAL', 'Based in Grande Prairie · not a touring provider'], ].map(([k, v], i) => (
{k}
{v}
))}
); const FinalCTA = ({ nav }) => (
Request a Quote
A drone light show for your event, quoted for your date and location. Summer events typically book four to nine months ahead. If your date is sooner, reach out anyway — we will say plainly whether it's workable.
matt@skytechdroneshows.com
); Object.assign(window, { WFPage, WFContainer, WFSection, SectionLabel, WFImage, CoverageMap, SitePlanDiagram, WFH1, WFH2, WFEyebrow, WFLede, WFBody, WFButton, WFLink, WFNav, WFFooter, CredStrip, FinalCTA, });