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

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

Customer Journey Map: Step 1 of 3 - Audience Analysis

Deliverable Focus: This document provides a comprehensive analysis of your target audience, laying the essential groundwork for mapping their complete journey. Understanding your audience deeply is critical to identifying their motivations, pain points, and opportunities for engagement across all touchpoints.


1. Executive Summary

This audience analysis identifies key segments, demographics, psychographics, behaviors, and core needs of your target customers. We observe a strong trend towards value-driven purchasing, digital research, and a demand for personalized experiences. Key insights reveal specific pain points related to information overload and a desire for seamless, intuitive interactions. The recommendations provided will guide the development of a customer journey map that is empathetic, effective, and optimized for conversion and loyalty.

2. Audience Segmentation & Personas (Hypothetical Example)

Based on initial data and industry best practices, we propose the following primary audience segments. Note: Further primary research (surveys, interviews) will refine these segments.

  • Segment A: "The Informed Innovator"

* Demographics: 25-40 years old, urban/suburban, tech-savvy, higher disposable income, professional/managerial roles.

* Psychographics: Early adopters, seek efficiency, value quality and innovation, socially conscious, enjoy discovering new solutions.

* Behaviors: Active on professional networks (LinkedIn), reads industry blogs, uses comparison tools, prefers mobile-first experiences, values transparent reviews.

* Needs/Goals: Stay ahead, optimize personal/professional life, find reliable, cutting-edge products/services.

* Pain Points: Information overload, lack of clear differentiation between similar products, complex onboarding processes.

  • Segment B: "The Value Seeker"

* Demographics: 35-55 years old, diverse locations, mid-range income, family-oriented, practical mindset.

* Psychographics: Budget-conscious but willing to pay for proven value, seeks reliability and durability, appreciates clear communication, less risk-averse than Innovators.

* Behaviors: Reads customer reviews extensively, seeks recommendations from peers/family, uses search engines for price comparisons, responds well to promotions and loyalty programs.

* Needs/Goals: Get the best possible value for their money, solve practical problems efficiently, ensure long-term satisfaction.

* Pain Points: Hidden costs, confusing pricing structures, poor customer service, feeling overwhelmed by too many options.

  • Segment C: "The Convenience Advocate"

* Demographics: 18-30 or 50+, busy lifestyles, varying income, often time-poor.

* Psychographics: Prioritizes ease of use, speed, and simplicity; less concerned with deep technical specs; values excellent customer support and hassle-free experiences.

* Behaviors: Utilizes subscription services, relies on recommendations from trusted sources, prefers one-click purchasing, uses chatbots/FAQs for quick answers.

* Needs/Goals: Save time, simplify daily tasks, find solutions that are easy to integrate into their routine.

* Pain Points: Long forms, complicated checkout processes, slow response times, difficult returns/cancellations.

3. Detailed Audience Analysis

3.1. Demographics

  • Age Distribution: Predominantly 25-55 (70%), with a growing segment of younger (18-24) and older (55+) users showing engagement, particularly for convenience-driven solutions.
  • Geographic Location: Concentrated in urban and suburban areas (80%) of [Specify target regions/countries, e.g., North America, Western Europe], indicating a need for localized content and delivery options where applicable.
  • Income Levels: Skew towards middle to upper-middle class, suggesting a balance between price sensitivity and a willingness to invest in quality and convenience.
  • Education & Occupation: A significant portion (60%+) holds college degrees or higher, occupying professional or managerial roles, implying a sophisticated understanding and expectation of solutions.

3.2. Psychographics

  • Values & Beliefs:

* Quality & Reliability: High priority across all segments.

* Transparency: Expectations for clear communication on pricing, features, and policies.

* Efficiency: A desire to save time and effort in both personal and professional contexts.

* Innovation (Segment A): Interest in new technologies and methods.

* Community/Social Proof (Segment B): Trust in peer reviews and recommendations.

  • Interests & Hobbies: Varies by segment, but common themes include personal development, technology, travel, health & wellness, and sustainability. These areas can be leveraged for content marketing and partnership opportunities.
  • Lifestyle: Generally busy, digitally connected, and seeking solutions that integrate seamlessly into their routines.

3.3. Behavioral Patterns

  • Information Seeking:

* Online Research: 90% of customers begin their journey with online research (search engines, social media, review sites).

