Customer Journey Map
Run ID: 69ccbf633e7fb09ff16a4b9c2026-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 - Analyze Audience

Introduction

Welcome to the first critical step in developing your comprehensive Customer Journey Map. This foundational phase, "Analyze Audience," is dedicated to deeply understanding who your customers are, what motivates them, their needs, pain points, and how they currently interact with your brand and the broader market. A robust audience analysis ensures that the subsequent journey mapping accurately reflects real customer experiences, leading to truly impactful optimization opportunities.

This document provides a detailed professional output of our initial audience analysis, including a framework for persona development, key insights, general trends, and actionable recommendations to refine our understanding.

1. Key Objective of Audience Analysis

The primary objective of this step is to create a clear, empathetic, and data-driven profile of your target customers. This understanding will serve as the bedrock for mapping their journey, identifying critical touchpoints, and ultimately enhancing their overall experience.

Specifically, we aim to:

  • Define Core Personas: Develop detailed representations of your ideal and typical customers.
  • Uncover Demographics & Psychographics: Identify key attributes that shape customer behavior.
  • Understand Needs & Goals: Determine what customers are trying to achieve and what problems they are trying to solve.
  • Identify Pain Points & Frustrations: Pinpoint obstacles and negative experiences in their current interactions.
  • Establish Baseline Behaviors: Understand how customers currently engage with products, services, and information relevant to your offerings.

2. Target Persona Development Framework

To effectively map the customer journey, we must first define the individuals undertaking that journey. We propose developing 2-4 distinct customer personas that represent your primary audience segments. These are not real individuals but archetypes built from observed data and educated assumptions, which will be refined with your specific customer data.

Example Persona Framework (to be populated with your data):

We will build out each persona with the following attributes:

  • Persona Name: A memorable name (e.g., "Savvy Sarah," "Budget-Conscious Brian").
  • Demographics: Age, Gender, Location, Income Level, Education, Occupation, Family Status.
  • Psychographics: Personality traits, Values, Attitudes, Interests, Lifestyle, Motivations.
  • Goals: What are they trying to achieve? What problems are they trying to solve? (e.g., "Find a reliable, cost-effective solution," "Improve efficiency," "Gain recognition").
  • Pain Points: What frustrates them? What obstacles do they face? (e.g., "Lack of clear information," "Complex processes," "Poor customer support," "Time constraints").
  • Behaviors: How do they research? What channels do they prefer? How do they make purchasing decisions? (e.g., "Relies on online reviews," "Seeks peer recommendations," "Compares multiple vendors").
  • Technology Proficiency: Comfort level with digital tools and platforms.
  • Brand Affinity: What types of brands do they trust? What influences their choices?
  • Key Quotes: Representative statements that encapsulate their mindset.

Hypothetical Example Persona (for illustrative purposes):

Persona 1: "Efficiency-Driven Emily"

  • Demographics: Female, 30-45 years old, Mid-to-Senior level professional, Urban/Suburban, HHI $80k-$150k, Bachelor's/Master's degree, often a parent.
  • Psychographics: Pragmatic, results-oriented, values time and convenience, seeks practical solutions, early adopter of productivity tools.
  • Goals:

* Streamline daily tasks and processes (personal and professional).

* Save time and reduce mental load.

* Find reliable, high-quality products/services that deliver on promises.

* Achieve a better work-life balance.

  • Pain Points:

* Overwhelmed by too many options or complex choices.

* Frustrated by inefficient processes or poor user interfaces.

* Lack of clear, concise information.

* Poor customer service that wastes her time.

* Products/services that don't integrate well with her existing tools.

  • Behaviors:

* Researches extensively online (reviews, comparison sites, expert blogs).

* Relies on recommendations from trusted peers and professional networks.

* Prefers self-service options where possible.

* Uses mobile devices for research and transactions.

* Values clear, direct communication.

  • Technology Proficiency: High. Comfortable with SaaS, mobile apps, and digital tools.
  • Brand Affinity: Values brands known for reliability, innovation, excellent customer support, and user-friendly design.
  • Key Quote: "I just need something that works well, saves me time, and doesn't require a steep learning curve."

3. Current Understanding of Audience (General Insights & Assumptions)

