this.demoOptions = document.querySelectorAll('[id="demoOption"]'); // Select ALL elements with id="demoOption"
// Debug: Check if elements exist
demoOptions: this.demoOptions.length, // Show count of demo buttons found
// Contact button click
// Demo options click - Bind to ALL elements with id="demoOption"
// Support option click
// Calendly modal close button
// Calendly modal overlay click to close
// Escape key to close
// Click outside to close contact widget only
// Phone number clicks (make them callable)
// Universal event delegation for any future demoOption elements
// Event delegation to catch any clicks on elements with id="demoOption"
// Check if Calendly script is already loaded
// Focus management for accessibility
this.demoOptions[0].focus(); // Focus on first demo option
// Close the contact widget when opening calendly
document.body.style.overflow = 'hidden'; // Prevent background scrolling
// Focus on close button for accessibility
document.body.style.overflow = ''; // Restore scrolling
// Direct email with support subject
// Make phone numbers in header clickable
// Alternative direct event binding as backup
const demoOptions = document.querySelectorAll('[id="demoOption"]'); // Select ALL elements with id="demoOption"
// Global function to handle demo clicks (can be called from anywhere)
// Initialize contact widget when DOM is loaded
// Initialize direct bindings as backup
// Entrance animation on page load
