<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Primary SEO –>
<title>Coldwell Banker Hearthside | Real Estate in PA & NJ | Homes for Sale</title>
<meta name=”description” content=”Coldwell Banker Hearthside — the leading real estate brokerage serving Bucks County, Montgomery County, Lehigh Valley PA and New Jersey. 500+ agents, 14 offices, thousands of homes sold. Search listings, find an agent, or get your home’s value today.”>
<meta name=”keywords” content=”real estate Bucks County PA, homes for sale Doylestown PA, real estate agents PA NJ, Coldwell Banker Hearthside, houses for sale Newtown PA, New Hope real estate, Lehigh Valley homes, Montgomery County real estate”>
<link rel=”canonical” href=”https://cbhre.com/”>
<!– Open Graph –>
<meta property=”og:title” content=”Coldwell Banker Hearthside | PA & NJ Real Estate”>
<meta property=”og:description” content=”500+ agents. 14 offices. Serving Bucks County, Montgomery County, Lehigh Valley, and NJ. Your trusted local real estate experts since 1987.”>
<meta property=”og:type” content=”website”>
<meta property=”og:url” content=”https://cbhre.com/”>
<meta property=”og:image” content=”https://cbhre.com/og-image.jpg”>
<!– Schema.org Local Business –>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “RealEstateAgent”,
“name”: “Coldwell Banker Hearthside”,
“url”: “https://cbhre.com”,
“telephone”: “267-350-5555”,
“description”: “Leading real estate brokerage serving Pennsylvania and New Jersey with 500+ agents and 14 offices.”,
“areaServed”: [“Bucks County PA”, “Montgomery County PA”, “Lehigh Valley PA”, “New Jersey”],
“sameAs”: [“https://cbhre.com”]
}
</script>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link href=”https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@300;400;500&display=swap” rel=”stylesheet”>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #0d2340;
–navy-mid: #1a3a5c;
–gold: #b8935a;
–gold-light: #d4ad7a;
–cream: #f8f4ee;
–white: #ffffff;
–gray-50: #f9f9f7;
–gray-100: #f0ede8;
–gray-300: #c8c4bc;
–gray-600: #6b6760;
–gray-800: #2d2c2a;
–font-display: ‘Playfair Display’, Georgia, serif;
–font-body: ‘DM Sans’, system-ui, sans-serif;
–max-w: 1240px;
}
html { scroll-behavior: smooth; }
body {
font-family: var(–font-body);
background: var(–white);
color: var(–gray-800);
line-height: 1.6;
overflow-x: hidden;
}
/* ── NAV ── */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 48px;
background: rgba(13, 35, 64, 0.96);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(184, 147, 90, 0.25);
transition: padding 0.3s;
}
.nav-logo {
font-family: var(–font-display);
color: var(–white);
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1.3;
text-decoration: none;
}
.nav-logo span { color: var(–gold); display: block; font-size: 11px; font-family: var(–font-body); letter-spacing: 0.12em; text-transform: uppercase; font-weight: 500; }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { color: rgba(255,255,255,0.8); text-decoration: none; font-size: 13px; letter-spacing: 0.05em; font-weight: 400; transition: color 0.2s; }
.nav-links a:hover { color: var(–gold-light); }
.nav-cta {
background: var(–gold);
color: var(–navy) !important;
padding: 9px 20px;
border-radius: 3px;
font-weight: 500 !important;
font-size: 12px !important;
letter-spacing: 0.08em !important;
text-transform: uppercase;
}
.nav-cta:hover { background: var(–gold-light) !important; color: var(–navy) !important; }
/* ── HERO ── */
.hero {
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
background: var(–navy);
}
.hero-bg {
position: absolute;
inset: 0;
background-image:
linear-gradient(to right, rgba(13,35,64,0.97) 40%, rgba(13,35,64,0.7) 70%, rgba(13,35,64,0.3) 100%),
url(‘https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=1800&q=80’);
background-size: cover;
background-position: center right;
}
.hero-inner {
position: relative;
z-index: 2;
max-width: var(–max-w);
margin: 0 auto;
padding: 120px 48px 80px;
width: 100%;
}
.hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(–gold);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 24px;
animation: fadeUp 0.8s ease both;
}
.hero-eyebrow::before {
content: ”;
display: block;
width: 32px;
height: 1px;
background: var(–gold);
}
.hero h1 {
font-family: var(–font-display);
font-size: clamp(44px, 6vw, 78px);
font-weight: 600;
color: var(–white);
line-height: 1.1;
max-width: 640px;
margin-bottom: 24px;
animation: fadeUp 0.8s 0.1s ease both;
}
.hero h1 em { color: var(–gold); font-style: normal; }
.hero-sub {
font-size: 17px;
color: rgba(255,255,255,0.65);
max-width: 480px;
margin-bottom: 48px;
font-weight: 300;
line-height: 1.7;
animation: fadeUp 0.8s 0.2s ease both;
}
/* Search bar */
.search-bar {
background: var(–white);
border-radius: 6px;
padding: 8px 8px 8px 20px;
display: flex;
align-items: center;
gap: 12px;
max-width: 580px;
box-shadow: 0 20px 60px rgba(0,0,0,0.4);
animation: fadeUp 0.8s 0.3s ease both;
}
.search-bar input {
flex: 1;
border: none;
outline: none;
font-size: 15px;
font-family: var(–font-body);
color: var(–gray-800);
background: transparent;
}
.search-bar input::placeholder { color: var(–gray-300); }
.search-btn {
background: var(–navy);
color: var(–white);
border: none;
padding: 14px 24px;
border-radius: 4px;
font-family: var(–font-body);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s;
}
.search-btn:hover { background: var(–navy-mid); }
.hero-pills {
display: flex;
gap: 12px;
margin-top: 20px;
flex-wrap: wrap;
animation: fadeUp 0.8s 0.4s ease both;
}
.pill {
display: inline-block;
padding: 6px 14px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 100px;
color: rgba(255,255,255,0.75);
font-size: 12px;
text-decoration: none;
transition: all 0.2s;
cursor: pointer;
}
.pill:hover { background: rgba(184,147,90,0.2); border-color: var(–gold); color: var(–gold-light); }
/* Stats strip */
.stats-strip {
position: absolute;
bottom: 0; left: 0; right: 0;
z-index: 3;
background: rgba(184,147,90,0.12);
border-top: 1px solid rgba(184,147,90,0.3);
backdrop-filter: blur(8px);
}
.stats-inner {
max-width: var(–max-w);
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.stat-item {
padding: 28px 0;
text-align: center;
border-right: 1px solid rgba(184,147,90,0.2);
}
.stat-item:last-child { border-right: none; }
.stat-num {
display: block;
font-family: var(–font-display);
font-size: 36px;
font-weight: 600;
color: var(–gold);
line-height: 1;
}
.stat-label {
display: block;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
margin-top: 6px;
}
/* ── SECTION BASE ── */
section { padding: 100px 48px; }
.container { max-width: var(–max-w); margin: 0 auto; }
.section-label {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(–gold);
font-weight: 500;
margin-bottom: 16px;
}
.section-label::before {
content: ”;
display: block;
width: 24px;
height: 1px;
background: var(–gold);
}
.section-title {
font-family: var(–font-display);
font-size: clamp(32px, 4vw, 52px);
font-weight: 600;
color: var(–navy);
line-height: 1.2;
margin-bottom: 16px;
}
.section-sub {
font-size: 16px;
color: var(–gray-600);
line-height: 1.7;
max-width: 560px;
font-weight: 300;
}
/* ── SERVICES ── */
.services { background: var(–gray-50); }
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
margin-top: 56px;
background: var(–gray-100);
border-radius: 8px;
overflow: hidden;
}
.service-card {
background: var(–white);
padding: 48px 40px;
transition: background 0.3s;
cursor: pointer;
text-decoration: none;
display: block;
}
.service-card:hover { background: var(–navy); }
.service-icon {
width: 48px;
height: 48px;
background: var(–cream);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
transition: background 0.3s;
}
.service-card:hover .service-icon { background: rgba(184,147,90,0.2); }
.service-icon svg { width: 22px; height: 22px; stroke: var(–gold); fill: none; stroke-width: 1.5; }
.service-title {
font-family: var(–font-display);
font-size: 22px;
font-weight: 600;
color: var(–navy);
margin-bottom: 12px;
transition: color 0.3s;
}
.service-card:hover .service-title { color: var(–white); }
.service-desc {
font-size: 14px;
color: var(–gray-600);
line-height: 1.7;
margin-bottom: 28px;
transition: color 0.3s;
}
.service-card:hover .service-desc { color: rgba(255,255,255,0.65); }
.service-link {
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–gold);
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 8px;
}
.service-link::after { content: ‘→’; transition: transform 0.2s; }
.service-card:hover .service-link::after { transform: translateX(4px); }
/* ── FEATURED LISTINGS ── */
.listings { background: var(–white); }
.listings-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 48px;
gap: 24px;
}
.view-all {
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–navy);
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid var(–navy);
padding-bottom: 2px;
white-space: nowrap;
transition: color 0.2s, border-color 0.2s;
}
.view-all:hover { color: var(–gold); border-color: var(–gold); }
.listings-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.listing-card {
border-radius: 6px;
overflow: hidden;
background: var(–white);
border: 1px solid var(–gray-100);
transition: transform 0.3s, box-shadow 0.3s;
text-decoration: none;
display: block;
}
.listing-card:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(13,35,64,0.12); }
.listing-img {
aspect-ratio: 4/3;
overflow: hidden;
position: relative;
background: var(–gray-100);
}
.listing-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.listing-card:hover .listing-img img { transform: scale(1.04); }
.listing-badge {
position: absolute;
top: 16px; left: 16px;
background: var(–navy);
color: var(–white);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 2px;
}
.listing-price-tag {
position: absolute;
bottom: 16px; right: 16px;
background: rgba(13,35,64,0.9);
color: var(–white);
font-family: var(–font-display);
font-size: 18px;
font-weight: 600;
padding: 8px 16px;
border-radius: 3px;
}
.listing-body { padding: 20px 22px 24px; }
.listing-addr {
font-size: 15px;
font-weight: 500;
color: var(–gray-800);
margin-bottom: 8px;
line-height: 1.4;
}
.listing-meta {
font-size: 13px;
color: var(–gray-600);
display: flex;
gap: 16px;
}
/* ── COMMUNITIES ── */
.communities { background: var(–navy); }
.communities .section-title { color: var(–white); }
.communities .section-sub { color: rgba(255,255,255,0.6); }
.communities-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 52px;
}
.community-card {
border-radius: 6px;
overflow: hidden;
position: relative;
aspect-ratio: 3/4;
cursor: pointer;
text-decoration: none;
display: block;
}
.community-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
filter: brightness(0.75);
}
.community-card:hover img { transform: scale(1.06); filter: brightness(0.6); }
.community-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(13,35,64,0.9) 0%, transparent 60%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 24px 20px;
}
.community-name {
font-family: var(–font-display);
font-size: 22px;
font-weight: 600;
color: var(–white);
line-height: 1.2;
}
.community-count {
font-size: 12px;
color: var(–gold-light);
margin-top: 4px;
letter-spacing: 0.04em;
}
/* ── WHY CBH ── */
.why { background: var(–cream); }
.why-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.why-img-wrap {
position: relative;
}
.why-img-wrap img {
width: 100%;
border-radius: 6px;
display: block;
}
.why-accent {
position: absolute;
bottom: -24px;
right: -24px;
width: 200px;
background: var(–navy);
padding: 28px 24px;
border-radius: 4px;
}
.why-accent-num {
font-family: var(–font-display);
font-size: 48px;
font-weight: 600;
color: var(–gold);
line-height: 1;
}
.why-accent-text {
font-size: 12px;
color: rgba(255,255,255,0.7);
margin-top: 4px;
line-height: 1.4;
}
.why-points { margin-top: 40px; display: flex; flex-direction: column; gap: 24px; }
.why-point {
display: flex;
gap: 16px;
}
.why-point-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(–navy);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.why-point-icon svg { width: 18px; height: 18px; stroke: var(–gold); fill: none; stroke-width: 1.5; }
.why-point-title { font-weight: 500; color: var(–navy); margin-bottom: 4px; font-size: 15px; }
.why-point-desc { font-size: 14px; color: var(–gray-600); line-height: 1.6; }
/* ── CAREERS BAND ── */
.careers-band {
background: var(–gold);
padding: 60px 48px;
}
.careers-inner {
max-width: var(–max-w);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.careers-text h2 {
font-family: var(–font-display);
font-size: 36px;
font-weight: 600;
color: var(–navy);
line-height: 1.2;
}
.careers-text p {
font-size: 15px;
color: rgba(13,35,64,0.7);
margin-top: 8px;
}
.careers-btns { display: flex; gap: 12px; flex-shrink: 0; }
.btn-navy {
background: var(–navy);
color: var(–white);
padding: 14px 28px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s;
}
.btn-navy:hover { background: var(–navy-mid); }
.btn-outline {
border: 2px solid var(–navy);
color: var(–navy);
padding: 14px 28px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline:hover { background: var(–navy); color: var(–white); }
/* ── BLOG ── */
.blog { background: var(–white); }
.blog-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 24px;
margin-top: 52px;
}
.blog-featured {
border-radius: 6px;
overflow: hidden;
background: var(–navy);
position: relative;
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-decoration: none;
}
.blog-featured img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.4;
}
.blog-featured-body {
position: relative;
z-index: 1;
padding: 36px;
}
.blog-tag {
display: inline-block;
background: var(–gold);
color: var(–navy);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 500;
padding: 4px 10px;
border-radius: 2px;
margin-bottom: 16px;
}
.blog-featured-title {
font-family: var(–font-display);
font-size: 28px;
font-weight: 600;
color: var(–white);
line-height: 1.3;
margin-bottom: 12px;
}
.blog-featured-excerpt {
font-size: 14px;
color: rgba(255,255,255,0.65);
line-height: 1.6;
}
.blog-list { display: flex; flex-direction: column; gap: 16px; }
.blog-item {
border: 1px solid var(–gray-100);
border-radius: 6px;
padding: 20px;
text-decoration: none;
transition: border-color 0.2s, box-shadow 0.2s;
display: block;
}
.blog-item:hover { border-color: var(–gold); box-shadow: 0 4px 16px rgba(184,147,90,0.1); }
.blog-item-date { font-size: 11px; color: var(–gray-300); letter-spacing: 0.05em; margin-bottom: 6px; }
.blog-item-title { font-size: 15px; font-weight: 500; color: var(–navy); line-height: 1.4; }
/* ── HOME VALUE CTA ── */
.home-value {
background: var(–navy);
padding: 80px 48px;
text-align: center;
}
.home-value .section-label { justify-content: center; }
.home-value .section-label::before { display: none; }
.home-value .section-title { color: var(–white); text-align: center; margin: 0 auto 16px; }
.home-value .section-sub { text-align: center; margin: 0 auto 40px; color: rgba(255,255,255,0.6); }
.hv-form {
display: flex;
gap: 12px;
max-width: 500px;
margin: 0 auto;
}
.hv-form input {
flex: 1;
padding: 14px 20px;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.08);
color: var(–white);
font-family: var(–font-body);
font-size: 14px;
outline: none;
transition: border-color 0.2s;
}
.hv-form input::placeholder { color: rgba(255,255,255,0.35); }
.hv-form input:focus { border-color: var(–gold); }
.hv-btn {
background: var(–gold);
color: var(–navy);
border: none;
padding: 14px 28px;
border-radius: 4px;
font-family: var(–font-body);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
}
.hv-btn:hover { background: var(–gold-light); }
/* ── FOOTER ── */
footer {
background: #080f1a;
color: rgba(255,255,255,0.55);
padding: 64px 48px 32px;
}
.footer-grid {
max-width: var(–max-w);
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-brand {
font-family: var(–font-display);
color: var(–white);
font-size: 18px;
margin-bottom: 12px;
}
.footer-brand span { color: var(–gold); display: block; font-family: var(–font-body); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; margin-top: 2px; }
.footer-desc { font-size: 13px; line-height: 1.7; max-width: 260px; }
.footer-phone { color: var(–gold-light); font-size: 17px; font-weight: 500; margin-top: 20px; text-decoration: none; display: block; }
.footer-col h4 {
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.8);
margin-bottom: 16px;
font-weight: 500;
}
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.footer-col a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px; transition: color 0.2s; }
.footer-col a:hover { color: var(–gold-light); }
.footer-bottom {
max-width: var(–max-w);
margin: 28px auto 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
gap: 24px;
flex-wrap: wrap;
}
.footer-bottom a { color: rgba(255,255,255,0.4); text-decoration: none; }
.footer-bottom a:hover { color: var(–gold-light); }
/* ── ANIMATIONS ── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
.reveal {
opacity: 0;
transform: translateY(32px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: none; }
/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
nav { padding: 18px 28px; }
.nav-links { display: none; }
section { padding: 72px 28px; }
.hero-inner { padding: 100px 28px 100px; }
.services-grid { grid-template-columns: 1fr; }
.listings-grid { grid-template-columns: 1fr 1fr; }
.communities-grid { grid-template-columns: 1fr 1fr; }
.why-inner { grid-template-columns: 1fr; gap: 40px; }
.why-accent { display: none; }
.blog-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
.stats-inner { grid-template-columns: repeat(2, 1fr); }
.stat-item { border-bottom: 1px solid rgba(184,147,90,0.15); }
}
@media (max-width: 640px) {
.hero h1 { font-size: 38px; }
.search-bar { flex-direction: column; padding: 16px; }
.search-bar input { width: 100%; }
.search-btn { width: 100%; text-align: center; }
.listings-grid { grid-template-columns: 1fr; }
.communities-grid { grid-template-columns: 1fr 1fr; }
.careers-inner { flex-direction: column; }
.careers-btns { flex-direction: column; }
.hv-form { flex-direction: column; }
.footer-grid { grid-template-columns: 1fr; }
.stats-inner { grid-template-columns: repeat(2, 1fr); }
}
</style>
</head>
<body>
<!– ── NAV ── –>
<nav>
<a href=”https://cbhre.com” class=”nav-logo”>
Coldwell Banker Hearthside
<span>Come Home With Hearthside</span>
</a>
<ul class=”nav-links”>
<li><a href=”https://cbhre.com/search/#!/defaultsearch:true”>Search Homes</a></li>
<li><a href=”https://cbhre.com/directory”>Our Agents</a></li>
<li><a href=”https://cbhre.com/buying-and-selling-tips”>Buyers & Sellers</a></li>
<li><a href=”https://cbhre.com/about”>About</a></li>
<li><a href=”https://cbhre.com/careers”>Careers</a></li>
<li><a href=”https://cbhre.com/contact-me” class=”nav-cta”>Contact Us</a></li>
</ul>
</nav>
<!– ── HERO ── –>
<header class=”hero” role=”banner”>
<div class=”hero-bg” role=”img” aria-label=”Luxury home in Bucks County Pennsylvania”></div>
<div class=”hero-inner”>
<div class=”hero-eyebrow”>Serving PA & NJ Since 1987</div>
<h1>Find Your <em>Perfect</em> Home in Bucks County & Beyond</h1>
<p class=”hero-sub”>500+ expert agents. 14 local offices. Trusted guidance for buying, selling, and investing in Pennsylvania and New Jersey real estate.</p>
<div class=”search-bar” role=”search”>
<input type=”text” placeholder=”Search by city, zip, or address…” aria-label=”Search properties”>
<button class=”search-btn” onclick=”window.location=’https://cbhre.com/search/#!/defaultsearch:true'”>Search Homes</button>
</div>
<div class=”hero-pills”>
<a href=”https://cbhre.com/search/#location=Doylestown,PA” class=”pill”>Doylestown</a>
<a href=”https://cbhre.com/search/#location=New+Hope,PA” class=”pill”>New Hope</a>
<a href=”https://cbhre.com/search/#location=Newtown,PA” class=”pill”>Newtown</a>
<a href=”https://cbhre.com/search/#location=Yardley,PA” class=”pill”>Yardley</a>
<a href=”https://cbhre.com/search/#location=Allentown,PA” class=”pill”>Lehigh Valley</a>
</div>
</div>
<div class=”stats-strip” aria-label=”Company statistics”>
<div class=”stats-inner”>
<div class=”stat-item”>
<span class=”stat-num”>500+</span>
<span class=”stat-label”>Expert Agents</span>
</div>
<div class=”stat-item”>
<span class=”stat-num”>14</span>
<span class=”stat-label”>Local Offices</span>
</div>
<div class=”stat-item”>
<span class=”stat-num”>35+</span>
<span class=”stat-label”>Years Serving PA & NJ</span>
</div>
<div class=”stat-item”>
<span class=”stat-num”>4.9★</span>
<span class=”stat-label”>Client Satisfaction</span>
</div>
</div>
</div>
</header>
<!– ── SERVICES ── –>
<section class=”services” aria-labelledby=”services-heading”>
<div class=”container”>
<div class=”section-label”>What We Do</div>
<h2 class=”section-title” id=”services-heading”>Real Estate, Simplified</h2>
<p class=”section-sub”>Whether you’re buying your first home or selling a luxury estate, our agents deliver results with local expertise and dedicated service.</p>
<div class=”services-grid reveal”>
<a href=”https://cbhre.com/buying-and-selling-tips” class=”service-card” aria-label=”Learn about buying a home”>
<div class=”service-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><path d=”M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z”/><polyline points=”9 22 9 12 15 12 15 22″/></svg>
</div>
<h3 class=”service-title”>Buy a Home</h3>
<p class=”service-desc”>Explore thousands of listings across Bucks County, Montgomery County, Lehigh Valley, and New Jersey. Our agents know every neighborhood.</p>
<span class=”service-link”>Start Your Search</span>
</a>
<a href=”https://cbhre.com/what-your-home-is-worth” class=”service-card” aria-label=”Learn about selling your home”>
<div class=”service-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><line x1=”12″ y1=”1″ x2=”12″ y2=”23″/><path d=”M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6″/></svg>
</div>
<h3 class=”service-title”>Sell Your Home</h3>
<p class=”service-desc”>Our proven marketing strategies and local market expertise help you sell faster and for top dollar. Get a free home valuation today.</p>
<span class=”service-link”>Get My Home’s Value</span>
</a>
<a href=”https://cbhre.com/relocation” class=”service-card” aria-label=”Learn about relocation services”>
<div class=”service-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><circle cx=”12″ cy=”12″ r=”10″/><polygon points=”16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76″/></svg>
</div>
<h3 class=”service-title”>Relocation Services</h3>
<p class=”service-desc”>Moving to or from the PA/NJ area? Our dedicated relocation team makes your transition smooth, whether across town or across the country.</p>
<span class=”service-link”>Plan My Move</span>
</a>
</div>
</div>
</section>
<!– ── FEATURED LISTINGS ── –>
<section class=”listings” aria-labelledby=”listings-heading”>
<div class=”container”>
<div class=”listings-header”>
<div>
<div class=”section-label”>Active Listings</div>
<h2 class=”section-title” id=”listings-heading”>Featured Properties</h2>
</div>
<a href=”https://cbhre.com/listings/our-active-listings” class=”view-all”>View All Listings</a>
</div>
<div class=”listings-grid reveal”>
<a href=”https://cbhre.com/listing/PA/Newtown/7-Woodland-Road-18940/223437195″ class=”listing-card” aria-label=”7 Woodland Road Newtown PA listed at $5,895,000″>
<div class=”listing-img”>
<img src=”https://i9.moxi.onl/img-pr-002234/brx/f09cf4ee651e367841f2d75a6c9a0995a11c8701/1_3_full.jpg” alt=”Luxury home at 7 Woodland Road, Newtown PA” loading=”lazy”>
<div class=”listing-badge”>Active</div>
<div class=”listing-price-tag”>$5,895,000</div>
</div>
<div class=”listing-body”>
<div class=”listing-addr”>7 Woodland Road, Newtown PA 18940</div>
<div class=”listing-meta”>
<span>Newtown, PA</span>
<span>Luxury Estate</span>
</div>
</div>
</a>
<a href=”https://cbhre.com/listing/PA/New-Hope/130-N-Main-Street-Unit-D-18938/225151927″ class=”listing-card” aria-label=”130 N Main Street New Hope PA listed at $5,675,000″>
<div class=”listing-img”>
<img src=”https://i8.moxi.onl/img-pr-002251/brx/edd59d125b4266e384200b2c8a18677b5ef576fd/1_2_full.jpg” alt=”Property at 130 N Main Street Unit D, New Hope PA” loading=”lazy”>
<div class=”listing-badge”>Active</div>
<div class=”listing-price-tag”>$5,675,000</div>
</div>
<div class=”listing-body”>
<div class=”listing-addr”>130 N Main Street, New Hope PA 18938</div>
<div class=”listing-meta”>
<span>New Hope, PA</span>
<span>Luxury Property</span>
</div>
</div>
</a>
<a href=”https://cbhre.com/listing/PA/Ottsville/432-Quarry-Road-18942/225378558″ class=”listing-card” aria-label=”432 Quarry Road Ottsville PA listed at $4,750,000″>
<div class=”listing-img”>
<img src=”https://i3.moxi.onl/img-pr-002253/brx/32c5f53e0a9866c2a8ebff920d9a7f6535194e75/1_3_full.jpg” alt=”Estate at 432 Quarry Road, Ottsville PA” loading=”lazy”>
<div class=”listing-badge”>Active</div>
<div class=”listing-price-tag”>$4,750,000</div>
</div>
<div class=”listing-body”>
<div class=”listing-addr”>432 Quarry Road, Ottsville PA 18942</div>
<div class=”listing-meta”>
<span>Ottsville, PA</span>
<span>Estate</span>
</div>
</div>
</a>
</div>
</div>
</section>
<!– ── COMMUNITIES ── –>
<section class=”communities” aria-labelledby=”communities-heading”>
<div class=”container”>
<div class=”section-label”>Our Markets</div>
<h2 class=”section-title” id=”communities-heading”>Explore the Communities We Serve</h2>
<p class=”section-sub”>From the historic charm of Bucks County to the vibrant Lehigh Valley, we know your neighborhood inside and out.</p>
<div class=”communities-grid reveal”>
<a href=”https://cbhre.com/search/#location=Doylestown,PA” class=”community-card” aria-label=”Homes for sale in Doylestown PA”>
<img src=”https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=600&q=80″ alt=”Homes in Doylestown Pennsylvania” loading=”lazy”>
<div class=”community-overlay”>
<div class=”community-name”>Doylestown, PA</div>
<div class=”community-count”>Bucks County Seat</div>
</div>
</a>
<a href=”https://cbhre.com/search/#location=New+Hope,PA” class=”community-card” aria-label=”Homes for sale in New Hope PA”>
<img src=”https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=600&q=80″ alt=”Luxury homes in New Hope Pennsylvania” loading=”lazy”>
<div class=”community-overlay”>
<div class=”community-name”>New Hope, PA</div>
<div class=”community-count”>Luxury & Lifestyle</div>
</div>
</a>
<a href=”https://cbhre.com/search/#location=Allentown,PA” class=”community-card” aria-label=”Homes for sale in Lehigh Valley PA”>
<img src=”https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=600&q=80″ alt=”Real estate in Lehigh Valley Pennsylvania” loading=”lazy”>
<div class=”community-overlay”>
<div class=”community-name”>Lehigh Valley, PA</div>
<div class=”community-count”>Allentown & Bethlehem</div>
</div>
</a>
<a href=”https://cbhre.com/search/#location=Newtown,NJ” class=”community-card” aria-label=”Homes for sale in New Jersey”>
<img src=”https://images.unsplash.com/photo-1512917774080-9991f1c4c750?w=600&q=80″ alt=”New Jersey real estate” loading=”lazy”>
<div class=”community-overlay”>
<div class=”community-name”>New Jersey</div>
<div class=”community-count”>Hunterdon & Beyond</div>
</div>
</a>
</div>
</div>
</section>
<!– ── WHY CBH ── –>
<section class=”why” aria-labelledby=”why-heading”>
<div class=”container”>
<div class=”why-inner”>
<div class=”why-img-wrap reveal”>
<img src=”https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=800&q=80″ alt=”Coldwell Banker Hearthside real estate agents meeting with clients” loading=”lazy”>
<div class=”why-accent”>
<div class=”why-accent-num”>14</div>
<div class=”why-accent-text”>Offices across PA & NJ</div>
</div>
</div>
<div class=”reveal”>
<div class=”section-label”>Why Hearthside</div>
<h2 class=”section-title” id=”why-heading”>The Right Agents. The Right Results.</h2>
<p class=”section-sub”>We’re locally owned, nationally connected, and fiercely committed to our clients and communities.</p>
<div class=”why-points”>
<div class=”why-point”>
<div class=”why-point-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><path d=”M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z”/><circle cx=”12″ cy=”11″ r=”3″/></svg>
</div>
<div>
<div class=”why-point-title”>Hyperlocal Market Expertise</div>
<div class=”why-point-desc”>Our agents live and work in the communities they serve — from Doylestown to the Lehigh Valley — giving you an insider edge.</div>
</div>
</div>
<div class=”why-point”>
<div class=”why-point-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><path d=”M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z”/></svg>
</div>
<div>
<div class=”why-point-title”>Coldwell Banker Global Network</div>
<div class=”why-point-desc”>Backed by one of the most recognized real estate brands in the world, with access to buyers and sellers everywhere.</div>
</div>
</div>
<div class=”why-point”>
<div class=”why-point-icon”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><polyline points=”22 12 18 12 15 21 9 3 6 12 2 12″/></svg>
</div>
<div>
<div class=”why-point-title”>Award-Winning Service</div>
<div class=”why-point-desc”>Named a Happening List winner in both Bucks and Montgomery County. Our reputation is built on results and relationships.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!– ── CAREERS BAND ── –>
<div class=”careers-band” role=”complementary” aria-label=”Careers at Coldwell Banker Hearthside”>
<div class=”careers-inner”>
<div class=”careers-text”>
<h2>Real Estate Careers Shine Brighter at CBH</h2>
<p>Join 500+ agents and experience the Coldwell Banker Hearthside Way — where every agent is set up to win.</p>
</div>
<div class=”careers-btns”>
<a href=”https://cbhre.com/careers” class=”btn-navy”>Explore Careers</a>
<a href=”tel:+12675983338″ class=”btn-outline”>Call Us</a>
</div>
</div>
</div>
<!– ── BLOG ── –>
<section class=”blog” aria-labelledby=”blog-heading”>
<div class=”container”>
<div class=”section-label”>Hearthside Happenings</div>
<h2 class=”section-title” id=”blog-heading”>Local Market Insights</h2>
<div class=”blog-grid reveal”>
<a href=”https://cbhre.com/2026/04/01/neighborhood-spotlight-discovering-the-charm-of-bucks-county-pa-hunterdon-county-nj” class=”blog-featured” aria-label=”Read: Neighborhood Spotlight – Bucks County & Hunterdon County”>
<img src=”https://images.unsplash.com/photo-1568605114967-8130f3a36994?w=900&q=80″ alt=”Bucks County Pennsylvania neighborhood” loading=”lazy”>
<div class=”blog-featured-body”>
<div class=”blog-tag”>Neighborhood Spotlight</div>
<div class=”blog-featured-title”>Discovering the Charm of Bucks County, PA & Hunterdon County, NJ</div>
<div class=”blog-featured-excerpt”>Two regions that continue to attract buyers seeking character, convenience, and quality of life — each with its own timeless personality.</div>
</div>
</a>
<div class=”blog-list”>
<a href=”https://cbhre.com/2026/03/31/coldwell-banker-hearthside-welcomes-the-christopher-george-team” class=”blog-item” aria-label=”Read: CBH Welcomes The Christopher George Team”>
<div class=”blog-item-date”>March 31, 2026</div>
<div class=”blog-item-title”>CBH Welcomes The Christopher George Team to Allentown</div>
</a>
<a href=”https://cbhre.com/2026/03/30/market-update-what-buyers-and-sellers-can-expect-this-season” class=”blog-item” aria-label=”Read: Spring 2026 Market Update”>
<div class=”blog-item-date”>March 30, 2026</div>
<div class=”blog-item-title”>Market Update: What Buyers & Sellers Can Expect This Season</div>
</a>
<a href=”https://cbhre.com/2026/03/24/local-real-estate-market-update-february-2026″ class=”blog-item” aria-label=”Read: February 2026 Market Update”>
<div class=”blog-item-date”>March 24, 2026</div>
<div class=”blog-item-title”>Local Real Estate Market Update: February 2026</div>
</a>
<a href=”https://cbhre.com/2026/03/20/lifestyle-is-becoming-the-new-luxury-in-real-estate” class=”blog-item” aria-label=”Read: Lifestyle as the New Luxury”>
<div class=”blog-item-date”>March 20, 2026</div>
<div class=”blog-item-title”>Lifestyle Is Becoming the New Luxury in Real Estate</div>
</a>
</div>
</div>
</div>
</section>
<!– ── HOME VALUE CTA ── –>
<section class=”home-value” aria-labelledby=”hv-heading”>
<div class=”container”>
<div class=”section-label”>Free Home Valuation</div>
<h2 class=”section-title” id=”hv-heading”>What Is Your Home Worth?</h2>
<p class=”section-sub”>Online estimates are a starting point. Our agents go deeper — analyzing your home’s unique details to price it right for today’s market.</p>
<div class=”hv-form” role=”form” aria-label=”Home valuation request”>
<input type=”text” placeholder=”Enter your home address…” aria-label=”Your home address”>
<button class=”hv-btn” onclick=”window.location=’https://cbhre.com/what-your-home-is-worth'”>Get My Value</button>
</div>
</div>
</section>
<!– ── FOOTER ── –>
<footer>
<div class=”footer-grid”>
<div>
<div class=”footer-brand”>
Coldwell Banker Hearthside
<span>Come Home With Hearthside</span>
</div>
<p class=”footer-desc”>The leading real estate brokerage serving Bucks County, Montgomery County, Lehigh Valley, and New Jersey — with 500+ agents across 14 offices.</p>
<a href=”tel:+12673505555″ class=”footer-phone”>267-350-5555</a>
</div>
<div class=”footer-col”>
<h4>Properties</h4>
<ul>
<li><a href=”https://cbhre.com/search/#!/defaultsearch:true”>Search Homes</a></li>
<li><a href=”https://cbhre.com/listings/our-active-listings”>Active Listings</a></li>
<li><a href=”https://cbhre.com/listings/open-houses”>Open Houses</a></li>
<li><a href=”https://cbhre.com/listings/homes-for-rent”>Homes for Rent</a></li>
<li><a href=”https://www.cbcworldwide.com”>Commercial Search</a></li>
</ul>
</div>
<div class=”footer-col”>
<h4>Company</h4>
<ul>
<li><a href=”https://cbhre.com/who-we-are”>Who We Are</a></li>
<li><a href=”https://cbhre.com/meet-the-owners”>Meet the Owners</a></li>
<li><a href=”https://cbhre.com/directory”>Find an Agent</a></li>
<li><a href=”https://cbhre.com/careers”>Careers</a></li>
<li><a href=”https://cbhre.com/testimonial-tree”>Testimonials</a></li>
</ul>
</div>
<div class=”footer-col”>
<h4>Resources</h4>
<ul>
<li><a href=”https://cbhre.com/what-your-home-is-worth”>Home Valuation</a></li>
<li><a href=”https://cbhre.com/buying-and-selling-tips”>Buyer & Seller Tips</a></li>
<li><a href=”https://cbhre.com/relocation”>Relocation</a></li>
<li><a href=”https://cbhre.com/blog/hearthside-happenings”>Blog</a></li>
<li><a href=”https://cbhre.com/contact-me”>Contact Us</a></li>
</ul>
</div>
</div>
<div class=”footer-bottom”>
<div>© 2026 Coldwell Banker Hearthside · PA Brokerage License #RB050309C · Equal Housing Opportunity</div>
<div style=”display:flex;gap:20px;”>
<a href=”https://cbhre.com/terms-of-use”>Terms of Use</a>
<a href=”https://cbhre.com/privacy-policy”>Privacy Policy</a>
<a href=”https://cbhre.com/fair-housing-notice/”>Fair Housing</a>
</div>
</div>
</footer>
<script>
const observer = new IntersectionObserver((entries) => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
e.target.style.transitionDelay = (i * 0.1) + ‘s’;
e.target.classList.add(‘visible’);
observer.unobserve(e.target);
}
});
}, { threshold: 0.15 });
document.querySelectorAll(‘.reveal’).forEach(el => observer.observe(el));
</script>
</body>
</html>