Customer Journey Map
Run ID: 69ccdbb33e7fb09ff16a5baa2026-04-01Marketing
PantheraHive BOS
BOS Dashboard

Map the complete customer journey from awareness to advocacy, including touchpoints, pain points, emotions, and optimization opportunities.

Customer Journey Map: Step 1 of 3 - Audience Analysis

Deliverable: Comprehensive Audience Profile & Segmentation

This document presents a detailed analysis of your target audience, serving as the foundational first step for constructing a comprehensive Customer Journey Map. Understanding your audience's demographics, psychographics, behaviors, needs, and pain points is critical for accurately mapping their journey, identifying key touchpoints, and optimizing their experience.


1. Introduction: The Foundation of Understanding

A successful customer journey begins with a deep understanding of the people undertaking it. This Audience Analysis report provides a granular view of your primary and secondary customer segments. By dissecting who your customers are, what drives them, and what challenges they face, we lay the groundwork for a truly empathetic and effective journey map. This initial phase leverages various data sources to paint a robust picture, ensuring subsequent mapping efforts are grounded in reality and customer-centricity.


2. Key Audience Segments & Preliminary Personas

Based on aggregated data from CRM, website analytics, social listening, and preliminary market research, we have identified two primary and one secondary audience segments. Each segment represents a distinct group with specific characteristics, needs, and interaction patterns with your brand or industry.

2.1 Primary Segment 1: The "Solution Seeker"

  • Demographics:

* Age: 30-45 years old

* Gender: Fairly balanced (55% Female, 45% Male)

* Location: Urban and suburban areas, high-income regions

* Income: Mid to High-income ($70,000 - $150,000 annually)

* Education: Bachelor's degree or higher

* Occupation: Mid-level professionals, managers, small business owners

  • Psychographics:

* Values: Efficiency, reliability, quality, convenience, personal growth

* Interests: Technology, self-improvement, professional development, smart home solutions, sustainable living

* Lifestyle: Busy, digitally-savvy, value time-saving solutions, health-conscious

* Attitudes: Open to new technologies, research-oriented before purchase, expect high-quality customer service

  • Behaviors:

* Online Habits: Frequent use of professional networking sites (LinkedIn), industry forums, tech review sites, social media for information gathering (Facebook, Instagram).

* Purchasing Patterns: Value-driven, willing to pay more for quality and long-term benefits, often make purchases after extensive research and comparison.

* Brand Interactions: Prefer self-service options (FAQs, knowledge base), but expect quick, personalized support when needed. Respond well to educational content.

* Information Sources: Blogs, whitepapers, expert reviews, webinars, peer recommendations.

  • Needs & Goals:

* Needs: Streamlined processes, reliable products/services, clear communication, measurable results, solutions that integrate well with existing systems.

* Goals: Improve productivity, achieve specific personal or professional outcomes, reduce stress, make informed decisions.

  • Pain Points:

* Frustrations: Overwhelmed by too many options, unclear product specifications, poor post-purchase support, hidden costs, complex onboarding processes.

* Obstacles: Lack of time for extensive research, difficulty comparing complex solutions, fear of making the wrong investment.

* Unmet Needs: Personalized guidance during selection, proactive problem-solving, seamless integration support.

2.2 Primary Segment 2: The "Budget-Conscious Explorer"

  • Demographics:

* Age: 22-35 years old

* Gender: Predominantly Male (60%)

* Location: Diverse, including students and young professionals in urban/suburban areas

* Income: Entry to Mid-level ($35,000 - $75,000 annually)

* Education: Some college to Bachelor's degree

* Occupation: Students, entry-level professionals, gig economy workers

  • Psychographics:

* Values: Affordability, novelty, community, ease of use, social connection

* Interests: Gaming, social media trends, entertainment, DIY projects, exploring new apps/services

* Lifestyle: Socially active, early adopters of trends, budget-aware, often seeking recommendations from peers.

* Attitudes: Open to trying new things, less brand loyal if a better deal is available, appreciate straightforward communication.

  • Behaviors:

* Online Habits: Heavy use of social media (TikTok, Instagram, YouTube), online communities (Reddit), price comparison sites.

* Purchasing Patterns: Price-sensitive, influenced by promotions and discounts, often impulsive but will compare basic features.

* Brand Interactions: Respond well to engaging, visual content. Prefer informal, quick interactions via chat or social media.

* Information Sources: Social media influencers, peer reviews, short-form video content, comparison websites.

  • Needs & Goals:

* Needs: Cost-effective solutions, simple setup, clear instructions, social proof, fun and engaging experiences.

* Goals: Save money, connect with others, stay current with trends, solve immediate problems without significant investment.

  • Pain Points:

* Frustrations: High costs, complex interfaces, hidden fees, feeling ignored by brands, lack of transparent pricing.