Based on typical market dynamics and best practices, we can make initial assumptions about your audience. These will be validated and refined with your specific data.

  • Diverse Needs, Segmented Approaches: It's highly probable that your customer base isn't monolithic. Different segments will have varying needs, preferences for communication channels, and motivations for engaging with your offering.
  • Information-Seeking Behavior: Modern customers are highly empowered and conduct significant research before making decisions. They expect readily available, accurate, and relevant information.
  • Value-Driven Decisions: Beyond price, customers increasingly value convenience, quality, ethical practices, and personalized experiences.
  • Multi-Channel Engagement: Customers interact with brands across various touchpoints – website, social media, email, physical stores, customer service. A seamless experience across these channels is paramount.
  • Expectation of Personalization: Generic experiences are often overlooked. Customers expect tailored content, offers, and interactions based on their past behavior and stated preferences.

4. Data Insights & Trends (Industry Best Practices)

While specific data will come from your inputs, we base our analysis on general industry trends and the types of data that provide the most valuable audience insights.

Key Data Sources to Leverage:

  • CRM Data: Customer demographics, purchase history, interaction logs, support tickets.
  • Website Analytics (e.g., Google Analytics): User behavior (pages visited, time on site, bounce rate, conversion paths), traffic sources, device usage.
  • Social Media Analytics: Engagement rates, sentiment, demographic insights of followers, trending topics.
  • Customer Surveys & Feedback: Direct insights into satisfaction, needs, pain points, and suggestions.
  • User Interviews & Focus Groups: Qualitative deep dives into motivations, emotions, and experiences.
  • Sales Team Feedback: Front-line insights into common questions, objections, and successful selling points.
  • Market Research Reports: Broader industry trends, competitor analysis, and demographic shifts.

General Trends in Customer Behavior:

  1. Mobile-First Mentality: A significant portion of interactions, from research to purchase, now happen on mobile devices. Optimized mobile experiences are non-negotiable.
  2. Demand for Instant Gratification & Self-Service: Customers expect quick resolutions and prefer to find answers themselves through FAQs, knowledge bases, or chatbots before contacting support.
  3. The Rise of Experiential Value: Beyond the product/service itself, the entire experience surrounding it (ease of use, support, community, brand story) is a key differentiator.
  4. Trust & Authenticity: Customers are wary of overly polished marketing. They seek genuine connections, transparency, and social proof (reviews, testimonials).
  5. Privacy Concerns vs. Personalization: A delicate balance. Customers want personalized experiences but are increasingly concerned about how their data is collected and used. Clear value exchange is crucial.
  6. Subscription Economy Growth: Customers are increasingly open to subscription models for convenience and continuous value, requiring ongoing engagement strategies.

5. Identified Needs & Goals (General)

Across various industries, common customer needs and goals often emerge:

Common Customer Needs:

  • Convenience: Easy access, simple processes, time-saving solutions.
  • Reliability: Products/services that consistently perform as expected.
  • Value for Money: A fair price for the perceived benefits and quality.
  • Problem Resolution: Effective and efficient solutions to their challenges.
  • Support & Assistance: Accessible and helpful customer service when needed.
  • Information & Education: Clear, accurate, and understandable content.
  • Security & Trust: Assurance that their data and transactions are safe.
  • Personalization: Relevant recommendations and tailored experiences.
  • Community/Belonging: Feeling connected to a brand or other users.

Common Customer Goals:

  • Efficiency: Accomplishing tasks faster and with less effort.
  • Effectiveness: Achieving desired outcomes successfully.
  • Cost Savings: Reducing expenses or maximizing investment.
  • Self-Improvement: Learning new skills, enhancing personal or professional capabilities.
  • Status/Recognition: Gaining social standing or approval.
  • Peace of Mind: Reducing stress, feeling secure.
  • Enjoyment/Entertainment: Seeking pleasure or leisure.

6. Pain Points & Frustrations (General)

Understanding what frustrates customers is key to identifying opportunities for improvement. Common pain points include:

  • Information Overload/Lack of Clarity: Too much conflicting information, or difficulty finding specific answers.
  • Complex or Cumbersome Processes: Multi-step forms, unclear instructions, repetitive data entry.
  • Poor Customer Support: Long wait times, unhelpful agents, feeling unheard.
  • Lack of Personalization: Receiving irrelevant offers or communications.
  • Technical Glitches/Bugs: Website errors, app crashes, slow loading times.
  • Inconsistent Experience: Different information or service levels across channels.
  • Hidden Costs/Lack of Transparency: Unexpected fees or unclear pricing.
  • Difficulty Comparing Options: Lack of clear differentiation or comparison tools.
  • Post-Purchase Abandonment: Lack of follow-up, support, or engagement after a sale.

