<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clear Point Restoration Group | Post-Repair Moisture Verification — Atlanta, GA</title>
<meta name="description" content="Clear Point confirms everything is dry and documented after your plumbing repair. Serving Atlanta plumbers, homeowners & insurance adjusters. Call for same-day documentation." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@700;900&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #0A1628;
--navy2: #112240;
--blue: #1A3A6B;
--accent: #D4A017;
--gold2: #F0B429;
--white: #FFFFFF;
--off: #F4F6FA;
--gray: #8892A4;
--text: #1C2B3A;
--border: #DDE3EF;
--green: #22C55E;
--radius: 12px;
--shadow: 0 4px 24px rgba(10,22,40,.12);
--shadow-lg: 0 12px 48px rgba(10,22,40,.18);
}
html { scroll-behavior: smooth; }
body {
font-family: 'Inter', sans-serif;
color: var(--text);
background: var(--white);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
/* ───── UTILITY ───── */
.container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.section { padding: 96px 0; }
.section-sm { padding: 64px 0; }
.text-center { text-align: center; }
.flex { display: flex; }
.flex-center { display: flex; align-items: center; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.badge {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(212,160,23,.15); color: var(--accent);
border: 1px solid rgba(212,160,23,.3);
font-size: 12px; font-weight: 700; letter-spacing: .08em;
text-transform: uppercase; padding: 6px 14px; border-radius: 40px;
margin-bottom: 20px;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 900;
line-height: 1.2;
color: var(--navy);
margin-bottom: 18px;
}
.section-sub {
font-size: 18px; color: var(--gray);
max-width: 620px; line-height: 1.7;
}
/* ───── BUTTONS ───── */
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font-size: 16px; font-weight: 700; padding: 16px 32px;
border-radius: var(--radius); border: none; cursor: pointer;
transition: all .2s ease; white-space: nowrap;
}
.btn-primary {
background: var(--accent); color: var(--navy);
box-shadow: 0 4px 18px rgba(212,160,23,.4);
}
.btn-primary:hover {
background: var(--gold2); transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(212,160,23,.5);
}
.btn-outline {
background: transparent;
color: var(--white);
border: 2px solid rgba(255,255,255,.4);
}
.btn-outline:hover {
border-color: var(--accent); color: var(--accent);
background: rgba(212,160,23,.06);
}
.btn-white {
background: var(--white); color: var(--navy);
box-shadow: var(--shadow);
}
.btn-white:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.btn-lg { font-size: 18px; padding: 20px 44px; border-radius: 14px; }
/* ───── NAV ───── */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 999;
background: rgba(10,22,40,.97);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255,255,255,.06);
}
.nav-inner {
display: flex; align-items: center; justify-content: space-between;
height: 72px;
}
.logo {
display: flex; align-items: center; gap: 10px;
}
.logo-mark {
width: 38px; height: 38px;
background: linear-gradient(135deg, var(--accent), var(--gold2));
border-radius: 9px;
display: flex; align-items: center; justify-content: center;
font-size: 18px; font-weight: 900; color: var(--navy);
}
.logo-text {
font-size: 19px; font-weight: 800; color: var(--white);
letter-spacing: -.3px;
}
.logo-sub {
font-size: 10px; color: var(--gray); font-weight: 500;
letter-spacing: .06em; text-transform: uppercase;
display: block; margin-top: -2px;
}
.nav-right {
display: flex; align-items: center; gap: 16px;
}
.nav-phone {
display: flex; align-items: center; gap: 8px;
color: var(--white); font-size: 16px; font-weight: 700;
transition: color .2s;
}
.nav-phone:hover { color: var(--accent); }
.nav-phone .phone-icon {
width: 34px; height: 34px; background: rgba(212,160,23,.15);
border-radius: 8px; display: flex; align-items: center; justify-content: center;
font-size: 15px;
}
.nav-cta {
font-size: 14px; padding: 11px 22px;
}
/* ───── HERO ───── */
.hero {
min-height: 100vh;
background: linear-gradient(150deg, var(--navy) 0%, #0D2245 55%, #0A1628 100%);
display: flex; align-items: center;
position: relative; overflow: hidden;
padding-top: 72px;
}
.hero::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background:
radial-gradient(ellipse 80% 60% at 70% 40%, rgba(26,58,107,.55) 0%, transparent 70%),
radial-gradient(ellipse 40% 40% at 20% 80%, rgba(212,160,23,.08) 0%, transparent 60%);
pointer-events: none;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 480px;
gap: 64px;
align-items: center;
position: relative; z-index: 2;
padding: 80px 0;
}
.hero-eyebrow {
display: flex; align-items: center; gap: 10px;
margin-bottom: 24px;
}
.live-dot {
width: 8px; height: 8px;
background: var(--green);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(34,197,94,.6);
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(34,197,94,.6); }
70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); }
100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
.eyebrow-text {
font-size: 13px; font-weight: 600;
color: var(--green); letter-spacing: .05em;
}
.hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(38px, 5.5vw, 68px);
font-weight: 900;
color: var(--white);
line-height: 1.1;
margin-bottom: 28px;
}
.hero h1 .gold { color: var(--accent); }
.hero-desc {
font-size: 19px; color: rgba(255,255,255,.72);
line-height: 1.7; margin-bottom: 40px;
max-width: 540px;
}
.hero-ctas {
display: flex; gap: 16px; flex-wrap: wrap;
margin-bottom: 48px;
}
.hero-proof {
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
}
.proof-item {
display: flex; align-items: center; gap: 8px;
color: rgba(255,255,255,.6); font-size: 13px; font-weight: 500;
}
.proof-item span.check {
color: var(--green); font-size: 14px;
}
/* hero card */
.hero-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.1);
border-radius: 20px;
padding: 36px;
backdrop-filter: blur(20px);
box-shadow: 0 24px 64px rgba(0,0,0,.3);
}
.card-title {
font-size: 13px; font-weight: 700;
text-transform: uppercase; letter-spacing: .08em;
color: var(--accent); margin-bottom: 20px;
}
.service-item {
display: flex; align-items: flex-start; gap: 14px;
padding: 16px 0;
border-bottom: 1px solid rgba(255,255,255,.07);
}
.service-item:last-child { border-bottom: none; padding-bottom: 0; }
.service-item:first-child { padding-top: 0; }
.si-icon {
width: 42px; height: 42px; flex-shrink: 0;
background: rgba(212,160,23,.15);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 18px;
}
.si-name {
font-size: 15px; font-weight: 700; color: var(--white);
margin-bottom: 4px;
}
.si-desc {
font-size: 13px; color: var(--gray); line-height: 1.5;
}
.price-pill {
display: inline-block;
background: rgba(212,160,23,.2);
color: var(--accent);
font-size: 13px; font-weight: 700;
padding: 4px 12px; border-radius: 20px;
margin-top: 6px;
}
.card-cta {
margin-top: 28px;
}
.card-cta .btn {
width: 100%; justify-content: center;
}
/* ───── TRUST BAR ───── */
.trust-bar {
background: var(--accent);
padding: 18px 0;
}
.trust-items {
display: flex; align-items: center; justify-content: center;
gap: 40px; flex-wrap: wrap;
}
.trust-item {
display: flex; align-items: center; gap: 9px;
color: var(--navy); font-size: 14px; font-weight: 700;
}
.trust-sep {
width: 4px; height: 4px; border-radius: 50%;
background: rgba(10,22,40,.3);
}
/* ───── HOW IT WORKS ───── */
.how { background: var(--off); }
.steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
position: relative;
margin-top: 60px;
}
.steps::before {
content: '';
position: absolute;
top: 36px; left: calc(16.66% + 20px); right: calc(16.66% + 20px);
height: 2px;
background: linear-gradient(90deg, var(--accent), var(--blue), var(--accent));
z-index: 0;
}
.step {
text-align: center;
padding: 0 24px;
position: relative; z-index: 1;
}
.step-num {
width: 72px; height: 72px;
background: var(--navy);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 22px; font-weight: 900; color: var(--accent);
margin: 0 auto 24px;
border: 4px solid var(--accent);
box-shadow: 0 0 0 6px var(--off);
}
.step-title {
font-size: 18px; font-weight: 800;
color: var(--navy); margin-bottom: 12px;
}
.step-desc {
font-size: 15px; color: var(--gray); line-height: 1.65;
}
/* ───── WHO WE SERVE ───── */
.serve-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 18px;
padding: 36px 32px;
transition: all .25s ease;
position: relative;
overflow: hidden;
}
.serve-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--blue), var(--accent));
opacity: 0;
transition: opacity .25s;
}
.serve-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.serve-card:hover::before { opacity: 1; }
.serve-icon {
width: 56px; height: 56px;
background: var(--off);
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 26px;
margin-bottom: 20px;
}
.serve-title {
font-size: 20px; font-weight: 800;
color: var(--navy); margin-bottom: 10px;
}
.serve-sub {
font-size: 14px; color: var(--accent); font-weight: 600;
margin-bottom: 16px;
}
.serve-list {
list-style: none;
}
.serve-list li {
font-size: 14px; color: var(--gray);
padding: 7px 0;
border-bottom: 1px solid var(--border);
display: flex; align-items: flex-start; gap: 10px;
line-height: 1.5;
}
.serve-list li:last-child { border-bottom: none; }
.serve-list li::before {
content: '✓';
color: var(--green); font-weight: 700;
flex-shrink: 0; margin-top: 1px;
}
/* ───── SERVICES SECTION ───── */
.services-bg { background: var(--navy); }
.svc-grid {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 40px;
align-items: start;
margin-top: 56px;
}
.main-service {
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.1);
border-radius: 20px;
padding: 40px;
}
.main-service .price {
font-family: 'Playfair Display', serif;
font-size: 56px; font-weight: 900;
color: var(--accent);
line-height: 1;
margin: 16px 0 4px;
}
.main-service .price-note {
font-size: 14px; color: var(--gray);
margin-bottom: 28px;
}
.feature-list {
list-style: none;
margin-bottom: 32px;
}
.feature-list li {
display: flex; gap: 12px;
font-size: 15px; color: rgba(255,255,255,.8);
padding: 12px 0;
border-bottom: 1px solid rgba(255,255,255,.07);
line-height: 1.5;
}
.feature-list li:last-child { border-bottom: none; }
.feature-list li .ico { font-size: 16px; flex-shrink: 0; margin-top: 2px; }
.addons {
display: flex; flex-direction: column; gap: 16px;
}
.addon-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 14px;
padding: 20px 22px;
display: flex; align-items: center; gap: 16px;
}
.addon-icon {
width: 44px; height: 44px; flex-shrink: 0;
background: rgba(212,160,23,.12);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 20px;
}
.addon-name {
font-size: 15px; font-weight: 700; color: var(--white);
}
.addon-desc { font-size: 13px; color: var(--gray); margin-top: 3px; }
/* ───── WHY CLEAR POINT ───── */
.why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 56px;
}
.why-card {
background: var(--off);
border-radius: 16px;
padding: 32px 28px;
border: 1px solid var(--border);
transition: all .2s;
}
.why-card:hover {
background: var(--white);
box-shadow: var(--shadow);
border-color: transparent;
transform: translateY(-4px);
}
.why-icon {
font-size: 32px; margin-bottom: 16px;
}
.why-title {
font-size: 17px; font-weight: 800;
color: var(--navy); margin-bottom: 10px;
}
.why-desc {
font-size: 14px; color: var(--gray); line-height: 1.6;
}
/* ───── SOCIAL PROOF ───── */
.proof-bg { background: var(--off); }
.testimonials {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 56px;
}
.testi {
background: var(--white);
border-radius: 16px;
padding: 32px;
border: 1px solid var(--border);
box-shadow: var(--shadow);
}
.stars {
color: var(--accent); font-size: 16px; margin-bottom: 16px;
}
.testi-body {
font-size: 15px; color: var(--text);
line-height: 1.7; margin-bottom: 24px;
font-style: italic;
}
.testi-author {
display: flex; align-items: center; gap: 12px;
}
.avatar {
width: 44px; height: 44px; border-radius: 50%;
background: linear-gradient(135deg, var(--blue), var(--accent));
display: flex; align-items: center; justify-content: center;
color: var(--white); font-weight: 800; font-size: 16px;
}
.author-name {
font-size: 14px; font-weight: 700; color: var(--navy);
}
.author-role {
font-size: 12px; color: var(--gray); margin-top: 2px;
}
/* ───── FAQ ───── */
.faq-list {
max-width: 760px; margin: 56px auto 0;
}
.faq-item {
border-bottom: 1px solid var(--border);
}
.faq-q {
width: 100%; background: none; border: none; cursor: pointer;
display: flex; align-items: center; justify-content: space-between;
padding: 22px 0;
font-size: 17px; font-weight: 700; color: var(--navy);
text-align: left; gap: 16px;
}
.faq-q .arrow {
font-size: 20px; color: var(--accent);
transition: transform .3s; flex-shrink: 0;
}
.faq-a {
font-size: 15px; color: var(--gray);
line-height: 1.75; padding-bottom: 22px;
display: none;
}
.faq-item.open .faq-a { display: block; }
.faq-item.open .arrow { transform: rotate(45deg); }
/* ───── CTA BOTTOM ───── */
.cta-section {
background: linear-gradient(135deg, var(--navy) 0%, #0D2245 100%);
position: relative; overflow: hidden;
}
.cta-section::before {
content: '';
position: absolute; top: -80px; right: -80px;
width: 360px; height: 360px;
background: radial-gradient(circle, rgba(212,160,23,.12) 0%, transparent 70%);
}
.cta-inner {
text-align: center; position: relative; z-index: 1;
}
.cta-inner h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(30px, 4vw, 52px);
font-weight: 900; color: var(--white);
line-height: 1.2; margin-bottom: 20px;
}
.cta-inner h2 .gold { color: var(--accent); }
.cta-inner p {
font-size: 18px; color: rgba(255,255,255,.65);
max-width: 540px; margin: 0 auto 44px;
}
.cta-buttons {
display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
}
/* ───── CONTACT FORM ───── */
.form-section { background: var(--white); }
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
.form-info h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(26px, 3.5vw, 40px);
font-weight: 900; color: var(--navy);
line-height: 1.2; margin-bottom: 18px;
}
.form-info p {
font-size: 16px; color: var(--gray);
line-height: 1.7; margin-bottom: 32px;
}
.contact-detail {
display: flex; align-items: center; gap: 14px;
padding: 16px 0;
border-bottom: 1px solid var(--border);
}
.contact-detail:first-of-type { border-top: 1px solid var(--border); }
.cd-icon {
width: 42px; height: 42px; flex-shrink: 0;
background: var(--off);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 18px;
}
.cd-label {
font-size: 12px; color: var(--gray);
font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
}
.cd-value {
font-size: 16px; font-weight: 700; color: var(--navy);
}
form {
background: var(--off);
border-radius: 20px;
padding: 40px;
border: 1px solid var(--border);
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { margin-bottom: 18px; }
label {
display: block; font-size: 13px; font-weight: 700;
color: var(--navy); margin-bottom: 7px;
letter-spacing: .02em;
}
input, select, textarea {
width: 100%; padding: 13px 16px;
border: 1.5px solid var(--border);
border-radius: 10px;
font-family: 'Inter', sans-serif;
font-size: 15px; color: var(--text);
background: var(--white);
transition: border-color .2s, box-shadow .2s;
outline: none;
}
input:focus, select:focus, textarea:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(212,160,23,.18);
}
textarea { resize: vertical; min-height: 110px; }
.submit-btn {
width: 100%; padding: 18px;
background: var(--accent); color: var(--navy);
border: none; border-radius: 12px;
font-size: 17px; font-weight: 800;
cursor: pointer;
transition: all .2s;
box-shadow: 0 4px 18px rgba(212,160,23,.4);
margin-top: 8px;
}
.submit-btn:hover {
background: var(--gold2); transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(212,160,23,.5);
}
.form-note {
text-align: center; font-size: 12px; color: var(--gray);
margin-top: 12px;
}
/* ───── FOOTER ───── */
footer {
background: var(--navy);
padding: 48px 0 32px;
}
.footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 48px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-brand p {
font-size: 14px; color: var(--gray);
line-height: 1.7; margin: 14px 0 20px;
}
.footer-col h4 {
font-size: 13px; font-weight: 700;
text-transform: uppercase; letter-spacing: .07em;
color: var(--accent); margin-bottom: 18px;
}
.footer-col ul { list-style: none; }
.footer-col ul li {
font-size: 14px; color: var(--gray);
padding: 6px 0;
}
.footer-bottom {
padding-top: 28px;
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 12px;
font-size: 13px; color: var(--gray);
}
/* ───── STAT BAR ───── */
.stat-bar {
background: var(--navy2);
border-bottom: 1px solid rgba(255,255,255,.07);
}
.stats {
display: flex; justify-content: space-around; flex-wrap: wrap; gap: 8px;
padding: 32px 0;
}
.stat { text-align: center; }
.stat-num {
font-family: 'Playfair Display', serif;
font-size: 40px; font-weight: 900;
color: var(--accent);
line-height: 1;
}
.stat-label {
font-size: 13px; color: var(--gray);
margin-top: 6px; font-weight: 500;
}
/* ───── RESPONSIVE ───── */
@media (max-width: 960px) {
.hero-grid { grid-template-columns: 1fr; }
.hero-card { display: none; }
.grid-3, .steps, .testimonials, .why-grid { grid-template-columns: 1fr; }
.steps::before { display: none; }
.svc-grid { grid-template-columns: 1fr; }
.form-grid { grid-template-columns: 1fr; }
.form-row { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; gap: 32px; }
.nav-phone span { display: none; }
}
@media (max-width: 640px) {
.section { padding: 64px 0; }
.hero-ctas { flex-direction: column; }
.hero-ctas .btn { width: 100%; justify-content: center; }
.trust-items { gap: 16px; }
.trust-sep { display: none; }
.grid-2 { grid-template-columns: 1fr; }
form { padding: 28px 20px; }
}
/* ───── SCROLL ANIMATIONS ───── */
.fade-up {
opacity: 0; transform: translateY(30px);
transition: opacity .6s ease, transform .6s ease;
}
.fade-up.visible {
opacity: 1; transform: none;
}
</style>
</head>
<body>
<!-- ══════════ NAV ══════════ -->
<nav>
<div class="container">
<div class="nav-inner">
<a href="#" class="logo">
<div class="logo-mark">CRG</div>
<div>
<div class="logo-text">Clear Point</div>
<span class="logo-sub">Restoration Group · Atlanta, GA</span>
</div>
</a>
<div class="nav-right">
<a href="tel:4702752325" class="nav-phone">
<div class="phone-icon">📞</div>
<span>(470) 275-2325</span>
</a>
<a href="#contact" class="btn btn-primary nav-cta">Book Inspection</a>
</div>
</div>
</div>
</nav>
<!-- ══════════ HERO ══════════ -->
<section class="hero">
<div class="container">
<div class="hero-grid">
<div class="hero-content">
<div class="hero-eyebrow">
<div class="live-dot"></div>
<span class="eyebrow-text">Same-Day Response · Atlanta, GA</span>
</div>
<h1>
The Repair Is Done.<br />
Is Everything Actually <span class="gold">Dry?</span>
</h1>
<p class="hero-desc">
Clear Point steps in immediately after your plumbing repair — confirming dryness, documenting conditions, and protecting every party from costly future disputes. <strong style="color:#fff;">We are not a restoration company.</strong> We are your neutral documentation layer.
</p>
<div class="hero-ctas">
<a href="tel:4702752325" class="btn btn-primary btn-lg">📞 Call for Same-Day Service</a>
<a href="#contact" class="btn btn-outline btn-lg">Schedule Inspection →</a>
</div>
<div class="hero-proof">
<div class="proof-item"><span class="check">✓</span> Insurance-Ready Reports</div>
<div class="proof-item"><span class="check">✓</span> Thermal Imaging</div>
<div class="proof-item"><span class="check">✓</span> Licensed & Insured</div>
<div class="proof-item"><span class="check">✓</span> Atlanta Based</div>
</div>
</div>
<div class="hero-card">
<div class="card-title">🔬 What We Document</div>
<div class="service-item">
<div class="si-icon">💧</div>
<div>
<div class="si-name">Moisture Mapping</div>
<div class="si-desc">Pin & pinless meter readings across all affected materials</div>
</div>
</div>
<div class="service-item">
<div class="si-icon">🌡️</div>
<div>
<div class="si-name">Ambient Conditions</div>
<div class="si-desc">RH, GPP, and temperature tracked at time of inspection</div>
</div>
</div>
<div class="service-item">
<div class="si-icon">🔭</div>
<div>
<div class="si-name">Thermal Imaging</div>
<div class="si-desc">Infrared camera finds hidden moisture behind walls & ceilings</div>
</div>
</div>
<div class="service-item">
<div class="si-icon">📄</div>
<div>
<div class="si-name">Verification Report</div>
<div class="si-desc">Timestamped, insurance-ready documentation delivered same day</div>
<div class="price-pill">Starting at $495</div>
</div>
</div>
<div class="card-cta">
<a href="tel:4702752325" class="btn btn-primary">📞 Call Now — (470) 275-2325</a>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════ TRUST BAR ══════════ -->
<div class="trust-bar">
<div class="container">
<div class="trust-items">
<div class="trust-item">📍 Atlanta, GA Based</div>
<div class="trust-sep"></div>
<div class="trust-item">⚡ Same-Day Response</div>
<div class="trust-sep"></div>
<div class="trust-item">📄 Insurance-Ready Reports</div>
<div class="trust-sep"></div>
<div class="trust-item">🔭 Thermal Imaging Included</div>
<div class="trust-sep"></div>
<div class="trust-item">🤝 3rd-Party Neutral</div>
</div>
</div>
</div>
<!-- ══════════ STATS ══════════ -->
<div class="stat-bar">
<div class="container">
<div class="stats">
<div class="stat">
<div class="stat-num">$0</div>
<div class="stat-label">Cost of a missed moisture reading</div>
</div>
<div class="stat">
<div class="stat-num">24hr</div>
<div class="stat-label">Average mold onset after undetected moisture</div>
</div>
<div class="stat">
<div class="stat-num">4–72hr</div>
<div class="stat-label">Critical documentation window post-repair</div>
</div>
<div class="stat">
<div class="stat-num">$495</div>
<div class="stat-label">Starting price — full report included</div>
</div>
</div>
</div>
</div>
<!-- ══════════ HOW IT WORKS ══════════ -->
<section class="section how">
<div class="container">
<div class="text-center">
<div class="badge">🔄 Simple 3-Step Process</div>
<h2 class="section-title">How Clear Point Works</h2>
<p class="section-sub" style="margin: 0 auto;">
We fit seamlessly into your workflow. No disruption. No delay. Just documentation that protects everyone.
</p>
</div>
<div class="steps fade-up">
<div class="step">
<div class="step-num">1</div>
<div class="step-title">Repair Is Completed</div>
<p class="step-desc">Your plumber finishes a supply line, drain, slab, ceiling, or appliance repair. The water is off — but is the structure actually dry?</p>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-title">We Arrive Same-Day</div>
<p class="step-desc">Clear Point deploys immediately. We conduct moisture mapping, thermal imaging, and ambient condition recording on-site. Fast. Non-invasive. Professional.</p>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-title">You Receive Documentation</div>
<p class="step-desc">A timestamped, insurance-ready Moisture Verification Report is delivered. Every reading recorded. Every party protected. No guesswork.</p>
</div>
</div>
</div>
</section>
<!-- ══════════ WHO WE SERVE ══════════ -->
<section class="section">
<div class="container">
<div class="text-center">
<div class="badge">👥 Who We Protect</div>
<h2 class="section-title">Built for Every Party at the Table</h2>
<p class="section-sub" style="margin: 0 auto;">
One inspection. Three parties protected. Clear Point is the neutral layer that eliminates blame and backs up the truth with data.
</p>
</div>
<div class="grid-3" style="margin-top: 56px;">
<div class="serve-card fade-up">
<div class="serve-icon">🔧</div>
<div class="serve-title">Plumbers</div>
<div class="serve-sub">Protect your reputation & reduce callbacks</div>
<ul class="serve-list">
<li>Third-party verification shields you from accusations</li>
<li>Reduces costly callbacks after repair completion</li>
<li>Strengthens your 5-star review pipeline</li>
<li>Differentiates you from competitors who skip documentation</li>
<li>Builds a track record insurers and homeowners trust</li>
</ul>
</div>
<div class="serve-card fade-up">
<div class="serve-icon">🏡</div>
<div class="serve-title">Homeowners</div>
<div class="serve-sub">Peace of mind you can hold in your hands</div>
<ul class="serve-list">
<li>Written proof that drying was confirmed post-repair</li>
<li>Documentation if mold appears weeks or months later</li>
<li>Protection if insurance questions the timeline</li>
<li>Know within hours — not weeks — if your home is safe</li>
<li>Timestamped baseline for any future dispute</li>
</ul>
</div>
<div class="serve-card fade-up">
<div class="serve-icon">📋</div>
<div class="serve-title">Insurance & Adjusters</div>
<div class="serve-sub">Objective data. Clean claims. No disputes.</div>
<ul class="serve-list">
<li>Objective moisture readings — no party bias</li>
<li>RH/GPP ambient conditions at time of inspection</li>
<li>Thermal imaging evidence included in report</li>
<li>Timestamped documentation validates claim timelines</li>
<li>Reduces litigation by establishing clear baseline</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ══════════ SERVICES ══════════ -->
<section class="section services-bg">
<div class="container">
<div class="text-center">
<div class="badge" style="background: rgba(212,160,23,.12); border-color: rgba(212,160,23,.25);">💼 Services & Pricing</div>
<h2 class="section-title" style="color: var(--white);">Transparent. Simple. Worth Every Dollar.</h2>
<p class="section-sub" style="margin: 0 auto; color: var(--gray);">
One core service done exceptionally well — with optional add-ons for deeper coverage when needed.
</p>
</div>
<div class="svc-grid">
<div class="main-service fade-up">
<div class="badge">⭐ Core Service</div>
<h3 style="font-size: 22px; font-weight: 800; color: var(--white);">Moisture Verification Report</h3>
<div class="price">$495</div>
<div class="price-note">Per visit · Payment same-day · All reports digital</div>
<ul class="feature-list">
<li><span class="ico">📐</span>Complete moisture mapping — pin & pinless readings across all affected surfaces</li>
<li><span class="ico">🌡️</span>Ambient condition logging — relative humidity, GPP, and temperature at inspection</li>
<li><span class="ico">🔭</span>Thermal imaging scan — infrared documentation of hidden moisture zones</li>
<li><span class="ico">📄</span>Insurance-ready report — timestamped, formatted, and delivery within hours</li>
<li><span class="ico">🤝</span>Neutral third-party certification — no conflict of interest, no skin in the game</li>
</ul>
<a href="tel:4702752325" class="btn btn-primary btn-lg" style="width: 100%; justify-content: center;">📞 Book Now — (470) 275-2325</a>
</div>
<div>
<div style="color: var(--accent); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 20px;">➕ Optional Add-Ons</div>
<div class="addons">
<div class="addon-card fade-up">
<div class="addon-icon">🔄</div>
<div>
<div class="addon-name">Follow-Up Dry Check</div>
<div class="addon-desc">Return visit to verify complete drying progress — documented separately</div>
</div>
</div>
<div class="addon-card fade-up">
<div class="addon-icon">📊</div>
<div>
<div class="addon-name">Ambient Condition Monitoring</div>
<div class="addon-desc">Extended RH/GPP logging over a 24–72 hour drying window</div>
</div>
</div>
<div class="addon-card fade-up">
<div class="addon-icon">🧠</div>
<div>
<div class="addon-name">Drying Recommendation Consult</div>
<div class="addon-desc">Written analysis of drying conditions with equipment placement guidance</div>
</div>
</div>
<div class="addon-card fade-up">
<div class="addon-icon">🛡️</div>
<div>
<div class="addon-name">Insurance-Ready Photo Package</div>
<div class="addon-desc">High-resolution timestamped photo set organized for claim submission</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════ WHY CLEAR POINT ══════════ -->
<section class="section">
<div class="container">
<div class="text-center">
<div class="badge">🏆 Why Clear Point</div>
<h2 class="section-title">We Are Not Another Water Damage Company</h2>
<p class="section-sub" style="margin: 0 auto;">
Clear Point occupies a unique lane no one else in Atlanta has claimed. Here's why that matters for you.
</p>
</div>
<div class="why-grid">
<div class="why-card fade-up">
<div class="why-icon">🎯</div>
<div class="why-title">Hyper-Specific Niche</div>
<p class="why-desc">We are not a generalist restoration crew. We are Post-Repair Moisture Verification Specialists — the only service that enters immediately after repair to confirm and document dryness.</p>
</div>
<div class="why-card fade-up">
<div class="why-icon">⚡</div>
<div class="why-title">Speed Changes Everything</div>
<p class="why-desc">Moisture readings taken immediately post-repair are fresh, accurate, and legally significant. Every hour of delay weakens the documentation. We arrive same-day — when it matters most.</p>
</div>
<div class="why-card fade-up">
<div class="why-icon">⚖️</div>
<div class="why-title">Neutral Third Party</div>
<p class="why-desc">We have no financial stake in whether mitigation is needed. That neutrality makes our reports trusted by all parties — especially insurance adjusters who see conflict-of-interest daily.</p>
</div>
<div class="why-card fade-up">
<div class="why-icon">📋</div>
<div class="why-title">Insurance-Ready Format</div>
<p class="why-desc">Reports are structured from the ground up to satisfy insurance adjuster requirements — timestamped readings, structured data, thermal images, and ambient conditions in one clean document.</p>
</div>
<div class="why-card fade-up">
<div class="why-icon">🤖</div>
<div class="why-title">AI-Enhanced Reporting</div>
<p class="why-desc">We leverage technology to produce moisture maps, drying predictions, and risk scoring that traditional inspectors cannot match. Your report is clear, precise, and defensible.</p>
</div>
<div class="why-card fade-up">
<div class="why-icon">🏙️</div>
<div class="why-title">Atlanta-Embedded Network</div>
<p class="why-desc">Locally based and relationship-driven, Clear Point is woven into the Atlanta plumbing and property repair ecosystem — meaning faster response times and trusted referral pipelines.</p>
</div>
</div>
</div>
</section>
<!-- ══════════ TESTIMONIALS ══════════ -->
<section class="section proof-bg">
<div class="container">
<div class="text-center">
<div class="badge">⭐ What People Are Saying</div>
<h2 class="section-title">Trusted by Plumbers, Homeowners & Adjusters</h2>
<p class="section-sub" style="margin: 0 auto;">
Clear documentation protects everyone. Here's what Atlanta professionals say.
</p>
</div>
<div class="testimonials">
<div class="testi fade-up">
<div class="stars">★★★★★</div>
<p class="testi-body">"Clear Point confirmed everything was dry and documented it perfectly. No callbacks, no disputes — just clean documentation that my customer could show her insurance company. This is exactly what I needed."</p>
<div class="testi-author">
<div class="avatar">MR</div>
<div>
<div class="author-name">Marcus R.</div>
<div class="author-role">Licensed Plumber · Atlanta, GA</div>
</div>
</div>
</div>
<div class="testi fade-up">
<div class="stars">★★★★★</div>
<p class="testi-body">"After my supply line burst I was terrified about mold. Clear Point came out the same afternoon, ran all the moisture tests, and gave me a full report. I finally had peace of mind — backed by real data."</p>
<div class="testi-author">
<div class="avatar">TP</div>
<div>
<div class="author-name">Tanya P.</div>
<div class="author-role">Homeowner · Buckhead, Atlanta</div>
</div>
</div>
</div>
<div class="testi fade-up">
<div class="stars">★★★★★</div>
<p class="testi-body">"The timestamped documentation from Clear Point gave us an objective baseline on a contested water damage claim. Thermal imaging, RH readings, the whole package. Incredibly professional and fast."</p>
<div class="testi-author">
<div class="avatar">JW</div>
<div>
<div class="author-name">James W.</div>
<div class="author-role">Insurance Adjuster · Metro Atlanta</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════ FAQ ══════════ -->
<section class="section">
<div class="container">
<div class="text-center">
<div class="badge">❓ Common Questions</div>
<h2 class="section-title">Frequently Asked Questions</h2>
</div>
<div class="faq-list">
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
What is a Moisture Verification Report exactly?
<span class="arrow">+</span>
</button>
<div class="faq-a">
A Moisture Verification Report is a timestamped, insurance-ready document that records all moisture meter readings, ambient conditions (relative humidity, GPP, temperature), and thermal imaging findings at the time of inspection. It serves as objective, third-party proof of the dry — or wet — conditions immediately after a plumbing repair.
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
Why does it matter that you arrive immediately after repair?
<span class="arrow">+</span>
</button>
<div class="faq-a">
Moisture readings taken immediately after a repair are the most accurate and legally defensible. Waiting 24–48 hours allows conditions to change — materials may partially dry, or secondary damage may begin. Timestamped same-day documentation establishes a clean narrative before any dispute can form.
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
Are you a restoration or mitigation company?
<span class="arrow">+</span>
</button>
<div class="faq-a">
No. Clear Point is strictly a post-repair moisture verification and documentation service. We do not perform drying, extraction, demo, or mold remediation. This neutrality is exactly what makes our reports trusted by all parties — we have no financial interest in the outcome of your claim or the scope of any work needed.
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
What types of leaks do you document after?
<span class="arrow">+</span>
</button>
<div class="faq-a">
We step in after supply line repairs, drain leak repairs, slab leak repairs, ceiling leak repairs, and appliance leak repairs. If a plumber has completed work and you need documented proof that the structure is dry — or to establish baseline conditions — Clear Point is the right call.
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
How quickly can you respond?
<span class="arrow">+</span>
</button>
<div class="faq-a">
Clear Point offers same-day response within the Atlanta metro area. Time is critical in moisture documentation — the sooner we arrive after a repair, the more accurate and defensible your report will be. Call us directly for fastest scheduling.
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
I'm a plumber. How does this protect me specifically?
<span class="arrow">+</span>
</button>
<div class="faq-a">
When a homeowner calls you back weeks later claiming mold or damage, your first question will be: "Do you have documentation proving the area was dry when I left?" Clear Point gives you that proof. Our third-party report timestamps the post-repair conditions, reducing your liability exposure, protecting your reputation, and eliminating costly callbacks that erode your margins.
</div>
</div>
</div>
</div>
</section>
<!-- ══════════ CTA BANNER ══════════ -->
<section class="section cta-section">
<div class="container">
<div class="cta-inner">
<h2>Ready to Protect the Repair<br />With <span class="gold">Real Documentation?</span></h2>
<p>One inspection. One report. Full protection for every party. Same-day response across Atlanta.</p>
<div class="cta-buttons">
<a href="tel:4702752325" class="btn btn-primary btn-lg">📞 Call (470) 275-2325</a>
<a href="#contact" class="btn btn-outline btn-lg">Book Online →</a>
</div>
</div>
</div>
</section>
<!-- ══════════ CONTACT FORM ══════════ -->
<section class="section form-section" id="contact">
<div class="container">
<div class="form-grid">
<div class="form-info fade-up">
<div class="badge">📞 Get In Touch</div>
<h2>Schedule Your Moisture Verification Today</h2>
<p>Whether you're a plumber, homeowner, or adjuster — we respond same-day. Fill out the form or call us directly. We'll confirm your appointment within the hour.</p>
<div class="contact-detail">
<div class="cd-icon">📞</div>
<div>
<div class="cd-label">Phone</div>
<div class="cd-value"><a href="tel:4702752325">(470) 275-2325</a></div>
</div>
</div>
<div class="contact-detail">
<div class="cd-icon">📧</div>
<div>
<div class="cd-label">Email</div>
<div class="cd-value">info@clearpointrestore.com</div>
</div>
</div>
<div class="contact-detail">
<div class="cd-icon">📍</div>
<div>
<div class="cd-label">Service Area</div>
<div class="cd-value">Atlanta Metro, GA</div>
</div>
</div>
<div class="contact-detail">
<div class="cd-icon">⏱️</div>
<div>
<div class="cd-label">Response Time</div>
<div class="cd-value">Same-Day · 7 Days a Week</div>
</div>
</div>
</div>
<form
name="contact"
method="POST"
data-netlify="true"
data-netlify-honeypot="bot-field"
onsubmit="handleSubmit(event)"
class="fade-up"
id="booking-form"
>
<!-- Netlify required hidden fields -->
<input type="hidden" name="form-name" value="contact" />
<!-- Honeypot spam trap — hidden from real users -->
<p style="display:none;">
<label>Don't fill this out: <input name="bot-field" /></label>
</p>
<!-- Success message (hidden until submission) -->
<div id="form-success" style="display:none; background:#f0fdf4; border:1.5px solid #86efac; border-radius:12px; padding:28px 24px; text-align:center; margin-bottom:20px;">
<div style="font-size:40px; margin-bottom:12px;">✅</div>
<div style="font-size:18px; font-weight:800; color:#166534; margin-bottom:8px;">Request Received!</div>
<div style="font-size:15px; color:#15803d;">We'll call you at the number you provided within the hour. Same-day service is on the way.</div>
</div>
<div id="form-fields">
<div class="form-row">
<div class="field">
<label for="fname">First Name *</label>
<input type="text" id="fname" name="fname" placeholder="James" required />
</div>
<div class="field">
<label for="lname">Last Name *</label>
<input type="text" id="lname" name="lname" placeholder="Williams" required />
</div>
</div>
<div class="field">
<label for="phone">Phone Number *</label>
<input type="tel" id="phone" name="phone" placeholder="(404) 000-0000" required />
</div>
<div class="field">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" placeholder="james@example.com" />
</div>
<div class="field">
<label for="role">I Am A *</label>
<select id="role" name="role" required>
<option value="" disabled selected>Select your role</option>
<option value="plumber">Licensed Plumber / Contractor</option>
<option value="homeowner">Homeowner</option>
<option value="adjuster">Insurance Adjuster</option>
<option value="property">Property Manager</option>
<option value="other">Other</option>
</select>
</div>
<div class="field">
<label for="type">Type of Repair Completed *</label>
<select id="type" name="type" required>
<option value="" disabled selected>Select repair type</option>
<option>Supply Line Repair</option>
<option>Drain Leak Repair</option>
<option>Slab Leak Repair</option>
<option>Ceiling Leak Repair</option>
<option>Appliance Leak Repair</option>
<option>Other / Not Sure</option>
</select>
</div>
<div class="field">
<label for="message">Additional Details</label>
<textarea id="message" name="message" placeholder="Property address, best time to reach you, any special instructions..."></textarea>
</div>
<button type="submit" class="submit-btn" id="submit-btn">📞 Request Same-Day Inspection →</button>
<p class="form-note">🔒 Your information is never sold or shared. We'll call you within the hour.</p>
</div>
</form>
</div>
</div>
</section>
<!-- ══════════ FOOTER ══════════ -->
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo">
<div class="logo-mark">CRG</div>
<div>
<div class="logo-text">Clear Point</div>
<span class="logo-sub">Restoration Group · Atlanta, GA</span>
</div>
</div>
<p style="margin-top: 18px;">The neutral documentation layer between plumber, homeowner, and insurance — protecting every party with objective, timestamped moisture verification.</p>
<a href="tel:4702752325" class="btn btn-primary" style="margin-top: 8px;">(470) 275-2325</a>
</div>
<div class="footer-col">
<h4>Services</h4>
<ul>
<li>Moisture Verification Report</li>
<li>Thermal Imaging Documentation</li>
<li>Ambient Condition Monitoring</li>
<li>Follow-Up Dry Check</li>
<li>Drying Recommendation Consult</li>
</ul>
</div>
<div class="footer-col">
<h4>Serving</h4>
<ul>
<li>Atlanta, GA</li>
<li>Buckhead</li>
<li>Sandy Springs</li>
<li>Marietta</li>
<li>Decatur</li>
<li>Roswell</li>
<li>And surrounding metro areas</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 Clear Point Restoration Group — Atlanta, GA. All rights reserved.</span>
<span style="color: var(--accent); font-weight: 600;">Licensed · Insured · Same-Day Response</span>
</div>
</div>
</footer>
<!-- ══════════ SCRIPTS ══════════ -->
<script>
// FAQ toggle
function toggleFaq(btn) {
const item = btn.closest('.faq-item');
const isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));
if (!isOpen) item.classList.add('open');
}
// Netlify Forms AJAX submission
async function handleSubmit(e) {
e.preventDefault();
const form = e.target;
const btn = document.getElementById('submit-btn');
const success = document.getElementById('form-success');
const fields = document.getElementById('form-fields');
btn.textContent = 'Sending…';
btn.disabled = true;
btn.style.opacity = '0.7';
try {
await fetch('/', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: new URLSearchParams(new FormData(form)).toString()
});
// Hide form fields, show success message
fields.style.display = 'none';
success.style.display = 'block';
// Scroll success into view
success.scrollIntoView({ behavior: 'smooth', block: 'center' });
} catch (err) {
btn.textContent = '⚠️ Error — please call (470) 275-2325 directly';
btn.style.background = '#ef4444';
btn.style.color = '#fff';
btn.disabled = false;
btn.style.opacity = '1';
}
}
// Scroll fade-in animations
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry, i) => {
if (entry.isIntersecting) {
setTimeout(() => entry.target.classList.add('visible'), i * 80);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.12 });
document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
// Sticky nav transparency on scroll
const nav = document.querySelector('nav');
window.addEventListener('scroll', () => {
nav.style.background = window.scrollY > 50
? 'rgba(10,22,40,.98)'
: 'rgba(10,22,40,.97)';
});
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(a => {
a.addEventListener('click', e => {
const target = document.querySelector(a.getAttribute('href'));
if (target) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
</script>
</body>
</html>