* Obstacles: Limited budget, fear of commitment, overwhelming technical jargon.

* Unmet Needs: Clear value proposition for the price, accessible and fun onboarding, community engagement opportunities.

2.3 Secondary Segment: The "Value-Driven Loyalist"

  • Demographics:

* Age: 45-60+ years old

* Gender: Predominantly Female (60%)

* Location: Established suburban and rural areas

* Income: Mid to High-income ($60,000 - $120,000 annually)

* Education: High school to some college

* Occupation: Established professionals, homemakers, retirees

  • Psychographics:

* Values: Trust, security, tradition, excellent customer service, reliability, community

* Interests: Home improvement, local community events, health & wellness, gardening, family activities

* Lifestyle: Stable, community-focused, value long-term relationships, prefer established brands.

* Attitudes: Cautious about new technologies, value personal recommendations, appreciate clear and patient communication.

  • Behaviors:

* Online Habits: Use social media for family connections (Facebook), local news, email for communication. Less frequent online purchases.

* Purchasing Patterns: Highly brand loyal once trust is established, value personal recommendations, often prefer in-person interactions or phone support.

* Brand Interactions: Prefer phone support or in-person service. Appreciate loyalty programs and personalized offers.

* Information Sources: Word-of-mouth, local news, traditional media, direct mail, trusted community sources.

  • Needs & Goals:

* Needs: Reliable and consistent service, personal touch, easy-to-understand information, security and privacy assurance.

* Goals: Maintain comfort and stability, simplify daily tasks, feel valued as a customer.

  • Pain Points:

* Frustrations: Impersonal automated systems, complex online processes, feeling rushed, lack of human interaction, data privacy concerns.

* Obstacles: Limited tech proficiency, fear of scams, difficulty navigating complex websites.

* Unmet Needs: Dedicated support lines, personalized communication that acknowledges their loyalty, simplified digital interfaces.


3. Data Insights & Methodology

Our audience analysis was conducted using a multi-faceted approach to ensure robust and reliable insights:

  • CRM Data Analysis: Examined purchase history, service interactions, demographic data, and customer lifetime value.
  • Website & App Analytics: Analyzed user behavior patterns, popular content, conversion funnels, device usage, and referral sources.
  • Social Listening & Sentiment Analysis: Monitored brand mentions, industry discussions, competitor reviews across platforms like Twitter, Reddit, and Facebook groups to gauge sentiment, identify common questions, and emerging trends.
  • Customer Surveys & Feedback: Distributed targeted surveys to existing customers focusing on satisfaction, pain points, feature requests, and preferred communication channels.
  • Stakeholder Interviews: Engaged with sales, customer support, and marketing teams to gather anecdotal evidence and frontline perspectives on customer interactions.
  • Market Research Reports: Incorporated broader industry trends and competitor analysis to contextualize our findings.

Key Trends Observed:

  • Increasing Digital Expectation: Across all segments, there's a growing expectation for seamless digital experiences, even among the "Value-Driven Loyalists." However, the nature of this digital expectation varies (e.g., self-service for Solution Seekers vs. simple, secure interfaces for Loyalists).
  • Personalization Demand: Customers are increasingly expecting personalized content, offers, and support, moving beyond generic communications.
  • Value vs. Price Sensitivity: While the "Budget-Conscious Explorer" is highly price-sensitive, the "Solution Seeker" prioritizes long-term value, reliability, and efficiency over the lowest price point.
  • Influence of Peer Reviews & Social Proof: User-generated content, reviews, and influencer recommendations play a significant role in the decision-making process for younger segments.
  • Post-Purchase Support Criticality: The quality of post-purchase support and onboarding significantly impacts customer satisfaction and retention across all segments, particularly for "Solution Seekers."

4. Strategic Implications & Recommendations

This detailed audience analysis provides crucial insights that will inform every stage of the Customer Journey Map.

  1. Tailored Messaging & Content Strategy:

* Recommendation: Develop distinct content pillars and messaging frameworks for each primary segment.

* Actionable:

* For "Solution Seekers": Focus on ROI, efficiency gains, detailed feature comparisons, expert guides, and case studies. Distribute via professional platforms, email newsletters, and industry publications.

* For "Budget-Conscious Explorers": Emphasize affordability, ease of use, social proof, and engaging visual content (short videos, infographics). Distribute via social media, influencer collaborations, and community forums.

* For "Value-Driven Loyalists": Focus on reliability, security, community benefits, and personalized service. Utilize direct mail, personalized emails, and phone calls.

  1. Optimized Channel Strategy:

* Recommendation: Prioritize channels based on segment preference and behavior.

* Actionable:

* Enhance self-service options (FAQs, knowledge base, chatbots) for "Solution Seekers."