7. Recommendations for Deeper Audience Understanding

To move beyond these general insights and tailor our customer journey map specifically to your business, we recommend the following actions:

  1. Data Consolidation & Review:

* Action: Provide access to your existing CRM, website analytics (e.g., Google Analytics), and social media insights.

* Benefit: Allows us to analyze actual customer behavior, demographics, and interaction patterns.

  1. Customer Feedback Collection:

* Action: Share results from any recent customer surveys, NPS scores, or direct feedback channels. Consider initiating short surveys or feedback prompts at key touchpoints if not already in place.

* Benefit: Directly captures stated needs, satisfaction levels, and pain points from your customers' perspectives.

  1. Sales & Support Team Interviews:

* Action: Facilitate brief interviews or a workshop with your sales and customer support teams.

* Benefit: These teams are on the front lines and possess invaluable qualitative insights into common customer questions, objections, successful resolutions, and emerging trends.

  1. Competitor Analysis (Audience Lens):

* Action: Identify 2-3 key competitors. We can then analyze their public-facing audience engagement (e.g., social media comments, review sites) to infer their target audience and potential gaps in the market.

* Benefit: Provides context and helps identify potential unmet needs or underserved segments.

  1. Persona Validation Workshop:

* Action: Once initial data is gathered, we will schedule a collaborative workshop with your internal stakeholders (marketing, sales, product, leadership) to review and refine the proposed customer personas.

* Benefit: Ensures alignment across your organization and leverages collective internal knowledge to build accurate and actionable personas.

8. Next Steps in the Customer Journey Mapping Process

With this robust foundation of audience understanding, we are well-prepared for the subsequent steps.

  • Step 2: Map Touchpoints & Paths: We will leverage the refined personas to identify every interaction point a customer has with your brand, from initial awareness to post-purchase support and advocacy. This will include digital, physical, and human interactions.
  • Step 3: Identify Pain Points & Opportunities: For each touchpoint, we will analyze the customer's emotions, pain points, and moments of delight. This will lead to concrete recommendations for improving the customer experience and optimizing conversions.

We look forward to collaborating with you to gather the necessary data and move forward with creating a truly insightful and actionable Customer Journey Map.

gemini Output

Comprehensive Customer Journey Map: From Awareness to Advocacy

Executive Summary

This Customer Journey Map provides a detailed, end-to-end visualization of your customer's experience with PantheraGrow, from their initial awareness of a need to becoming a loyal advocate. By mapping touchpoints, emotions, pain points, and opportunities, we aim to uncover critical insights to enhance customer satisfaction, streamline processes, and drive sustained growth. This document serves as a strategic blueprint for optimizing every interaction and fostering stronger, more meaningful customer relationships.


1. Introduction: Understanding Your Customer's Path

The customer journey is rarely linear. It's a complex path influenced by various internal and external factors. By meticulously charting this journey, we gain invaluable empathy for our customers, identify moments of truth, and pinpoint areas where we can deliver exceptional value. This map focuses on the journey of our primary persona, "Sarah, The Savvy Small Business Owner," as she navigates the challenges and opportunities of managing her social media presence.


2. Customer Persona Spotlight: Sarah, The Savvy Small Business Owner

Who is Sarah?

Sarah is a 38-year-old owner of a thriving online boutique specializing in artisanal home decor. She's passionate about her products and her customers but feels overwhelmed by the demands of digital marketing, particularly social media.

Sarah's Goals:

  • Increase Brand Visibility: Reach a wider audience and attract new customers.
  • Drive Sales: Convert social media engagement into actual purchases.
  • Save Time & Effort: Streamline social media management to focus on core business operations.
  • Measure Effectiveness: Understand what's working and what's not on social media.
  • Stay Relevant: Keep up with social media trends and platform changes.

Sarah's Challenges:

  • Time Constraints: Juggling product development, sales, and customer service leaves little time for dedicated social media efforts.
  • Lack of Expertise: Not a marketing expert; struggles with content creation, scheduling, and analytics.
  • Limited Budget: Needs cost-effective solutions that deliver tangible ROI.
  • Platform Overload: Managing multiple social media platforms feels daunting and inefficient.
  • Fear of Missing Out (FOMO): Worries her competitors are doing better on social media.

3. Customer Journey Stages Overview