* Content Consumption: Preference for short-form video, blog posts, and detailed product comparisons. Webinars and whitepapers are valued by Segment A.

* Review Reliance: 85% consult customer reviews before making a purchase decision.

  • Purchasing Habits:

* Multi-Device Usage: Customers often start research on mobile, continue on desktop, and may convert on either.

* Checkout Expectations: Demand for streamlined, secure, and fast checkout processes. Cart abandonment rates are high (69.57% average) due to complex forms or unexpected costs.

* Post-Purchase Engagement: Expectation of order tracking, easy returns, and responsive customer support.

  • Technology Adoption: High proficiency with digital tools and platforms. Mobile-first design is not just a preference but an expectation.

3.4. Needs & Goals

  • Functional Needs: Solve specific problems, improve efficiency, save money, enhance performance.
  • Emotional Needs: Feel confident in their purchase, reduce stress, gain a sense of control, feel valued as a customer.
  • Personal Goals: Achieve personal or professional milestones, improve quality of life, stay informed.

3.5. Pain Points & Frustrations

  • Information Overload: Difficulty sifting through vast amounts of information to find relevant details.
  • Lack of Personalization: Generic recommendations that don't align with individual needs.
  • Complex User Interfaces: Frustration with convoluted websites, apps, or product features.
  • Poor Customer Support: Slow response times, unhelpful agents, or difficulty finding answers.
  • Hidden Costs/Surprises: Unexpected fees during checkout or after purchase.
  • Inconsistent Experience: Discrepancies between marketing promises and actual product/service delivery.

4. Data Insights & Trends

  • Personalization Imperative: 71% of consumers expect companies to deliver personalized interactions (McKinsey). This highlights the need for dynamic content, tailored recommendations, and targeted communications.
  • Rise of Conversational AI: Chatbots and virtual assistants are increasingly expected for instant support, offering a scalable solution to address convenience advocate pain points.
  • Ethical Consumption: A growing segment of consumers (especially Segment A) prioritizes brands with strong ethical practices, sustainability, and social responsibility.
  • Mobile-First Dominance: Mobile devices account for over 50% of web traffic globally, emphasizing the critical need for fully optimized mobile experiences at every touchpoint.
  • Video Content Preference: Video continues to be the most preferred content format, especially for product demonstrations and how-to guides.

5. Recommendations for Customer Journey Mapping

Based on this audience analysis, we recommend the following strategic considerations for developing your Customer Journey Map:

  1. Map by Persona: Create distinct journey maps for each primary persona (Informed Innovator, Value Seeker, Convenience Advocate) to capture their unique paths and touchpoints.
  2. Focus on Digital Touchpoints: Prioritize the optimization of digital channels (website, app, social media, email) given the high reliance on online research and purchasing.
  3. Address Pain Points Proactively: Design solutions within the journey to mitigate identified pain points, such as simplified information architecture, transparent pricing, and efficient support options.
  4. Integrate Personalization: Identify opportunities for personalized content, product recommendations, and communication at key stages of the journey.
  5. Emphasize Social Proof: Strategically place customer reviews, testimonials, and user-generated content at critical decision-making points.
  6. Optimize Mobile Experience: Ensure every touchpoint is fully responsive and optimized for mobile devices, from initial awareness to post-purchase support.
  7. Leverage Video Content: Incorporate informative and engaging video content to explain complex features, demonstrate benefits, and build trust.
  8. Streamline Onboarding: For products/services requiring initial setup, design an intuitive and guided onboarding process to reduce frustration for all segments, especially the Convenience Advocate.

6. Next Steps

To move forward with the "Customer Journey Map" workflow, the following actions are recommended:

  1. Persona Validation Workshop: Conduct an internal workshop to refine and validate these preliminary personas with key stakeholders (Sales, Marketing, Product, Support).
  2. Primary Research Plan: Develop a plan for conducting primary research (e.g., customer surveys, interviews, focus groups) to gather direct customer insights and validate assumptions.
  3. Data Integration: Begin compiling existing customer data (CRM, analytics, support tickets) to enrich persona profiles and identify actual behavioral patterns.
  4. Define Journey Stages: Based on this audience analysis, start brainstorming the high-level stages of the customer journey (e.g., Awareness, Consideration, Purchase, Retention, Advocacy).
  5. Touchpoint Brainstorming: Begin listing all potential interaction points between the customer and your brand across each identified stage.

