<!DOCTYPE html>

<head>

<title>RealtyLeadAI - AI Lead Generation for Real Estate Agents</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

line-height: 1.6;

color: #2c3e50;

}

.hero {

background: linear-gradient(135deg, #2E86C1, #27AE60);

color: white;

padding: 80px 20px;

text-align: center;

min-height: 100vh;

display: flex;

flex-direction: column;

justify-content: center;

}

.logo {

margin-bottom: 30px;

}

.logo svg {

height: 80px;

}

.hero h1 {

font-size: 3rem;

margin-bottom: 20px;

text-shadow: 2px 2px 4px rgba(0,0,0,0.3);

}

.hero p {

font-size: 1.4rem;

margin-bottom: 40px;

opacity: 0.9;

}

.cta-button {

background: linear-gradient(135deg, #e74c3c, #c0392b);

color: white;

padding: 20px 40px;

font-size: 1.2rem;

border: none;

border-radius: 50px;

cursor: pointer;

text-decoration: none;

display: inline-block;

margin: 10px;

transition: all 0.3s ease;

box-shadow: 0 5px 20px rgba(231, 76, 60, 0.4);

}

.cta-button:hover {

transform: translateY(-3px);

box-shadow: 0 8px 25px rgba(231, 76, 60, 0.6);

}

.stats {

background: white;

padding: 60px 20px;

text-align: center;

}

.stats-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 40px;

max-width: 1000px;

margin: 0 auto;

}

.stat-item {

padding: 30px;

border-radius: 15px;

background: linear-gradient(135deg, #f8f9fa, #e9ecef);

box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}

.stat-number {

font-size: 3rem;

font-weight: bold;

color: #2E86C1;

margin-bottom: 10px;

}

.features {

background: #f8f9fa;

padding: 80px 20px;

}

.container {

max-width: 1200px;

margin: 0 auto;

}

.features h2 {

text-align: center;

font-size: 2.5rem;

margin-bottom: 60px;

color: #2c3e50;

}

.features-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 40px;

}

.feature-card {

background: white;

padding: 40px;

border-radius: 20px;

box-shadow: 0 10px 30px rgba(0,0,0,0.1);

text-align: center;

transition: transform 0.3s ease;

}

.feature-card:hover {

transform: translateY(-10px);

}

.feature-icon {

font-size: 4rem;

margin-bottom: 20px;

}

.feature-card h3 {

font-size: 1.5rem;

margin-bottom: 15px;

color: #2E86C1;

}

.pricing {

background: white;

padding: 80px 20px;

text-align: center;

}

.pricing h2 {

font-size: 2.5rem;

margin-bottom: 20px;

color: #2c3e50;

}

.pricing-subtitle {

font-size: 1.2rem;

color: #7f8c8d;

margin-bottom: 60px;

}

.pricing-cards {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 40px;

max-width: 900px;

margin: 0 auto;

}

.pricing-card {

background: white;

border: 3px solid #e9ecef;

border-radius: 20px;

padding: 40px 30px;

position: relative;

transition: all 0.3s ease;

}

.pricing-card.popular {

border-color: #e74c3c;

transform: scale(1.05);

box-shadow: 0 20px 40px rgba(231, 76, 60, 0.2);

}

.popular-badge {

position: absolute;

top: -15px;

left: 50%;

transform: translateX(-50%);

background: linear-gradient(135deg, #e74c3c, #c0392b);

color: white;

padding: 8px 20px;

border-radius: 20px;

font-weight: bold;

font-size: 0.9rem;

}

.plan-name {

font-size: 1.5rem;

font-weight: bold;

margin-bottom: 10px;

color: #2c3e50;

}

.plan-price {

font-size: 3rem;

font-weight: bold;

color: #2E86C1;

margin-bottom: 5px;

}

.plan-period {

color: #7f8c8d;

margin-bottom: 30px;

}

.plan-features {

list-style: none;

margin-bottom: 40px;

}

.plan-features li {

padding: 8px 0;

border-bottom: 1px solid #f1f2f6;

}

.plan-features li:before {

content: "✅ ";

margin-right: 10px;

}

.signup-button {

background: linear-gradient(135deg, #2E86C1, #3498db);

color: white;

padding: 15px 30px;

border: none;

border-radius: 30px;

font-size: 1.1rem;

cursor: pointer;

width: 100%;

transition: all 0.3s ease;

}

.signup-button:hover {

transform: translateY(-2px);

box-shadow: 0 5px 15px rgba(46, 134, 193, 0.4);

}

.popular .signup-button {

background: linear-gradient(135deg, #e74c3c, #c0392b);

}

.testimonials {

background: #f8f9fa;

padding: 80px 20px;

}

.testimonials h2 {

text-align: center;

font-size: 2.5rem;

margin-bottom: 60px;

color: #2c3e50;

}

.testimonial-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 40px;

max-width: 1000px;

margin: 0 auto;

}

.testimonial {

background: white;

padding: 30px;

border-radius: 15px;

box-shadow: 0 5px 15px rgba(0,0,0,0.1);

text-align: center;

}

.testimonial-text {

font-style: italic;

margin-bottom: 20px;

font-size: 1.1rem;

}

.testimonial-author {

font-weight: bold;

color: #2E86C1;

}

.footer {

background: #2c3e50;

color: white;

padding: 40px 20px;

text-align: center;

}

.trial-banner {

background: linear-gradient(135deg, #f39c12, #e67e22);

color: white;

padding: 20px;

text-align: center;

font-weight: bold;

position: sticky;

top: 0;

z-index: 1000;

}

@media (max-width: 768px) {

.hero h1 {

font-size: 2rem;

}

.hero p {

font-size: 1.1rem;

}

.pricing-card.popular {

transform: none;

}

</style>

</head>

<body>

🚀 LIMITED TIME: 7-Day FREE Trial + 50% Off First Month!

</div>

<defs>

</linearGradient>

</linearGradient>

</defs>

</g>

Realty<tspan fill="#2ECC71">Lead</tspan><tspan fill="#ffffff">AI</tspan>

</text>

AI-Powered Real Estate Lead Generation

</text>

</svg>

</div>

<h1>Turn Every Website Visitor Into a Qualified Lead</h1>

<p>AI-powered lead generation that captures, qualifies, and converts prospects automatically</p>

<div>

<a href="#pricing" class="cta-button">Start Free Trial</a>

</div>

</section>

<div>More Qualified Leads</div>

</div>

<div>Automatic Lead Capture</div>

</div>

<div>Faster Response Time</div>

</div>

</section>

<h2>Everything You Need to Generate More Leads</h2>

<h3>Smart Lead Qualification</h3>

<p>Automatically captures contact info, budget, timeline, and buying intent. Scores leads as Hot, Warm, or Cold for instant prioritization.</p>

</div>

<h3>CRM Integration Ready</h3>

<p>Export leads directly to your CRM with one click. Works with Top Producer, Follow Up Boss, KVCore, and all major systems.</p>

</div>

<h3>AI-Powered Conversations</h3>

<p>Engages prospects with natural conversations, answers questions, and guides them through qualification forms automatically.</p>

</div>

<h3>Mobile Optimized</h3>

<p>Works perfectly on phones, tablets, and desktops. Your leads can interact anywhere, anytime.</p>

</div>

<h3>Instant Notifications</h3>

<p>Get immediate alerts when hot leads are captured. Never miss a qualified prospect again.</p>

</div>

<h3>Professional Branding</h3>

<p>Clean, modern interface that builds trust and credibility with your prospects.</p>

</div>

</section>

<h2>Choose Your Plan</h2>

<p class="pricing-subtitle">Start generating more leads today with our proven system</p>

<div class="popular-badge">MOST POPULAR</div>

<div class="plan-name">Professional</div>

<div class="plan-period">per month</div>

<li>Unlimited leads</li>

<li>Advanced lead scoring</li>

<li>CRM integrations</li>

<li>Priority support</li>

<li>Mobile responsive</li>

<li>Analytics dashboard</li>

</ul>

<button class="signup-button" onclick="signup('professional')">Start Free Trial</button>

</div>

</section>

<h2>What Real Estate Agents Are Saying</h2>

"RealtyLeadAI tripled my lead generation in the first month. The AI qualification saves me hours every day!"

</div>

<div class="testimonial-author">Sarah M. - Top Producer, Austin TX</div>

</div>

"Finally, a tool that actually captures leads instead of just collecting email addresses. Game changer!"

</div>

<div class="testimonial-author">Mike R. - RE/MAX Agent, Denver CO</div>

</div>

"The lead scoring is incredible. I know exactly which prospects to call first. Closed 2 deals this week!"

</div>

<div class="testimonial-author">Jennifer L. - Keller Williams, Miami FL</div>

</div>

</section>

<h2>Ready to 10x Your Lead Generation?</h2>

<p>Join hundreds of agents already using RealtyLeadAI</p>

<a href="#pricing" class="cta-button">Start Your Free Trial Now</a>

✅ 7-day free trial ✅ No credit card required ✅ Cancel anytime

</p>

</section>

<p>Email: support@realtyleadai.com | Built for Real Estate Professionals</p>

</footer>

function signup(plan) {

// Replace this URL with your actual Stripe Payment Link

window.location.href = 'https://buy.stripe.com/test_REPLACE_WITH_YOUR_STRIPE_LINK';

// For testing purposes, show alert

alert('Replace this with your Stripe payment link!\n\nAfter payment setup:\n1. Customer pays $29/month\n2. Gets redirected to success page\n3. Receives access code: REALTY2025\n4. Can use the tool at /app.html');

}

// Smooth scrolling for anchor links

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({

behavior: 'smooth'

});

</script>

</body>

</html>