We've segmented Sarah's journey into five critical stages, each representing a distinct phase of her interaction with PantheraGrow:

  1. Awareness: Sarah recognizes a problem and begins to seek solutions.
  2. Consideration: Sarah researches potential solutions, including PantheraGrow.
  3. Purchase: Sarah decides to subscribe and begins the onboarding process.
  4. Retention: Sarah actively uses PantheraGrow and realizes its value.
  5. Advocacy: Sarah becomes a loyal fan and recommends PantheraGrow to others.

4. Detailed Customer Journey Map

Stage 1: Awareness – "I Need a Better Way to Manage My Social Media."

  • Customer Goal: Recognize a pain point and acknowledge the need for a solution to streamline social media management and grow her business.
  • Customer Actions:

* Expresses frustration with manual social media posting.

* Searches online for "social media management tools for small business," "how to automate social media," "best social media scheduler."

* Asks peers or business groups for recommendations.

  • Key Touchpoints:

* Google Search Results (organic & paid)

* Social Media Feeds (seeing ads, sponsored content)

* Industry Blogs & Articles (e.g., "Top 10 Tools for Small Business Marketing")

* Word-of-Mouth from fellow entrepreneurs

* Online Business Forums/Communities

  • Thoughts & Emotions:

* "This is taking too much time."

* "I'm falling behind my competitors."

* "There must be an easier way to do this."

* (Frustration, Overwhelm, Hope for a solution)

  • Pain Points:

* Difficulty finding relevant information quickly.

* Overwhelmed by the sheer number of tools available.

* Skepticism about claims made by various platforms.

  • Optimization Opportunities:

* SEO Optimization: Ensure PantheraGrow ranks high for relevant keywords.

* Content Marketing: Create blog posts, guides, and infographics addressing common pain points (e.g., "5 Ways to Save Time on Social Media").

* Targeted Social Ads: Run campaigns specifically targeting small business owners struggling with social media.

* Partnerships: Collaborate with small business associations or influencers.

  • Key Performance Indicators (KPIs): Website traffic (organic/paid), search ranking, social media reach/impressions, referral traffic.

Stage 2: Consideration – "Which Tool is Right for My Business?"

  • Customer Goal: Evaluate potential solutions, compare features and pricing, and determine if PantheraGrow meets her specific needs.
  • Customer Actions:

* Visits PantheraGrow website and competitor websites.

* Reads product reviews and testimonials.

* Watches demo videos or reads feature breakdowns.

* Compares pricing tiers and available features.

* Signs up for a free trial or demo.

  • Key Touchpoints:

* PantheraGrow Website (Homepage, Features, Pricing, Testimonials pages)

* Comparison Websites (G2, Capterra, Software Advice)

* Review Sites (Trustpilot, Google Reviews)

* Product Demo Videos (YouTube, Website)

* Free Trial Sign-up Form

* Email Nurturing Sequences (post-sign-up)

* Live Chat/Customer Support (pre-sales questions)

  • Thoughts & Emotions:

* "Does this platform have all the features I need?"

* "Is it easy to use? I don't have time for a steep learning curve."

* "Is the price worth the value it provides?"

* "What do other small businesses say about it?"

* (Curiosity, Evaluation, Skepticism, Hope)

  • Pain Points:

* Confusing pricing structures.

* Overwhelming feature lists without clear benefits.

* Difficulty understanding how the tool will integrate with her existing workflow.

* Concerns about data security and privacy.

* Lack of clear differentiation from competitors.

  • Optimization Opportunities:

* Clear Value Proposition: Highlight unique selling points and benefits for small businesses.

* Simplified Pricing: Offer transparent, easy-to-understand pricing tiers.

* Compelling Demos/Tutorials: Provide short, benefit-focused video tutorials.

* Social Proof: Showcase strong testimonials and case studies from similar businesses.

* Responsive Support: Ensure quick, helpful responses to pre-sales inquiries via chat/email.

* Free Trial Optimization: Make the trial sign-up seamless and guide users to key "aha!" moments.

  • Key Performance Indicators (KPIs): Website conversion rate (to trial/demo), demo requests, free trial activation rate, feature engagement during trial, review site ratings.

Stage 3: Purchase – "I'm Ready to Commit to PantheraGrow!"

  • Customer Goal: Make a confident decision to subscribe to PantheraGrow and successfully complete the onboarding process.
  • Customer Actions:

* Selects a subscription plan.

* Enters payment information.

* Receives confirmation emails.

* Begins the initial setup of her account (connecting social profiles, scheduling first post).

