// AutoRev AI Demo Page - Full Source Code (1241 lines)
import { useEffect } from "react";
import { Helmet } from "react-helmet-async";
import Navigation from "@/components/Navigation";
import Footer from "@/components/Footer";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import {
Mail,
FileSpreadsheet,
Database,
MessageSquare,
Users,
DollarSign,
FileText,
BarChart3,
Target,
Workflow,
TrendingUp,
CheckCircle,
Clock,
Zap,
Shield,
Brain,
Phone,
Headphones,
Briefcase,
UserCheck,
Repeat
} from "lucide-react";
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
import gmailLogo from "@/assets/logos/gmail.png";
import outlookLogo from "@/assets/logos/outlook.png";
import sheetsLogo from "@/assets/logos/sheets.png";
import excelLogo from "@/assets/logos/excel.png";
import hubspotLogo from "@/assets/logos/hubspot.png";
import salesforceLogo from "@/assets/logos/salesforce.png";
import slackLogo from "@/assets/logos/slack.png";
import jiraLogo from "@/assets/logos/jira.png";
import chatgptLogo from "@/assets/logos/chatgpt.png";
import claudeLogo from "@/assets/logos/claude.png";
const DemoPage = () => {
useEffect(() => {
// Load Calendly widget script
const calendlyScript = document.createElement("script");
calendlyScript.src = "https://assets.calendly.com/assets/external/widget.js";
calendlyScript.async = true;
// Initialize Calendly when script loads
calendlyScript.onload = () => {
console.log('✅ Calendly script loaded');
};
document.body.appendChild(calendlyScript);
// Load HubSpot forms script
const hubspotScript = document.createElement("script");
hubspotScript.src = "https://js-na2.hsforms.net/forms/embed/244104127.js";
hubspotScript.defer = true;
document.body.appendChild(hubspotScript);
// Wait for Axon to be ready, then track page_view and view_item
const waitForAxon = setInterval(() => {
if (typeof (window as any).axon !== 'undefined') {
clearInterval(waitForAxon);
// Track page_view (required by Axon)
console.log('✅ Axon loaded - tracking page_view');
(window as any).axon("track", "page_view");
// Track view_item (required for purchase flows)
console.log('✅ Tracking view_item');
(window as any).axon("track", "view_item", {
currency: "USD",
value: 2500,
items: [{
item_id: "ai-implementation-audit",
item_name: "AI Implementation Audit",
image_url: "https://autorev.ai/assets/logo-light-300.png",
item_variant_id: "standard-audit",
price: 2500,
quantity: 1,
item_category_id: 2092 // Software category per Axon docs
}]
});
}
}, 100);
// Track Calendly events
const handleCalendlyEvent = (e: MessageEvent) => {
// Log ALL messages to see what Calendly is actually sending
if (e.data.event && e.data.event.indexOf('calendly') === 0) {
console.log('🔔 CALENDLY EVENT DETECTED:', e.data.event, e.data);
}
if (!e.data.event || typeof (window as any).axon === 'undefined') return;
// Track add_to_cart when user clicks "Book Audit"
if (e.data.event === 'calendly.event_type_viewed') {
console.log('✅ Tracking add_to_cart');
(window as any).axon("track", "add_to_cart", {
currency: "USD",
value: 2500,
items: [{
item_id: "ai-implementation-audit",
item_name: "AI Implementation Audit",
image_url: "https://autorev.ai/assets/logo-light-300.png",
item_variant_id: "standard-audit",
price: 2500,
quantity: 1,
item_category_id: 2092
}]
});
}
// Track purchase when user selects a date/time
if (e.data.event === 'calendly.date_and_time_selected') {
console.log('🔥 FIRING PURCHASE EVENT');
(window as any).axon("track", "purchase", {
currency: "USD",
value: 2500,
transaction_id: `demo-${Date.now()}`,
shipping: 0,
tax: 0,
items: [{
item_id: "ai-implementation-audit",
item_name: "AI Implementation Audit",
image_url: "https://autorev.ai/assets/logo-light-300.png",
item_variant_id: "standard-audit",
price: 2500,
quantity: 1,
item_category_id: 2092
}],
user_data: [{
user_id: `anonymous-${Date.now()}`
}]
});
console.log('✅ Purchase tracked');
}
// ALSO try on event_scheduled as backup
if (e.data.event === 'calendly.event_scheduled') {
console.log('🔥 FIRING PURCHASE EVENT (on scheduled)');
(window as any).axon("track", "purchase", {
currency: "USD",
value: 2500,
transaction_id: `demo-${Date.now()}`,
shipping: 0,
tax: 0,
items: [{
item_id: "ai-implementation-audit",
item_name: "AI Implementation Audit",
image_url: "https://autorev.ai/assets/logo-light-300.png",
item_variant_id: "standard-audit",
price: 2500,
quantity: 1,
item_category_id: 2092
}],
user_data: [{
user_id: `anonymous-${Date.now()}`
}]
});
console.log('✅ Purchase tracked (scheduled)');
}
};
window.addEventListener('message', handleCalendlyEvent);
return () => {
if (document.body.contains(calendlyScript)) {
document.body.removeChild(calendlyScript);
}
if (document.body.contains(hubspotScript)) {
document.body.removeChild(hubspotScript);
}
clearInterval(waitForAxon);
window.removeEventListener('message', handleCalendlyEvent);
};
}, []);
const aiModels = [
{ name: "Claude AI", logo: claudeLogo },
{ name: "ChatGPT", logo: chatgptLogo },
];
const integrationLogos = [
{ name: "Gmail", logo: gmailLogo },
{ name: "Microsoft Outlook", logo: outlookLogo },
{ name: "Google Sheets", logo: sheetsLogo },
{ name: "Microsoft Excel", logo: excelLogo },
{ name: "HubSpot", logo: hubspotLogo },
{ name: "Salesforce", logo: salesforceLogo },
{ name: "Slack", logo: slackLogo },
{ name: "Jira", logo: jiraLogo },
];
const aiCapabilities = [
{
icon: Brain,
title: "Conversational AI Models",
description: "Claude AI (Anthropic), ChatGPT / GPT-series models, and specialized industry models for accuracy + compliance integrated directly into your processes—no manual ChatGPT searches needed."
},
{
icon: Phone,
title: "Voice & Call AI Agents",
description: "AI Voice Agents for inbound + outbound calls, call deflection + qualification flows, appointment booking + routing. AI handles 80–90% of repetitive call volume."
},
{
icon: Headphones,
title: "Customer Support AI",
description: "AI chatbots trained on your knowledge base, ticket triage, routing, summarization, automated replies for FAQs & repeat issues, escalation and human handoff workflows."
},
{
icon: Target,
title: "Revenue & GTM AI (CRM-Native)",
description: "AI Sales Agents (inbound filtering, outbound sequencing), lead scoring & routing, automated follow-up, task creation, pipeline cleanup, deal summaries and forecast risk detection."
},
{
icon: MessageSquare,
title: "Inbound & Outbound AI Agents",
description: "Automated inbound qualification, AI SDR for cold calling + outreach, multi-channel follow-up (email, SMS, voicemail drops), pipeline activation and recycling sequences."
},
{
icon: Workflow,
title: "Full Workflow AI & Orchestration",
description: "\"If this, then that\" logic across your tools, multi-step business process automation, AI that runs SOPs automatically, error recovery, exception handling, and reporting."
},
{
icon: DollarSign,
title: "Financial Operations AI (FinOps)",
description: "Invoice validation & reconciliation, spend monitoring and anomaly alerts, expense categorization + approvals, AI-driven reporting and financial insights."
}
];
const aiDeploymentAreas = [
{
icon: Phone,
title: "AI Voice Agents & Intelligent Call Handling",
outcome: "Every call answered in seconds, qualified, and booked 24/7.",
deliverables: [
"AI receptionist for routing, scheduling, and FAQs",
"AI-powered lead capture, qualification, and instant follow-ups",
"Human handoff and call recording/compliance controls"
],
why: "Fewer missed calls, more booked jobs, consistent CX."
},
{
icon: MessageSquare,
title: "AI-Powered Conversational Chatbots (Web & Support)",
outcome: "Faster answers and fewer tickets.",
deliverables: [
"AI site and in-app assistants that resolve common questions",
"AI knowledge-base ingestion with intelligent retrieval",
"AI triage, categorization, and escalation to human teams"
],
why: "Deflect routine requests and improve response times."
},
{
icon: Target,
title: "AI Sales & Go-To-Market Agents (CRM-Native)",
outcome: "Higher conversion from lead → qualified meeting.",
deliverables: [
"AI-powered instant lead capture and speed-to-lead engagement",
"AI auto-qualification, routing, and calendar booking",
"AI pipeline hygiene, notes, and activity logging in your CRM"
],
why: "More at-bats, better data, tighter GTM execution."
},
{
icon: Users,
title: "AI Outbound & SDR Stack",
outcome: "Predictable meetings from cold outreach.",
deliverables: [
"AI dialing and voicemail logic with compliant call flows",
"AI multichannel sequences (voice, SMS, email) and nurture threads",
"AI script libraries, objection handling, and conversation QA"
],
why: "Scalable prospecting without adding headcount."
},
{
icon: Workflow,
title: "AI Workflow Orchestration & Agent Coordination (Ops Backbone)",
outcome: "Manual, repetitive work becomes intelligent, AI-driven flows.",
deliverables: [
"AI-powered cross-tool orchestration for handoffs, data entry, and approvals",
"Multi-AI agent routers with human-in-the-loop checkpoints",
"AI runbooks, monitoring, and rollback safeguards"
],
why: "Fewer errors, faster cycles, measurable time savings."
},
{
icon: UserCheck,
title: "AI Customer Success (Retention & Expansion)",
outcome: "Improved NRR and proactive saves.",
deliverables: [
"AI account health scoring and churn-risk alerts",
"AI renewal and expansion playbooks with targeted nudges",
"AI self-serve flows for onboarding and common requests"
],
why: "Earlier risk detection and systematic upsells."
},
{
icon: DollarSign,
title: "AI Finance Ops",
outcome: "Cleaner books, faster close, fewer back-office hours.",
deliverables: [
"AI receivables/payables processing and reconciliation flows",
"AI invoice, receipt, and statement processing with approvals",
"AI financial insights surfaced to the right owners on cadence"
],
why: "Less keyboard time, more control and visibility."
}
];
const auditBenefits = [
{
title: "Bottleneck Map",
description: "We identify 3-5 workflows that are costing you the most time and money."
},
{
title: "AI Solution Opportunities",
description: "We show you what those workflows look like powered by AI, using your current tools (email, CRM, spreadsheets, project systems)."
},
{
title: "Implementation Path & ROI",
description: "You'll get a clear outline of what to automate first, how long it will take, and what kind of ROI you can expect."
}
];
const processSteps = [
{
number: "1",
title: "Audit (Free, 30 Minutes)",
description: "Understand your business, stack, and biggest bottlenecks."
},
{
number: "2",
title: "AI Implementation Blueprint (Fixed Scope)",
description: "We design a prioritized AI deployment plan with timelines and investment."
},
{
number: "3",
title: "Build & Launch Sprint",
description: "We deliver your automations within 3 weeks. Fully built, tested, and launched in your existing tools."
},
{
number: "4",
title: "Ongoing Management & Support",
description: "We monitor, optimize, and manage your automations ongoing, with continuous improvements and expansions as your business grows."
}
];
const caseStudies = [
{
title: "Ohio HVAC Company ($4.2M Revenue)",
automation: "AI Voice Agent handles after-hours calls, AI SDR follows up on estimates within 2 minutes, automated invoice reminders.",
result: "Booked 23 additional jobs per month ($47K revenue), reduced missed calls from 31% to 4%, cut payment collection time from 38 days to 19 days."
},
{
title: "Dallas Roofing Contractor ($8M Revenue)",
automation: "AI chatbot qualifies inbound leads 24/7, automated inspection scheduling, AI follow-up sequences for quote follow-ups.",
result: "Lead-to-booking conversion increased from 12% to 28%, added $340K in booked revenue in 90 days, eliminated 18 hours/week of manual scheduling."
},
{
title: "B2B SaaS Company (Series A)",
automation: "AI SDR for cold outreach, automated demo booking and reminders, CRM auto-enrichment and lead scoring.",
result: "Outbound reply rates increased 340%, booked 67 qualified demos in first 60 days, sales team stopped doing data entry completely."
}
];
const faqs = [
{
question: "Do we need to switch tools to work with you?",
overview: "You can keep your current tech stack—AutoRev AI integrates with what you already use.",
points: [
{ label: "No tool replacement required.", text: "We adapt to your systems rather than forcing you onto ours." },
{ label: "Flexible integrations.", text: "Works with CRMs, ERPs, internal tools, and APIs." },
{ label: "Minimal disruption.", text: "Your workflows stay intact; we automate around them." },
{ label: "Faster onboarding.", text: "Using existing tools shortens setup and accelerates ROI." }
]
},
{
question: "How much does a typical setup cost?",
overview: "Pricing depends on process complexity, system integrations, and volume.",
points: [
{ label: "Starter implementations:", text: "from $2,500 for single-process automation." },
{ label: "Mid-level deployments:", text: "$5,000–$10,000 for multi-step workflows or combined systems." },
{ label: "Enterprise rollouts:", text: "custom pricing based on scale, compliance, and security." },
{ label: "Predictable retainer model:", text: "ongoing optimization only scales as your usage grows." }
]
},
{
question: "How long does implementation take?",
overview: "Implementation speed depends on process scope and system access.",
points: [
{ label: "Single-workflow automation:", text: "2–3 weeks." },
{ label: "Multi-system or high-complexity builds:", text: "2–4 weeks." },
{ label: "Enterprise-wide rollout:", text: "phased delivery with parallel optimization." },
{ label: "Faster iterations:", text: "once live, we optimize and extend without disrupting operations." }
]
},
{
question: "What happens after launch?",
overview: "We remain an extension of your team to ensure ongoing performance and ROI.",
points: [
{ label: "Continuous monitoring", text: "of your AI agents." },
{ label: "Performance tuning", text: "to improve speed and reliability." },
{ label: "Monthly optimization cycles", text: "as your business changes." },
{ label: "Scalable expansion", text: "when you're ready to deploy additional AI agents." },
{ label: "Full transparency:", text: "reporting, workflow insights, and ROI tracking." }
]
},
{
question: "What AI models do you use?",
overview: "We deploy best-in-class AI models—not one-size-fits-all solutions.",
points: [
{ label: "Claude AI (Anthropic)", text: "for nuanced reasoning, complex document analysis, and business logic." },
{ label: "ChatGPT / GPT-series", text: "for conversational AI, content generation, and general intelligence tasks." },
{ label: "Enterprise Voice AI", text: "for inbound and outbound call handling with natural conversation flows." },
{ label: "Specialized Models", text: "for industry-specific compliance, accuracy, and domain expertise." },
{ label: "No manual ChatGPT searches", text: "AI is embedded directly into your processes via API integration." }
]
}
];
return (
<>
<Helmet>
<title>Turn Manual Processes Into Automated Workflows | AutoRev AI</title>
<meta
name="description"
content="AutoRev AI helps growing businesses replace repetitive work with AI-powered automations that free up your team and unlock revenue—using the tools you already use. 3-week delivery, 30-day money back guarantee."
/>
<meta property="og:title" content="AI Automation Agency | Free Automation Audit - AutoRev AI" />
<meta property="og:description" content="Book your free 30-minute automation audit with AutoRev AI. Turn bottlenecks into automated workflows." />
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet" />
<script type="application/ld+json">
{JSON.stringify({
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Do we need to switch tools to work with you?",
"acceptedAnswer": {
"@type": "Answer",
"text": "You can keep your current tech stack—AutoRev AI integrates with what you already use. We adapt to your systems rather than forcing you onto ours, support flexible integrations with CRMs, ERPs, internal tools, and APIs, and focus on minimal disruption so your workflows stay intact while we automate around them. This also enables faster onboarding and accelerates time-to-ROI."
}
},
{
"@type": "Question",
"name": "How much does a typical setup cost?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pricing depends on process complexity, system integrations, and automation volume. Starter implementations typically cover a single-process automation, mid-level deployments support multi-step workflows or combined systems, and enterprise rollouts are custom-priced based on scale, compliance, and security requirements. Our model is designed to stay predictable, with ongoing optimization that scales as your usage grows."
}
},
{
"@type": "Question",
"name": "How long does implementation take?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Implementation speed depends on process scope and system access. A single-workflow automation typically takes between 3 and 6 weeks. Multi-system or high-complexity builds usually take 6 to 12 weeks, while enterprise-wide rollouts are delivered in phases with parallel optimization. Once live, we continue to iterate and extend automations without disrupting operations."
}
},
{
"@type": "Question",
"name": "What happens after launch?",
"acceptedAnswer": {
"@type": "Answer",
"text": "After launch, we stay on as an extension of your team. We continuously monitor your automations, tune performance to improve speed and reliability, and run monthly optimization cycles as your business changes. When you are ready to automate additional workflows, we can scale the solution with you while providing transparent reporting, workflow insights, and ROI tracking."
}
}
]
})}
</script>
</Helmet>
<div className="min-h-screen bg-background">
<Navigation />
{/* Hero Section */}
<section className="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-background via-background to-primary/5">
<div className="max-w-7xl mx-auto text-center">
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-6">
Deploy AI Agents That Execute Your Processes 24/7
</h1>
<p className="text-xl text-muted-foreground mb-8 max-w-3xl mx-auto">
Transform manual work into repeatable, scalable AI-driven motions. We implement AI into your operating layers—not just automations, but enterprise-grade AI models integrated directly into every part of your business.
</p>
<Button
size="lg"
className="mb-6 text-lg px-8 py-6"
onClick={() => {
// Track Axon add_to_cart event (user shows intent)
console.log('Book Now clicked, tracking add_to_cart');
if (typeof (window as any).axon !== 'undefined') {
(window as any).axon("track", "add_to_cart", {
currency: "USD",
value: 2500,
items: [{
item_id: "ai-implementation-audit",
item_name: "AI Implementation Audit",
image_url: "https://autorev.ai/assets/logo-light-300.png",
item_variant_id: "standard-audit",
price: 2500,
quantity: 1,
item_category_id: 2092
}]
});
} else {
console.error('Axon not loaded yet');
}
const calendlySection = document.getElementById('calendly-booking');
calendlySection?.scrollIntoView({ behavior: 'smooth', block: 'center' });
}}
>
Book Your Free AI Implementation Audit
</Button>
<p className="text-sm text-muted-foreground mb-8">
30-minute working session. No fluff, no obligation.
</p>
<div className="space-y-4 mb-8">
<p className="text-lg font-semibold text-foreground">
✓ 3-Week Delivery ✓ 30-Day Money Back Guarantee ✓ No Risk
</p>
</div>
{/* AI Models Bar */}
<div className="mt-12 text-center">
<p className="text-sm text-muted-foreground mb-6">Powered by Enterprise AI:</p>
<div className="flex flex-wrap justify-center gap-8 items-center mb-8">
{aiModels.map((model) => (
<div key={model.name} className="flex items-center gap-2">
<img src={model.logo} alt={model.name} className="h-8 w-auto object-contain" />
</div>
))}
</div>
<p className="text-sm text-muted-foreground mb-4">Integrates with your existing stack:</p>
<div className="flex flex-wrap justify-center gap-6 items-center">
{integrationLogos.map((logo) => (
<div key={logo.name} className="opacity-70 hover:opacity-100 transition-opacity">
<img src={logo.logo} alt={logo.name} className="h-6 w-auto object-contain" />
</div>
))}
</div>
</div>
</div>
</section>
{/* ... Additional sections continue (AI Differentiation, Problem, What We Do, etc.) ... */}
{/* Full source code available in src/pages/Demo.tsx */}
<Footer />
</div>
</>
);
};
export default DemoPage;// Note: This HTML contains the first ~450 lines. For the complete 1241-line file, download the raw TSX file or copy from the codebase.