// WXG official assets — extracted from real WXG marketing collateral
// • Stacked logo (WXG + amber square + WAXMAN GROUP wordmark below)
// • Pastel "squares motif" corner (red + gold + green + blue offset rects)
// matching the existing customer-satisfaction form
// ─────────────────────────────────────────────────────────────
// WXG official wordmark — path data lifted verbatim from the
// careers page SVG (we already extracted this for DirectionD,
// keeping it here so the "real" concept doesn't depend on the
// older Direction-D file).
// ─────────────────────────────────────────────────────────────
function WXGOfficial({ height = 56, color = '#4D4D4D', accent = '#FCAF17' }) {
const w = height * (426 / 122);
return (
);
}
// ─────────────────────────────────────────────────────────────
// Stacked logo — wordmark on top of "WAXMAN GROUP" label,
// matching the exact treatment from the existing WXG survey.
// ─────────────────────────────────────────────────────────────
function WXGStackedLogo({ height = 72, color = '#4D4D4D', accent = '#FCAF17' }) {
// wordmark height ≈ 56% of total; "WAXMAN GROUP" label ≈ 14%
const markH = height * 0.62;
return (
Waxman Group
);
}
// ─────────────────────────────────────────────────────────────
// Pastel squares corner motif — the 4-rectangle cluster from the
// real WXG survey card. Red / Gold / Green / Blue (secondary
// palette) arranged with deliberate offsets and varied sizes.
// ─────────────────────────────────────────────────────────────
function WXGSquaresMotif({ scale = 1, style = {} }) {
// Base footprint ~ 100 × 60. scale multiplies everything.
const s = (n) => n * scale;
return (
{/* Small red (pink) — top-left */}
{/* Medium green — below red */}
{/* Small blue — between green and gold */}
{/* Large gold — top right */}