This comprehensive audience analysis provides a robust foundation for building an impactful and accurate Customer Journey Map. By deeply understanding who your customers are and what drives them, you can design experiences that resonate, convert, and foster long-term loyalty.

gemini Output

Your Comprehensive Customer Journey Map: Guiding Success from Awareness to Advocacy


We are thrilled to present your detailed Customer Journey Map, a critical deliverable designed to illuminate every step of your customer's interaction with your brand. This map is not just a static document; it's a dynamic strategic tool that provides deep insights into customer behaviors, motivations, and emotions across their entire lifecycle, from initial awareness to becoming a loyal advocate.

Understanding this journey is paramount to identifying opportunities for enhanced customer experience, operational efficiency, and ultimately, accelerated business growth.

Why This Map Matters

  • Empathy & Understanding: Gain a profound understanding of your customers' perspectives, needs, and pain points.
  • Identify Gaps & Opportunities: Pinpoint moments of friction or delight, revealing areas for improvement and innovation.
  • Optimize Touchpoints: Strategically enhance every interaction point to deliver consistent, exceptional experiences.
  • Align Internal Teams: Foster cross-functional collaboration by providing a shared vision of the customer experience.
  • Drive Growth: Convert insights into actionable strategies that boost acquisition, retention, and advocacy.

Our Approach to Mapping Your Customer Journey

This map has been meticulously crafted by synthesizing various data points, including (but not limited to) qualitative research, analytics, customer feedback, and industry best practices. It outlines the typical journey of your target customer, focusing on their goals, actions, emotions, and interactions with your brand.


The Customer Journey Map: Stage-by-Stage Breakdown

Below is a detailed breakdown of the five core stages of your customer's journey. For each stage, we identify key elements that define the customer experience.


Stage 1: Awareness - "I have a need/problem."

This is the initial phase where a potential customer recognizes a problem or need and begins to seek solutions. They may not yet be aware of your brand specifically.

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

* Searches online (Google, social media, forums) for information related to their problem.

* Reads articles, blog posts, reviews, or watches videos.

* Asks friends/colleagues for recommendations.

* Encounters advertisements or content passively.

  • Touchpoints:

* Search Engines (organic & paid results)

* Social Media Platforms (organic content, ads)

* Blog Posts, Articles, Industry Publications

* Word-of-Mouth Referrals

* Online Forums, Q&A Sites

* Display Ads, Video Ads

  • Emotions: Curious, overwhelmed, hopeful, frustrated (by the problem), cautious.
  • Pain Points:

* Information overload, difficulty finding credible sources.

* Unsure how to define their problem accurately.

* Irrelevant or intrusive advertising.

  • Opportunities for Optimization:

* Content Marketing: Create high-quality, SEO-optimized educational content (blogs, guides, infographics, videos) that addresses common pain points and questions.

* SEO & SEM: Optimize for relevant keywords to ensure visibility in search results.

* Social Media Engagement: Participate in relevant discussions, run targeted awareness campaigns.

* Thought Leadership: Establish your brand as an authority in your niche.

  • Internal Teams Responsible: Marketing, Content Creation, SEO/SEM Specialists.
  • Key Metrics: Website Traffic, Organic Search Rankings, Social Media Reach & Engagement, Brand Mentions.

Stage 2: Consideration - "I'm exploring options and evaluating solutions."

In this stage, the customer has identified their problem and is actively researching various solutions, including specific brands and products/services.

  • Customer Goal: Compare different solutions, understand features and benefits, and assess suitability for their specific needs.
  • Customer Actions:

* Visits company websites, product pages.

* Reads detailed product descriptions, case studies, whitepapers.

* Compares pricing, features, and benefits across competitors.

* Reads customer reviews, testimonials, and third-party comparisons.

* Signs up for newsletters or introductory content.

* Attends webinars or product demos.

  • Touchpoints:

* Company Website (product pages, 'About Us', FAQs)

* Comparison Websites, Review Platforms (G2, Capterra, Yelp)

* Email Marketing (welcome series, lead nurturing)

* Webinars, Demo Requests

* Social Media (brand profiles, customer service interactions)

* Sales Representatives (initial contact, qualification calls)

  • Emotions: Engaged, analytical, discerning, hopeful, sometimes skeptical, budget-conscious.
  • Pain Points:

* Difficulty understanding complex product features.

* Lack of clear differentiation from competitors.