* Explores the dashboard and basic functionalities.

  • Key Touchpoints:

* Pricing Page

* Checkout/Payment Gateway

* Welcome Email Series

* Onboarding Flow (in-app tutorials, setup wizard)

* Knowledge Base/Help Center

* Customer Success Team (initial contact)

  • Thoughts & Emotions:

* "I hope this was the right decision."

* "Is this going to be easy to set up?"

* "I'm excited to finally get my social media organized!"

* (Anticipation, Mild Anxiety, Hope, Relief)

  • Pain Points:

* Complex or lengthy checkout process.

* Unclear instructions during initial setup.

* Difficulty connecting social media accounts.

* Feeling lost in the dashboard immediately after signing up.

* Worries about data migration or losing existing content.

  • Optimization Opportunities:

* Streamlined Checkout: Minimize steps and friction in the payment process.

* Intuitive Onboarding: Implement interactive in-app guides, tooltips, and a clear setup wizard.

* Personalized Welcome: Tailor welcome emails based on chosen plan or stated goals.

* Proactive Support: Offer immediate access to support for setup assistance.

* Quick Wins: Guide users to schedule their first post or achieve a small success within minutes.

  • Key Performance Indicators (KPIs): Subscription conversion rate, successful account setup rate, first post scheduled rate, time to first value.

Stage 4: Retention – "PantheraGrow is Making a Real Difference."

  • Customer Goal: Consistently use PantheraGrow, realize ongoing value, and integrate it seamlessly into her daily business operations.
  • Customer Actions:

* Regularly schedules and publishes content.

* Monitors social media performance using PantheraGrow's analytics.

* Utilizes new features as they are released.

* Interacts with customer support for questions or issues.

* Participates in webinars or reads product updates.

* Renews her subscription.

  • Key Touchpoints:

* PantheraGrow Dashboard (daily/weekly usage)

* Email Newsletters (product updates, tips, best practices)

* Customer Support (in-app chat, email, phone)

* Help Center/Knowledge Base

* Webinars & Training Sessions

* Billing & Account Management Portal

  • Thoughts & Emotions:

* "This is saving me so much time!"

* "I love seeing my engagement numbers go up."

* "Their support team is really helpful."

* "I can't imagine running my business without this now."

* (Satisfaction, Efficiency, Trust, Loyalty)

  • Pain Points:

* Encountering bugs or performance issues.

* Difficulty understanding advanced features.

* Feeling unsupported when issues arise.

* Lack of new features or perceived stagnation.

* Price increases without clear added value.

  • Optimization Opportunities:

* Proactive Customer Success: Regular check-ins, personalized tips, and usage reviews.

* Robust Support System: Fast, knowledgeable, and empathetic customer service.

* Feature Education: In-app guides, tutorials, and webinars for advanced features.

* Community Building: Create a user forum where customers can share tips and support each other.

* Feedback Loops: Actively solicit and act on customer feedback for product improvements.

* Value Reinforcement: Regularly communicate ROI and new features that enhance value.

  • Key Performance Indicators (KPIs): Active user rate, feature adoption rate, customer satisfaction (CSAT) score, Net Promoter Score (NPS), churn rate, renewal rate, support ticket resolution time.

Stage 5: Advocacy – "You HAVE to Try PantheraGrow!"

  • Customer Goal: Share positive experiences, refer new customers, and actively promote PantheraGrow within her network.
  • Customer Actions:

* Recommends PantheraGrow to other small business owners.

* Leaves positive reviews on review sites or social media.

* Shares PantheraGrow's content or success stories.

* Participates in referral programs.

* Acts as a case study or testimonial.

  • Key Touchpoints:

* Referral Program Page

* Review Request Emails

* Social Media Mentions/Tags

* PantheraGrow Community Forum

* Customer Success Team (invitations for case studies)

  • Thoughts & Emotions:

* "I want others to experience this too!"

* "PantheraGrow has truly transformed my business."

* "I'm proud to be a PantheraGrow customer."

* (Enthusiasm, Pride, Loyalty, Generosity)

  • Pain Points:

* Cumbersome referral process.

* Lack of incentives for advocacy.

* Feeling ignored or unappreciated as a loyal customer.

* Negative product experiences that might hinder advocacy.

  • Optimization Opportunities:

* Referral Program: Implement an attractive, easy-to-use referral program with clear benefits for both referrer and referee.

* Customer Recognition: Highlight loyal customers through spotlights, testimonials, or exclusive access.

