Portfolio & Profit Bundle (2 Masterclasses: Pricing & Packages, Portfolio Builder)
Portfolio & Profit Bundle FAQ * { margin: 0; padding: 0; box-sizing: border-box; } .product-description-section { background: transparent; padding: 24px 40px; position: relative; o verflow: hidden; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } /* Subtle texture overlay */ .product-description-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; } .section-container { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; } /* Accordion System */ .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; } /* What's included section */ .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; } /* Info cards in accordion */ .info-cards-grid { display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 15px; } .info-card-compact { background: rgba(211, 234, 253, 0.2); border: 1px solid #d3eafd; border-radius: 10px; padding: 18px; transition: all 0.3s ease; } .info-card-compact:hover { background: rgba(211, 234, 253, 0.3); transform: translateY(-2px); } .card-title-compact { color: #005f00; font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; } .card-content-compact { color: #005f00; font-size: 0.9rem; line-height: 1.5; opacity: 0.85; } /* FAQ specific styling */ .faq-answer { color: #005f00; font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-top: 15px; } /* Course listing */ .course-list { list-style: none; margin-top: 15px; } .course-item { display: flex; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid rgba(163, 204, 152, 0.1); } .course-item:last-child { border-bottom: none; } .course-bullet { width: 6px; height: 6px; background: #a3cc98; border-radius: 50%; margin-right: 10px; margin-top: 8px; flex-shrink: 0; } .course-text { color: #005f00; font-size: 0.9rem; line-height: 1.4; opacity: 0.85; } /* Responsive design */ @media (max-width: 768px) { .product-description-section { padding: 20px 20px; } .accordion-button { padding: 18px 20px; } .accordion-title { font-size: 1.2rem; } .accordion-content.active { padding: 0 20px 20px 20px; } .info-cards-grid { gap: 12px; } .info-card-compact { padding: 15px; } } @media (max-width: 480px) { .product-description-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 + Portfolio Builder Class (17 minutes, 7 lessons) Strategic framework for portfolios that demonstrate expertise and build client confidence, including case study templates and 30-day strategy for building portfolio-worthy results. Pricing & Packages Class (33 minutes, 8 lessons) Systematic pricing based on data, not gut feelings, with package frameworks that position you as a strategic investment and professional pricing that reflects your true worth. Portfolio Resources Punchy Portfolio Checklist, 3 Scripts for Pitches That Build Your Portfolio, Script for Your Portfolio's About Page, and Social Media Case Study Template. Pricing Resources Profitable Pricing Calculator, Common SMM Expenses List, Pricing & Package Menu Templates, and Pricing & Package Copy Scripts. Frequently Asked Questions + What makes this bundle different from buying individual classes? + Each class in the bundle is designed to work together, giving you both professional presentation and strategic pricing. Plus, buying the bundle saves you money—so you get more value for your investment while getting the complete system. 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. Is this suitable for complete beginners? + Yes! Both classes are designed to meet you where you are and help you grow from there. Whether you're just starting out or have some experience, you'll get the frameworks you need to present yourself professionally. Will this work for my specific niche or industry? + The strategies in this bundle are psychology-based and industry-agnostic, meaning they work for any type of client in any industry. You'll learn the foundational principles that adapt to any situation. What if I don't have many client results to showcase yet? + Perfect! The Portfolio Builder class specifically addresses this with a strategic 30-day approach for creating portfolio-worthy results through sample account management, giving you the proof points you need from the beginning. What if I already have some experience as a social media manager? + This bundle will help you systematize what you're already doing well and fill in any gaps. Many experienced SMMs find these classes particularly valuable for professionalizing their presentation and pricing operations. function toggleAccordion(button) { const accordionItem = button.parentElement; const content = accordionItem.querySelector('.accordion-content'); const icon = button.querySelector('.accordion-icon'); // Check if this is a nested accordion (FAQ within FAQ section) const isNested = accordionItem.parentElement.classList.contains('accordion-content'); if (!isNested) { // For main accordions, close all other main accordions const allMainAccordions = document.querySelectorAll('.accordion-container > .accordion-item'); allMainAccordions.forEach(item => { if (item !== accordionItem) { const btn = item.querySelector('.accordion-button'); const cnt = item.querySelector('.accordion-content'); const icn = item.querySelector('.accordion-icon'); btn.classList.remove('active'); cnt.classList.remove('active'); icn.textContent = '+'; } }); } else { // For nested accordions, close other nested accordions in the same parent const parentContent = accordionItem.closest('.accordion-content'); const siblingAccordions = parentContent.querySelectorAll('.accordion-item'); siblingAccordions.forEach(item => { if (item !== accordionItem) { const btn = item.querySelector('.accordion-button'); const cnt = item.querySelector('.accordion-content'); const icn = item.querySelector('.accordion-icon'); btn.classList.remove('active'); cnt.classList.remove('active'); icn.textContent = '+'; } }); } // Toggle current accordion 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 = '×'; } }