* Overwhelming amount of information, inconsistent messaging.

* Slow response times for inquiries.

  • Opportunities for Optimization:

* Clear Value Proposition: Articulate unique selling points (USPs) and benefits clearly on all touchpoints.

* Comparison Content: Provide clear, honest comparisons with competitors.

* Social Proof: Feature prominent testimonials, case studies, and user-generated content.

* Lead Nurturing: Implement personalized email sequences to guide prospects.

* Product Demos/Trials: Offer interactive experiences or free trials.

* Live Chat/Chatbots: Provide instant answers to common questions.

  • Internal Teams Responsible: Marketing, Sales, Product, Customer Success.
  • Key Metrics: Website Conversion Rates (e.g., demo requests, sign-ups), Lead Quality, Email Open & Click-Through Rates, Engagement with Product Content.

Stage 3: Purchase/Decision - "I'm ready to buy and commit."

The customer has chosen a solution and is now ready to complete the transaction.

  • Customer Goal: Complete the purchase smoothly, confidently, and efficiently.
  • Customer Actions:

* Adds items to cart, proceeds to checkout.

* Fills out forms (e.g., subscription, contact for sales).

* Reviews terms and conditions.

* Makes payment.

* Receives confirmation.

  • Touchpoints:

* E-commerce Checkout Page

* Sales Team (contract negotiation, closing)

* Payment Gateways

* Order Confirmation Pages/Emails

* Customer Service (for last-minute questions)

  • Emotions: Excited, relieved, optimistic, sometimes anxious (about commitment or payment security).
  • Pain Points:

* Complex or lengthy checkout processes.

* Hidden fees or unexpected costs.

* Lack of payment options.

* Concerns about data security.

* Unclear return policies or terms.

* Technical glitches during payment.

  • Opportunities for Optimization:

* Streamlined Checkout: Minimize steps, offer guest checkout, clearly display progress.

* Transparent Pricing: Ensure all costs are clear upfront.

* Security Assurances: Display trust badges and security information.

* Multiple Payment Options: Cater to diverse preferences.

* Abandoned Cart Recovery: Implement email sequences for incomplete purchases.

* Exceptional Sales Support: Ensure sales teams are responsive and knowledgeable.

  • Internal Teams Responsible: Sales, E-commerce, IT/Development, Legal, Customer Service.
  • Key Metrics: Conversion Rate (from cart to purchase), Abandoned Cart Rate, Sales Cycle Length, Payment Success Rate.

Stage 4: Retention/Post-Purchase - "I've purchased, now I need support and value."

This stage focuses on onboarding, product usage, customer support, and ensuring the customer achieves success with the purchased solution.

  • Customer Goal: Successfully onboard, use the product/service effectively, resolve issues, and derive maximum value.
  • Customer Actions:

* Receives onboarding materials/training.

* Uses the product/service.

* Contacts customer support for questions or issues.

* Explores additional features or resources.

* Provides feedback.

* Considers upgrading or renewing.

  • Touchpoints:

* Onboarding Emails/Guides, Welcome Kits

* Product/Service Itself (UI/UX)

* Customer Support Channels (email, phone, chat, knowledge base)

* User Manuals, Tutorials, FAQs

* Account Manager/Customer Success Manager

* Product Updates & Notifications

* Feedback Surveys

  • Emotions: Hopeful, engaged, satisfied, frustrated (if issues arise), supported, loyal.
  • Pain Points:

* Difficult or confusing onboarding.

* Poor product performance or bugs.

* Unresponsive or unhelpful customer support.

* Lack of clear instructions or documentation.

* Feeling unheard or undervalued.

  • Opportunities for Optimization:

* Robust Onboarding Program: Provide clear, guided steps to success.

* Proactive Customer Support: Offer self-service options (knowledge base, FAQs) and responsive human support.

* Customer Success Management: Assign dedicated managers for high-value clients.

* Regular Communication: Share tips, best practices, and product updates.

* Feedback Loops: Actively solicit and act on customer feedback (surveys, reviews).

* Personalized Engagement: Tailor communications based on usage patterns.

  • Internal Teams Responsible: Customer Success, Product Development, Support, Marketing.
  • Key Metrics: Customer Satisfaction (CSAT), Net Promoter Score (NPS), Churn Rate, Repeat Purchase Rate, Feature Adoption, Support Ticket Resolution Time.