* Review Campaigns: Proactively request reviews from happy customers.

* Brand Ambassador Program: Create a program for highly engaged advocates.

* Exclusive Content/Events: Offer special access or content to advocates.

  • Key Performance Indicators (KPIs): Number of referrals, positive reviews, social media mentions, NPS score (promoters), participation in advocacy programs.

5. Strategic Recommendations & Next Steps

Based on Sarah's journey, we've identified several high-impact areas for immediate focus:

  1. Enhance Onboarding for "Quick Wins":

* Recommendation: Redesign the initial onboarding flow to guide users to schedule their first post within the first 15 minutes. Implement

gemini Output

Customer Journey Map: Optimized & Finalized Output

Project: Customer Journey Map

Description: Mapping the complete customer journey from awareness to advocacy, identifying touchpoints, pain points, emotions, and opportunities for optimization.

Date: October 26, 2023


1. Executive Summary

This document presents a comprehensive and optimized customer journey map, detailing the path a typical customer takes from initial awareness to becoming a brand advocate for our online professional learning platform. We have identified six key stages: Awareness, Consideration, Decision, Onboarding & Engagement, Retention & Loyalty, and Advocacy.

Key findings indicate significant opportunities to enhance the customer experience, particularly in the Consideration stage through clearer value propositions and free trial experiences, and in the Onboarding & Engagement stage through personalized learning paths and proactive support. Critical pain points revolve around information overload, perceived value vs. cost, and difficulty in finding relevant content quickly.

Our recommendations focus on improving user experience, personalizing interactions, streamlining information access, and fostering community engagement to drive higher conversion rates, reduce churn, and cultivate a strong base of loyal advocates.

2. Target Persona Overview: "Ambitious Anna"

This journey map is designed around our primary target persona, Ambitious Anna.

  • Name: Anna Rodriguez
  • Age: 32
  • Occupation: Mid-level Marketing Manager
  • Goals: Advance her career, acquire new skills (e.g., AI in Marketing, Data Analytics), stay competitive, gain industry recognition.
  • Challenges: Limited time, budget constraints for expensive courses, difficulty finding high-quality, practical content, feeling overwhelmed by too many options.
  • Motivations: Career growth, professional development, efficiency, access to expert knowledge, measurable results.
  • Tech Savvy: Moderate to High – comfortable with online tools and platforms.

3. Detailed Customer Journey Map

Stage 1: Awareness

  • Customer Goal: Recognize a professional skill gap or a need for career advancement; become aware of potential solutions.
  • Customer Actions:

* Searches online for career advice, skill gaps in their industry.

* Reads industry blogs, articles, and whitepapers.

* Attends webinars or virtual industry events.

* Sees social media ads or organic posts related to professional development.

* Hears about skill development platforms from colleagues or professional networks.

  • Touchpoints:

* Google Search Results (organic & paid)

* Social Media (LinkedIn, Facebook, Instagram ads/posts)

* Industry Blogs & Publications

* Professional Networking Events (online/offline)

* Word-of-Mouth Referrals

* Podcast sponsorships/mentions

  • Emotions & Thoughts:

* Emotions: Curious, slightly overwhelmed, hopeful, perhaps a bit anxious about falling behind.

* Thoughts: "I need to learn X skill to get ahead." "What are others doing?" "Where can I find reliable information?" "This platform looks interesting, but what exactly do they offer?"

  • Pain Points:

* Information overload from generic search results.

* Difficulty discerning credible sources from low-quality content.

* Irrelevant ads or content.

* Lack of immediate, clear solutions to their specific needs.

  • Optimization Opportunities:

* Content Marketing: Create highly targeted, SEO-optimized blog posts and guides addressing specific skill gaps and career challenges.

* Social Media Campaigns: Run targeted campaigns on LinkedIn and professional platforms, highlighting career benefits and success stories.

* Partnerships: Collaborate with industry influencers and professional associations for co-marketing and content distribution.

* Educational Webinars: Offer free, high-value webinars on emerging skills to attract and educate prospects.

Stage 2: Consideration

  • Customer Goal: Evaluate different learning platforms and solutions; understand what each offers and how it fits their needs.
  • Customer Actions:

* Visits our website and competitor websites.

* Reads product descriptions, course outlines, and feature lists.

* Compares pricing models (subscriptions vs. per-course).

* Looks for reviews, testimonials, and case studies.

* Explores free trial options or sample content.

