Customer Journey Map
Run ID: 69cb750361b1021a29a8933b2026-03-31Marketing
PantheraHive BOS
BOS Dashboard

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

Customer Journey Map: Audience Analysis (Step 1 of 3)

Project: Customer Journey Map

Step: analyze_audience

Description: This deliverable provides a comprehensive analysis of your target audience, laying the foundational understanding required to map their complete journey. By deeply understanding who your customers are, what motivates them, and their current challenges, we can accurately identify critical touchpoints, pain points, and opportunities for optimization.


1. Executive Summary: Understanding Your Customer Landscape

This initial phase of the Customer Journey Map project focuses on dissecting your primary customer segments. We've identified key demographic, psychographic, and behavioral traits that define your audience. The analysis reveals distinct needs, motivations, and pre-existing pain points that influence their perception and interaction with your brand. A clear understanding of these segments will enable us to tailor the journey map to specific user experiences, ensuring maximum relevance and impact.

2. Identified Audience Segments (Personas)

To effectively map the customer journey, we must first define who we are mapping it for. Based on typical business models and common customer archetypes, we propose the following illustrative audience segments. It is crucial that these be validated and refined with your specific business data and insights in our next collaborative session.

2.1. Persona 1: The "Efficiency Seeker"

  • Description: This segment comprises individuals or organizations actively looking for solutions to specific problems, often driven by a need to save time, reduce costs, or improve productivity. They are typically proactive in their research and value clear, data-driven information.
  • Demographics:

* B2C: Ages 25-45, tech-savvy professionals, mid-to-high income, urban/suburban.

* B2B: Mid-level managers to department heads in small to medium-sized businesses (SMBs), often in operations, IT, or marketing roles.

  • Psychographics: Value efficiency, innovation, convenience, and measurable results. Often early adopters or comfortable with new technologies. Risk-averse when it comes to time/resource waste, but open to change if benefits are clear.
  • Goals & Motivations:

* Solve a current, pressing problem.

* Improve existing processes or tools.

* Gain a competitive advantage.

* Achieve measurable ROI.

  • Pre-Solution Pain Points:

* Inefficient manual processes.

* Lack of integration between existing tools.

* Wasted time and resources.

* Difficulty in scaling current solutions.

  • Information Seeking Behavior:

* Actively searches online (Google, industry forums, review sites).

* Reads detailed product comparisons, case studies, and whitepapers.

* Attends webinars or industry events.

* Seeks peer recommendations.

  • Emotional Landscape (Pre-Interaction): Frustrated by current inefficiencies, hopeful for a better solution, cautious about making the wrong investment.

2.2. Persona 2: The "Value-Conscious Explorer"

  • Description: This segment is aware of a potential problem or opportunity but is more cautious and focused on long-term value, reliability, and support. They require more reassurance and often prioritize a strong relationship with a provider.
  • Demographics:

* B2C: Ages 35-55, established professionals/families, moderate-to-high income, often suburban.

* B2B: Senior managers or directors in established SMBs or larger enterprises, often in procurement, customer service, or compliance roles.

  • Psychographics: Value stability, reliability, comprehensive support, and long-term partnerships. Often analytical, looking for solid proof and testimonials. Less driven by immediate trends, more by proven track record.
  • Goals & Motivations:

* Find a trustworthy and reliable partner/solution.

* Ensure stability and minimize operational risk.

* Receive excellent customer support.

* Achieve sustainable, long-term benefits.

  • Pre-Solution Pain Points:

* Fear of making a costly mistake.

* Uncertainty about the best solution.

* Lack of trust in new vendors.

* Difficulty justifying significant investments without clear guarantees.

  • Information Seeking Behavior:

* Relies heavily on peer reviews, testimonials, and detailed customer success stories.

* Prefers in-depth consultations or demos.

* Seeks guarantees, SLAs, and transparent pricing.

* May consult industry analysts or consultants.

  • Emotional Landscape (Pre-Interaction): Anxious about significant changes, seeking reassurance, appreciative of clear communication and demonstrated expertise.

2.3. Persona 3: The "Emerging Need Adopter"

  • Description: This segment may not be fully aware of a problem or the available solutions. They are often influenced by market trends, competitors, or internal shifts that slowly reveal a need. They require education and gentle guidance.
  • Demographics:

* B2C: Ages 20-35, students or early career professionals, tech-aware, diverse income levels.

* B2B: Junior managers, team leads, or entrepreneurs, often in startups or rapidly growing companies.

  • Psychographics: Open to new ideas, adaptable, often influenced by social proof and industry trends. May prioritize ease of use and accessibility.
  • Goals & Motivations:

* Stay competitive or relevant.

* Explore new technologies or methods.

* Learn and grow professionally/personally.

* Find intuitive, user-friendly solutions.

  • Pre-Solution Pain Points:

* Unawareness of the full scope of a problem.

