<?php include "header.php"; ?>

<div class="container">
    <!--- Hero (commented out – uncomment to restore)
    <section class="hero">
        <div class="hero-content">
            <h1>Working With BroadwayWorld</h1>
            <p class="hero-subtitle">Reach millions of theatre enthusiasts and industry professionals</p>
            <div class="hero-cta">
                <a href="#contact" class="btn btn-primary">Get Started</a>
                <a href="#advertising" class="btn btn-secondary">View Options</a>
            </div>
        </div>
    </section>
    --->
    
    <section class="hero-video-wrapper">
        <div class="hero-video-inner">
            <video class="hero-video" 
                   id="heroVideo"
                   poster="https://cloudimages.broadwayworld.com/upload13/2256336/Screenshot%202023-08-01%20at%203_30_48%20PM.jpg"
                   autoplay 
                   muted 
                   loop 
                   playsinline
                   preload="metadata">
                <source src="https://video.broadwayworld.com/vidupload/2019/BWW20SizzleWeb.mp4" type="video/mp4">
            </video>
            <div class="hero-video-overlay">
                <div class="hero-video-content">
                    <h1>Work With BroadwayWorld</h1>
                    <p class="hero-video-subtitle">Theater Lovers, New Audiences, Tourists, Youth, and More.<br>BroadwayWorld has your ticket to the right fit audience for your brand.</p>
                    <div class="hero-video-cta">
                        <a href="/contact.php" class="btn btn-primary">Get Started</a>
                        <a href="#advertising" class="btn btn-secondary">View Options</a>
                    </div>
                </div>
                <button type="button" class="hero-video-unmute" id="heroVideoUnmute" aria-label="Unmute video" title="Click to enable sound">
                    <span class="hero-video-unmute-icon muted">🔇</span>
                    <span class="hero-video-unmute-icon unmuted" aria-hidden="true">🔊</span>
                </button>
            </div>
        </div>
    </section>
    
    <script>
    (function() {
        var video = document.getElementById('heroVideo');
        var btn = document.getElementById('heroVideoUnmute');
        var overlay = document.querySelector('.hero-video-overlay');
        if (typeof console !== 'undefined') {
            console.log('[Hero video] video:', !!video, 'btn:', !!btn, 'overlay:', !!overlay);
        }
        function setUnmuted(isUnmuted) {
            if (isUnmuted) {
                video.muted = false;
                video.play().catch(function() {});
                btn.classList.add('is-unmuted');
                overlay.classList.add('sound-on');
                btn.setAttribute('aria-label', 'Mute video');
                btn.setAttribute('title', 'Click to mute');
            } else {
                video.muted = true;
                btn.classList.remove('is-unmuted');
                overlay.classList.remove('sound-on');
                btn.setAttribute('aria-label', 'Unmute video');
                btn.setAttribute('title', 'Click to enable sound');
            }
        }
        if (video && btn && overlay) {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                setUnmuted(video.muted);
            });
            video.addEventListener('click', function() {
                if (!video.muted) {
                    setUnmuted(false);
                }
            });
        }
    })();
    </script>
    
   

    <?php include __DIR__."/includes/audience.php"; ?>


    <?php include __DIR__."/includes/testimonials.php"; ?>
    
    <?php include __DIR__."/includes/advertising.php"; ?>

    
<?php include __DIR__."/includes/markets.php"; ?>

    <?php include __DIR__."/includes/client_slider.php"; ?>

<?php include "footer.php"; ?>