* May sign up for newsletters or download lead magnets (e.g., e-books).

  • Touchpoints:

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

* Competitor Websites

* Review Sites (G2, Capterra, Trustpilot)

* Social Proof (Testimonials, Case Studies, User-Generated Content)

* Email Marketing (Welcome series, nurturing campaigns)

* Free Trial/Demo Experience

* Customer Support Chatbots/FAQs

  • Emotions & Thoughts:

* Emotions: Cautious, analytical, hopeful, sometimes frustrated by comparison.

* Thoughts: "Does this platform have the specific courses I need?" "Is it worth the money?" "How easy is it to use?" "What makes this different from [Competitor X]?" "Can I trust these reviews?"

  • Pain Points:

* Unclear value proposition or differentiation from competitors.

* Overwhelming number of course options without clear guidance.

* Confusing pricing structures.

* Lack of transparency regarding instructor qualifications or course depth.

* Limited or unconvincing free trial experience.

  • Optimization Opportunities:

* Clear Value Proposition: Refine website messaging to highlight unique selling points (e.g., practical application, expert instructors, community).

* Enhanced Free Trial: Offer a more robust free trial (e.g., access to the first module of premium courses, limited-time full access).

* Detailed Course Previews: Provide video introductions, full syllabus, and instructor bios for all courses.

* Comparison Guides: Create content comparing our platform to key competitors, highlighting our strengths.

* Social Proof Enhancement: Proactively collect and prominently display video testimonials and success stories.

* Personalized Recommendations: Implement an AI-driven course recommendation engine based on stated interests.

Stage 3: Decision/Purchase

  • Customer Goal: Choose a platform and commit to a subscription or purchase.
  • Customer Actions:

* Adds subscription plan to cart.

* Enters payment information.

* Reviews terms and conditions.

* Clicks "Subscribe" or "Purchase."

* Receives confirmation email.

  • Touchpoints:

* Pricing Page / Subscription Selection

* Checkout Page

* Payment Gateway

* Confirmation Email

* On-site "Thank You" message

  • Emotions & Thoughts:

* Emotions: Excited, optimistic, relief (that the decision is made), slight apprehension (did I make the right choice?).

* Thoughts: "I hope this helps me achieve my goals." "Easy checkout process." "What happens next?"

  • Pain Points:

* Complicated or lengthy checkout process.

* Unexpected hidden fees or auto-renewal terms.

* Lack of immediate access to content post-purchase.

* Security concerns regarding payment information.

  • Optimization Opportunities:

* Streamlined Checkout: Minimize steps and required fields on the checkout page.

* Payment Security: Clearly display security badges and payment options.

* Transparent Pricing: Ensure all costs, including auto-renewal terms, are clearly communicated upfront.

* Instant Access: Provide immediate access to the platform and a clear "Next Steps" guide post-purchase.

* Welcome Communication: Send a personalized welcome email immediately, outlining initial steps and key features.

Stage 4: Onboarding & Engagement

  • Customer Goal: Successfully integrate into the platform, find relevant content, start learning, and feel value from their subscription.
  • Customer Actions:

* Completes profile setup.

* Explores the dashboard and available courses.

* Starts first course module.

* Interacts with course materials (quizzes, exercises).

* May seek help from support or community.

* Sets learning goals.

  • Touchpoints:

* Welcome Email Series

* Onboarding Tour/Tutorials within the platform

* Personalized Dashboard

* Course Content & Learning Modules

* Community Forums/Groups

* Customer Support (Chat, Email, FAQ)

* Progress Tracking Features

  • Emotions & Thoughts:

* Emotions: Enthusiastic, motivated, sometimes overwhelmed, frustrated if stuck, satisfied when progressing.

* Thoughts: "Where do I start?" "This course is exactly what I needed!" "How do I connect with other learners?" "I'm making progress!"

  • Pain Points:

* Overwhelming number of courses without clear guidance.

* Lack of personalized recommendations or learning paths.

* Difficulty finding specific content or features.

* Feeling isolated without community interaction.

* Technical glitches or slow loading times.

* Lack of motivation or clear progress tracking.

  • Optimization Opportunities:

* Personalized Onboarding Flow: Guide users based on their stated goals and skill interests during initial setup.

* Interactive Platform Tour: Implement an engaging, optional guided tour of key features.

* Curated Learning Paths: Suggest pre-defined learning paths based on career goals or skill areas.

* Proactive Engagement Nudges: Send personalized emails with course recommendations, progress updates, and tips.