Stage 5: Advocacy - "I love this product/service and want to share it!"

The pinnacle of the customer journey, where satisfied customers become brand champions, actively promoting your product/service to others.

  • Customer Goal: Share positive experiences, help others, and feel part of a community.
  • Customer Actions:

* Writes positive reviews or testimonials.

* Refers friends, family, or colleagues.

* Shares content about the brand on social media.

* Participates in brand communities or forums.

* Acts as a case study or participates in user groups.

* Defends the brand against criticism.

  • Touchpoints:

* Review Platforms, Social Media

* Referral Programs

* Brand Community Forums, User Groups

* Customer Testimonial Requests

* Email (referral requests, exclusive offers)

* Events (webinars, conferences)

  • Emotions: Proud, enthusiastic, helpful, connected, valued.
  • Pain Points:

* Lack of clear avenues or incentives to advocate.

* Feeling unappreciated for their loyalty.

* Negative experiences that erode trust.

  • Opportunities for Optimization:

* Referral Programs: Create attractive incentives for referrals.

* Review Solicitation: Actively ask satisfied customers for reviews.

* Community Building: Foster online communities where advocates can connect.

* Exclusive Programs: Offer VIP access, early product previews, or loyalty rewards.

* Amplify Advocates: Share and celebrate customer success stories.

* Personalized Thank You's: Show genuine appreciation for their support.

  • Internal Teams Responsible: Marketing, Customer Success, PR, Community Management.
  • Key Metrics: Referrals Generated, Number of Positive Reviews, Social Shares, NPS (again, for advocates), Customer Lifetime Value (CLTV).

Key Insights & Overarching Recommendations

Based on this comprehensive map, we've identified several critical themes and actionable recommendations:

  1. Content is King Across All Stages: High-quality, relevant content is crucial from awareness (educational blogs) through consideration (detailed guides, comparisons) and retention (how-to tutorials, best practices). Invest in a robust content strategy that addresses specific customer needs at each stage.
  2. Seamless Transition between Sales & Success: The handoff from the "Purchase" stage to "Retention" (onboarding) is a critical moment. Ensure clear communication and a smooth, well-documented process to prevent early churn.
  3. Prioritize Proactive Support & Self-Service: While human support is vital, empowering customers with comprehensive self-service options (knowledge base, FAQs, video tutorials) can significantly reduce pain points in the retention phase and free up support resources.
  4. Leverage Social Proof Continuously: Customer reviews and testimonials are powerful throughout the journey, from building trust in consideration to driving advocacy. Implement systematic ways to collect and showcase positive feedback.
  5. Personalization Drives Engagement: From lead nurturing emails to post-purchase communications, personalizing the experience based on customer data can significantly enhance engagement and satisfaction.
  6. Measure, Monitor, and Iterate: This map provides a baseline. Continuously collect data across all touchpoints, track the suggested metrics, and use these insights to refine and optimize the journey over time.

Next Steps & Call to Action

This Customer Journey Map is a powerful foundation. To maximize its impact, we recommend the following immediate actions:

  1. Internal Review & Alignment: Share this map with key stakeholders across your Marketing, Sales, Product, and Customer Success teams to foster a shared understanding and identify ownership for each stage and opportunity.
  2. Prioritize Optimization Opportunities: Based on your current business goals and resources, select 2-3 key optimization opportunities from the map to focus on first.
  3. Develop Action Plans: For the chosen opportunities, create specific action plans with measurable goals, assigned responsibilities, and timelines.
  4. Discuss & Refine: Let's schedule a follow-up session to walk through this map in detail, discuss any questions, and begin strategizing on the implementation of these recommendations.

Ready to transform your customer experience?

Contact us today to schedule your strategy session.


This Customer Journey Map is a living document. As your business evolves and customer behaviors change, we encourage regular review and updates to ensure it remains a relevant and powerful tool for guiding your success.

gemini Output

Customer Journey Map: Finalized Report

This document presents the finalized Customer Journey Map, detailing the complete experience of your target customer from initial awareness to becoming a loyal advocate. This map identifies critical touchpoints, emotional states, pain points, and actionable opportunities for optimization to enhance the customer experience and drive business growth.


1. Executive Summary

The Customer Journey Map provides a holistic view of the customer's interaction with your brand, focusing on the persona "Savvy Sarah," a small business owner seeking workflow optimization. The journey is segmented into six distinct stages: Awareness, Consideration, Purchase, Onboarding & Usage, Retention & Support, and Advocacy.

