<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Revive AI | Dormant Lead Reactivation for Home Services</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--primary: #0f172a;
--accent: #3b82f6;
--accent-light: #60a5fa;
--success: #10b981;
--warning: #f59e0b;
--text: #1e293b;
--text-light: #64748b;
--bg: #ffffff;
--bg-alt: #f8fafc;
--border: #e2e8f0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--text);
line-height: 1.6;
overflow-x: hidden;
}
/* Navigation */
nav {
position: fixed;
top: 0;
width: 100%;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(10px);
z-index: 1000;
border-bottom: 1px solid var(--border);
padding: 1rem 0;
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: 800;
color: var(--primary);
text-decoration: none;
}
.logo span {
color: var(--accent);
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--accent);
}
.nav-cta {
background: var(--accent);
color: white;
padding: 0.75rem 1.5rem;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
}
.nav-cta:hover {
background: var(--primary);
transform: translateY(-2px);
}
/* Hero Section */
.hero {
padding: 10rem 2rem 6rem;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #dbeafe;
color: var(--accent);
padding: 0.5rem 1rem;
border-radius: 50px;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 1.5rem;
}
.hero-badge .pulse {
width: 8px;
height: 8px;
background: var(--success);
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.hero h1 {
font-size: 3.5rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 1.5rem;
color: var(--primary);
}
.hero h1 .highlight {
background: linear-gradient(135deg, var(--accent), var(--success));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 2rem;
max-width: 500px;
}
.hero-stats {
display: flex;
gap: 2rem;
margin-bottom: 2rem;
}
.stat {
text-align: center;
}
.stat-number {
font-size: 2rem;
font-weight: 800;
color: var(--accent);
}
.stat-label {
font-size: 0.875rem;
color: var(--text-light);
}
.hero-cta {
display: flex;
gap: 1rem;
}
.btn-primary {
background: var(--primary);
color: white;
padding: 1rem 2rem;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s;
border: none;
cursor: pointer;
font-size: 1rem;
}
.btn-primary:hover {
background: var(--accent);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
}
.btn-secondary {
background: white;
color: var(--text);
padding: 1rem 2rem;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
border: 2px solid var(--border);
transition: all 0.3s;
}
.btn-secondary:hover {
border-color: var(--accent);
color: var(--accent);
}
.hero-visual {
position: relative;
}
.hero-card {
background: white;
border-radius: 20px;
padding: 2rem;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1);
border: 1px solid var(--border);
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}
.card-title {
font-weight: 700;
font-size: 1.125rem;
}
.card-badge {
background: #dcfce7;
color: var(--success);
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 600;
}
.lead-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--bg-alt);
border-radius: 12px;
margin-bottom: 0.75rem;
animation: slideIn 0.5s ease-out forwards;
opacity: 0;
}
.lead-item:nth-child(2) { animation-delay: 0.2s; }
.lead-item:nth-child(3) { animation-delay: 0.4s; }
.lead-item:nth-child(4) { animation-delay: 0.6s; }
@keyframes slideIn {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.lead-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--accent-light));
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 600;
font-size: 0.875rem;
}
.lead-info {
flex: 1;
}
.lead-name {
font-weight: 600;
font-size: 0.875rem;
}
.lead-detail {
font-size: 0.75rem;
color: var(--text-light);
}
.lead-status {
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 600;
}
.status-reactivated {
background: #dcfce7;
color: var(--success);
}
.status-booked {
background: #dbeafe;
color: var(--accent);
}
/* Problem Section */
.problem {
background: var(--bg-alt);
padding: 6rem 2rem;
}
.section-container {
max-width: 1200px;
margin: 0 auto;
}
.section-header {
text-align: center;
max-width: 700px;
margin: 0 auto 4rem;
}
.section-tag {
display: inline-block;
background: #fee2e2;
color: #ef4444;
padding: 0.5rem 1rem;
border-radius: 50px;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 1rem;
}
.section-title {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 1rem;
color: var(--primary);
}
.section-subtitle {
font-size: 1.125rem;
color: var(--text-light);
}
.problem-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.problem-card {
background: white;
padding: 2rem;
border-radius: 16px;
border: 1px solid var(--border);
transition: all 0.3s;
}
.problem-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.problem-icon {
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.icon-red { background: #fee2e2; }
.icon-orange { background: #ffedd5; }
.icon-blue { background: #dbeafe; }
.problem-card h3 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
.problem-card p {
color: var(--text-light);
font-size: 0.95rem;
}
/* Solution Section */
.solution {
padding: 6rem 2rem;
background: white;
}
.solution-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.solution-content h2 {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
color: var(--primary);
}
.solution-content > p {
font-size: 1.125rem;
color: var(--text-light);
margin-bottom: 2rem;
}
.feature-list {
list-style: none;
}
.feature-list li {
display: flex;
align-items: flex-start;
gap: 1rem;
margin-bottom: 1.5rem;
}
.feature-check {
width: 24px;
height: 24px;
background: var(--success);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.875rem;
flex-shrink: 0;
margin-top: 2px;
}
.feature-text h4 {
font-weight: 600;
margin-bottom: 0.25rem;
}
.feature-text p {
color: var(--text-light);
font-size: 0.9rem;
}
.solution-visual {
position: relative;
}
.solution-visual img {
width: 100%;
border-radius: 20px;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);
}
/* How It Works */
.how-it-works {
background: var(--primary);
color: white;
padding: 6rem 2rem;
}
.how-it-works .section-title {
color: white;
}
.how-it-works .section-subtitle {
color: #94a3b8;
}
.steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
margin-top: 4rem;
}
.step {
text-align: center;
position: relative;
}
.step:not(:last-child)::after {
content: '';
position: absolute;
top: 30px;
right: -1rem;
width: 2rem;
height: 2px;
background: rgba(255,255,255,0.2);
}
.step-number {
width: 60px;
height: 60px;
background: rgba(255,255,255,0.1);
border: 2px solid var(--accent);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 800;
margin: 0 auto 1.5rem;
color: var(--accent);
}
.step h3 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
.step p {
color: #94a3b8;
font-size: 0.9rem;
}
/* ROI Section */
.roi {
padding: 6rem 2rem;
background: var(--bg-alt);
}
.roi-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.roi-visual {
background: white;
padding: 2rem;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}
.roi-chart {
display: flex;
align-items: flex-end;
gap: 1rem;
height: 250px;
padding: 1rem 0;
}
.bar-group {
flex: 1;
text-align: center;
}
.bar {
background: linear-gradient(to top, var(--accent), var(--accent-light));
border-radius: 8px 8px 0 0;
transition: height 1s ease-out;
position: relative;
}
.bar-value {
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
font-weight: 700;
font-size: 0.875rem;
color: var(--primary);
}
.bar-label {
margin-top: 0.75rem;
font-size: 0.8rem;
color: var(--text-light);
font-weight: 500;
}
.roi-content h2 {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
color: var(--primary);
}
.roi-content > p {
font-size: 1.125rem;
color: var(--text-light);
margin-bottom: 2rem;
}
.roi-highlight {
background: white;
padding: 1.5rem;
border-radius: 12px;
border-left: 4px solid var(--success);
margin-bottom: 1.5rem;
}
.roi-highlight strong {
color: var(--success);
font-size: 1.25rem;
}
/* Integrations */
.integrations {
padding: 6rem 2rem;
background: white;
}
.integrations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 3rem;
}
.integration-card {
border: 2px solid var(--border);
border-radius: 16px;
padding: 2rem;
text-align: center;
transition: all 0.3s;
}
.integration-card:hover {
border-color: var(--accent);
transform: translateY(-5px);
}
.integration-card.featured {
border-color: var(--accent);
background: #eff6ff;
}
.integration-icon {
width: 80px;
height: 80px;
background: var(--bg-alt);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
font-size: 2rem;
}
.integration-card h3 {
font-size: 1.25rem;
margin-bottom: 0.5rem;
}
.integration-card .speed {
display: inline-block;
background: #dcfce7;
color: var(--success);
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 1rem;
}
.integration-card p {
color: var(--text-light);
font-size: 0.9rem;
}
/* CTA Section */
.cta {
background: linear-gradient(135deg, var(--primary), #1e3a5f);
padding: 6rem 2rem;
text-align: center;
color: white;
}
.cta h2 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1.5rem;
}
.cta p {
font-size: 1.25rem;
color: #94a3b8;
max-width: 600px;
margin: 0 auto 2rem;
}
.cta-buttons {
display: flex;
gap: 1rem;
justify-content: center;
}
.btn-white {
background: white;
color: var(--primary);
padding: 1rem 2rem;
border-radius: 12px;
text-decoration: none;
font-weight: 700;
transition: all 0.3s;
}
.btn-white:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.btn-outline {
background: transparent;
color: white;
padding: 1rem 2rem;
border-radius: 12px;
text-decoration: none;
font-weight: 700;
border: 2px solid rgba(255,255,255,0.3);
transition: all 0.3s;
}
.btn-outline:hover {
border-color: white;
background: rgba(255,255,255,0.1);
}
/* Footer */
footer {
background: var(--primary);
color: #94a3b8;
padding: 3rem 2rem;
border-top: 1px solid rgba(255,255,255,0.1);
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-logo {
font-size: 1.5rem;
font-weight: 800;
color: white;
}
.footer-logo span {
color: var(--accent);
}
.footer-links {
display: flex;
gap: 2rem;
}
.footer-links a {
color: #94a3b8;
text-decoration: none;
transition: color 0.3s;
}
.footer-links a:hover {
color: white;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.nav-links { display: none; }
.hero { grid-template-columns: 1fr; padding-top: 8rem; }
.hero h1 { font-size: 2.5rem; }
.problem-grid { grid-template-columns: 1fr; }
.solution-grid { grid-template-columns: 1fr; }
.steps { grid-template-columns: 1fr; }
.step:not(:last-child)::after { display: none; }
.roi-grid { grid-template-columns: 1fr; }
.integrations-grid { grid-template-columns: 1fr; }
.cta h2 { font-size: 2rem; }
.footer-container { flex-direction: column; gap: 1rem; text-align: center; }
}
</style>
<base target="_blank">
</head>
<body>
<!-- Navigation -->
<nav>
<div class="nav-container">
<a href="#" class="logo">Revive<span>AI</span></a>
<ul class="nav-links">
<li><a href="#problem">Problem</a></li>
<li><a href="#solution">Solution</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#roi">ROI</a></li>
<li><a href="#integrations">Integrations</a></li>
</ul>
<a href="#contact" class="nav-cta">Book a Demo</a>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">
<span class="pulse"></span>
Revenue Recovery System
</div>
<h1>Turn Dormant Leads Into <span class="highlight">$10K+/Month</span> in Recovered Revenue</h1>
<p class="hero-subtitle">AI-powered reactivation for home service businesses. We monetise leads you've already paid for but never converted—across SMS, email, and AI voice.</p>
<div class="hero-stats">
<div class="stat">
<div class="stat-number">5-10%</div>
<div class="stat-label">Reactivation Rate</div>
</div>
<div class="stat">
<div class="stat-number">2mo-2yr</div>
<div class="stat-label">Lead Window</div>
</div>
<div class="stat">
<div class="stat-number">3-5 Days</div>
<div class="stat-label">Go-Live Time</div>
</div>
</div>
<div class="hero-cta">
<a href="#contact" class="btn-primary">
Book Free Audit
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="#how-it-works" class="btn-secondary">See How It Works</a>
</div>
</div>
<div class="hero-visual">
<div class="hero-card">
<div class="card-header">
<span class="card-title">Recently Reactivated</span>
<span class="card-badge">Live Feed</span>
</div>
<div class="lead-item">
<div class="lead-avatar">JD</div>
<div class="lead-info">
<div class="lead-name">John Davis</div>
<div class="lead-detail">HVAC Repair • 8 months dormant</div>
</div>
<span class="lead-status status-booked">Booked</span>
</div>
<div class="lead-item">
<div class="lead-avatar">SM</div>
<div class="lead-info">
<div class="lead-name">Sarah Miller</div>
<div class="lead-detail">Plumbing Quote • 14 months dormant</div>
</div>
<span class="lead-status status-reactivated">Reactivated</span>
</div>
<div class="lead-item">
<div class="lead-avatar">RJ</div>
<div class="lead-info">
<div class="lead-name">Robert Johnson</div>
<div class="lead-detail">Roof Inspection • 3 months dormant</div>
</div>
<span class="lead-status status-booked">Booked</span>
</div>
<div class="lead-item">
<div class="lead-avatar">EW</div>
<div class="lead-info">
<div class="lead-name">Emma Wilson</div>
<div class="lead-detail">Electrical Work • 22 months dormant</div>
</div>
<span class="lead-status status-reactivated">Reactivated</span>
</div>
</div>
</div>
</section>
<!-- Problem Section -->
<section class="problem" id="problem">
<div class="section-container">
<div class="section-header">
<span class="section-tag">The Problem</span>
<h2 class="section-title">Your CRM Is a Goldmine You're Not Mining</h2>
<p class="section-subtitle">Home service businesses sit on thousands of dormant leads—enquiries that were paid for but never properly followed up. That's revenue left on the table every single month.</p>
</div>
<div class="problem-grid">
<div class="problem-card">
<div class="problem-icon icon-red">💸</div>
<h3>Sunk Ad Spend</h3>
<p>You paid $50-$150 per lead through Google, Facebook, or HomeAdvisor. Most businesses convert less than 20%. The other 80%? Written off as "bad leads."</p>
</div>
<div class="problem-card">
<div class="problem-icon icon-orange">😴</div>
<h3>No Follow-Up Infrastructure</h3>
<p>Your team is busy running jobs. There's no system to nurture leads that didn't book immediately. After 2-3 attempts, they go cold forever.</p>
</div>
<div class="problem-card">
<div class="problem-icon icon-blue">📉</div>
<h3>Revenue Leakage</h3>
<p>A 5-10% reactivation rate on a database of 1,000 dormant leads can generate $10,000+ in incremental monthly revenue—without spending another dollar on ads.</p>
</div>
</div>
</div>
</section>
<!-- Solution Section -->
<section class="solution" id="solution">
<div class="section-container">
<div class="solution-grid">
<div class="solution-content">
<span class="section-tag" style="background: #dbeafe; color: var(--accent);">Our Solution</span>
<h2>AI-Powered Revenue Recovery</h2>
<p>We don't generate new leads. We monetise the ones you already own. Our AI agents identify, personalise, and reactivate dormant enquiries across every channel.</p>
<ul class="feature-list">
<li>
<div class="feature-check">✓</div>
<div class="feature-text">
<h4>Smart Lead Identification</h4>
<p>We plug into your CRM and instantly surface dormant leads from 2 months to 2+ years old, ranked by reactivation probability.</p>
</div>
</li>
<li>
<div class="feature-check">✓</div>
<div class="feature-text">
<h4>Hyper-Personalised Outreach</h4>
<p>AI crafts context-aware messages based on the original enquiry—no generic "checking in" templates. Every touchpoint feels human.</p>
</div>
</li>
<li>
<div class="feature-check">✓</div>
<div class="feature-text">
<h4>Multi-Channel Campaigns</h4>
<p>SMS, email, and AI voice working in sequence. We reach leads where they respond best, with perfect timing and persistence.</p>
</div>
</li>
<li>
<div class="feature-check">✓</div>
<div class="feature-text">
<h4>Direct Calendar Booking</h4>
<p>Qualified leads are booked straight into your calendar. Unqualified? We pass warm handoffs to your team with full context.</p>
</div>
</li>
</ul>
</div>
<div class="solution-visual">
<div style="background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border-radius: 20px; padding: 2rem; border: 1px solid #bae6fd;">
<div style="background: white; border-radius: 12px; padding: 1.5rem; margin-bottom: 1rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
<div style="font-size: 0.75rem; color: var(--text-light); margin-bottom: 0.5rem;">AI GENERATED MESSAGE</div>
<div style="font-size: 0.95rem; line-height: 1.5;">
<strong>Hi John,</strong><br><br>
You requested a quote for HVAC repair last August but we never connected. Since then we've helped 40+ homeowners in [Neighborhood] with similar issues—most saving 20% on their repair vs. initial quotes.<br><br>
Still need that repair? I have 2 slots open this week. Reply <strong>YES</strong> and I'll send available times.
</div>
<div style="margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--text-light);">
<span>Channel: SMS</span>
<span>Sent: Just now</span>
</div>
</div>
<div style="display: flex; gap: 1rem;">
<div style="flex: 1; background: white; border-radius: 12px; padding: 1rem; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
<div style="font-size: 1.5rem; font-weight: 800; color: var(--accent);">94%</div>
<div style="font-size: 0.75rem; color: var(--text-light);">Open Rate</div>
</div>
<div style="flex: 1; background: white; border-radius: 12px; padding: 1rem; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
<div style="font-size: 1.5rem; font-weight: 800; color: var(--success);">12%</div>
<div style="font-size: 0.75rem; color: var(--text-light);">Reply Rate</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- How It Works -->
<section class="how-it-works" id="how-it-works">
<div class="section-container">
<div class="section-header">
<span class="section-tag" style="background: rgba(255,255,255,0.1); color: white;">Process</span>
<h2 class="section-title">From Dormant to Booked in 4 Steps</h2>
<p class="section-subtitle">Zero disruption to your operations. We handle the heavy lifting while you focus on running jobs.</p>
</div>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Connect</h3>
<p>We integrate with your CRM (GoHighLevel, HubSpot, or even spreadsheets) in 3-5 days. No complex setup required.</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Identify</h3>
<p>Our AI surfaces dormant leads from 2 months to 2+ years old, analysing original enquiry context and optimal reactivation timing.</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Reactivate</h3>
<p>Multi-channel outreach launches—personalised SMS, email sequences, and AI voice calls that sound indistinguishably human.</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Convert</h3>
<p>Responders are qualified by AI and booked directly into your calendar. Full reporting on reactivated leads, jobs booked, and revenue recovered.</p>
</div>
</div>
</div>
</section>
<!-- ROI Section -->
<section class="roi" id="roi">
<div class="section-container">
<div class="roi-grid">
<div class="roi-visual">
<h3 style="margin-bottom: 1.5rem; font-size: 1.25rem;">Revenue Recovery Projection</h3>
<div class="roi-chart">
<div class="bar-group">
<div class="bar" style="height: 30%;">
<span class="bar-value">$2K</span>
</div>
<div class="bar-label">Month 1</div>
</div>
<div class="bar-group">
<div class="bar" style="height: 55%;">
<span class="bar-value">$5K</span>
</div>
<div class="bar-label">Month 2</div>
</div>
<div class="bar-group">
<div class="bar" style="height: 75%;">
<span class="bar-value">$8K</span>
</div>
<div class="bar-label">Month 3</div>
</div>
<div class="bar-group">
<div class="bar" style="height: 100%;">
<span class="bar-value">$12K</span>
</div>
<div class="bar-label">Month 6</div>
</div>
</div>
<p style="text-align: center; color: var(--text-light); font-size: 0.875rem; margin-top: 1rem;">Based on 1,000 dormant leads at 5-10% reactivation with $500 avg. job value</p>
</div>
<div class="roi-content">
<span class="section-tag" style="background: #dcfce7; color: var(--success);">ROI</span>
<h2>The Math Is Simple</h2>
<p>Most home service businesses are sitting on 500-3,000 dormant leads. Even conservative reactivation rates generate serious revenue—without touching your ad budget.</p>
<div class="roi-highlight">
<strong>$10,000+/month</strong> in incremental revenue from leads you've already paid for. No new ad spend. No new lead sources. Just better monetisation of existing assets.
</div>
<div class="roi-highlight">
<strong>5-10% reactivation rate</strong> is typical. The 2-6 month window delivers quick wins. 6-12 months still converts well. Beyond 12 months works beautifully at scale with the right messaging.
</div>
<div class="roi-highlight">
<strong>3-5 day go-live</strong> for GoHighLevel and HubSpot. Spreadsheets? Same day. You're seeing reactivated leads within a week, not months.
</div>
</div>
</div>
</div>
</section>
<!-- Integrations -->
<section class="integrations" id="integrations">
<div class="section-container">
<div class="section-header">
<span class="section-tag" style="background: #f3e8ff; color: #9333ea;">Integrations</span>
<h2 class="section-title">Works With Your Existing Stack</h2>
<p class="section-subtitle">No rip-and-replace. We plug into what you already use and start reactivating leads within days.</p>
</div>
<div class="integrations-grid">
<div class="integration-card featured">
<div class="integration-icon">⚡</div>
<h3>GoHighLevel</h3>
<span class="speed">3-5 Days</span>
<p>Native integration with GHL. Pulls dormant leads, triggers campaigns, and books directly into calendars. Most popular among home service agencies.</p>
</div>
<div class="integration-card featured">
<div class="integration-icon">🔧</div>
<h3>HubSpot</h3>
<span class="speed">3-5 Days</span>
<p>Full CRM sync with deal pipeline integration. Reactivated leads flow straight into your existing sales process with full context preserved.</p>
</div>
<div class="integration-card">
<div class="integration-icon">📊</div>
<h3>Spreadsheets & Others</h3>
<span class="speed">Same Day</span>
<p>CSV upload or Google Sheets connection. For other CRMs (Salesforce, Zoho, Pipedrive), typical setup is 7-10 days depending on API access.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta" id="contact">
<h2>Stop Letting Revenue Rot in Your CRM</h2>
<p>Book a free dormant lead audit. We'll analyse your database, estimate your reactivation potential, and show you exactly how much revenue is sitting untouched.</p>
<div class="cta-buttons">
<a href="mailto:hello@reviveai.com?subject=Free%20Dormant%20Lead%20Audit" class="btn-white">Book Free Audit</a>
<a href="mailto:hello@reviveai.com" class="btn-outline">Contact Sales</a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-container">
<div class="footer-logo">Revive<span>AI</span></div>
<div class="footer-links">
<a href="#problem">Problem</a>
<a href="#solution">Solution</a>
<a href="#how-it-works">Process</a>
<a href="#roi">ROI</a>
<a href="#contact">Contact</a>
</div>
<div>© 2026 Revive AI. All rights reserved.</div>
</div>
</footer>
<script>
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Animate bars on scroll
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const bars = entry.target.querySelectorAll('.bar');
bars.forEach((bar, index) => {
setTimeout(() => {
bar.style.height = bar.style.height;
}, index * 200);
});
}
});
}, { threshold: 0.5 });
document.querySelectorAll('.roi-chart').forEach(chart => {
observer.observe(chart);
});
</script>
</body>
</html>