<?php $pageTitle = 'Rates - BroadwayWorld Media Kit'; include 'header.php'; ?>

<div class="container">
    <section class="specs-hero rates-step rates-step-choice" id="ratesStepChoice">
        <div class="specs-hero-content">
            <h1>Where are you looking to advertise?</h1>
            <p class="specs-hero-subtitle">Select your market to view rates or get in touch.</p>
            <div class="rates-choices">
                <button type="button" class="rates-choice-btn" data-rates-option="broadway">Broadway</button>
                <a href="contact.php" class="rates-choice-link">Off-Broadway</a>
                <a href="contact.php" class="rates-choice-link">Regional / Intl Markets</a>
            </div>
        </div>
    </section>

    <section class="rates-step rates-step-broadway" id="ratesStepBroadway" aria-hidden="true" hidden>
        <section class="specs-hero rates-broadway-hero">
            <div class="specs-hero-content">
                <h1>Rates</h1>
                <p class="specs-hero-subtitle">For Bookings and more information contact <strong>Miles Silverman</strong>, Vice President of Sales and Marketing at <a href="mailto:[email protected]">[email protected]</a>.</p>
            </div>
        </section>
        <div class="rates-table-wrapper">
            <table class="rates-table" role="grid">
                <thead>
                    <tr>
                        <th scope="col">Media Type</th>
                        <th scope="col">Dimension / Description</th>
                        <th scope="col">Rate</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td>Standard Display Units</td><td>970x90, 320x100, 300x250, 970x250, 160x600</td><td>$21.00</td></tr>
                    <tr><td>Premium Display Units</td><td>300x1050, 300x600</td><td>$22.00</td></tr>
                    <tr><td>Interstitial/Welcome Mat + Mobile Anchor</td><td>800x360 / 320x100</td><td>$27.00</td></tr>
                    <tr><td>Pushdown Leaderboard + Mobile Anchor</td><td>2450 x 550 / 320x100</td><td>$27.00</td></tr>
                    <tr><td>Full Page Overlay - Solo</td><td>1280x800 Video, 15-30 seconds max. Sound off</td><td>$3,000.00</td></tr>
                    <tr><td>Full Page Overlay - w/ $5k Pkg Min</td><td>1280x800 Video, 15-30 seconds max. Sound off</td><td>$2,250.00</td></tr>
                    <tr><td>Home Page + Top Story Roadblock (imps are est.)</td><td>970x250, 320x100, 300x600, 300x250, 160x600, 300x1050</td><td>$5,500.00</td></tr>
                    <tr><td>Home Page Roadblock (imps are est.)</td><td>970x250, 320x100, 300x600, 300x250, 160x600, 300x1050</td><td>$2,750.00</td></tr>
                    <tr><td>First Impression Roadblock (imps are est.)</td><td>970x90, 320x100, 300x600, 300x250, 300x1050</td><td>$7,500.00</td></tr>
                    <tr><td>Home Page Skin</td><td>Top of Page = 1000px (wide) by 150px (tall) / Sides = 140px (wide) by 1500px (tall)</td><td>$1,500.00</td></tr>
                    <tr><td>Home Page Skin + Top Story Skin</td><td>Top of Page = 1000px (wide) by 150px (tall) / Sides = 140px (wide) by 1500px (tall)</td><td>$2,000.00</td></tr>
                    <tr><td>Pre-roll Video</td><td>:30 seconds</td><td>$25.00</td></tr>
                    <tr><td>Ticket Central Sponsorship (imps are est.)</td><td>1200x800, 680x200</td><td>$3,200.00</td></tr>
                    <tr><td>Retargeting Pixels</td><td>4-5 additional shows</td><td>$1,500.00</td></tr>
                    <tr><td>Dedicated eBlast</td><td>HTML</td><td>$23.00</td></tr>
                    <tr><td>Daily eNewsletter</td><td>Text/Link/Logo</td><td>$900.00</td></tr>
                    <tr><td>Weekly eNewsletter (Saturday)</td><td>Text/Link/Logo</td><td>$1,500.00</td></tr>
                    <tr><td>Organic Social Promo</td><td>Text/Links/Art</td><td>$3,000.00</td></tr>
                    <tr><td>Boosted Social Promo</td><td>Text/Links/Art</td><td>$3,180.00</td></tr>
                    <tr><td>Organic Social Promo w/ Feature</td><td>Feature+Text/Links/Art</td><td>$3,900.00</td></tr>
                    <tr><td>Organic Boosted Social Promo w/ Feature</td><td>Feature+Text/Links/Art</td><td>$4,560.00</td></tr>
                    <tr><td>Dark Social</td><td>Feature+Text/Links/Art</td><td>Varies</td></tr>
                    <tr><td>Kid Critic or Teen Critic - Shoot/Edit/Site Post</td><td>Multimedia</td><td>$3,500.00</td></tr>
                    <tr><td>Kid Critic or Teen Critic - + Organic Content Social</td><td>Multimedia</td><td>$5,000.00</td></tr>
                </tbody>
            </table>
        </div>
    </section>
</div>

<script>
(function() {
    var stepChoice = document.getElementById('ratesStepChoice');
    var stepBroadway = document.getElementById('ratesStepBroadway');
    var broadwayBtn = document.querySelector('[data-rates-option="broadway"]');
    var backBtn = document.getElementById('ratesBackBtn');
    if (broadwayBtn && stepBroadway) {
        broadwayBtn.addEventListener('click', function() {
            if (stepChoice) stepChoice.setAttribute('hidden', '');
            if (stepChoice) stepChoice.setAttribute('aria-hidden', 'true');
            stepBroadway.removeAttribute('hidden');
            stepBroadway.setAttribute('aria-hidden', 'false');
            stepBroadway.scrollIntoView({ behavior: 'smooth', block: 'start' });
        });
    }
    if (backBtn && stepChoice && stepBroadway) {
        backBtn.addEventListener('click', function(e) {
            e.preventDefault();
            stepBroadway.setAttribute('hidden', '');
            stepBroadway.setAttribute('aria-hidden', 'true');
            stepChoice.removeAttribute('hidden');
            stepChoice.setAttribute('aria-hidden', 'false');
            stepChoice.scrollIntoView({ behavior: 'smooth' });
        });
    }
})();
</script>

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