\n \n\n\n
\n

Meet Alex, Your AI Coworker

Alex plugs into your tools, joins your meetings, follows Slack, and turns conversations into tickets, tasks, and calendar moves—automatically.

Your team focuses on what they do best. Alex does the rest.

Get Started->
\n
\n\n"},"appBar":{"enabled":true,"logo":{"type":"text","text":"YourBrand","height":"40px"},"backgroundColor":"rgba(255, 255, 255, 0.8)","textColor":"#23243a","links":[],"actionButtons":[{"id":"cta","label":"Get Started","backgroundColor":"#6366f1","variant":"primary","url":"#","textColor":"#FFFFFF"}],"sticky":true,"blur":true}},"agent":{"agentId":"agent_8601kfeg1w48f6gr3hdagxef982a","website":"Blueprint2 Me","personality":"- Friendly and approachable, like a knowledgeable colleague\n- Confident but not arrogant\n- Patient and happy to explain things in different ways\n- Focused on understanding user needs, not pushing a sale","tone":"- Use casual, natural language: \"So...\", \"Alright...\", \"Great question!\"\n- Take pauses between major points\n- Check in frequently: \"Does that make sense?\"\n- Keep responses focused - don't overwhelm","voiceId":"cgSgspJ2msm6clMCkdW9","language":"en","firstMessage":"Hi! I'm here to help you learn about our product. Feel free to ask me anything, or I can give you a quick tour!","sections":[{"id":"tour-overview-meet-alex-0","name":"Meet Alex","description":"Introduction to Alex, the AI coworker that plugs into your tools, joins meetings, and automates manual work.","status":"active"},{"id":"tour-overview-what-alex-can-do-1","name":"What Alex Can Do","description":"Comprehensive overview of Alex's capabilities from meeting notes to Slack automation and task management.","status":"active"},{"id":"tour-overview-task-management-inte-2","name":"Task Management Integration","description":"How Alex creates tickets, updates status, assigns tasks, and provides project overviews across your tools.","status":"active"},{"id":"tour-validation-alex-vs-competitors-3","name":"Alex vs Competitors","description":"Comparison showing Alex Pro delivers 6% more efficiency for teams at a fraction of the cost of alternatives.","status":"active"},{"id":"tour-pricing-pricing-plans-4","name":"Pricing Plans","description":"Flexible pricing options for teams and individuals with monthly and annual plans available.","status":"active"},{"id":"tour-get-started-start-working-smarte-5","name":"Start Working Smarter","description":"Get started with Alex to automate workflows and eliminate manual work for your team.","status":"active"}],"tourComponents":["tour-overview-meet-alex-0","tour-overview-task-management-inte-2","tour-validation-alex-vs-competitors-3"],"tourSteps":[{"componentId":"tour-overview-meet-alex-0","tour_script":"Welcome! Let me show you Alex, your new AI coworker. Think of Alex as that super-organized team member who never misses a detail... Alex actually plugs right into the tools you're already using. We're talking Slack, your calendar, your project management system... all of it.\n\nHere's what makes Alex different. When you're in a meeting, Alex is there too, quietly listening and taking notes. Someone mentions a task that needs doing? Alex creates the ticket. Need to schedule a follow-up? Alex adds it to your calendar. All of this happens automatically, so you can stay focused on the actual conversation.\n\nAnd it's not just meetings... Alex follows along in Slack too, catching those action items that usually slip through the cracks. You know how things get lost in long threads? Not anymore.\n\nThe idea is simple, really. Your team gets to focus on the creative work, the strategic thinking, the stuff that actually needs a human brain... while Alex handles all those repetitive tasks that eat up your day. Let me walk you through how it all works..."},{"componentId":"tour-overview-task-management-inte-2","tour_script":"Moving along, this is where Alex really starts to shine with your task management tools. You're looking at how Alex connects with platforms like Jira, Asana, or whatever system your team uses... and it's pretty seamless.\n\nSo imagine you're in a meeting and someone mentions a bug that needs fixing. Instead of switching tabs and filling out forms, you just tell Alex. She'll create the ticket, add the right labels, even assign it to the appropriate person based on your team's workflow.\n\nBut it goes both ways too. Alex can pull up project overviews when you need them... give you status updates on ongoing tasks... or let you know if something's fallen behind. It's like having someone who actually keeps track of all those moving pieces, so you don't have to juggle between five different tools just to get a simple answer."},{"componentId":"tour-validation-alex-vs-competitors-3","tour_script":"Okay, last but not least... let's talk about the part everyone cares about... the price. \n\nHere's the thing... we know you could piece together a bunch of different tools to try and do what Alex does. But when you actually add up all those subscriptions? You're looking at hundreds of dollars a month, easy. And that's before you factor in all the time your team wastes switching between platforms and figuring out which tool does what.\n\nWith Alex, you're getting everything in one place... and we're talking a fraction of what you'd pay for those enterprise alternatives. Our basic plan starts at just 146 dollars a month for teams of three to six people... that's with our limited-time fifty percent discount. \n\nAnd here's what makes it even better... we're not trying to lock you into some rigid plan. You only pay for what you actually use. Need an extra meeting hour? It's a buck forty-five. Need more smart tasks? Just add them as you go.\n\nSo... if you're ready to stop overpaying for tools that don't talk to each other... and start working smarter, not harder... give Alex a try. Your team will thank you."}],"enabled":true},"quickActions":[],"componentBaseUrl":"/components"}}; var widgetLoaded = false; var configReceived = false; var readySent = false; var isInIframe = window.parent !== window; // Wait for target element to exist before loading widget function waitForTargetAndLoadWidget() { if (widgetLoaded) return; var target = document.querySelector(window.Web42.target); if (target) { console.log('[Layout] Target element found, loading widget'); loadWidgetScript(); } else { // Retry after a short delay setTimeout(waitForTargetAndLoadWidget, 100); } } function loadWidgetScript() { if (widgetLoaded) return; widgetLoaded = true; var script = document.createElement('script'); script.src = '/widget/widget.js'; script.defer = true; document.body.appendChild(script); console.log('[Layout] Widget script loaded'); } // Listen for config updates from dashboard (only process once) window.addEventListener('message', function(event) { if (event.data && event.data.type === 'PREVIEW_CONFIG_UPDATE' && event.data.config && !configReceived) { console.log('[Layout] Received PREVIEW_CONFIG_UPDATE', event.data.config); configReceived = true; // Update config with received values window.Web42.previewConfig = { ...window.Web42.previewConfig, ...event.data.config, theme: event.data.config.theme ? { ...window.Web42.previewConfig.theme, ...event.data.config.theme } : window.Web42.previewConfig.theme, agent: event.data.config.agent || window.Web42.previewConfig.agent, }; // Use agent ID from received config if available if (event.data.config.agent && event.data.config.agent.agentId) { window.Web42.projectId = event.data.config.agent.agentId; console.log('[Layout] Updated projectId to:', event.data.config.agent.agentId); } // Wait for DOM to be ready and target to exist if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', waitForTargetAndLoadWidget); } else { waitForTargetAndLoadWidget(); } } }); // If in iframe, notify parent we're ready (only once) if (isInIframe && !readySent) { readySent = true; window.parent.postMessage({ type: 'PREVIEW_READY' }, '*'); console.log('[Layout] Sent PREVIEW_READY to parent'); // Fallback: load widget after timeout if no config received setTimeout(function() { if (!configReceived) { console.log('[Layout] No config received, loading widget with initial config'); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', waitForTargetAndLoadWidget); } else { waitForTargetAndLoadWidget(); } } }, 2000); } else if (!isInIframe) { // Not in iframe - load widget after DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', waitForTargetAndLoadWidget); } else { waitForTargetAndLoadWidget(); } } })();

Meet Alex, Your AI Coworker

Alex plugs into your tools, joins your meetings, follows Slack, and turns conversations into tickets, tasks, and calendar moves—automatically.

Your team focuses on what they do best. Alex does the rest.

Get Started->