* Lack of knowledge about potential solutions.

* Feeling overwhelmed by complex options.

* Budget constraints (often for B2C and startups).

  • Information Seeking Behavior:

* Engages with social media, blogs, and content marketing.

* Watches video tutorials and explainer content.

* Attends free workshops or introductory courses.

* Relies on recommendations from influencers or peers.

  • Emotional Landscape (Pre-Interaction): Curious, slightly overwhelmed, open to learning, potentially skeptical of overly technical jargon.

3. Key Insights & Data Trends

Based on a general understanding of modern consumer and business behavior, coupled with the persona analysis, we highlight the following key insights and trends:

  • Digital-First Research: Across all segments, the initial stages of any journey overwhelmingly begin online. Customers are self-educating more than ever before, expecting readily available information, reviews, and comparisons.
  • Demand for Personalization: Generic messaging falls flat. Customers expect content and experiences tailored to their specific needs, industry, or stage in their buying journey.
  • Importance of Social Proof: Trust is paramount. Reviews, testimonials, case studies, and peer recommendations significantly influence decision-making for both B2C and B2B buyers.
  • Mobile Experience is Non-Negotiable: A seamless and intuitive mobile experience is expected at every touchpoint, from initial awareness to post-purchase support.
  • Content is King (and Context is Queen): High-quality, relevant content (blogs, videos, webinars, whitepapers) that addresses specific pain points and offers solutions is critical for attracting and nurturing leads. The context in which this content is delivered (e.g., specific stage of the journey) is equally important.
  • Post-Purchase Experience Drives Advocacy: The journey doesn't end with a sale. Excellent onboarding, support, and ongoing engagement are vital for retention and turning customers into advocates.
  • Rise of Experiential Marketing: Customers increasingly value experiences over mere transactions. Demos, trials, interactive content, and personalized engagements create stronger connections.

4. Strategic Recommendations

Leveraging these insights, we recommend the following strategic actions to optimize your initial engagement and prepare for comprehensive journey mapping:

  1. Validate & Deepen Persona Data: Conduct qualitative interviews, surveys, and analyze existing CRM data, website analytics, and social listening to validate and enrich the proposed personas. Focus on identifying actual customer language, specific pain points, and preferred channels.
  2. Content Audit for Early Journey Stages: Review your existing content (website, blog, social media) to ensure it effectively addresses the "Efficiency Seeker's" and "Emerging Need Adopter's" initial questions, pain points, and information-seeking behaviors.

* Action: Identify gaps in awareness-stage content (e.g., problem-solution articles, educational guides, comparison charts).

* Action: Ensure clear calls-to-action (CTAs) for different stages of awareness.

  1. Optimize Digital Discovery Channels: Enhance your presence and messaging on platforms where your target personas are actively searching for solutions.

* Action: Improve SEO for relevant keywords tied to customer problems.

* Action: Explore targeted advertising campaigns on platforms favored by each persona.

  1. Strengthen Social Proof & Trust Signals: Proactively gather and display customer testimonials, case studies, and positive reviews across all relevant touchpoints.

* Action: Implement a system for collecting customer feedback and reviews.

* Action: Highlight key success metrics and client logos prominently.

  1. Personalization Strategy Foundation: Begin planning for how you can segment your audience in your marketing and communication efforts to deliver more personalized experiences from the outset.

* Action: Map out basic personalization opportunities for website content or email campaigns based on initial persona identification.

5. Next Steps

This audience analysis provides a robust foundation. The subsequent steps in the Customer Journey Map workflow will build directly upon these insights.

Next Steps (Step 2 of 3):

  1. Refine Personas (Collaborative Session): We will schedule a dedicated workshop to review, validate, and refine these preliminary personas with your internal teams, incorporating your proprietary customer data and market insights.
  2. Define Key Journey Stages: Based on the refined personas, we will outline the distinct stages of the customer journey, from initial awareness through consideration, purchase, adoption, and advocacy.
  3. Identify Current Touchpoints: For each persona and journey stage, we will begin identifying all existing touchpoints (both online and offline) where customers interact with your brand or product.

We look forward to collaborating with you to bring this comprehensive customer journey map to life.

gemini Output

Unlocking Customer Success: Your Comprehensive Customer Journey Map

Empowering Growth Through Deeper Customer Understanding

At PantheraHive, we believe that understanding your customer is the bedrock of sustainable growth. This comprehensive Customer Journey Map provides a detailed, empathetic view of your customer's experience, from their initial spark of awareness to becoming a loyal advocate. By illuminating every touchpoint, emotion, and challenge, we uncover critical opportunities to optimize their journey, enhance satisfaction, and drive business success.


1. Introduction: Why a Customer Journey Map Matters

A Customer Journey Map is more than just a diagram; it's a strategic tool that visualizes the entire path your customer takes when interacting with your brand. It allows us to step into your customers' shoes, identify their needs, motivations, and pain points at each stage, and ultimately design more effective and delightful experiences.

