🎬 Content Creation Studio

World-Class Content Management & Creation Platform

🎬 Content Creation Dashboard

<p>Complete Content Creation Studio with Project Management, Asset Library, Templates, Calendar, Analytics, and AI Tools!</p> </p></div> </div> <p></p> <div style="text-align: center; margin-top: 40px; padding: 30px; background: #2c3e50; color: white; border-radius: 15px;"> <h3 style="margin-top: 0; color: #ecf0f1; font-size: 1.5em; font-weight: 700;">🎬 Content Creation Studio by OnScreenNow</h3> <p style="color: #bdc3c7; font-size: 1.1em;">Professional Content Management & Creation System</p> </div> </div> </div> <p></p> <div id="projectModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000; backdrop-filter: blur(5px);"> <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 30px; border-radius: 20px; width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3);"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #ecf0f1;"> <h3 style="margin: 0; color: #2c3e50; font-size: 1.5em; font-weight: 700;">🚀 New Content Project</h3> <p> <button onclick="closeModal('projectModal')" style="background: none; border: none; font-size: 1.5em; cursor: pointer; color: #7f8c8d;">×</button> </div> <form method="post" action="/wp-content/content_manager.php"> <input type="hidden" name="action" value="add_content_project"></p> <div style="margin-bottom: 20px;"> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">Project Title</label><br /> <input type="text" name="title" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px;" placeholder="Enter project title" required> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px;"> <div> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">Content Type</label><br /> <select name="type" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px;" required><option value="Blog Post">📝 Blog Post</option><option value="Social Media">📱 Social Media</option><option value="Video">🎬 Video</option></select> </div> <div> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">Brand</label><br /> <select name="brand" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px;" required><option value="OnScreenNow">OnScreenNow</option><option value="BellsEmpire">BellsEmpire</option></select> </div> </p></div> <div style="margin-bottom: 20px;"> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">Description</label><br /> <textarea name="description" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px; height: 100px;" placeholder="Project description"></textarea> </div> <p> <button type="submit" style="width: 100%; padding: 15px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer;"><br /> 🚀 Create Project<br /> </button><br /> </form> </p></div> </div> <div id="aiModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000; backdrop-filter: blur(5px);"> <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 30px; border-radius: 20px; width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3);"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #ecf0f1;"> <h3 style="margin: 0; color: #2c3e50; font-size: 1.5em; font-weight: 700;">🤖 AI Content Assistant</h3> <p> <button onclick="closeModal('aiModal')" style="background: none; border: none; font-size: 1.5em; cursor: pointer; color: #7f8c8d;">×</button> </div> <div style="margin-bottom: 20px;"> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">What would you like to create?</label><br /> <input type="text" id="aiPrompt" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px;" placeholder="e.g., blog post about digital marketing"> </div> <div style="margin-bottom: 20px;"> <label style="display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50;">Content Type</label><br /> <select id="aiType" style="width: 100%; padding: 12px 15px; border: 2px solid #bdc3c7; border-radius: 8px; font-size: 14px;"><option value="blog">📝 Blog Post</option><option value="social">📱 Social Media</option><option value="email">📧 Email</option></select> </div> <p> <button onclick="generateAIContent()" style="width: 100%; padding: 15px; background: linear-gradient(135deg, #4facfe, #00f2fe); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer;"><br /> 🎯 Generate Content<br /> </button> </div> </div> <p><script> // Modal functions for WordPress page function openModal(modalId) { document.getElementById(modalId).style.display = 'block'; }</p> <p>function closeModal(modalId) { document.getElementById(modalId).style.display = 'none'; }</p> <p>// Close modal when clicking outside window.onclick = function(event) { if (event.target.style.display === 'flex' || event.target.id.includes('Modal')) { event.target.style.display = 'none'; } }</p> <p>// AI Content Generation function generateAIContent() { const prompt = document.getElementById('aiPrompt').value; const type = document.getElementById('aiType').value;</p> <p> if (!prompt) { alert('Please enter what you want to create!'); return; }</p> <p> // Show loading state const button = event.target; const originalText = button.innerHTML; button.innerHTML = '⏳ Generating...'; button.disabled = true;</p> <p> // Simulate AI processing setTimeout(() => { alert('🤖 AI Content Generated!\n\nTopic: ' + prompt + '\nType: ' + type + '\n\nYour content has been generated and is ready to use!'); button.innerHTML = originalText; button.disabled = false; closeModal('aiModal'); }, 1500); }</p> <p>// Add touch support for iPad document.addEventListener('DOMContentLoaded', function() { // Make buttons responsive to touch const buttons = document.querySelectorAll('button'); buttons.forEach(button => { button.addEventListener('touchstart', function() { this.style.transform = 'scale(0.98)'; });</p> <p> button.addEventListener('touchend', function() { this.style.transform = ''; }); });</p> <p> console.log('🎬 Content Creation Studio - World-Class Platform Ready!'); }); </script></p> </div> </div> </article> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="block-2" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://ipad.bellsempire.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></aside><aside id="block-3" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://ipad.bellsempire.com/hello-world/">Hello world!</a></li> </ul></div></div></aside><aside id="block-4" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><div class="no-comments wp-block-latest-comments">No comments to show.</div></div></div></aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> <span class="copyright">© 2026 seagreen-wren-580022.hostingersite.com</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="generate-a11y"> !function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}(); </script> <script src="https://ipad.bellsempire.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://ipad.bellsempire.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script src="https://ipad.bellsempire.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.3" id="swv-js"></script> <script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/ipad.bellsempire.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; </script> <script src="https://ipad.bellsempire.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.3" id="contact-form-7-js"></script> <script src="https://cdn-reach.hostinger.com/js/embed.js" id="hostinger-reach-embed-js" defer data-wp-strategy="defer"></script>  <script id="generate-menu-js-before"> var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://ipad.bellsempire.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.0" id="generate-menu-js"></script> <script id="smush-lazy-load-js-before"> var smushLazyLoadOptions = {"autoResizingEnabled":false,"autoResizeOptions":{"precision":5,"skipAutoWidth":true,"cdnBaseURL":""}}; </script> <script src="https://ipad.bellsempire.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=4.3.2" id="smush-lazy-load-js"></script> </body> </html>