${poweredBy} `; // Create modal to show widget code const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4'; modal.innerHTML = `

Your Widget Code

Copy and paste this code into your website's HTML to add your AI agent. ${currentPlan === 'free' ? '
Free Plan: Includes "Powered by SnapIT Agent" attribution.' : ''} 

${widgetCode.trim()}
Features included:
  • • Real-time chat widget
  • • Automatic responses
  • • Conversation tracking
Need help?
`; document.body.appendChild(modal); showToast('📋 Widget code ready! Copy and paste into your website.', 'success'); }; const editAgent = (agentId) => { showToast('✏️ Agent editing coming soon!', 'info'); }; const viewAnalytics = (agentId) => { window.open(`https://snapitanalytics.com/?agent=${agentId}`, '_blank'); }; // Navigation const navigateToAgents = () => { setActiveSection('agents'); setShowCreateModal(true); }; // Login Screen if (!user) { return (
smart_toy

🤖 AI-Powered Customer Service

Create intelligent agents that learn and respond like humans

🚀 80% Faster Response 🧠 Learns From Every Chat 💰 Reduces Support Costs
{toast && ( setToast(null)} /> )}
); } // Main Dashboard return (
{showQuickStart && ( setShowQuickStart(false)} onCreateAgent={navigateToAgents} /> )} {/* Overview Section */} {activeSection === 'overview' && (
a.status === 'active').length} icon="smart_toy" trend="+12% from last month" color="primary" /> sum + (a.conversations || 0), 0).toLocaleString()} icon="chat" trend="+8% from last week" color="secondary" /> sum + (a.conversations || 0), 0) * 0.3) || 0} icon="calendar_today" trend="+23% growth" color="success" />

timeline Recent Activity

inbox

Recent conversations and agent activity will appear here.

)} {/* Agents Section */} {activeSection === 'agents' && (

smart_toy Your AI Agents

{isLoading ? ( ) : agents.length === 0 ? (
smart_toy

No AI Agents Yet

Create your first AI agent to start engaging with customers automatically.

) : (
{agents.map((agent) => ( ))}
)}
)} {/* Pricing Section */} {activeSection === 'pricing' && (

Choose Your AI Agent Plan

Start with our free trial, then scale as you grow. No hidden fees, cancel anytime.

{/* Starter Plan */}

Starter

$15/month

Perfect for small businesses

check 1 AI Agent
check 1,000 conversations/month
check Email support
check Basic analytics
check Website widget
{/* Professional Plan */}
Most Popular

Professional

$49/month

For growing businesses

check 5 AI Agents
check 10,000 conversations/month
check Priority support
check Advanced analytics
check Custom branding
check API access
{/* Enterprise Plan */}

Enterprise

$199/month

For large organizations

check Unlimited AI Agents
check Unlimited conversations
check 24/7 phone support
check Enterprise analytics
check White-label solution
check Custom integrations

All Plans Include:

security
Enterprise Security
speed
Lightning Fast
language
Multi-Language
update
Regular Updates
)} {/* Other sections placeholder */} {['conversations', 'analytics', 'settings'].includes(activeSection) && (
{activeSection === 'conversations' ? 'chat' : activeSection === 'analytics' ? 'analytics' : 'settings'}

{activeSection.charAt(0).toUpperCase() + activeSection.slice(1)} Coming Soon

This section is under development and will be available soon!

)}
{/* Create Agent Modal */} setShowCreateModal(false)} onSubmit={createAgent} /> {/* Toast Notifications */} {toast && ( setToast(null)} /> )} {/* Customer Feedback Survey */}
); }; // Customer Feedback Survey Component const CustomerFeedbackSurvey = () => { const [showSurvey, setShowSurvey] = React.useState(false); const [surveySubmitted, setSurveySubmitted] = React.useState(false); React.useEffect(() => { // Show survey after 30 seconds for engaged users const timer = setTimeout(() => { if (!localStorage.getItem('snapitagent-survey-submitted')) { setShowSurvey(true); } }, 30000); return () => clearTimeout(timer); }, []); const submitSurvey = async (formData) => { try { const response = await fetch('https://api.snapitforms.com/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ ...formData, website: 'snapitagent.com', survey_type: 'ai_experience', timestamp: new Date().toISOString() }) }); if (response.ok) { setSurveySubmitted(true); localStorage.setItem('snapitagent-survey-submitted', 'true'); setTimeout(() => setShowSurvey(false), 3000); } } catch (error) { console.error('Survey submission failed:', error); } }; if (!showSurvey) { return ( ); } if (surveySubmitted) { return (
🙏
Thank you!
Your feedback helps us improve our AI
); } return (

Quick AI Feedback

{ e.preventDefault(); const formData = new FormData(e.target); const data = Object.fromEntries(formData); submitSurvey(data); }}>
{[1,2,3,4,5].map(rating => ( ))}