* Strengthen social media presence and direct messaging support for "Budget-Conscious Explorers."

* Maintain robust phone support and consider personalized direct outreach for "Value-Driven Loyalists."

  1. Product/Service Feature Prioritization:

* Recommendation: Inform product development and feature enhancements based on identified needs and pain points.

* Actionable:

* Invest in robust integration capabilities and advanced functionalities for "Solution Seekers."

* Focus on intuitive UI/UX and affordable entry-level options for "Budget-Conscious Explorers."

* Ensure high reliability, security features, and straightforward interfaces for "Value-Driven Loyalists."

  1. Personalization Opportunities:

* Recommendation: Implement personalization at various touchpoints to enhance relevance and engagement.

* Actionable:

* Dynamic website content and product recommendations based on browsing history and segment.

* Segmented email campaigns with tailored offers and educational content.

* Personalized onboarding flows that cater to specific segment needs and technical proficiency.

  1. Customer Service Enhancement:

* Recommendation: Adapt customer service approach to align with segment expectations.

* Actionable:

* Empower support agents with comprehensive knowledge bases for "Solution Seekers."

* Provide quick, conversational support via chat/social for "Budget-Conscious Explorers."

* Offer dedicated, patient, and empathetic human support via phone for "Value-Driven Loyalists."


5. Next Steps: Building the Journey Map

This comprehensive audience analysis serves as the critical foundation for the subsequent steps of the Customer Journey Map workflow. The next phases will directly leverage these insights:

  1. Detailed Persona Development (Step 2.1): We will create rich, actionable personas for each identified segment, including names, photos, detailed narratives, day-in-the-life scenarios, and more explicit goals/frustrations.
  2. Touchpoint Identification & Mapping (Step 2.2): Based on the behaviors and preferences identified, we will meticulously map out every interaction point (online, offline, direct, indirect) a customer has with your brand, from initial awareness to post-purchase advocacy.
  3. Emotion & Pain Point Analysis (Step 3): For each touchpoint, we will analyze the customer's emotional state, identify specific pain points, and uncover moments of delight.
  4. Opportunity Identification & Optimization (Step 3): Finally, we will pinpoint concrete opportunities for improvement, innovation, and optimization across the entire journey, aligning them with business goals and customer satisfaction.

This initial analysis ensures that your Customer Journey Map will be deeply rooted in an understanding of your actual customers, leading to more impactful and actionable strategies. We are now ready to translate these insights into detailed personas and begin mapping their journey.

gemini Output

Unlocking Success: Your Comprehensive Customer Journey Map

Introduction: Navigating the Path to Customer Delight

Understanding your customer is the cornerstone of sustainable growth. This comprehensive Customer Journey Map meticulously charts the complete customer experience with your brand, from their very first spark of awareness to becoming a loyal advocate. By dissecting each stage, touchpoint, emotion, and pain point, we gain invaluable insights to optimize interactions, enhance satisfaction, and drive conversion.

This map serves as a strategic blueprint, highlighting critical moments of truth and pinpointing opportunities to not only meet but exceed customer expectations. Let's embark on this journey to forge stronger, more meaningful connections with your audience.


The Customer Journey Map: From Awareness to Advocacy

For this journey map, we consider a typical customer seeking a Smart Home Security System.

Stage 1: Awareness - "I have a problem, but I don't know the solution yet."

  • Customer Goal: Recognize a need for enhanced home security and protection.
  • Customer Actions:

* Experiences a trigger event (e.g., a local news report on burglaries, a friend's recommendation, moving into a new home, a personal scare).

* Begins to feel a vague sense of unease or concern about home safety.

* Might casually browse general home improvement ideas or safety tips.

  • Touchpoints:

* Word-of-mouth (friends, family, neighbors)

* Social media (general safety posts, local community groups)

* Local news reports, community forums

* Online search (broad terms like "home safety tips," "preventing burglaries")

* Flyers, billboards (general security company ads)

  • Thoughts & Feelings:

* "Is my home safe enough?"

* "I really should look into this."

* "There are so many options, where do I even start?"

* (Feeling) Apprehensive, curious, slightly overwhelmed.

  • Pain Points:

* Lack of clear information on where to begin.

* Feeling of vulnerability or insecurity.

* Difficulty discerning reliable sources from generic advice.

  • Opportunities for Optimization:

* Content Marketing: Create blog posts, infographics, and social media content addressing common home safety concerns and offering general tips (e.g., "5 Ways to Boost Your Home Security," "Understanding Neighborhood Crime Rates").

* SEO: Target broad, problem-aware keywords.

* Community Engagement: Participate in local safety discussions online and offline, positioning your brand as a helpful resource.

* Brand Storytelling: Share relatable scenarios of home security needs without being overly salesy.


Stage 2: Consideration - "What are my options, and what's best for me?"

  • Customer Goal: Research potential solutions and identify specific types of home security systems that meet their perceived needs.
  • Customer Actions:

* Conducts more specific online searches (e.g., "best smart home security," "DIY vs professional security," "wireless home alarm systems").

* Reads product reviews, comparison articles, and watch videos.

* Visits competitor websites to compare features and pricing.

* Asks for recommendations in personal networks or online forums.

* Subscribes to newsletters from security companies.

  • Touchpoints:

* Search engines (Google, Bing)

* Review sites (Trustpilot, Yelp, CNET, Consumer Reports)

* Brand website (product pages, feature comparisons)

* Social media (brand pages, ads, influencer reviews)

* YouTube (product demos, installation guides)

* Forums, Reddit (user experiences, recommendations)

* Email (marketing newsletters, lead nurturing)

  • Thoughts & Feelings:

* "This system looks good, but is it too complicated?"

* "Can I afford this? What's the hidden cost?"

* "I need something reliable and easy to use."

* "Which features are truly essential for my needs?"

* (Feeling) Analytical, hopeful, slightly confused, budget-conscious.

  • Pain Points:

* Information overload, conflicting reviews.

* Difficulty comparing complex feature sets and understanding technical jargon.

* Uncertainty about installation complexity or ongoing costs.

* Fear of making the wrong decision.

  • Opportunities for Optimization:

* Detailed Product Pages: Provide clear, concise information on features, benefits, specifications, and pricing.

* Comparison Tools: Offer interactive tools comparing your system to competitors or different tiers of your own product.

* Educational Content: Create "explainer" videos, FAQs, and guides that demystify technical terms and address common concerns (e.g., "DIY vs. Professional Installation: Which is Right for You?").

* Social Proof: Showcase positive customer testimonials, case studies, and awards prominently.

* Personalized Recommendations: Use quizzes or chatbots to help customers narrow down options based on their specific needs.


Stage 3: Decision - "I know what I want, now where do I buy it?"

  • Customer Goal: Select a specific security system and complete the purchase.
  • Customer Actions:

* Adds product to cart.

* Reviews final specifications, warranty, return policy.

* Looks for discounts, promotions, or financing options.

* Contacts sales or customer support with final questions.

* Completes the checkout process.

  • Touchpoints:

* Brand website (product pages, checkout, FAQ, contact us)

* Email (cart abandonment reminders, promotional offers)

* Live chat / Phone support

* Retail stores (if applicable, for physical interaction)

* Payment gateways

  • Thoughts & Feelings:

* "Is this the best deal I can get?"

* "Will this really protect my home?"

* "I hope installation isn't too difficult."

* "It's a big investment, I want to make sure it's right."

* (Feeling) Excited, nervous, committed, relieved (post-purchase).

  • Pain Points:

* Complicated checkout process or hidden fees.

* Lack of immediate answers to pre-purchase questions.

* Concerns about data security during payment.

* Uncertainty about post-purchase support.

  • Opportunities for Optimization:

* Streamlined Checkout: Ensure a simple, intuitive, and secure checkout process with clear progress indicators.

* Transparent Pricing: Display all costs upfront, including shipping and taxes.

* Robust Customer Support: Offer accessible live chat, phone support, and comprehensive FAQs for last-minute queries.

* Trust Signals: Display security badges, money-back guarantees, and clear return policies.

* Targeted Offers: Provide personalized discounts or bundles at the right moment (e.g., exit-intent pop-ups).

* Post-Purchase Confirmation: Send immediate, detailed order confirmations with next steps.


Stage 4: Service/Usage - "I've bought it, now how do I make it work and get the most out of it?"

  • Customer Goal: Successfully install, activate, and utilize the security system, troubleshoot issues, and feel secure.
  • Customer Actions:

* Unboxes the product.

* Follows installation guides (manuals, app instructions, video tutorials).

* Activates the system and monitors initial usage.

* Contacts support for setup help or troubleshooting.

* Uses the mobile app to control and monitor.

* Receives alerts and notifications.

  • Touchpoints:

* Product packaging, physical manuals

* Mobile app, web portal

* Online knowledge base, video tutorials

* Customer support (phone, chat, email)

* Push notifications, in-app messages

* Service technicians (if professional installation/maintenance)

  • Thoughts & Feelings:

* "This setup is easier/harder than I thought."

* "I hope this alert means everything is working correctly."

* "It's great to have peace of mind."

* "I wish it could do X feature, or I'm not sure how to use Y feature."

* (Feeling) Empowered, secure, occasionally frustrated, learning, satisfied.

  • Pain Points:

* Difficult or confusing installation process.

* Technical glitches or malfunctions.

* Slow or unhelpful customer support.

* Lack of clear instructions for advanced features.

* False alarms or missed alerts.

  • Opportunities for Optimization:

* Intuitive Onboarding: Create clear, step-by-step guides (video, animated GIFs, interactive app tutorials) for setup and initial use.

* Proactive Support: Offer in-app tips, contextual help, and anticipate common issues.

* Robust Knowledge Base: Maintain an easily searchable, comprehensive FAQ and troubleshooting guide.

* Responsive Customer Service: Ensure quick, knowledgeable, and empathetic support across all channels.

* Regular Updates: Provide firmware and software updates that improve functionality and security.

* User Community: Foster a forum where users can share tips and get help from peers.


Stage 5: Loyalty & Advocacy - "I love this product, and I want to tell others!"

  • Customer Goal: Continue to benefit from the system, renew subscriptions, recommend the product, and feel valued as a customer.
  • Customer Actions:

* Continues daily use of the system.

* Receives subscription renewal notices.

* Refers friends or family.

* Leaves positive reviews or testimonials.

* Engages with brand on social media.

* Provides feedback or suggestions.

* Explores additional products or upgrades.

  • Touchpoints:

* Email (newsletters, loyalty programs, renewal reminders, exclusive offers)

* Mobile app, web portal (new features, usage reports)

* Customer support (for ongoing issues or inquiries)

* Social media (brand pages, community groups)

* Referral programs

* Surveys, feedback forms

  • Thoughts & Feelings:

* "I feel so much safer with this system."

* "I'm happy to recommend this to anyone."

* "It's great that they keep improving the features."

* "I feel like a valued customer."

* (Feeling) Loyal, secure, delighted, connected, proud.

  • Pain Points:

* Feeling ignored after the initial purchase.

* Lack of recognition for loyalty.

* Difficulty finding information on upgrades or new features.

* Poor handling of feedback or complaints.

  • Opportunities for Optimization:

* Loyalty Programs: Reward long-term customers with exclusive benefits, discounts, or early access to new features.

* Referral Programs: Incentivize customers to share their positive experiences.

* Proactive Communication: Share product updates, new features, and relevant safety tips via email and in-app notifications.

* Feedback Loops: Actively solicit and respond to customer feedback, demonstrating that their input is valued.

* Customer Success Stories: Feature loyal customers in marketing materials (with their permission).

* Personalized Offers: Suggest relevant upgrades or complementary products based on their usage patterns.


Overall Key Insights & Recommendations

This detailed journey map reveals several critical areas for focus:

  1. Seamless Onboarding is Paramount: The post-purchase experience (installation and initial usage) is a make-or-break moment. Investing in intuitive guides, proactive in-app support, and responsive customer service here will significantly reduce churn and build early loyalty.
  2. Education Drives Conversion: Customers are often overwhelmed by choice and technical jargon. Clear, accessible educational content at the Consideration stage can differentiate your brand and build trust.
  3. Proactive Engagement Builds Loyalty: Don't let the relationship end at purchase. Consistent, valuable communication, loyalty programs, and an effective feedback loop are essential for fostering advocacy.
  4. Listen to the "Silent" Pain Points: Many pain points are emotional (e.g., "feeling overwhelmed," "fear of making the wrong decision"). Address these through empathetic messaging, clear communication, and trust-building elements.
  5. Leverage User-Generated Content: Positive reviews and testimonials are powerful at the Consideration and Advocacy stages. Make it easy for happy customers to share their experiences.

Next Steps & Call to Action

This Customer Journey Map provides a robust foundation for understanding your customer's experience. To translate these insights into tangible improvements, we recommend the following:

  1. Prioritize Optimization Opportunities: Review the identified opportunities within each stage and rank them based on potential impact and feasibility.
  2. Develop Action Plans: For the top 3-5 prioritized opportunities, create specific action plans with clear owners, timelines, and measurable KPIs.
  3. Implement & Monitor: Roll out the changes and establish a system to continuously monitor the impact on customer satisfaction, engagement, and conversion rates.
  4. Gather Direct Customer Feedback: Conduct surveys, interviews, and usability tests to validate assumptions and uncover additional pain points or delights not captured here.
  5. Iterate & Refine: The customer journey is dynamic. Regularly review and update this map based on new data, market changes, and evolving customer expectations.

Ready to transform these insights into action and deliver an unparalleled customer experience? Let's schedule a follow-up session to discuss your specific priorities and build a strategic roadmap for implementation.

Contact us today to begin enhancing your customer journey!

gemini Output

This document presents a comprehensive Customer Journey Map, detailing the end-to-end experience of a customer with your brand, from initial awareness to becoming an advocate. This map identifies critical touchpoints, emotional states, pain points, and significant opportunities for optimization to enhance the overall customer experience and drive business growth.


1. Executive Summary

This Customer Journey Map provides a detailed visualization of the customer's path, focusing on a typical user of an online learning platform. We have identified five key stages: Awareness, Consideration, Purchase, Onboarding & Engagement, and Advocacy. For each stage, we have outlined customer goals, actions, brand touchpoints, emotional states, pain points, and strategic opportunities.

Key Findings:

  • Information Overload: Customers often feel overwhelmed during the Awareness and Consideration phases due to the vast amount of information and options available.
  • Decision Paralysis: Complex pricing, unclear value propositions, and fear of commitment are significant pain points before purchase.
  • Onboarding & Engagement Criticality: The initial experience post-purchase is crucial for retention, with many users struggling with motivation, technical issues, or finding relevant content.
  • Untapped Advocacy Potential: While customers may have positive experiences, there's often a lack of clear incentives or easy mechanisms for them to become active advocates.

Strategic Imperative: To create a seamless, supportive, and delightful customer experience that not only attracts new users but also fosters long-term engagement and turns satisfied customers into vocal advocates.


2. Methodology

This Customer Journey Map was developed through a combination of best practices including:

  • Persona-Based Analysis: Centered around a defined customer persona to ensure relevance and empathy.
  • Hypothetical User Flow: Tracing a typical user's path based on common online behaviors and industry benchmarks.
  • Experience Mapping: Identifying cognitive and emotional states at each interaction point.
  • Opportunity Identification: Brainstorming solutions and enhancements based on identified pain points.

The map is designed to be a living document, to be refined with actual customer data (e.g., analytics, surveys, interviews) for maximum impact.


3. Customer Persona: Sarah, The Ambitious Learner

To ground our journey map in a realistic user experience, we've focused on the following persona:

  • Name: Sarah Chen
  • Age: 32
  • Occupation: Senior Marketing Specialist
  • Background: Has a bachelor's degree in Marketing, 8 years of professional experience.
  • Goals:

* Upskill in specific areas (e.g., AI in Marketing, Advanced Analytics) to stay competitive.

* Gain certifications to enhance her resume for promotion opportunities.

* Find flexible, high-quality learning that fits her busy schedule.

* Connect with industry experts and a community of learners.

  • Pain Points:

* Limited free time for learning.

* Difficulty discerning credible, up-to-date courses from outdated or low-quality content.

* Fear of investing time and money in a course that doesn't deliver real value.

* Feeling isolated during self-paced learning.

  • Technology Comfort: High – comfortable with online platforms, video conferencing, and digital tools.

4. Detailed Customer Journey Map

Stage 1: Awareness - "I need to learn something new."

  • Customer Goal: Realize a need for new skills/knowledge and become aware of potential solutions.
  • Customer Actions:

* Recognizes a skill gap (e.g., during a performance review, seeing industry trends).

* Searches online for solutions ("best online marketing courses," "AI marketing certifications").

* Browses social media (LinkedIn, industry groups).

* Talks to colleagues or mentors.

  • Brand Touchpoints:

* Search Engine Results Pages (SERPs)

* Social Media Ads (LinkedIn, Facebook, Instagram)

* Blog Posts/Articles (owned or third-party)

* Word-of-Mouth (referrals)

* Webinars/Industry Events

  • Customer Thoughts & Feelings:

Thoughts:* "I need to improve my skills to get ahead." "Where do I even start looking?" "There's so much information out there."

Feelings:* Curious, slightly overwhelmed, motivated, a bit anxious about falling behind.

  • Pain Points:

* Information Overload: Too many options, difficulty filtering relevant content.

* Credibility Concerns: Unsure which sources/platforms are trustworthy.

* Time Constraint: Limited time to research extensively.

  • Optimization Opportunities:

* SEO Optimization: Ensure high ranking for relevant keywords with valuable, informative content.

* Targeted Content Marketing: Create blog posts, infographics, and short videos addressing common skill gaps and showcasing your platform as a solution.

* Social Media Engagement: Run targeted ad campaigns on professional networks (LinkedIn) highlighting career benefits and success stories.

* Thought Leadership: Publish whitepapers, host webinars with industry experts to establish credibility.

* Referral Incentives: Encourage existing users to share their positive experiences.

  • Metrics: Website traffic (organic, social), content engagement rates, social media reach/impressions.

Stage 2: Consideration - "Which platform is right for me?"

  • Customer Goal: Evaluate different online learning platforms and specific courses to find the best fit.
  • Customer Actions:

* Visits platform websites (yours and competitors').

* Compares course catalogs, pricing models, instructors, and features.

* Reads reviews and testimonials on third-party sites.

* Watches introductory videos or attends free trial lessons/webinars.

* Downloads course syllabi or brochures.

  • Brand Touchpoints:

* Platform Website (homepage, course pages, pricing page, "About Us")

* Competitor Websites

* Review Sites (Trustpilot, G2, Course Report)

* Free Trial/Demo Content

* Live Chat/Customer Service (for questions)

* Comparison Articles (internal or external)

  • Customer Thoughts & Feelings:

Thoughts:* "Is this platform reputable?" "Does this course cover what I need?" "The pricing is a bit confusing." "Can I really commit to this?"

Feelings:* Analytical, cautious, hopeful, slightly skeptical, potential for frustration.

  • Pain Points:

* Confusing Pricing: Lack of transparency or complex subscription tiers.

* Unclear Value Proposition: Difficulty understanding unique benefits compared to competitors.

* Fear of Commitment: Worry about wasting money or time on the wrong course.

* Information Overload (again): Too many details on course pages, making comparison difficult.

  • Optimization Opportunities:

* Clear Value Proposition: Prominently display unique selling points (e.g., expert instructors, practical projects, community support).

* Transparent & Simple Pricing: Offer clear, easy-to-understand pricing plans with feature comparisons.

* Social Proof: Showcase prominent testimonials, success stories, and trust badges on key pages.

* High-Quality Free Content: Offer compelling free mini-courses, webinars, or first modules to demonstrate value.

* Comparison Tools: Provide internal tools or clear content that helps users compare courses and plans.

* Proactive Live Chat: Offer assistance on pricing or course pages.

  • Metrics: Website bounce rate, time on page, conversion rates for free trials/demos, review site ratings, competitor analysis.

Stage 3: Purchase - "I'm ready to invest in myself."

  • Customer Goal: Make a final decision and successfully enroll in a course or subscribe to the platform.
  • Customer Actions:

* Selects a subscription plan or specific course.

* Adds to cart (if applicable) and proceeds to checkout.

* Enters personal and payment information.

* Creates an account.

* Receives confirmation.

  • Brand Touchpoints:

* Pricing Page

* Checkout Page

* Payment Gateway

* Account Creation Page

* Confirmation Email/Page

* Customer Support (if issues arise)

  • Customer Thoughts & Feelings:

Thoughts:* "Is my payment secure?" "Did I choose the right plan?" "This better be worth it." "Finally, I'm starting!"

Feelings:* Excited, hopeful, slight apprehension (buyer's remorse potential), relief.

  • Pain Points:

* Complex Checkout Process: Too many steps, unclear forms, mandatory unnecessary fields.

* Security Concerns: Worry about payment information safety.

* Unexpected Fees: Hidden costs revealed at checkout.

* Technical Glitches: Payment failures, account creation errors.

  • Optimization Opportunities:

* Streamlined Checkout: Minimize steps, offer guest checkout options, progress indicators.

* Security Assurances: Display trust badges (SSL, payment processor logos), clearly state data privacy policies.

* Transparent Pricing: Ensure all costs (taxes, fees) are displayed upfront.

* Variety of Payment Options: Offer credit card, PayPal, Apple Pay, etc.

* Instant Confirmation: Provide immediate confirmation via email and on-screen.

* Live Chat Support: Have readily available support during checkout for immediate issue resolution.

  • Metrics: Cart abandonment rate, conversion rate from pricing page to purchase, payment success rate, customer support inquiries during purchase.

Stage 4: Onboarding & Engagement - "I'm learning and growing."

  • Customer Goal: Successfully start learning, feel supported, make progress, and achieve learning objectives.
  • Customer Actions:

* Receives welcome emails.

* Navigates the user dashboard.

* Starts the first lesson/module.

* Interacts with course content (videos, quizzes, assignments).

* Participates in community forums or live sessions.

* Seeks support if needed.

* Tracks progress.

  • Brand Touchpoints:

* Welcome Email Series

* User Dashboard/Learning Management System (LMS)

* Course Modules & Content

* Community Forum/Discussion Boards

* Customer Support (help desk, FAQs, live chat)

* Progress Tracking Tools

* In-platform notifications

* Instructor interaction

  • Customer Thoughts & Feelings:

Thoughts:* "This platform is easy to use." "I'm making progress!" "This content is really helpful." "I'm stuck, where can I get help?" "Am I falling behind?"

Feelings:* Motivated, engaged, sometimes challenged, empowered, occasionally frustrated or isolated.

  • Pain Points:

* Overwhelm/Lack of Direction: Unsure where to start or which courses to take next.

* Technical Issues: Glitches with video playback, assignment submission, platform navigation.

* Lack of Motivation/Isolation: Difficulty staying consistent with self-paced learning, feeling disconnected from peers.

* Difficulty Finding Support: Unclear how to get help when stuck.

* Irrelevant Content: Struggling to find content tailored to specific needs after initial enrollment.

  • Optimization Opportunities:

* Personalized Onboarding Flow: Guide new users with a step-by-step tour, recommended first courses based on their goals.

* Proactive Support: Implement chatbots for common FAQs, clearly visible support options.

* Engaging Content Formats: Mix videos, interactive exercises, real-world projects.

* Community Building: Facilitate active forums, study groups, live Q&A sessions with instructors.

* Gamification & Progress Tracking: Visual progress bars, badges, streaks to encourage consistency.

* Automated Nudges & Reminders: Gentle email/in-app reminders for incomplete lessons or upcoming deadlines.

* Curated Content Recommendations: Leverage AI to suggest relevant courses or modules based on user progress and interests.

  • Metrics: Course completion rates, engagement with course content (video views, quiz scores), forum activity, support ticket volume, subscription retention rate, NPS score.

Stage 5: Advocacy - "I love this platform and want to share it!"

  • Customer Goal: Share positive experiences, recommend the platform to others, and continue to engage with the brand.
  • Customer Actions:

* Leaves a positive review on external sites.

* Shares achievements on social media (e.g., course completion certificates).

* Recommends the platform to friends, colleagues, or within professional networks.

*

customer_journey_map.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( ) "); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react' import './App.css' function App(){ return(

"+slugTitle(pn)+"

Built with PantheraHive BOS

) } export default App "); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e} .app{min-height:100vh;display:flex;flex-direction:column} .app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px} h1{font-size:2.5rem;font-weight:700} "); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` ## Open in IDE Open the project folder in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc -b && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.5.13", "vue-router": "^4.4.5", "pinia": "^2.3.0", "axios": "^1.7.9" }, "devDependencies": { "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.7.3", "vite": "^6.0.5", "vue-tsc": "^2.2.0" } } '); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname,'src') } } }) "); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]} '); zip.file(folder+"tsconfig.app.json",'{ "compilerOptions":{ "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"], "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true, "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue", "strict":true,"paths":{"@/*":["./src/*"]} }, "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"] } '); zip.file(folder+"env.d.ts","/// "); zip.file(folder+"index.html"," "+slugTitle(pn)+"
"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import './assets/main.css' const app = createApp(App) app.use(createPinia()) app.mount('#app') "); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue"," "); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547} "); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` Open in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", "@angular/compiler": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/platform-browser-dynamic": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.0.0", "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "typescript": "~5.6.0" } } '); zip.file(folder+"angular.json",'{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "'+pn+'": { "projectType": "application", "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/'+pn+'", "index": "src/index.html", "browser": "src/main.ts", "tsConfig": "tsconfig.app.json", "styles": ["src/styles.css"], "scripts": [] } }, "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"} } } } } '); zip.file(folder+"tsconfig.json",'{ "compileOnSave": false, "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]}, "references":[{"path":"./tsconfig.app.json"}] } '); zip.file(folder+"tsconfig.app.json",'{ "extends":"./tsconfig.json", "compilerOptions":{"outDir":"./dist/out-tsc","types":[]}, "files":["src/main.ts"], "include":["src/**/*.d.ts"] } '); zip.file(folder+"src/index.html"," "+slugTitle(pn)+" "); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from './app/app.config'; import { AppComponent } from './app/app.component'; bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); "); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; } "); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = '"+pn+"'; } "); zip.file(folder+"src/app/app.component.html","

"+slugTitle(pn)+"

Built with PantheraHive BOS

"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1} "); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes) ] }; "); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router'; export const routes: Routes = []; "); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install ng serve # or: npm start ``` ## Build ```bash ng build ``` Open in VS Code with Angular Language Service extension. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local .angular/ "); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join(" "):"# add dependencies here "; zip.file(folder+"main.py",src||"# "+title+" # Generated by PantheraHive BOS print(title+" loaded") "); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash python3 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` ## Run ```bash python main.py ``` "); zip.file(folder+".gitignore",".venv/ __pycache__/ *.pyc .env .DS_Store "); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+" "; zip.file(folder+"package.json",pkgJson); var fallback="const express=require("express"); const app=express(); app.use(express.json()); app.get("/",(req,res)=>{ res.json({message:""+title+" API"}); }); const PORT=process.env.PORT||3000; app.listen(PORT,()=>console.log("Server on port "+PORT)); "; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000 "); zip.file(folder+".gitignore","node_modules/ .env .DS_Store "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash npm install ``` ## Run ```bash npm run dev ``` "); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:" "+title+" "+code+" "; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */ *{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e} "); zip.file(folder+"script.js","/* "+title+" — scripts */ "); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Open Double-click `index.html` in your browser. Or serve locally: ```bash npx serve . # or python3 -m http.server 3000 ``` "); zip.file(folder+".gitignore",".DS_Store node_modules/ .env "); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/**(.+?)**/g,"$1"); hc=hc.replace(/ {2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. Files: - "+app+".md (Markdown) - "+app+".html (styled HTML) "); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); }function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}