File: /home/primrwxj/the-therapy.info/thank-you.php
<?php
declare(strict_types=1);
function h(string $s): string { return htmlspecialchars($s, ENT_QUOTES, 'UTF-8'); }
$siteName = "The-Therapy.Info";
// Show confirmation ID if present
$leadId = trim((string)($_GET['id'] ?? ''));
// Public contact buttons (no raw email printed)
$publicPhoneDisplay = "(615) 624-4157";
$publicPhoneTel = "16156244157";
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title><?= h($siteName) ?> — Request Received</title>
<meta name="robots" content="noindex,nofollow"/>
<meta name="description" content="Your request has been received. We'll follow up within 1 business day."/>
<style>
:root{
--bg1:#f7fbff;
--bg2:#eef6ff;
--ink:#0b1b2a;
--muted:#4b5a68;
--card:rgba(255,255,255,.72);
--line:rgba(14, 35, 56, .12);
--brand:#2c7a7b;
--brand2:#5a67d8;
--shadow:0 18px 55px rgba(12, 28, 48, .14);
--radius:18px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:var(--ink);
background:
radial-gradient(1100px 700px at 18% 20%, rgba(90,103,216,.16), transparent 55%),
radial-gradient(900px 650px at 78% 22%, rgba(44,122,123,.14), transparent 52%),
radial-gradient(900px 650px at 30% 85%, rgba(236,72,153,.08), transparent 55%),
linear-gradient(180deg, var(--bg1), var(--bg2));
min-height:100vh;
overflow-x:hidden;
display:flex;
align-items:center;
justify-content:center;
}
/* Subtle floral pattern overlay (pure CSS) */
.floral{
position:fixed; inset:0;
pointer-events:none;
opacity:.22;
background-image:
radial-gradient(circle at 12px 12px, rgba(44,122,123,.22) 2px, transparent 3px),
radial-gradient(circle at 42px 38px, rgba(90,103,216,.18) 2px, transparent 3px),
radial-gradient(circle at 65px 18px, rgba(16,185,129,.12) 2px, transparent 3px);
background-size: 90px 90px;
filter: blur(.2px);
}
.wrap{
width:100%;
max-width:900px;
padding:34px 16px 60px;
}
.topbar{
display:flex; align-items:center; justify-content:space-between;
gap:14px; padding:12px 6px; margin-bottom:14px;
}
.brand{
display:flex; align-items:center; gap:10px;
font-weight:900; letter-spacing:.2px;
}
.logo{
width:38px; height:38px; border-radius:12px;
background: linear-gradient(135deg, rgba(44,122,123,.95), rgba(90,103,216,.9));
box-shadow: 0 10px 25px rgba(44,122,123,.22);
position:relative;
}
.logo:after{
content:"";
position:absolute; inset:9px;
border-radius:10px;
border:1px solid rgba(255,255,255,.65);
transform: rotate(8deg);
}
.actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}
.glowBtn{
display:inline-flex; align-items:center; justify-content:center;
padding:10px 14px;
border-radius:999px;
border:1px solid rgba(255,255,255,.55);
background: linear-gradient(135deg, rgba(44,122,123,.92), rgba(90,103,216,.90));
color:#fff;
text-decoration:none;
font-weight:900;
box-shadow: 0 14px 35px rgba(44,122,123,.20);
backdrop-filter: blur(10px);
transition: transform .08s ease, filter .12s ease;
cursor:pointer;
}
.glowBtn:hover{filter:brightness(1.05)}
.glowBtn:active{transform: translateY(1px)}
.ghostBtn{
display:inline-flex; align-items:center; justify-content:center;
padding:10px 14px;
border-radius:999px;
border:1px solid rgba(14,35,56,.14);
background: rgba(255,255,255,.62);
color: rgba(11,27,42,.9);
text-decoration:none;
font-weight:900;
box-shadow: 0 10px 25px rgba(12, 28, 48, .08);
cursor:pointer;
}
.card{
border-radius: var(--radius);
background: rgba(255,255,255,.60);
border:1px solid var(--line);
box-shadow: var(--shadow);
backdrop-filter: blur(12px);
padding:22px;
overflow:hidden;
position:relative;
}
.badge{
display:inline-flex; align-items:center; gap:10px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(16,185,129,.28);
background: rgba(16,185,129,.10);
font-weight:900;
margin-bottom:10px;
}
.check{
width:28px; height:28px;
border-radius:10px;
display:inline-flex; align-items:center; justify-content:center;
background: rgba(16,185,129,.18);
border:1px solid rgba(16,185,129,.20);
font-weight:900;
}
h1{margin:6px 0 10px; font-size:34px; line-height:1.1}
p{margin:0 0 12px; color:rgba(11,27,42,.76); line-height:1.7; font-size:15px}
.grid{
display:grid;
grid-template-columns: 1.1fr .9fr;
gap:14px;
margin-top:14px;
}
@media (max-width: 880px){
.grid{grid-template-columns:1fr;}
}
.mini{
border:1px solid rgba(14,35,56,.12);
background: rgba(255,255,255,.65);
border-radius:16px;
padding:14px;
}
.mini b{display:block;margin-bottom:6px}
.mini p{margin:0;color:rgba(11,27,42,.72);font-size:14px;line-height:1.6}
.divider{height:1px; background:rgba(14,35,56,.10); margin:14px 0}
.ctaRow{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;}
.ctaPrimary{
display:inline-flex; align-items:center; justify-content:center;
padding:12px 14px;
border-radius:16px;
border:1px solid rgba(255,255,255,.55);
background: linear-gradient(135deg, rgba(44,122,123,.92), rgba(90,103,216,.90));
color:#fff;
text-decoration:none;
font-weight:950;
box-shadow: 0 14px 35px rgba(44,122,123,.18);
cursor:pointer;
}
.ctaSecondary{
display:inline-flex; align-items:center; justify-content:center;
padding:12px 14px;
border-radius:16px;
border:1px solid rgba(14,35,56,.14);
background: rgba(255,255,255,.62);
color: rgba(11,27,42,.9);
text-decoration:none;
font-weight:950;
cursor:pointer;
}
.muted{font-size:13px;color:rgba(11,27,42,.62)}
a{color:rgba(11,27,42,.90)}
</style>
</head>
<body>
<div class="floral" aria-hidden="true"></div>
<div class="wrap">
<div class="topbar">
<div class="brand">
<div class="logo" aria-hidden="true"></div>
<div>
<div><?= h($siteName) ?></div>
<div style="font-size:12.5px;color:rgba(11,27,42,.65);font-weight:750;">Private intake routing • Calm, respectful support</div>
</div>
</div>
<div class="actions">
<a class="glowBtn" href="tel:<?= h($publicPhoneTel) ?>">Call us</a>
<button class="ghostBtn" id="emailBtn" type="button">Email us</button>
</div>
</div>
<div class="card">
<div class="badge">
<span class="check">✓</span>
<span>Submission successful</span>
</div>
<h1>We received your request.</h1>
<p>
Thank you for taking this step. We’ll review your intake request and follow up within <b>1 business day</b>.
If you prefer faster support, use the <b>Call us</b> button.
</p>
<?php if ($leadId !== ''): ?>
<p class="muted">Confirmation ID: <b><?= h($leadId) ?></b></p>
<?php endif; ?>
<div class="divider"></div>
<div class="grid">
<div class="mini">
<b>What happens next</b>
<p>
We review your categories and preferences, then contact you by your preferred method to confirm next steps.
</p>
</div>
<div class="mini">
<b>Privacy-first reminder</b>
<p>
Keep sensitive details brief online. You can share deeper details directly with your provider during your session.
</p>
</div>
<div class="mini">
<b>Not an emergency service</b>
<p>
If you’re in immediate danger, call <b>911</b>. For urgent emotional support, call/text <b>988</b> (US).
</p>
</div>
<div class="mini">
<b>Need to update something?</b>
<p>
If you made an error (wrong phone/email), contact us and mention your confirmation ID.
</p>
</div>
</div>
<div class="ctaRow">
<a class="ctaPrimary" href="tel:<?= h($publicPhoneTel) ?>">Call us now</a>
<button class="ctaSecondary" id="emailBtn2" type="button">Email us</button>
<a class="ctaSecondary" href="privacy.php">Privacy Policy</a>
<a class="ctaSecondary" href="index.php">Back to intake</a>
</div>
<p class="muted" style="margin-top:14px;">
Note: We use a “minimum necessary” approach to collect information. Unless you have a signed agreement with a provider,
online forms and email may not be considered HIPAA-secure.
</p>
<div class="muted" style="margin-top:10px;">
<center>
<a href="privacy.php">Privacy</a> • <a href="legal.php">Terms & Disclaimer</a>
</center>
</div>
</div>
</div>
<script>
(function(){
// Email button uses JS assembly to reduce scraping
function openEmail(){
const user = "leads";
const domain = "the-therapy.info";
const addr = user + "@" + domain;
window.location.href = "mailto:" + addr
+ "?subject=" + encodeURIComponent("Intake request question")
+ "&body=" + encodeURIComponent("Hi, I submitted an intake request and I have a question. My Confirmation ID is: <?= h($leadId) ?>");
}
const b1 = document.getElementById('emailBtn');
const b2 = document.getElementById('emailBtn2');
if (b1) b1.addEventListener('click', openEmail);
if (b2) b2.addEventListener('click', openEmail);
})();
</script>
</body>
</html>