<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Real Estate Agent Recruiting Page</title>
<style>
* { box-sizing: border-box; }
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: #1f2d1f;
background: #f6f8f4;
line-height: 1.6;
}
.hero {
background: linear-gradient(rgba(28, 66, 50, 0.82), rgba(28, 66, 50, 0.82)),
url(‘https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1600&q=80’) center/cover;
color: white;
padding: 90px 20px;
text-align: center;
}
.hero .wrap,
.section .wrap,
.cta .wrap,
.footer .wrap {
max-width: 1150px;
margin: 0 auto;
}
h1, h2, h3 {
margin-top: 0;
}
.hero h1 {
font-size: 3rem;
line-height: 1.15;
margin-bottom: 18px;
}
.hero p {
max-width: 760px;
margin: 0 auto 28px;
font-size: 1.1rem;
}
.btn-group {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
.btn {
display: inline-block;
padding: 14px 24px;
border-radius: 999px;
text-decoration: none;
font-weight: bold;
transition: 0.2s ease;
}
.btn-primary {
background: #ffffff;
color: #1c4232;
}
.btn-primary:hover {
background: #e9efe7;
}
.btn-secondary {
border: 2px solid #ffffff;
color: #ffffff;
}
.btn-secondary:hover {
background: rgba(255,255,255,0.12);
}
.section {
padding: 70px 20px;
}
.section.alt {
background: #ffffff;
}
.section-title {
text-align: center;
max-width: 800px;
margin: 0 auto 45px;
}
.section-title h2 {
font-size: 2.2rem;
color: #1c4232;
margin-bottom: 10px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
align-items: start;
}
.card {
background: #ffffff;
border-radius: 18px;
padding: 28px;
box-shadow: 0 10px 28px rgba(0,0,0,0.07);
height: 100%;
}
.card h3 {
color: #1c4232;
margin-bottom: 12px;
}
.bullet-list {
list-style: none;
padding: 0;
margin: 0;
}
.bullet-list li {
padding-left: 22px;
position: relative;
margin-bottom: 12px;
}
.bullet-list li::before {
content: ‘•’;
position: absolute;
left: 0;
top: 0;
color: #4f7d5d;
font-size: 1.3rem;
line-height: 1;
}
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 32px;
}
.stat {
background: #edf4ee;
border-radius: 16px;
padding: 24px 18px;
text-align: center;
}
.stat strong {
display: block;
font-size: 2rem;
color: #1c4232;
margin-bottom: 6px;
}
.cta {
background: #1c4232;
color: white;
padding: 75px 20px;
text-align: center;
}
.cta h2 {
font-size: 2.3rem;
margin-bottom: 14px;
}
.cta p {
max-width: 720px;
margin: 0 auto 26px;
font-size: 1.05rem;
}
.form-box {
background: #f7faf7;
border: 1px solid #dbe7dc;
border-radius: 18px;
padding: 24px;
}
.form-box p {
margin-top: 0;
}
.form-code {
background: #1f2d1f;
color: #d7f0da;
padding: 16px;
border-radius: 12px;
font-family: Consolas, monospace;
overflow-x: auto;
font-size: 0.92rem;
}
.footer {
background: #12291f;
color: #d6e4d7;
padding: 26px 20px;
text-align: center;
font-size: 0.95rem;
}
@media (max-width: 900px) {
.grid-3, .grid-2, .stats {
grid-template-columns: 1fr;
}
.hero h1 {
font-size: 2.3rem;
}
.section-title h2,
.cta h2 {
font-size: 1.8rem;
}
}
</style>
</head>
<body>
<section class=”hero”>
<div class=”wrap”>
<h1>Ready for More Than “Business as Usual”?</h1>
<p>
Join a brokerage that believes agents deserve real support, strong branding, better tools,
smarter systems, and leadership that actually gives a damn about your growth.
</p>
<div class=”btn-group”>
<a href=”#contact” class=”btn btn-primary”>Schedule a Confidential Conversation</a>
<a href=”#why-us” class=”btn btn-secondary”>See What Makes Us Different</a>
</div>
</div>
</section>
<section class=”section alt” id=”why-us”>
<div class=”wrap”>
<div class=”section-title”>
<h2>Why Agents Make the Move</h2>
<p>
The right brokerage should help you grow your business, protect your time, and make you proud of the brand behind your name.
</p>
</div>
<div class=”grid-3″>
<div class=”card”>
<h3>Support That Matters</h3>
<p>
From day-to-day guidance to systems that keep deals moving, you get support built to reduce stress and help you stay productive.
</p>
</div>
<div class=”card”>
<h3>Branding That Opens Doors</h3>
<p>
Stand behind a respected name with polished marketing, recognizable identity, and a professional image that builds trust fast.
</p>
</div>
<div class=”card”>
<h3>Growth Without the Fluff</h3>
<p>
Training, accountability, and real conversation about your business goals—not empty hype, mystery promises, or recruiter nonsense.
</p>
</div>
</div>
</div>
</section>
<section class=”section”>
<div class=”wrap”>
<div class=”grid-2″>
<div>
<h2>What You Can Expect</h2>
<ul class=”bullet-list”>
<li>Collaborative culture with room to build your own business your way</li>
<li>Practical tools, systems, and marketing resources that help you stay visible</li>
<li>Leadership that values relationships, professionalism, and long-term growth</li>
<li>Coaching and support for both newer agents and experienced producers</li>
<li>Brand presence that helps you compete in a crowded market</li>
<li>A confidential conversation about whether the fit is right for both sides</li>
</ul>
</div>
<div>
<div class=”card”>
<h3>Who This Is For</h3>
<p>
Whether you’re a new agent looking for direction, an experienced agent who wants better systems,
or a top producer tired of carrying everything alone, this conversation is worth having.
</p>
<p>
You do not need to have one foot out the door already. Sometimes you just need to know what better could look like.
</p>
</div>
</div>
</div>
<div class=”stats”>
<div class=”stat”>
<strong>1:1</strong>
Confidential recruiting conversations
</div>
<div class=”stat”>
<strong>Real</strong>
Business-building support
</div>
<div class=”stat”>
<strong>Better</strong>
Branding + marketing presence
</div>
<div class=”stat”>
<strong>More</strong>
Room to grow your business
</div>
</div>
</div>
</section>
<section class=”section alt”>
<div class=”wrap”>
<div class=”section-title”>
<h2>What Agents Are Looking For Right Now</h2>
<p>
Most agents are not just chasing a split. They’re looking for better support, stronger lead opportunities,
cleaner systems, smarter marketing, and a brokerage that helps them move forward instead of holding them back.
</p>
</div>
<div class=”grid-3″>
<div class=”card”>
<h3>More Leads</h3>
<p>Opportunities to grow your pipeline with consistent visibility and smarter prospecting support.</p>
</div>
<div class=”card”>
<h3>Better Systems</h3>
<p>Less chaos. More clarity. A business runs better when the backend is not held together with duct tape and prayer.</p>
</div>
<div class=”card”>
<h3>Professional Edge</h3>
<p>Better marketing, cleaner branding, and a stronger client experience that helps you win more often.</p>
</div>
</div>
</div>
</section>
<section class=”cta” id=”contact”>
<div class=”wrap”>
<h2>Let’s Talk—Confidentially</h2>
<p>
Curious what a move could look like? Let’s have a private, no-pressure conversation about your business,
your goals, and whether our brokerage could be the right fit.
</p>
<div class=”btn-group”>
<a href=”tel:4176890615″ class=”btn btn-primary”>Call 417-689-0615</a>
<a href=”mailto:your@email.com” class=”btn btn-secondary”>Email Us</a>
</div>
</div>
</section>
<section class=”section alt”>
<div class=”wrap”>
<div class=”grid-2″>
<div>
<h2>Add This to WordPress Easily</h2>
<p>
You can paste this whole page into a WordPress HTML block, or have your web person place it on a custom recruiting page.
Replace the phone number, email, and background image as needed.
</p>
<p>
Recommended page title: <strong>Join Our Team</strong> or <strong>Real Estate Careers</strong>
</p>
</div>
<div class=”form-box”>
<p><strong>Recommended lead form fields:</strong></p>
<ul class=”bullet-list”>
<li>Name</li>
<li>Email</li>
<li>Phone</li>
<li>Current Brokerage</li>
<li>Years in Real Estate</li>
<li>What are you looking for in your next brokerage?</li>
</ul>
</div>
</div>
</div>
</section>
<footer class=”footer”>
<div class=”wrap”>
Built for real estate recruiting. Update contact info, branding, testimonials, and form embed before publishing.
</div>
</footer>
</body>
</html>