This map focuses on a generalized customer persona, providing a foundational understanding. For even deeper insights, we recommend developing persona-specific journey maps in subsequent iterations.

Key Components of This Map:

  • Customer Goal: What is the customer trying to achieve at this stage?
  • Customer Actions: What specific steps does the customer take?
  • Touchpoints: Where and how does the customer interact with your brand?
  • Thoughts & Emotions: What is the customer thinking and feeling? (Includes pain points and delights).
  • Pain Points: Specific frustrations, obstacles, or negative experiences.
  • Opportunities for Optimization: Actionable recommendations to improve the experience.
  • Key Metrics: How to measure success and track improvements at this stage.

2. The Customer Journey Map: A Stage-by-Stage Breakdown

We've broken down the customer journey into five critical stages, providing granular detail for each.

Stage 1: Awareness – "I have a need or problem."

This is where the customer first recognizes a problem or need and becomes aware of potential solutions, including your brand.

  • Customer Goal: Identify a problem, understand it better, and discover potential solutions.
  • Customer Actions:

* Experiences a pain point or identifies a need.

* Conducts initial online searches (e.g., "how to solve X," "best Y for Z").

* Asks peers for recommendations.

* Encounters advertisements or content.

  • Touchpoints:

* Search Engines (Google, Bing)

* Social Media (Facebook, Instagram, LinkedIn, X, TikTok)

* Blogs & Articles (Industry publications, thought leadership)

* Word-of-Mouth / Referrals

* Online Ads (Display, Search, Social)

* Public Relations / News Mentions

  • Thoughts & Emotions:

Initial Concern:* "This problem is frustrating."

Curiosity:* "What are my options?"

Slight Overwhelm:* "So many solutions out there."

Hope:* "I hope I can find a good solution."

  • Pain Points:

* Difficulty articulating the problem clearly.

* Information overload from search results.

* Skepticism about generic advertising.

* Struggling to find relevant, trustworthy information.

  • Opportunities for Optimization:

* Content Marketing: Create high-quality, SEO-optimized blog posts, guides, and videos that address common customer problems and offer solutions (without being overtly salesy).

* SEO Strategy: Ensure your content ranks for relevant keywords your target audience is searching for.

* Social Media Engagement: Participate in relevant conversations, share valuable content, and run targeted awareness campaigns.

* Thought Leadership: Establish your brand as an authority in your niche through webinars, industry reports, and expert articles.

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

Stage 2: Consideration – "What are my best options?"

The customer now understands their problem and is actively researching and evaluating different solutions, comparing features, benefits, and pricing.

  • Customer Goal: Compare different solutions, understand their pros and cons, and narrow down choices.
  • Customer Actions:

* Visits specific product/service websites.

* Reads product reviews and testimonials.

* Compares pricing and feature sets.

* Watches demo videos or attends webinars.

* Signs up for newsletters or free trials.

* Engages with chatbots or customer service for specific questions.

  • Touchpoints:

* Your Website (Product pages, pricing, FAQs, About Us)

* Competitor Websites

* Review Sites (G2, Capterra, Yelp, Trustpilot)

* Comparison Articles / Buyer's Guides

* Email Marketing (Nurture sequences)

* Live Chat / Chatbots

* Sales Representatives (Initial contact)

* Webinars / Demos

  • Thoughts & Emotions:

Evaluation:* "Does this meet my specific needs?"

Doubt:* "Is this worth the price?"

Comparison:* "How does this stack up against X?"

Frustration:* "Too many options, confusing features."

Hope:* "I'm getting closer to a solution."

  • Pain Points:

* Confusing pricing structures.

* Lack of clear differentiation between solutions.

* Difficulty finding specific feature information.

* Overwhelming amount of information.

* Slow response times from support/sales.

  • Opportunities for Optimization:

* Clear Value Proposition: Articulate your unique selling points clearly on your website and marketing materials.

* Comparison Content: Provide unbiased (or clearly positioned) comparison guides that highlight your strengths.

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

* Interactive Demos/Trials: Offer easy access to free trials or personalized demos.

* Responsive Support: Ensure quick and helpful responses via live chat, email, or phone.

* FAQ Optimization: Create comprehensive FAQs that address common objections and questions.

  • Key Metrics: Website bounce rate, time on page, demo requests, free trial sign-ups, lead conversion rates, email open/click rates.

Stage 3: Decision – "This is the right choice for me."

The customer has evaluated their options and is ready to make a purchase or commitment.

  • Customer Goal: Make a confident purchase decision and complete the transaction smoothly.
  • Customer Actions:

* Adds product/service to cart.

* Completes checkout process.

* Signs a contract.

* Makes a payment.

* Confirms order/subscription.

  • Touchpoints:

* Shopping Cart / Checkout Page

* Payment Gateway

