1<!-- /tools/podcast-pricing/index.html --> 2<!doctype html> 3<html lang="en"> 4<head> 5 <meta charset="UTF-8" /> 6 <title>Podcast Pricing Calculator | Content Monsta</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1" /> 8 <meta name="description" content="Estimate the monthly investment for live-produced, remotely managed podcast production." /> 9 <link rel="stylesheet" href="styles.css" /> 10</head> 11 12<body> 13<header class="site-header"> 14 <div class="container header-grid"> 15 <a class="brand" href="/" aria-label="Content Monsta home"> 16 <span class="brand-mark">Content Monsta</span> 17 </a> 18 19<div class="header-logo"> 20 <a href="https://contentmonsta.com" aria-label="Content Monsta home"> 21 <img 22 src="https://contentmonsta.com/wp-content/uploads/2017/07/Logo-WhiteLetters-transparent-ContentMonsta_hued.png" 23 alt="Content Monsta" 24 /> 25 </a> 26</div> 27 28 29 <nav class="header-nav"> 30 <a href="/contact" class="header-link">Contact</a> 31 </nav> 32 </div> 33</header> 34 35 36 <main class="container"> 37 <section class="hero"> 38 <h1>Podcast Production Pricing Calculator</h1> 39 <p class="subhead"> 40 Estimate the monthly investment for a Video or Audio podcast produced live and managed remotely. 41 Audio and Video shows come in packages of Up to 2 or Up to 4 episodes per month. Narrative shows are priced per episode and shown as a monthly estimate. 42 </p> 43 <div class="callout"> 44 <strong>Included in base:</strong> 45 Live production, remote technical management, baseline editing, light revisions, and audio platform publishing. 46 </div> 47 </section> 48 49 <section class="layout"> 50 <section class="card"> 51 <h2>Your podcast setup</h2> 52 53 <form id="pricingForm" novalidate> 54 <!-- Podcast Type --> 55 <div class="field"> 56 <label for="showType">Podcast Type</label> 57 <select id="showType" name="showType" required> 58 <option value="">Select one</option> 59 <option value="audio">Audio Only Podcast</option> 60 <option value="video">Video Podcast</option> 61 <option value="narrative">Narrative Podcast</option> 62 </select> 63 </div> 64 65 <!-- Episodes per month --> 66 <div class="field"> 67 <label for="episodesPerMonth">Episodes per month</label> 68 <select id="episodesPerMonth" name="episodesPerMonth" required> 69 <option value="">Select one</option> 70 <option value="1">1 episode</option> 71 <option value="2">2 episodes</option> 72 <option value="3">3 episodes</option> 73 <option value="4">4 episodes</option> 74 </select> 75 <p class="hint" id="episodeRoundingHint">For audio and video, service is available in up to 2-episodes block or up to 4-episodes block.</p> 76 </div> 77 78 <hr class="divider" /> 79 80 <!-- Recording Environment --> 81 <div class="field"> 82 <label for="recordingEnvironment">Recording Environment</label> 83 <select id="recordingEnvironment" name="recordingEnvironment" required> 84 <option value="">Select one</option> 85 <option value="fully_remote">Fully Remote (host/guest separate locations)</option> 86 <option value="onsite_with_remote_producer">On-site host and guest w/ remote producer</option> 87 </select> 88 </div> 89 90 <hr class="divider" /> 91 92 <!-- Video Post Production (shown for video, still collected for narrative for reference if you want later) --> 93 <div class="field" id="videoPostWrap"> 94 <label for="videoPostProduction">Video Post Production</label> 95 <select id="videoPostProduction" name="videoPostProduction" required> 96 <option value="">Select one</option> 97 <option value="basic_cuts">Basic cuts and corrections</option> 98 <option value="branded_graphics">Branded graphics and title</option> 99 <option value="broll_markers">B-Roll and visual markers</option> 100 </select> 101 </div> 102 103 <!-- Audio Post Production (shown for audio + narrative, collected for scope only) --> 104 <div class="field" id="audioPostWrap"> 105 <label for="audioPostProduction">Audio Post Production</label> 106<select id="audioPostProduction" name="audioPostProduction" required> 107 <option value="baseline" selected>Baseline Editing (included)</option> 108 <option value="advanced_composition">Advanced compositions and arrangements</option> 109 <option value="narrative_sound_design">Narrative and Advanced Sound Design</option> 110</select> 111 </div> 112 113 <hr class="divider" /> 114 115 <!-- Publishing --> 116 <div class="field"> 117 <label for="publishing">Publishing</label> 118 <select id="publishing" name="publishing" required> 119 <option value="">Select one</option> 120 <option value="agency_managed">Agency managed uploads</option> 121 <option value="owner_managed">Podcast owner managed</option> 122 </select> 123 <p class="hint">Audio platform publishing is included.</p> 124 </div> 125 126 <!-- Distribution --> 127 <div class="field"> 128 <label for="distribution">Distribution</label> 129 <select id="distribution" name="distribution" required> 130 <option value="">Select one</option> 131 <option value="audio_only">Audio platforms only</option> 132 <option value="audio_youtube">Audio + YouTube uploads</option> 133 <option value="audio_youtube_social">Audio + YouTube + 2 Social Platforms</option> 134 </select> 135 </div> 136 137 <hr class="divider" /> 138 139 <!-- Repurpose Content --> 140 <div class="field"> 141 <label for="repurposing">Repurpose Content</label> 142 <select id="repurposing" name="repurposing" required> 143 <option value="">Select one</option> 144 <option value="included_shorts">2-4 Agency selected shorts (included)</option> 145 <option value="client_selected_shorts">2-4 Client selected shorts ($400 per episode)</option> 146 <option value="short_article_newsletter">Short, Article, and Newsletter Prepared ($1,200 per episode)</option> 147 </select> 148 </div> 149 150 <!-- Service Level --> 151 <div class="field"> 152 <label for="serviceLevel">Service Level</label> 153 <select id="serviceLevel" name="serviceLevel" required> 154 <option value="">Select one</option> 155 <option value="standard_sla">Standard SLA w/ 24hr email response</option> 156 <option value="white_glove">White-glove production team w/ same day response</option> 157 </select> 158 </div> 159 160 <div class="field field-actions"> 161 <button type="button" id="resetBtn" class="btn btn-secondary">Reset</button> 162 <button type="button" id="copyBtn" class="btn btn-secondary">Copy estimate</button> 163 </div> 164 165 <div class="validation" id="validationMsg" aria-live="polite"></div> 166 </form> 167 </section> 168
169 <aside class="card results-card" aria-live="polite"> 170 <h2>Estimated investment per month</h2> 171 172 <div class="result-grid"> 173 <div class="result-row"> 174 <div class="result-label">Conservative</div> 175 <div class="result-value" id="lowPrice">â</div> 176 </div> 177 <div class="result-row"> 178 <div class="result-label">Expected</div> 179 <div class="result-value emph" id="midPrice">â</div> 180 </div> 181 <div class="result-row"> 182 <div class="result-label">High</div> 183 <div class="result-value" id="highPrice">â</div> 184 </div> 185 </div> 186 187 <div class="mini-breakdown" id="miniBreakdown"> 188 <h3>What this includes</h3> 189 <ul> 190 <li>Live production and remote technical management (included in base)</li> 191 <li>Baseline editing and light revisions (included in base)</li> 192 <li>Audio platform publishing (included in base)</li> 193 </ul> 194 </div> 195 196 <div class="block-note" id="blockNote"> 197 <strong>Billing note:</strong> 198 <span id="billingNoteText">Select your podcast type and episode count to see how billing blocks apply.</span> 199 </div> 200 201 <div class="cta-box"> 202 <p class="cta-text"> 203 Want a quote built around your show, your guests, and your goals? 204 </p> 205 <a class="btn btn-primary" href="/contact">Talk with a Producer</a> 206 <p class="fineprint"> 207 This is an estimate for planning. Final pricing depends on production scope and deliverables. 208 </p> 209 </div> 210 </aside> 211 </section> 212 </main> 213 214 <footer class="site-footer"> 215 <div class="container footer-inner"> 216 <div>© <span id="year"></span> Content Monsta</div> 217 <div class="footer-links"> 218 <a href="/privacy-policy">Privacy</a> 219 <a href="/contact">Contact</a> 220 </div> 221 </div> 222 </footer> 223 224 <!-- Cache-bust to avoid stale JS during iteration --> 225
225<script src="calculator.js?v=20251221-4"></script>
225 226
226<script src="ui.js?v=20251221-4"></script>
226 227
227<script> 228 document.getElementById("year").textContent = String(new Date().getFullYear()); 229 </script>
229 230</body> 231</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.