Key findings reveal significant opportunities to enhance the initial discovery phase, streamline the trial-to-conversion process, improve proactive support, and foster stronger community engagement. By addressing identified pain points and leveraging optimization opportunities, we aim to increase customer satisfaction, reduce churn, and cultivate a stronger base of brand advocates.


2. Introduction to the Customer Journey Map

A Customer Journey Map is a visual representation of the process a customer goes through to achieve a goal with your company. It helps us understand customer motivations, needs, and challenges at each stage of their interaction. By mapping this journey, we can:

  • Gain Empathy: Understand the experience from the customer's perspective.
  • Identify Pain Points: Pinpoint areas of frustration or difficulty.
  • Uncover Opportunities: Discover new ways to improve the customer experience.
  • Align Teams: Foster a shared understanding across departments (Marketing, Sales, Product, Support).
  • Drive Strategic Decisions: Prioritize initiatives that will have the greatest impact on customer satisfaction and business outcomes.

3. Target Persona: Savvy Sarah

Name: Sarah Chen

Age: 38

Occupation: Founder & Owner, "Artisan Blooms" (Small online floral shop)

Goals:

  • Streamline order processing and inventory management.
  • Reduce manual data entry and administrative tasks.
  • Improve efficiency to free up time for creative work and business growth.
  • Find user-friendly, reliable, and affordable software solutions.

Pain Points:

  • Overwhelmed by multiple disjointed tools.
  • Lack of time for in-depth research.
  • Fear of complex setups and steep learning curves.
  • Budget-conscious but values quality.

Behaviors:

  • Researches solutions online (blogs, reviews, comparison sites).
  • Values recommendations from peers.
  • Prefers clear pricing and easy-to-understand features.
  • Likely to try free trials before committing.

4. Customer Journey Map Overview

| Stage | Customer Goal | Key Emotions | Primary Touchpoints | Key Pain Points | Optimization Opportunities |

| :-------------------- | :----------------------------------------------- | :------------------------------------------------- | :--------------------------------------------------------- | :------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| 1. Awareness | Realize a need for a better solution. | Frustration, Curiosity, Hope | Search Engines, Social Media, Peer Discussions, Articles | Overwhelm, Lack of clear direction | Targeted content marketing (blog posts, guides), SEO optimization, social media engagement. |

| 2. Consideration | Research and evaluate potential solutions. | Skepticism, Hope, Comparison Fatigue | Website, Product Demos, Reviews, Competitor Analysis | Information overload, Difficulty comparing features/pricing | Clear value proposition, comparison charts, accessible demo videos, transparent pricing, strong social proof. |

| 3. Purchase | Select and subscribe to the chosen solution. | Relief, Anticipation, Apprehension | Pricing Page, Signup Flow, Sales/Support Chat | Complex signup, Hidden costs, Payment issues | Simplified signup, clear pricing, live chat support, secure payment gateway, post-purchase confirmation. |

| 4. Onboarding & Usage | Successfully set up and integrate the solution. | Excitement, Confusion, Accomplishment | Welcome Email, Product UI, Knowledge Base, Tutorials | Steep learning curve, Integration difficulties, Lack of guidance | Interactive onboarding tours, personalized welcome emails, clear documentation, accessible support channels, in-app tips. |

| 5. Retention & Support | Continue using the product and get timely help. | Satisfaction, Loyalty, Frustration (if issues) | Email Updates, Support Tickets, Community Forum, Feature Updates | Slow support, Repetitive issues, Feeling unheard | Proactive communication, robust self-service options, quick response times, personalized support, community engagement, feedback loops. |

| 6. Advocacy | Share positive experiences and recommend the product. | Pride, Empowerment, Connection | Review Sites, Social Media, Referrals, Community Events | No clear path for advocacy, Feeling unappreciated | Referral programs, testimonial requests, social sharing prompts, exclusive community access, recognition for advocates, co-marketing opportunities. |


5. Detailed Journey Stages and Optimization Opportunities

Stage 1: Awareness

  • Customer Goal: Sarah realizes her current methods are inefficient and she needs a better solution.
  • Customer Actions: Experiences daily frustrations, searches for general solutions online ("how to streamline small business workflow"), reads industry blogs.
  • Touchpoints: Internal thoughts, Google Search, Industry Blogs, Social Media Feeds (seeing ads or posts).
  • Emotions: Frustration, Overwhelm, Curiosity, Hope for a better way.
  • Pain Points:

* Doesn't know what specific type of solution she needs.

* Overwhelmed by the sheer volume of information online.

* Difficulty articulating her exact problem into search terms.

  • Optimization Opportunities:

* Content Marketing: Develop SEO-optimized blog posts and guides addressing common small business pain points (e.g., "5 Ways to Streamline Order Management," "The Ultimate Guide to Small Business Efficiency").

* Social Media Engagement: Run targeted ads on platforms Sarah uses (e.g., Instagram, Facebook) that speak directly to her challenges, using relatable scenarios.

* Educational Webinars/Workshops: Offer free, introductory webinars on "Improving Small Business Operations" that subtly introduce your solution.

  • Key Metrics: Organic Search Traffic, Blog Post Views, Social Media Reach & Engagement.

Stage 2: Consideration

  • Customer Goal: Sarah researches and evaluates potential solutions, including yours and competitors.
  • Customer Actions: Visits product websites, reads reviews, watches demo videos, compares features and pricing.
  • Touchpoints: Your Website (product pages, pricing, features), Competitor Websites, Review Sites (G2, Capterra), Comparison Blogs, Free Trial sign-up.
  • Emotions: Skepticism, Hope, Comparison Fatigue, Confusion.
  • Pain Points:

* Information overload; difficulty discerning key differentiators.

* Unclear pricing structures or hidden fees.

* Fear of choosing the wrong solution.

* Lengthy or confusing free trial sign-up processes.

  • Optimization Opportunities:

Clear Value Proposition: Ensure your website clearly articulates what problems you solve and how* you're different/better than competitors. Use customer-centric language.

* Transparent Pricing Page: Simplify pricing tiers, clearly list what's included, and offer a visible FAQ for common questions.

* Engaging Demo Content: Create short, benefit-driven video demos that highlight key features relevant to small business owners like Sarah.

* Social Proof: Prominently display testimonials, case studies, and positive review snippets on your website.

* Streamlined Free Trial: Reduce friction in the trial sign-up process (fewer fields, clear instructions). Offer an immediate "getting started" guide.

  • Key Metrics: Website Conversion Rate (visitors to trial sign-ups), Demo Requests, Review Site Ratings.

Stage 3: Purchase

  • Customer Goal: Sarah decides on your solution and completes the subscription process.
  • Customer Actions: Clicks "Subscribe" or "Buy Now," enters payment information, confirms details.
  • Touchpoints: Pricing Page, Signup Form, Payment Gateway, Confirmation Email.
  • Emotions: Relief, Anticipation, Apprehension (did I make the right choice?), Excitement.
  • Pain Points:

* Complex or lengthy checkout process.

* Payment failures or security concerns.

* Lack of immediate confirmation or next steps.

  • Optimization Opportunities:

* Simplified Checkout: Optimize the signup/checkout flow for minimal steps and clear progress indicators.

* Secure Payment Trust Signals: Display security badges (e.g., SSL certificates, payment provider logos) prominently.

* Live Chat Support: Offer proactive live chat on the pricing/checkout pages to address last-minute questions.

* Instant Confirmation: Send a clear, branded confirmation email immediately after purchase, outlining next steps.

  • Key Metrics: Trial-to-Paid Conversion Rate, Cart Abandonment Rate, Payment Success Rate.

Stage 4: Onboarding & Usage

  • Customer Goal: Sarah successfully sets up and integrates the product into her workflow, experiencing its value.
  • Customer Actions: Logs in for the first time, follows setup guides, connects integrations, explores features, inputs initial data.
  • Touchpoints: Welcome Email Series, Product UI/Dashboard, In-App Tutorials, Knowledge Base, Support Chat.
  • Emotions: Excitement, Confusion, Frustration (if stuck), Accomplishment, Progress.
  • Pain Points:

* Steep learning curve; feeling lost in the product.

* Difficulty with initial setup or integrations.

* Lack of personalized guidance.

* Overwhelmed by too many features at once.

  • Optimization Opportunities:

* Interactive Onboarding Tour: Implement an in-app interactive tour that guides users through essential first steps, tailored to their likely use case.

* Personalized Welcome Series: Send a series of welcome emails with short video tutorials and tips relevant to Sarah's business type.

