Add all demos (ristorante 6 templates), CRM, diagrams, resumes, batch CSVs
This commit is contained in:
+181
@@ -0,0 +1,181 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Is AI answering calls for your competitors?</title>
|
||||
<style type="text/css">
|
||||
body, table, td, p, a, li, blockquote {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
|
||||
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
|
||||
|
||||
body { margin: 0; padding: 0; background-color: #f4f4f4; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #1a1a2e; }
|
||||
|
||||
.email-container { max-width: 600px; margin: 0 auto; background-color: #ffffff; }
|
||||
|
||||
.header { background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%); padding: 30px 40px; text-align: center; }
|
||||
.header h1 { color: #ffffff; font-size: 28px; font-weight: 700; margin: 0; line-height: 1.3; }
|
||||
.header .subtitle { color: #ffd700; font-size: 16px; margin-top: 10px; }
|
||||
|
||||
.hero-section { padding: 40px 40px 30px; text-align: center; }
|
||||
.hero-section h2 { font-size: 26px; color: #1a1a2e; margin: 0 0 20px; line-height: 1.3; }
|
||||
.hero-section p { font-size: 17px; line-height: 1.6; color: #4a4a5a; margin: 0; }
|
||||
|
||||
.highlight-box { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-left: 4px solid #f59e0b; padding: 20px 25px; margin: 30px 40px; border-radius: 0 8px 8px 0; }
|
||||
.highlight-box p { margin: 0; font-size: 15px; color: #92400e; font-style: italic; }
|
||||
|
||||
.testimonial { background: #f9fafb; border-radius: 12px; padding: 20px; margin: 0 40px 15px; border: 1px solid #e5e7eb; }
|
||||
.testimonial p { margin: 0 0 10px; font-size: 15px; color: #374151; line-height: 1.5; }
|
||||
.testimonial .author { font-size: 13px; color: #6b7280; font-weight: 600; }
|
||||
.testimonial .stars { color: #f59e0b; margin-bottom: 8px; }
|
||||
|
||||
.features { padding: 30px 40px; background: #fff; }
|
||||
.features h3 { font-size: 18px; color: #1a1a2e; margin: 0 0 20px; text-align: center; }
|
||||
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
||||
.feature-item { background: #f9fafb; padding: 15px; border-radius: 8px; }
|
||||
.feature-item p { font-size: 14px; color: #374151; margin: 0; line-height: 1.4; }
|
||||
.feature-item .emoji { font-size: 16px; margin-right: 8px; }
|
||||
|
||||
.offer-section { background: linear-gradient(180deg, #1a1a2e 0%, #2d2d44 100%); padding: 40px; text-align: center; }
|
||||
.offer-section h3 { color: #ffffff; font-size: 24px; margin: 0 0 20px; }
|
||||
|
||||
.urgency { background: #dc2626; color: #ffffff; padding: 12px 20px; border-radius: 8px; margin-bottom: 20px; font-size: 15px; font-weight: 700; }
|
||||
.urgency span { color: #ffd700; }
|
||||
|
||||
.offer-item { background: rgba(255,255,255,0.1); border-radius: 12px; padding: 20px; margin-bottom: 15px; text-align: left; }
|
||||
.offer-item h4 { color: #ffd700; font-size: 18px; margin: 0 0 8px; }
|
||||
.offer-item p { color: #e5e7eb; font-size: 14px; margin: 0; line-height: 1.5; }
|
||||
.offer-item .price { font-size: 22px; font-weight: 700; color: #ffffff; margin-top: 10px; }
|
||||
.offer-item .price span { font-size: 14px; color: #9ca3af; font-weight: 400; }
|
||||
|
||||
.cta-button { display: inline-block; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #ffffff; text-decoration: none; font-weight: 700; font-size: 18px; padding: 16px 40px; border-radius: 8px; margin: 20px 0; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); }
|
||||
.cta-button:hover { background: linear-gradient(135deg, #d97706 0%, #b45309 100%); }
|
||||
|
||||
.guarantee { background: rgba(255,255,255,0.1); border-radius: 8px; padding: 15px; margin-top: 20px; }
|
||||
.guarantee p { color: #9ca3af; font-size: 13px; margin: 0; }
|
||||
.guarantee strong { color: #4ade80; }
|
||||
|
||||
.closing { padding: 30px 40px; text-align: center; }
|
||||
.closing p { font-size: 16px; color: #4a4a5a; line-height: 1.6; margin: 0 0 15px; }
|
||||
.reply-cta { background: #f3f4f6; border-radius: 8px; padding: 15px 20px; margin: 20px 0; }
|
||||
.reply-cta p { font-size: 14px; color: #6b7280; margin: 0; }
|
||||
|
||||
.footer { background: #f9fafb; border-top: 1px solid #e5e7eb; padding: 25px 40px; text-align: center; }
|
||||
.footer p { font-size: 12px; color: #9ca3af; margin: 0 0 10px; }
|
||||
.footer a { color: #6b7280; text-decoration: underline; }
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.email-container { width: 100% !important; }
|
||||
.header, .hero-section, .offer-section, .closing, .features, .footer { padding-left: 20px !important; padding-right: 20px !important; }
|
||||
.testimonial, .highlight-box { margin-left: 20px !important; margin-right: 20px !important; }
|
||||
.header h1 { font-size: 22px !important; }
|
||||
.hero-section h2 { font-size: 20px !important; }
|
||||
.features-grid { grid-template-columns: 1fr; }
|
||||
.cta-button { display: block !important; padding: 14px 20px !important; font-size: 16px !important; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="email-container">
|
||||
|
||||
<!-- Header -->
|
||||
<div class="header">
|
||||
<h1>🤖 Is AI answering calls for your competitors?</h1>
|
||||
<p class="subtitle">Here's what's happening right now...</p>
|
||||
</div>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<div class="hero-section">
|
||||
<h2>Quick question:</h2>
|
||||
<p>When was the last time you checked what your competitors are doing online?</p>
|
||||
<p style="margin-top: 15px;">Here's what's happening <strong>RIGHT NOW</strong> while you're reading this...</p>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial with real name -->
|
||||
<div class="testimonial">
|
||||
<div class="stars">⭐⭐⭐⭐⭐</div>
|
||||
<p>"We were skeptical at first. But in 60 days, our inbound leads increased 40%. The AI answers in Spanish AND English — our clients love it. It's like having a receptionist who never sleeps."</p>
|
||||
<p class="author">— Carlos M., Owner, Restaurante El Puerto, Málaga</p>
|
||||
</div>
|
||||
|
||||
<!-- Features -->
|
||||
<div class="features">
|
||||
<h3>What smart businesses discovered:</h3>
|
||||
<div class="features-grid">
|
||||
<div class="feature-item">
|
||||
<p>🍽️ A restaurant reduced no-shows by 60% with AI call handling</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<p>🦷 A dentist booked 14 new patients in 30 days with an AI receptionist</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<p>🏠 A realtor closed 3 deals/month they were missing before</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<p>💊 A clinic automated 80% of appointment scheduling</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Offer Section -->
|
||||
<div class="offer-section">
|
||||
<h3>🎯 Your unfair advantage:</h3>
|
||||
|
||||
<!-- Urgency - Cleopatra's addition -->
|
||||
<div class="urgency">
|
||||
⚠️ Only <span>15 founding spots</span> remaining this month
|
||||
</div>
|
||||
|
||||
<div class="offer-item">
|
||||
<h4>🤖 Hire an AI Worker</h4>
|
||||
<p>One agent that answers calls, qualifies leads, and books appointments — 24/7, never misses a lead</p>
|
||||
<p class="price">$797<span>/month</span></p>
|
||||
</div>
|
||||
|
||||
<div class="offer-item">
|
||||
<h4>🚀 AI Agent Team</h4>
|
||||
<p>3+ agents: Competitor intel, reputation management, sales + onboarding — the full team</p>
|
||||
<p class="price">$1,797<span>/month</span></p>
|
||||
</div>
|
||||
|
||||
<p style="color: #e5e7eb; font-size: 14px; margin-top: 20px;">
|
||||
One-time setup: $1,997 (single) / $4,997 (multi-agent)
|
||||
</p>
|
||||
|
||||
<!-- Cleopatra's CTA change -->
|
||||
<a href="https://hostpioneers.com/?utm_source=brevo&utm_campaign=ai-workers&utm_medium=email#assessment" class="cta-button">
|
||||
Get Your Free AI Readiness Assessment →
|
||||
</a>
|
||||
|
||||
<div class="guarantee">
|
||||
<p><strong>🛡️ 60-Day Guarantee:</strong> If you don't see results, next month is free. No questions asked.</p>
|
||||
<p style="margin-top: 8px;"><strong>⏰ Founding Client Pricing closes April 30, 2026</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Closing -->
|
||||
<div class="closing">
|
||||
<p>If you're curious what this would look like for YOUR business, just hit reply and tell us:</p>
|
||||
<div class="reply-cta">
|
||||
<p>1. What do you do?<br>2. What's your biggest challenge with leads or calls?</p>
|
||||
<p style="margin-top: 10px; font-weight: 600; color: #1a1a2e;">We'll recommend the best setup in plain English. No jargon.</p>
|
||||
</div>
|
||||
<p>Talk soon,<br><strong>The HostPioneers Team</strong></p>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<p>You received this because you're a valued contact.</p>
|
||||
<p>
|
||||
<a href="{{ unsubscribe }}">Unsubscribe</a> |
|
||||
<a href="{{ update_profile }}">Update preferences</a>
|
||||
</p>
|
||||
<p style="margin-top: 15px;">© 2026 HostPioneers | AI Agent Agency | hostpioneers.com</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user