GateFrame Compliance Widget

Dark Theme (Default)

<!-- Option 1: Full widget -->
<div id="gateframe-widget"></div>
<script src="https://gateframe-api.netlify.app/widget.js"
        data-key="YOUR_API_KEY"
        data-lender-id="upgrade-inc">
</script>

<!-- Option 2: Compact (for nav bars / sidebars) -->
<div id="gateframe-widget"></div>
<script src="https://gateframe-api.netlify.app/widget.js"
        data-key="YOUR_API_KEY"
        data-lender-id="upgrade-inc"
        data-compact="true">
</script>

Light Theme

<script src="https://gateframe-api.netlify.app/widget.js"
        data-key="YOUR_API_KEY"
        data-lender-id="upgrade-inc"
        data-theme="light">
</script>

Integration Notes

// JavaScript API (optional)
window.GateFrame.refresh();           // Force refresh stats
window.GateFrame.setTheme('light');   // Toggle theme
window.GateFrame.config.lenderId;    // Read config

// Attributes
data-key          // Your GateFrame API key (required)
data-lender-id    // Your institution ID (required)
data-theme        // "dark" (default) or "light"
data-compact      // "true" for condensed version
data-target       // ID of container element (default: gateframe-widget)
data-refresh      // Auto-refresh interval in seconds (default: 60)

Revenue path: Widget (free with demo key) → CCO sees compliance status in their dashboard → "can we expand this?" → $25K pilot conversation → $300K ACV. The widget is the top of the funnel. No cold email required.