Content Success Bundle (2 Classes: Metrics Reporting, Content Design)

Sugarpunch Marketing Verified independent store

→

.product-accordion-section * { margin: 0; padding: 0; box-sizing: border-box; } .product-accordion-section { background: transparent; padding: 24px 40px; position: relative; overfl ow: hidden; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .product-accordion-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 30%, rgba(0, 95, 0, 0.015) 0%, transparent 45%), radial-gradient(circle at 75% 70%, rgba(211, 234, 253, 0.02) 0%, transparent 40%); pointer-events: none; z-index: 1; } .product-accordion-section .section-container { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; } .accordion-container { margin-top: 30px; } .accordion-item { border-radius: 15px; overflow: hidden; margin-bottom: 15px; border: 2px solid #d3eafd; transition: all 0.3s ease; background: white; box-shadow: 0 4px 15px rgba(0, 95, 0, 0.06); } .accordion-item:hover { border-color: #a3cc98; box-shadow: 0 6px 20px rgba(0, 95, 0, 0.1); } .accordion-button { width: 100%; background: transparent; border: none; padding: 20px 25px; text-align: left; cursor: pointer; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; position: relative; } .accordion-button:hover { background: rgba(211, 234, 253, 0.1); } .accordion-button.active { background: rgba(163, 204, 152, 0.1); } .accordion-title { color: #005f00; font-size: 1.3rem; font-weight: 600; line-height: 1.3; margin: 0; padding-right: 20px; } .accordion-icon { color: #005f00; font-size: 1.4rem; font-weight: 300; transition: transform 0.3s ease; flex-shrink: 0; } .accordion-button.active .accordion-icon { transform: rotate(45deg); } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; background: white; } .accordion-content.active { max-height: 2000px; padding: 0 25px 25px 25px; } .included-list { list-style: none; margin-top: 15px; } .included-item { display: flex; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid rgba(163, 204, 152, 0.15); } .included-item:last-child { border-bottom: none; } .checkmark { width: 20px; height: 20px; background: linear-gradient(135deg, #005f00, #a3cc98); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; margin-top: 2px; } .checkmark::before { content: '✓'; color: white; font-weight: bold; font-size: 0.8rem; } .item-content { flex: 1; } .item-title { color: #005f00; font-size: 0.95rem; font-weight: 600; margin-bottom: 4px; } .item-description { color: #005f00; font-size: 0.85rem; opacity: 0.8; line-height: 1.4; } .faq-answer { color: #005f00; font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-top: 15px; } @media (max-width: 768px) { .product-accordion-section { padding: 20px 20px; } .accordion-button { padding: 18px 20px; } .accordion-title { font-size: 1.2rem; } .accordion-content.active { padding: 0 20px 20px 20px; } } @media (max-width: 480px) { .product-accordion-section { padding: 16px 15px; } .accordion-button { padding: 16px 18px; } .accordion-title { font-size: 1.1rem; padding-right: 15px; } .accordion-icon { font-size: 1.2rem; } .accordion-content.active { padding: 0 18px 18px 18px; } } What's Included + Content Design Masterclass ($197 value) Comprehensive training in graphic design, copywriting, video editing, and efficient workflow systems. Includes 30 Hook Ideas & CTAs and practice exercises with peer feedback. Metrics & Reporting Masterclass ($67 value) Strategic framework for translating data into client value with KPI selection, comprehensive reporting, and data-driven optimization techniques. Content Creation Resources 30 Hook Ideas and 30 Call to Actions, Practice Exercises with Peer Feedback, Canva Efficiency Tools Guide, and Feed Planning Templates. Performance Measurement Resources KPI Cheatsheet for Goal-Based Tracking, Results Report Template (3 Design Styles), 30/60/90 Day Objective Calculator, and Growth Pattern Examples. Frequently Asked Questions + I've been creating content for a while—do I still need the design fundamentals? + The training focuses heavily on copywriting and video editing techniques that many social media managers struggle with, plus advanced Canva efficiency systems that speed up any workflow. I'm intimidated by analytics—will I actually understand this? + The metrics training is designed specifically for creative-minded social media managers. We translate complex data into clear, actionable insights without overwhelming technical jargon. How much time will it take to complete both classes? + Both classes are designed for working social media managers who need efficient, practical training they can implement immediately. Will this work for any industry or client type? + The frameworks and strategies work across industries because they're based on content psychology and performance principles, not industry-specific tactics. What if I'm just starting out as a social media manager? + This bundle gives you both creative skills and analytical competence from the beginning, positioning you ahead of many new social media managers who focus on only one area. How long do I have access to the classes? + You get lifetime access, so you can revisit these classes whenever you need them. Plus, any updates to the material are included at no extra cost. Can I work through the classes at my own pace? + Absolutely. You can go as fast or slow as you'd like—this is your business, and you get to learn at your own pace. The classes are designed to complement each other, but you can start wherever makes the most sense for your current needs. function toggleAccordion(button) { const accordionItem = button.parentElement; const content = accordionItem.querySelector('.accordion-content'); const icon = button.querySelector('.accordion-icon'); const isNested = accordionItem.parentElement.classList.contains('accordion-content'); if (!isNested) { const allMainAccordions = document.querySelectorAll('.accordion-container > .accordion-item'); allMainAccordions.forEach(item => { if (item !== accordionItem) { item.querySelector('.accordion-button').classList.remove('active'); item.querySelector('.accordion-content').classList.remove('active'); item.querySelector('.accordion-icon').textContent = '+'; } }); } else { const parentContent = accordionItem.closest('.accordion-content'); const siblingAccordions = parentContent.querySelectorAll('.accordion-item'); siblingAccordions.forEach(item => { if (item !== accordionItem) { item.querySelector('.accordion-button').classList.remove('active'); item.querySelector('.accordion-content').classList.remove('active'); item.querySelector('.accordion-icon').textContent = '+'; } }); } const isActive = button.classList.contains('active'); if (isActive) { button.classList.remove('active'); content.classList.remove('active'); icon.textContent = '+'; } else { button.classList.add('active'); content.classList.add('active'); icon.textContent = '×'; } } Show more