* Order Confirmation Page / Email

* Sales Team (Final negotiations, closing)

* Terms & Conditions / Privacy Policy

* Onboarding Instructions

  • Thoughts & Emotions:

Anticipation:* "Excited to start using this!"

Hesitation:* "Am I making the right choice?" (Buyer's remorse potential)

Trust:* "I hope this lives up to expectations."

Relief:* "Finally solved this problem."

Security Concern:* "Is my payment information safe?"

  • Pain Points:

* Complex or lengthy checkout process.

* Hidden fees or unexpected costs.

* Lack of clear security indicators for payment.

* Confusing contract terms.

* Slow website loading during checkout.

* No immediate confirmation or next steps.

  • Opportunities for Optimization:

* Streamlined Checkout: Simplify the purchase process, minimize steps, and offer guest checkout options.

* Transparent Pricing: Ensure all costs are clear upfront, with no surprises.

* Security Assurances: Display trust badges, security certificates, and clear privacy policies.

* Clear Call to Action: Make the "Buy Now" or "Subscribe" button prominent.

* Post-Purchase Communication: Send immediate, clear confirmation emails with next steps and support contacts.

* Abandoned Cart Recovery: Implement strategies for customers who leave during checkout.

  • Key Metrics: Conversion rate (from consideration to purchase), average order value, cart abandonment rate, payment success rate.

Stage 4: Post-Purchase / Retention / Service – "I'm using it, and I need help sometimes."

The customer has made a purchase and is now using the product/service. This stage focuses on onboarding, usage, and ongoing support.

  • Customer Goal: Successfully implement and use the product/service, achieve desired outcomes, and receive timely support when needed.
  • Customer Actions:

* Onboards and sets up the product/service.

* Uses features regularly.

* Explores tutorials or knowledge base.

* Contacts customer support for issues or questions.

* Receives product updates or usage tips.

* Renews subscription or purchases add-ons.

  • Touchpoints:

* Onboarding Guides / Tutorials

* Product Interface / Dashboard

* Knowledge Base / FAQs

* Customer Support (Email, Phone, Chat)

* Email Marketing (Usage tips, updates, surveys)

* Community Forums

* Billing & Account Management Portals

* In-app notifications

  • Thoughts & Emotions:

Learning Curve:* "How do I do X?"

Satisfaction:* "This is really helping me."

Frustration:* "I can't figure this out!"

Appreciation:* "Support was so helpful."

Loyalty:* "I'm glad I chose this."

  • Pain Points:

* Confusing or difficult onboarding process.

* Lack of intuitive features.

* Slow or unhelpful customer support.

* Bugs or performance issues.

* Feeling unheard or unvalued.

* Lack of clear path to advanced features.

  • Opportunities for Optimization:

* Robust Onboarding: Provide clear, guided onboarding processes (in-app tours, video tutorials).

* Proactive Support: Offer helpful resources (knowledge base, FAQs) and anticipate common issues.

* Exceptional Customer Service: Ensure fast, friendly, and effective support across all channels.

* Feedback Loops: Actively solicit customer feedback (surveys, reviews) and demonstrate that it's being heard.

* Personalized Engagement: Send targeted emails with usage tips, new features, and relevant content.

* Community Building: Foster a user community where customers can help each other.

  • Key Metrics: Customer Satisfaction (CSAT), Net Promoter Score (NPS), Churn rate, retention rate, feature adoption rate, support ticket volume/resolution time, repeat purchases.

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

The customer is highly satisfied, has achieved significant value, and is willing to recommend your product/service to others.

  • Customer Goal: Share positive experiences, help others, and feel connected to the brand.
  • Customer Actions:

* Refers friends or colleagues.

* Leaves positive reviews and testimonials.

* Shares experiences on social media.

* Participates in brand communities or forums.

* Acts as a case study or success story.

* Defends the brand against criticism.

  • Touchpoints:

* Referral Programs

* Review Platforms

* Social Media (Personal profiles, brand pages)

* Customer Success Stories / Case Studies

* Community Forums / Groups

* Brand Events / Meetups

* Direct communication with friends/colleagues

  • Thoughts & Emotions:

Excitement:* "Everyone should know about this!"

Pride:* "I made a great choice, and I can help others."

Connection:* "I feel like part of the brand's success."

Empowerment:* "My feedback matters."

  • Pain Points:

* No clear way to refer others.

* Lack of recognition for loyalty.

* Difficulty sharing their story effectively.

* Feeling that their advocacy isn't valued.

  • Opportunities for Optimization:

* Referral Programs: Implement easy-to-use and rewarding referral programs.

* Testimonial Requests: Proactively ask happy customers for reviews and testimonials.

* Social Sharing Tools: Integrate easy social sharing options within your product/website.

* Customer Success Stories: Highlight and celebrate your customers' achievements.

* Community Engagement: Foster an active and supportive customer community.

* Advocate Recognition: Offer exclusive content, early access, or special discounts to loyal advocates.

  • Key Metrics: Referral rates, positive review volume, social media shares/mentions, NPS (advocates are typically 9s and 10s), participation in customer programs.

3. Key Insights & Strategic Recommendations

This Customer Journey Map reveals several overarching themes and critical areas for strategic focus:

  • Holistic Experience is Paramount: Customer satisfaction isn't just about the product; it's about the entire ecosystem of interactions. Gaps in one stage can derail the entire journey.
  • Proactive Engagement Builds Trust: Addressing potential pain points before they become major issues (e.g., through robust FAQs, proactive onboarding) significantly improves the customer experience.
  • Feedback is Gold: Implementing consistent feedback loops across all stages is vital for continuous improvement and demonstrating that you value your customers' input.
  • Seamless Transitions are Key: The handoff between stages (e.g., marketing to sales, sales to support, support to advocacy) must be smooth and well-coordinated to avoid friction.
  • Beyond the Sale: The post-purchase and advocacy stages are as crucial as acquisition. Investing in retention and
gemini Output

Customer Journey Map: Optimization and Finalization Report

Date: October 26, 2023

Project: Customer Journey Mapping Initiative

Output Type: Detailed Customer Journey Map with Optimization Opportunities


1. Executive Summary

This report presents the finalized Customer Journey Map, detailing the end-to-end experience of our target persona, "Sarah, the Small Business Owner," as she interacts with our [Product/Service Name - e.g., "ProjectFlow SaaS platform"]. The map outlines key stages from initial awareness to active advocacy, identifying critical touchpoints, emotional states, pain points, and significant opportunities for improvement.

Our analysis reveals several crucial moments of truth, particularly during the Consideration and Onboarding phases, where customer frustration is highest and churn risk is elevated. Conversely, the Advocacy stage presents significant untapped potential for leveraging positive customer experiences. By addressing the identified pain points and capitalizing on optimization opportunities, we aim to enhance customer satisfaction, reduce churn, increase conversion rates, and foster a stronger community of advocates.

This comprehensive map serves as a strategic blueprint for cross-functional teams to align efforts, prioritize initiatives, and continuously improve the customer experience across all touchpoints.

2. Introduction & Methodology Recap

A Customer Journey Map is a visual representation of the customer's experience with a product or service over time. It helps us understand customer motivations, needs, and challenges from their perspective. This map was developed through:

  • Persona Development: Defining our target customer's demographics, goals, and pain points.
  • Data Collection: Leveraging qualitative (interviews, surveys, feedback) and quantitative data (website analytics, CRM data, support tickets).
  • Stage Definition: Segmenting the journey into logical, sequential phases.
  • Touchpoint Identification: Pinpointing every interaction a customer has with our brand.
  • Emotion & Pain Point Analysis: Documenting the customer's emotional state and specific frustrations at each stage.
  • Opportunity Identification: Brainstorming actionable strategies to enhance the experience.

The following map focuses on the journey of Sarah, the Small Business Owner, who is looking for efficient project management solutions for her growing team.

3. Key Persona Overview: Sarah, The Small Business Owner

  • Demographics: 35-45 years old, owner of a creative agency (5-15 employees), tech-savvy but time-poor.
  • Goals:

* Find an intuitive tool to manage multiple client projects efficiently.

* Improve team collaboration and communication.

* Reduce missed deadlines and budget overruns.

* Scale her business without increasing operational overhead significantly.

  • Pain Points:

* Existing tools are clunky, expensive, or lack specific features.

* Difficulty tracking progress across projects.

* Communication silos between team members.

* Overwhelmed by too many options and complex pricing structures.

  • Motivations: Efficiency, cost-effectiveness, team productivity, scalability, ease of use.

4. Detailed Customer Journey Map

Stage 1: Awareness (Problem Recognition)

  • Customer Goal: Realize there's a problem with current project management methods and acknowledge the need for a better solution.
  • Customer Actions:

* Experiences frustration with current manual processes (e.g., spreadsheets, email chains).

* Discusses challenges with peers or team members.

* Conducts initial, broad searches for "project management issues" or "team collaboration problems."

  • Touchpoints:

* Internal team meetings (observing inefficiencies).

* Industry blogs/articles (reading about common challenges).

* Social media (seeing posts about productivity tips).

* Word-of-mouth (colleagues mentioning their struggles).

  • Customer Thoughts/Feelings:

* "There must be a better way to manage all these projects."

* "We're wasting so much time on administrative tasks."

* "Our deadlines are slipping too often."

* Emotion: Frustrated, Overwhelmed, Curious, Hopeful.

  • Pain Points:

* Lack of a clear, single source of truth for project status.

* Feeling disorganized and reactive.

* Difficulty quantifying time/resource waste.

  • Opportunities for Optimization:

* Content Marketing: Create blog posts, infographics, and short videos addressing common project management pain points (e.g., "5 Signs Your Team Needs a Project Management Tool").

* SEO: Target long-tail keywords related to problem statements (e.g., "how to stop missed deadlines," "improve team communication").

* Social Media Engagement: Participate in industry discussions, offer expert advice, and share relatable content.

  • Key Metrics: Organic traffic to problem-focused content, social media engagement, brand mentions.

Stage 2: Consideration (Solution Exploration)

  • Customer Goal: Research potential solutions, understand different types of project management tools, and identify key features.
  • Customer Actions:

* Searches for "best project management software," "SaaS for small business project management."

* Reads reviews on G2, Capterra, Software Advice.

* Compares features and pricing of competitor products.

* Watches demo videos or reads case studies.

* May sign up for competitor newsletters.

  • Touchpoints:

* Search engines (Google, Bing).

* Software review sites (G2, Capterra).

* Competitor websites.

* Our website: Product pages, features page, pricing page, blog.

* Webinars, comparison guides.

  • Customer Thoughts/Feelings:

* "There are so many options, how do I choose?"

* "What features are essential for my team?"

* "Is this tool too complex or too simple?"

* "Can I afford this?"

* Emotion: Overwhelmed, Analytical, Skeptical, Cautious.

  • Pain Points:

* Information overload from numerous options.

* Difficulty comparing disparate features and pricing models.

* Uncertainty about which solution truly fits her specific needs.

* Fear of making the wrong, expensive decision.

  • Opportunities for Optimization:

* Clear Value Proposition: Ensure our website clearly articulates our unique selling points and benefits for small businesses.

* Comparison Content: Provide unbiased (or subtly biased) comparison guides against key competitors.

* Feature Focus: Highlight core features relevant to small business pain points prominently.

* Transparent Pricing: Simple, clear pricing tiers with a clear explanation of what's included.

* Demo Videos/Webinars: Offer easily digestible product overviews tailored to specific use cases.

  • Key Metrics: Website bounce rate, time on page (product/pricing), demo requests, whitepaper downloads, lead generation.

Stage 3: Decision (Trial & Purchase)

  • Customer Goal: Evaluate a shortlist of solutions, conduct trials, and make a purchase decision.
  • Customer Actions:

* Signs up for a free trial or requests a personalized demo.

* Explores the product's interface and core functionalities.

* Invites a few team members to test collaboration features.

* Contacts sales or support with specific questions.

* Compares trial experience with other options.

* Makes a purchasing decision.

  • Touchpoints:

* Free trial environment (Product UI/UX).

* Welcome emails, onboarding guides within the product.

* In-app chat support, knowledge base.

* Sales calls/demos.

* Pricing page, checkout process.

  • Customer Thoughts/Feelings:

* "Is this easy enough for my whole team to adopt?"

* "Does it integrate with our existing tools (e.g., Slack, Google Drive)?"

* "How responsive is their support?"

* "The initial setup seems a bit complicated."

* Emotion: Hopeful, Critical, Anxious, Focused, Relieved (post-purchase).

  • Pain Points:

* Complex or non-intuitive trial experience, leading to early abandonment.

* Lack of immediate guidance or personalized support during the trial.

* Difficulty visualizing how the tool would integrate into her existing workflows.

* Hidden costs or unclear subscription terms.

  • Opportunities for Optimization:

* Streamlined Onboarding Flow (Trial): Guided tours, interactive checklists, pre-populated demo data to showcase value quickly.

* Proactive In-App Support: Contextual help, tooltips, and readily available chat support during the trial.

* Personalized Sales Demos: Tailor demos to Sarah's specific industry and team size.

* Integration Showcase: Clearly highlight and demonstrate popular integrations.

* Transparent Pricing & FAQs: Address common billing and feature questions upfront.

  • Key Metrics: Free trial conversion rate, demo-to-sale conversion, trial engagement (feature usage, team invites), support ticket volume during trial.

Stage 4: Onboarding & Service (Initial Use & Support)

  • Customer Goal: Successfully implement the chosen solution, integrate it into daily workflows, and receive effective support when needed.
  • Customer Actions:

* Sets up projects, invites all team members.

* Migrates existing data (if applicable).

* Attends onboarding webinars or watches tutorials.

* Contacts customer support for setup issues or feature questions.

* Begins using the product daily for project tasks.

  • Touchpoints:

* Product interface (dashboard, project views).

* Dedicated onboarding specialist (if applicable).

* Knowledge base, video tutorials.

* Customer support (chat, email, phone).

* User community forums.

* Billing and account management portal.

  • Customer Thoughts/Feelings:

* "This is a lot to set up, but I'm determined to make it work."

* "Where can I find [specific feature]?"

* "I hope my team adopts this quickly."

* "Their support team was really helpful."

* Emotion: Determined, Challenged, Confident (with success), Frustrated (with issues), Supported.

  • Pain Points:

* Overwhelming initial setup process.

* Lack of clear guidance on best practices for her specific business type.

* Slow or unhelpful customer support responses.

* Team resistance to adopting a new tool.

  • Opportunities for Optimization:

* Personalized Onboarding Journeys: Tailor the onboarding flow based on industry, team size, and stated goals.

* Proactive Check-ins: Automated emails or calls from a Customer Success Manager (CSM) during the first 30-60 days.

* Enhanced Knowledge Base: Regularly updated, easily searchable articles and video tutorials.

* In-App Guidance: Contextual help, walkthroughs for new features, and tips for optimizing usage.

* Team Adoption Resources: Provide templates, communication guides, and training materials for Sarah to share with her team.

  • Key Metrics: Product adoption rate, feature usage, customer satisfaction (CSAT), first response time (FRT), resolution time (RT) for support, churn rate (early).

Stage 5: Retention & Growth (Ongoing Use & Expansion)

  • Customer Goal: Continuously derive value from the product, explore advanced features, and potentially expand usage within her organization.
  • Customer Actions:

* Uses the product daily for core project management.

* Explores new features or integrations.

* Attends advanced webinars or reads product updates.

* Provides feedback through surveys or direct contact.

* Considers upgrading to a higher plan or adding more users.

  • Touchpoints:

* Product interface.

* Product update announcements (email, in-app).

* CSM check-ins (strategic reviews).

* Feature releases, advanced tutorials.

* Customer feedback surveys (NPS, CSAT).

* Billing and subscription management.

  • Customer Thoughts/Feelings:

* "This tool has really made a difference for my business."

* "What else can it do for me?"

* "I wish it had [specific feature]."

* "I'm happy with the value I'm getting."

* Emotion: Satisfied, Productive, Engaged, Curious, Loyal.

  • Pain Points:

* Feeling stagnant with the product if new features aren't relevant or clearly communicated.

* Difficulty discovering advanced functionalities that could add more value.

* Lack of recognition for loyalty or long-term usage.

  • Opportunities for Optimization:

* Proactive Feature Adoption: Use in-app messages or targeted emails to highlight relevant new features based on usage patterns.

* Customer Success Programs: Regular check-ins, business reviews, and strategic advice from a CSM to ensure ongoing value.

* Loyalty Programs: Offer discounts for long-term commitment or early access to beta features.

* Feedback Loops: Implement robust systems for collecting, acting on, and communicating about customer feedback.

* Upsell/Cross-sell Strategies: Clearly communicate the benefits of higher tiers or complementary products based on evolving needs.

  • Key Metrics: Net Promoter Score (NPS), customer lifetime value (CLTV), churn rate, usage frequency, feature adoption, upsell/cross-sell conversion.

Stage 6: Advocacy (Promoting the Product)

  • Customer Goal: Share positive experiences with others and actively recommend the product.
  • Customer Actions:

* Recommends the product to peers, colleagues, or industry contacts.

* Leaves positive reviews on G2, Capterra.

* Shares success stories on social media.

* Participates in case studies or testimonials.

* Acts as a reference for potential new customers.

  • Touchpoints:

* Referral program invitations.

* Review request emails.

* Social media mentions and interactions.

* Community forums.

* Case study interviews, testimonial requests.

  • Customer Thoughts/Feelings:
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
\n\n\n"); 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'\nimport ReactDOM from 'react-dom/client'\nimport App from './App'\nimport './index.css'\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n)\n"); 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'\nimport './App.css'\n\nfunction App(){\n return(\n
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n
\n )\n}\nexport default App\n"); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}\n.app{min-height:100vh;display:flex;flex-direction:column}\n.app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}\nh1{font-size:2.5rem;font-weight:700}\n"); 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)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\n## Open in IDE\nOpen the project folder in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- 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",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "vue-tsc -b && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "vue": "^3.5.13",\n "vue-router": "^4.4.5",\n "pinia": "^2.3.0",\n "axios": "^1.7.9"\n },\n "devDependencies": {\n "@vitejs/plugin-vue": "^5.2.1",\n "typescript": "~5.7.3",\n "vite": "^6.0.5",\n "vue-tsc": "^2.2.0"\n }\n}\n'); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport { resolve } from 'path'\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: { alias: { '@': resolve(__dirname,'src') } }\n})\n"); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]}\n'); zip.file(folder+"tsconfig.app.json",'{\n "compilerOptions":{\n "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"],\n "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true,\n "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue",\n "strict":true,"paths":{"@/*":["./src/*"]}\n },\n "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"]\n}\n'); zip.file(folder+"env.d.ts","/// \n"); zip.file(folder+"index.html","\n\n\n \n \n "+slugTitle(pn)+"\n\n\n
\n \n\n\n"); 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'\nimport { createPinia } from 'pinia'\nimport App from './App.vue'\nimport './assets/main.css'\n\nconst app = createApp(App)\napp.use(createPinia())\napp.mount('#app')\n"); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue","\n\n\n\n\n"); 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}\n"); 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)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\nOpen in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- 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",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "scripts": {\n "ng": "ng",\n "start": "ng serve",\n "build": "ng build",\n "test": "ng test"\n },\n "dependencies": {\n "@angular/animations": "^19.0.0",\n "@angular/common": "^19.0.0",\n "@angular/compiler": "^19.0.0",\n "@angular/core": "^19.0.0",\n "@angular/forms": "^19.0.0",\n "@angular/platform-browser": "^19.0.0",\n "@angular/platform-browser-dynamic": "^19.0.0",\n "@angular/router": "^19.0.0",\n "rxjs": "~7.8.0",\n "tslib": "^2.3.0",\n "zone.js": "~0.15.0"\n },\n "devDependencies": {\n "@angular-devkit/build-angular": "^19.0.0",\n "@angular/cli": "^19.0.0",\n "@angular/compiler-cli": "^19.0.0",\n "typescript": "~5.6.0"\n }\n}\n'); zip.file(folder+"angular.json",'{\n "$schema": "./node_modules/@angular/cli/lib/config/schema.json",\n "version": 1,\n "newProjectRoot": "projects",\n "projects": {\n "'+pn+'": {\n "projectType": "application",\n "root": "",\n "sourceRoot": "src",\n "prefix": "app",\n "architect": {\n "build": {\n "builder": "@angular-devkit/build-angular:application",\n "options": {\n "outputPath": "dist/'+pn+'",\n "index": "src/index.html",\n "browser": "src/main.ts",\n "tsConfig": "tsconfig.app.json",\n "styles": ["src/styles.css"],\n "scripts": []\n }\n },\n "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"}\n }\n }\n }\n}\n'); zip.file(folder+"tsconfig.json",'{\n "compileOnSave": false,\n "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"]},\n "references":[{"path":"./tsconfig.app.json"}]\n}\n'); zip.file(folder+"tsconfig.app.json",'{\n "extends":"./tsconfig.json",\n "compilerOptions":{"outDir":"./dist/out-tsc","types":[]},\n "files":["src/main.ts"],\n "include":["src/**/*.d.ts"]\n}\n'); zip.file(folder+"src/index.html","\n\n\n \n "+slugTitle(pn)+"\n \n \n \n\n\n \n\n\n"); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n .catch(err => console.error(err));\n"); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; }\n"); 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';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'app-root',\n standalone: true,\n imports: [RouterOutlet],\n templateUrl: './app.component.html',\n styleUrl: './app.component.css'\n})\nexport class AppComponent {\n title = '"+pn+"';\n}\n"); zip.file(folder+"src/app/app.component.html","
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n \n
\n"); 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}\n"); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n provideRouter(routes)\n ]\n};\n"); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router';\n\nexport const routes: Routes = [];\n"); 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)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nng serve\n# or: npm start\n\`\`\`\n\n## Build\n\`\`\`bash\nng build\n\`\`\`\n\nOpen in VS Code with Angular Language Service extension.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n.angular/\n"); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/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("\n"):"# add dependencies here\n"; zip.file(folder+"main.py",src||"# "+title+"\n# Generated by PantheraHive BOS\n\nprint(title+\" loaded\")\n"); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\n\`\`\`\n\n## Run\n\`\`\`bash\npython main.py\n\`\`\`\n"); zip.file(folder+".gitignore",".venv/\n__pycache__/\n*.pyc\n.env\n.DS_Store\n"); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/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)+"\n"; zip.file(folder+"package.json",pkgJson); var fallback="const express=require(\"express\");\nconst app=express();\napp.use(express.json());\n\napp.get(\"/\",(req,res)=>{\n res.json({message:\""+title+" API\"});\n});\n\nconst PORT=process.env.PORT||3000;\napp.listen(PORT,()=>console.log(\"Server on port \"+PORT));\n"; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000\n"); zip.file(folder+".gitignore","node_modules/\n.env\n.DS_Store\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\n\`\`\`\n\n## Run\n\`\`\`bash\nnpm run dev\n\`\`\`\n"); } /* --- 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:"\n\n\n\n\n"+title+"\n\n\n\n"+code+"\n\n\n\n"; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e}\n"); zip.file(folder+"script.js","/* "+title+" — scripts */\n"); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Open\nDouble-click \`index.html\` in your browser.\n\nOr serve locally:\n\`\`\`bash\nnpx serve .\n# or\npython3 -m http.server 3000\n\`\`\`\n"); zip.file(folder+".gitignore",".DS_Store\nnode_modules/\n.env\n"); } /* ===== 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(/\n{2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\nFiles:\n- "+app+".md (Markdown)\n- "+app+".html (styled HTML)\n"); } 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);}});}