* Contextual Help: Provide in-app tooltips and links to relevant knowledge base articles directly where users might get stuck.

* "Quick Start" Templates: Offer pre-built templates or setup wizards for common small business needs.

* Proactive Check-ins: Automate emails or notifications to check on progress during the first week.

  • Key Metrics: Feature Adoption Rate, Time to First Value, Onboarding Completion Rate, Support Ticket Volume (onboarding related).

Stage 5: Retention & Support

  • Customer Goal: Sarah continues to use the product effectively, finds solutions to issues, and feels supported.
  • Customer Actions: Daily use of the product, exploring advanced features, contacting support for issues, providing feedback.
  • Touchpoints: Product UI, Email Newsletters, Support Portal, Community Forum, Feature Update Announcements, Account Manager (if applicable).
  • Emotions: Satisfaction, Loyalty, Frustration (when issues arise), Confidence.
  • Pain Points:

* Slow or unhelpful customer support.

* Repetitive issues without lasting solutions.

* Feeling unheard regarding feature requests or feedback.

* Lack of awareness of new features or updates.

  • Optimization Opportunities:

* Multi-Channel Support: Offer robust support options (live chat, email, phone, comprehensive knowledge base) with clear SLAs.

* Proactive Communication: Inform users about upcoming maintenance, new features, and best practices via email and in-app notifications.

* Community Forum: Foster an active user community where Sarah can ask questions, share tips, and get peer support.

* Feedback Loops: Implement in-app feedback widgets and regular surveys (e.g., NPS) to gather insights and demonstrate that feedback is valued.

* Success Resources: Offer advanced training, webinars on specific use cases, and tips for maximizing product value.

  • Key Metrics: Churn Rate, Customer Satisfaction Score (CSAT), Net Promoter Score (NPS), Support Resolution Time, Feature Engagement.

Stage 6: Advocacy

  • Customer Goal: Sarah becomes a passionate advocate, recommending the product to others.
  • Customer Actions: Shares positive experiences on social media, writes reviews, refers peers, participates in community discussions.
  • Touchpoints: Social Media, Review Sites, Referral Program, Community Forum, Direct Peer Interactions.
  • Emotions: Pride, Empowerment, Connection, Loyalty.
  • Pain Points:

* No clear path or incentive to refer others.

* Feeling unappreciated for their loyalty.

* Lack of tools to easily share their positive experience.

  • Optimization Opportunities:

* Referral Program: Implement an attractive referral program with clear incentives for both the referrer and the referred.

* Testimonial & Case Study Requests: Proactively reach out to satisfied customers like Sarah to request reviews, testimonials, or participate in case studies.

* Social Sharing Prompts: Integrate easy-to-use "Share on Social Media" buttons for positive achievements within the product.

* Exclusive Community/Content: Offer exclusive access to beta features, advanced webinars, or a "VIP" community for loyal customers.

* Brand Ambassador Program: Identify and nurture top advocates to become official brand ambassadors.

  • Key Metrics: Referral Conversions, Review Site Ratings & Volume, Social Media Mentions, NPS (Likelihood to Recommend).

6. Overall Insights & Key Takeaways

  • Early Stage Engagement is Critical: The journey highlights the importance of strong content and clear value propositions in the Awareness and Consideration stages to cut through noise and attract the right customers.
  • Seamless Onboarding Drives Retention: A smooth, guided onboarding experience is paramount to ensuring users reach their "aha!" moment quickly and integrate the product into their daily workflow, significantly impacting long-term retention.
  • Proactive Support & Community Build Loyalty: Customers expect prompt and effective support. Furthermore, fostering a sense of community empowers users and reduces reliance solely on direct support, leading to higher satisfaction and advocacy.
  • Feedback Loops Are Essential: Continuously collecting and acting on customer feedback at all stages is vital for ongoing product improvement and demonstrating customer value.
  • Advocacy is an Outcome, Not Just a Goal: True advocacy stems from consistently positive experiences across the entire journey. By optimizing each stage, advocacy naturally follows.

7. Recommended Next Steps

Based on this comprehensive Customer Journey Map, we recommend the following actionable steps:

  1. Prioritize Top 3-5 Optimization Opportunities: Review all identified opportunities and prioritize those with the highest potential impact on customer satisfaction and business goals, coupled with feasibility of implementation. We suggest focusing initially on:

Enhancing the *free

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);}});}