<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Meet Clair | It’s Clearly AI</title>
<style>
body{font-family:'Inter',Arial,sans-serif;color:#111;margin:0;background:#fff;line-height:1.6;text-align:center}
section{padding:60px 20px}
h1,h2,h3{font-weight:700;margin-bottom:.4em}
a{color:#08D9D6;text-decoration:none}
.btn{display:inline-block;background:#08D9D6;color:#111;font-weight:700;padding:14px 28px;border-radius:8px;font-size:1.1em;margin-top:10px}
.card{background:#f8f9fa;border-radius:12px;padding:40px;margin:40px auto;max-width:700px;text-align:left}
form input,form textarea{width:90%;padding:12px;margin:8px 0;border-radius:6px;border:1px solid #ccc;font-size:1em}
form button{background:#08D9D6;color:#111;padding:14px 28px;font-size:1.1em;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-top:10px}
footer{font-size:.9em;color:#777;margin-top:60px;padding-bottom:80px}
iframe{width:100%;max-width:700px;border:none;border-radius:8px}
</style>
</head>
<body>
<section>
<h1>👋 Meet <span style="color:#08D9D6;">Clair</span> — Your 24/7 AI Voice Assistant</h1>
<p>Experience how AI can answer calls, book appointments, and qualify leads for your business — while you focus on what really matters.</p>
<h2>🎧 Call the Live Demo</h2>
<p style="font-size:1.2em;font-weight:600;">📞 <a href="tel:+14752532724">(475) 253-2724</a></p>
<p style="color:#666;">Talk to Clair now — she’s live and ready to show you how automation sounds when it’s human.</p>
<h3>🎥 Watch Clair in Action</h3>
<iframe src="https://www.youtube.com/embed/" title="Clair Demo Video" allowfullscreen></iframe>
<div class="card">
<h3>What Clair Can Do 👇</h3>
<ul style="list-style:none;padding:0">
<li>✅ Answer calls 24/7 — no missed opportunities</li>
<li>✅ Book appointments directly to your calendar</li>
<li>✅ Qualify and follow up with leads automatically</li>
<li>✅ Custom scripts and branding for your business</li>
<li>✅ Seamless integration with CRMs, calendars, and SMS</li>
</ul>
</div>
<div class="card">
<h2>💬 Want Clair to Work for You?</h2>
<form action="#" method="POST">
<input type="hidden" name="Lead_Source" value="AspireDC2025" />
<input type="text" name="Name" placeholder="Full Name" required />
<input type="email" name="Email" placeholder="Email Address" required />
<input type="tel" name="Phone" placeholder="Phone Number" />
<textarea name="Message" placeholder="Tell us a bit about your business..." rows="3"></textarea>
<button type="submit">Submit →</button>
</form>
<h3 style="margin-top:40px;">📅 Book a Call Right Now</h3>
<iframe src="https://api.leadconnectorhq.com/widget/bookings/jonathanai" height="650"></iframe>
</div>
<div style="margin-top:60px">
<h3>💬 Chat with Clair Live</h3>
<p style="color:#666;">Click below to start chatting directly with Clair in real time.</p>
<script src="https://d2cqc7yqzf8c8f.cloudfront.net/web-widget-v1.js"></script>
<div data-widget-key="8a1b17ba-e876-4d47-90d3-bf512c49aea2"></div>
</div>
<footer>
Powered by <strong>It’s Clearly AI</strong> — Where Clarity Meets Intelligence.<br>
<p>Back to <a href="https://itsclearly.ai" target="_blank">itsclearly.ai</a></p>
</footer>
</section>
</body>
</html>