* Enhanced Community Features: Integrate robust forums, study groups, and direct messaging with instructors/mentors.

* Gamification: Introduce badges, points, or leaderboards to encourage completion and engagement.

* Performance Monitoring: Ensure robust platform performance and quick resolution of technical issues.

Stage 5: Retention & Loyalty

  • Customer Goal: Continue using the platform, achieve learning milestones, renew subscription, and feel a strong connection to the brand.
  • Customer Actions:

* Completes courses and starts new ones.

* Engages regularly with the platform and community.

* Utilizes new skills in their professional life.

* Receives value from their subscription.

* Considers upgrading or extending their subscription.

* Provides feedback.

  • Touchpoints:

* Ongoing Email Communications (new courses, feature updates, success stories)

* In-platform Notifications

* Community Interactions

* Customer Support Interactions

* Surveys & Feedback Forms

* Renewal Reminders

* Exclusive Content/Events for loyal members

  • Emotions & Thoughts:

* Emotions: Satisfied, empowered, confident, valued, connected, sometimes complacent.

* Thoughts: "This platform is indispensable for my career." "I love learning new things here." "I feel like I'm part of a community." "My subscription is worth every penny."

  • Pain Points:

* Feeling like they've exhausted valuable content.

* Lack of new, relevant courses or updates.

* Poor customer service experience when issues arise.

* Forgetting about the platform or losing motivation over time.

* Perceiving that the value no longer justifies the cost.

  • Optimization Opportunities:

* Continuous Content Refresh: Regularly add new, high-quality courses and update existing ones.

* Advanced Personalization: Offer highly specific course recommendations based on completion history and evolving career goals.

* Dedicated Account Management/Success: For premium tiers, offer proactive check-ins and support.

* Exclusive Member Perks: Provide early access to new features, beta testing, or exclusive webinars/workshops.

* Feedback Loops: Implement regular NPS surveys and solicit feedback to continuously improve.

* Renewal Incentives: Offer discounts or bonus content for early renewals.

Stage 6: Advocacy

  • Customer Goal: Share positive experiences, recommend the platform to others, and actively promote the brand.
  • Customer Actions:

* Shares course completion certificates on social media (LinkedIn).

* Refers colleagues or friends to the platform.

* Leaves positive reviews on review sites.

* Participates in testimonials or case studies.

* Defends the brand against negative comments online.

  • Touchpoints:

* Social Media Sharing Buttons (within platform)

* Referral Program Links

* Review Request Emails

* Testimonial Request Forms

* Brand Mentions on Social Media

* Community Leadership Opportunities

  • Emotions & Thoughts:

* Emotions: Proud, enthusiastic, helpful, loyal, empowered.

* Thoughts: "Everyone should know about this!" "I'm happy to help others succeed." "This platform helped me, so I want to help them."

  • Pain Points:

* Lack of clear incentives or easy ways to advocate.

* Feeling unheard or unappreciated by the brand.

* Negative experience that dampens enthusiasm.

  • Optimization Opportunities:

* Robust Referral Program: Offer attractive incentives for both referrer and referred.

* Easy Sharing Tools: Integrate one-click sharing for course completion certificates and achievements on social media.

* Proactive Review Requests: Strategically ask satisfied customers for reviews.

* Testimonial Campaigns: Reach out to high-engagement users for case studies and video testimonials.

* Community Recognition: Highlight and reward active community members and advocates.

* Brand Ambassador Program: Create a structured program for top advocates.

4. Cross-Journey Insights & Critical Pain Points

  • Information Overload: A recurring pain point from Awareness to Onboarding. Customers struggle to find relevant, concise information amidst a vast sea of content.

* Insight: Need for better filtering, personalization, and clear guidance at every stage.

  • Perceived Value vs. Cost: A critical hurdle in Consideration and Retention. Customers constantly evaluate if the investment (time and money) is justified.

* Insight: Continuously demonstrate ROI through skill application, career advancement stories, and tangible benefits.

  • Lack of Personalization: From initial course discovery to ongoing engagement, a one-size-fits-all approach leads to disengagement.

* Insight: Leverage data to offer highly relevant recommendations, learning paths, and communications.

  • Community Disconnect: While content is key, the desire for connection and peer learning is strong, yet often unmet.

* Insight: Foster active, moderated communities and facilitate peer-to-peer interactions.

  • Motivation & Completion Gaps: Many users start but don't finish courses, impacting perceived value and renewal
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);}});}