 { <div class="bg-gray-900 text-white text-center py-2 px-4 text-sm font-bold"> ⚠️ ATTENTION: Exclusive Workshop & Legacy Founder's Offer Expire April 1st, 2026. </div>  <header class="py-6 border-b border-gray-100"> <div class="max-w-6xl mx-auto px-4 flex justify-center"> <span class="text-2xl font-black tracking-tighter text-gray-800 uppercase italic">Course<span class="text-red-600">Hub</span>.</span> </div> </header>  <section data-section="hero" class="pt-12 pb-16 md:pt-20 md:pb-24"> <div class="max-w-5xl mx-auto px-4 text-center"> <p class="text-red-600 font-bold uppercase tracking-widest mb-4">Free 60-Minute Strategic Workshop</p> <h1 class="text-4xl md:text-6xl mb-6 uppercase"> Escape the <span class="highlight-yellow">'Tech-Duct-Tape' Trap:</span> Get a Bird’s-Eye View of Your Entire Course Business and Reclaim 20 Hours of Your Week. </h1> <p class="text-xl md:text-2xl text-gray-600 mb-10 max-w-3xl mx-auto leading-relaxed"> In this 60-minute strategic walkthrough, you’ll see the exact architecture behind a $500M course empire. Discover how to replace your clunky, expensive software stack with a single dashboard that handles your curriculum, your students, and your sales—<strong>without touching a single line of code.</strong> </p>  <div class="bg-gray-50 p-8 rounded-xl border border-gray-200 shadow-sm max-w-2xl mx-auto"> <div class="flex flex-col md:flex-row items-center justify-center gap-4 mb-8"> <div class="flex items-center text-lg font-bold text-gray-700"> <svg class="w-6 h-6 mr-2 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> STRATEGIC WALKTHROUGH </div> <div class="hidden md:block text-gray-300">|</div> <div class="flex items-center text-lg font-bold text-gray-700"> <svg class="w-6 h-6 mr-2 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg> LIMITED DIGITAL SEATS </div> </div> <a href="#register" class="cta-button block w-full text-white text-2xl font-bold py-6 rounded-lg uppercase tracking-wide"> YES! RESERVE MY LEGACY FOUNDER’S SEAT </a> <p class="mt-4 text-sm text-gray-500 italic">Claim My Seat + Unlock the 'Migration Concierge' Bonus (Attendees Only)</p> </div> </div> </section>  <section class="pb-20"> <div class="max-w-6xl mx-auto px-4"> <div class="relative rounded-2xl overflow-hidden shadow-2xl"> <img src="https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1920&h=1080&fit=crop" alt="Collaborative Success" class="w-full h-auto"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent opacity-60"></div> <div class="absolute bottom-8 left-8 right-8 text-white text-center md:text-left"> <p class="text-lg font-bold italic">"CourseHub literally saved us 20 hours of tech work a week. We finally have clarity on our numbers and our students." — Sarah J., 7-Figure Course Creator</p> </div> </div> </div> </section>  <section data-section="benefits" class="bg-gray-50 py-20"> <div class="max-w-5xl mx-auto px-4"> <h2 class="text-3xl md:text-5xl text-center mb-16 uppercase">What You'll Discover in This <span class="text-red-600">60-Minute Workshop</span>...</h2> <div class="grid md:grid-cols-2 gap-12"> <div class="flex gap-4"> <div class="flex-shrink-0"> <svg class="w-8 h-8 benefit-icon" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> </div> <div> <h3 class="text-xl mb-2">The 'Ghost' Assistant</h3> <p>How to automate your onboarding and engagement so students get a 'white-glove' experience while you sleep.</p> </div> </div> <div class="flex gap-4"> <div class="flex-shrink-0"> <svg class="w-8 h-8 benefit-icon" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> </div> <div> <h3 class="text-xl mb-2">Eliminate Checkout Friction</h3> <p>Deploy high-converting funnels with built-in one-click upsells that increase your order value by 30% instantly.</p> </div> </div> <div class="flex gap-4"> <div class="flex-shrink-0"> <svg class="w-8 h-8 benefit-icon" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> </div> <div> <h3 class="text-xl mb-2">The 'Single Source of Truth'</h3> <p>Stop guessing which ads work. See your email opens, checkout conversions, and student progress in one unified view.</p> </div> </div> <div class="flex gap-4"> <div class="flex-shrink-0"> <svg class="w-8 h-8 benefit-icon" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> </div> <div> <h3 class="text-xl mb-2">The April 1st Advantage</h3> <p>How to lock in 'Legacy Founder' pricing before the platform scales and rates increase permanently on April 1st, 2026.</p> </div> </div> </div> </div> </section>  <section class="py-20 border-t border-gray-100"> <div class="max-w-4xl mx-auto px-4"> <h2 class="text-3xl text-center mb-12 uppercase italic">Is This Strategic Workshop For You?</h2> <div class="grid md:grid-cols-2 gap-8"> <div class="bg-green-50 p-6 rounded-lg border border-green-100"> <h3 class="text-green-800 text-lg mb-4 flex items-center font-bold"> <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> This IS for you if... </h3> <ul class="space-y-3 text-sm text-green-900"> <li>• You value your time and want a professional-grade engine.</li> <li>• You are scaling from 1-on-1 coaching to a 1-to-many model.</li> <li>• You are tired of "duct-taping" 5+ subscriptions together.</li> </ul> </div> <div class="bg-red-50 p-6 rounded-lg border border-red-100"> <h3 class="text-red-800 text-lg mb-4 flex items-center font-bold"> <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> This is NOT for you if... </h3> <ul class="space-y-3 text-sm text-red-900"> <li>• You prefer to spend weeks troubleshooting code and plugins.</li> <li>• You aren't serious about treating your course as a real business.</li> <li>• You are looking for a "get rich quick" scheme without a product.</li> </ul> </div> </div> </div> </section>  <section class="py-12"> <div class="max-w-4xl mx-auto px-4"> <div class="bg-yellow-50 border-2 border-dashed border-yellow-400 p-8 rounded-xl text-center"> <h3 class="text-2xl mb-4">Note to Visionary Creators</h3> <p class="text-lg text-gray-800 leading-relaxed"> We are currently in the Founder’s Phase. Those who join the workshop and act before <strong>April 1st, 2026</strong>, will secure 'Legacy' status—locking in current rates and unlimited scale features that will never be offered to the general public again. </p> </div> </div> </section>  <section id="register" data-section="cta" class="bg-gray-900 py-24 text-white"> <div class="max-w-3xl mx-auto px-4 text-center"> <h2 class="text-4xl md:text-5xl text-white mb-6 uppercase">Join the <span class="text-red-500 underline">Legacy Founder’s Workshop</span></h2> <p class="text-xl text-gray-400 mb-12"> Due to high demand and the live Q&A session, digital seats are strictly limited. Register now to ensure your question gets answered live and you secure the April 1st offer. </p> <form class="space-y-4 max-w-lg mx-auto"> <input type="text" placeholder="Your Full Name" class="w-full p-4 rounded-lg text-gray-900 text-lg border-2 border-transparent focus:border-red-500 outline-none"> <input type="email" placeholder="Your Best Email Address" class="w-full p-4 rounded-lg text-gray-900 text-lg border-2 border-transparent focus:border-red-500 outline-none"> <button type="submit" class="cta-button w-full text-white text-2xl font-bold py-6 rounded-lg uppercase tracking-wide"> YES! RESERVE MY LEGACY FOUNDER’S SEAT </button> </form> <div class="mt-8 flex items-center justify-center space-x-2 text-gray-500 text-sm"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"></path></svg> <span>Your information is 100% secure and encrypted.</span> </div> </div> </section>  <section class="py-20"> <div class="max-w-3xl mx-auto px-4"> <h2 class="text-3xl text-center mb-12 uppercase italic">Workshop FAQs</h2> <div class="space-y-8"> <div> <h4 class="font-bold text-lg mb-2">What if I can't make it live?</h4> <p class="text-gray-600">While the live experience is best for Q&A, we will send a limited-time replay to all registrants. However, the special Migration Concierge bonus is only available for those who attend the live session.</p> </div> <div> <h4 class="font-bold text-lg mb-2">I have my course on Teachable. Is this still useful?</h4> <p class="text-gray-600">Absolutely. Many of our most successful users migrated from Kajabi, Teachable, or WordPress because they wanted better automation and lower monthly overhead. We'll show you exactly how that works.</p> </div> <div> <h4 class="font-bold text-lg mb-2">Is there really a "Migration Concierge"?</h4> <p class="text-gray-600">Yes. We reveal how our team can move your entire curriculum and student list for you during the workshop. We handle the heavy lifting so you can focus on teaching.</p> </div> </div> </div> </section>  <footer class="bg-gray-100 py-12 border-t border-gray-200"> <div class="max-w-6xl mx-auto px-4 text-center"> <span class="text-xl font-black tracking-tighter text-gray-800 uppercase italic mb-6 block">Course<span class="text-red-600">Hub</span>.</span> <div class="flex justify-center space-x-6 text-sm text-gray-500 mb-8 uppercase font-bold tracking-widest"> <a href="#" class="hover:text-red-600">Privacy Policy</a> <a href="#" class="hover:text-red-600">Terms of Service</a> <a href="#" class="hover:text-red-600">Support</a> <a href="#" class="hover:text-red-600">Contact Us</a> </div> <p class="text-xs text-gray-400"> &copy; 2024 - 2026 CourseHub Software. All Rights Reserved. <br> Legacy Founder's pricing and special bonuses are strictly valid until April 1st, 2026. </p> </div> </footer>} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-EpNws_WKi { height: 100%;width: 100%; } @media (max-width: 639px) { .global-style-EpNws_WKi { width: 100%;height: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-EpNws_WKi { width: 100%;height: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-EpNws_WKi { width: 100%;height: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-EpNws_WKi { width: 100%;height: 100%; } } @media (min-width: 1200px) { .global-style-EpNws_WKi { width: 100%;height: 100%; } } .global-style-EpNws_WKi:not([data-gp-component="block"]), .global-style-EpNws_WKi [data-section-overlay] { background-color: undefined; } @media (max-width: 639px) { body { background-color: rgba(255, 255, 255, 1); } } @media (max-width: 767px) and (min-width: 640px) { body { background-color: rgba(255, 255, 255, 1); } } @media (max-width: 991px) and (min-width: 768px) { body { background-color: rgba(255, 255, 255, 1); } } @media (max-width: 1199px) and (min-width: 992px) { body { background-color: rgba(255, 255, 255, 1); } } @media (min-width: 1200px) { body { background-color: rgba(255, 255, 255, 1); } } @media (max-width: 639px) { .gp-component-id-r1fWqOtrP.gp-component > [data-section-overlay] { background-color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-r1fWqOtrP.gp-component > [data-section-overlay] { background-color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-r1fWqOtrP.gp-component > [data-section-overlay] { background-color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-r1fWqOtrP.gp-component > [data-section-overlay] { background-color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-r1fWqOtrP.gp-component > [data-section-overlay] { background-color: rgb(255, 255, 255); } } @media (max-width: 639px) { .gp-component-id-LUu_ptGXD[data-gp-component] { flex-direction: column;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-LUu_ptGXD[data-gp-component] { flex-direction: column;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-LUu_ptGXD[data-gp-component] { flex-direction: column;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-LUu_ptGXD[data-gp-component] { flex-direction: column;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-LUu_ptGXD[data-gp-component] { flex-direction: column;align-items: center;display: flex; } } @media (max-width: 639px) { .gp-component-id-oiO8tVV14G[data-gp-component] { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-oiO8tVV14G[data-gp-component] { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-oiO8tVV14G[data-gp-component] { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-oiO8tVV14G[data-gp-component] { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-oiO8tVV14G[data-gp-component] { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 639px) { .gp-component-id-SSf1GbVDL[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-bottom: 56px;height: auto;max-width: 89%;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-position: center center;object-fit: cover; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SSf1GbVDL[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-bottom: 56px;height: auto;max-width: 89%;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-position: center center;object-fit: cover; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SSf1GbVDL[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-bottom: 56px;height: auto;max-width: 89%;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-position: center center;object-fit: cover; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SSf1GbVDL[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-bottom: 56px;height: auto;max-width: 89%;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-position: center center;object-fit: cover; } } @media (min-width: 1200px) { .gp-component-id-SSf1GbVDL[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-bottom: 56px;height: auto;max-width: 89%;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-position: center center;object-fit: cover; } } .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-W8VnN5ROu { padding-right: 8px;width: 100%;padding-left: 8px; } } .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } } @media (min-width: 1200px) { .gp-component-id-3Fn2k6Lqo { margin-right: -8px;margin-left: -8px; } } .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-hA4dXDquOU { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 639px) { .gp-component-id-Xb0wfExN1r[data-gp-component] { width: 100%;height: 1200px;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Xb0wfExN1r[data-gp-component] { width: 100%;height: 1200px;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Xb0wfExN1r[data-gp-component] { width: 100%;height: 1200px;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Xb0wfExN1r[data-gp-component] { width: 100%;height: 1200px;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-Xb0wfExN1r[data-gp-component] { width: 100%;height: 1200px;overflow-wrap: break-word; } } .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } @media (max-width: 639px) { .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-X0LU0V0OVQ { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 1200px; } } .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-FhQmoQ4Odl { min-height: 50px;position: relative;z-index: auto; } }
