/ghl-code
GoHighLevel Export
Candere Landing Page Code
25 self-contained blocks, grouped by page: the landing page, the education library, booking, the three consultation pages, the legal pages and the thank-you page. Every block carries its own scoped CSS, so pasted in order they rebuild the Candere site inside GoHighLevel without touching the theme.
- 1
Add one Custom HTML block per snippet. In GoHighLevel open Sites → Funnels → your page, add a Custom HTML block for each block below and paste one file into each. Never combine two snippets in the same block.
- 2
Build the landing page first, 01 to 12. Paste those in order so the homepage follows top to bottom. Block 01 also loads the Inter typeface for the whole site, so keep it on the first page you build.
- 3
Then build the other pages from their own groups. Education uses 13 and 14, Booking uses 15 and 16, the three consultation pages are ready in 23, 24 and 25 (17 is the blank template if you prefer your own calendar), Privacy uses 18 and 19, Terms uses 20 and 21, and every thank-you page uses 22. Reuse block 12 in the footer of all of them.
- 4
Point the links at your calendar. Blocks 23, 24 and 25 already load the live IntakeQ calendars; replace YOUR_CALENDAR_ID in blocks 11 and 17 with your GHL calendar IDs only if you swap those in, then update the #booking links in blocks 02, 06, 09 and 10 and the three calendar-page links in block 16.
Fonts. Block 01 loads the Inter typeface. Keep it above the other blocks so every section inherits the same typography and nothing falls back to the GHL theme font.
Landing page
12 blocksThe homepage from top to bottom, plus the shared header and footer.
01·Sticky Header
Paste first. Carries the logo, navigation and the primary booking button on every page.
<!-- ========================================= CANDERE HEALTH · 01 HEADER ========================================= -->
<!-- Paste into: a Custom HTML block, first on the page. Also loads the Inter typeface for every block below. -->
<div id="ch-header" class="chh" role="banner">
<div class="chh-inner">
<a href="https://canderehealth.com/" class="chh-logo" aria-label="Candere Health">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/8ba962e22_Jul10202602_50_54AM.png" alt="Candere Health" />
</a>
<div class="chh-nav" role="navigation" aria-label="Main navigation">
<a href="https://canderehealth.com/#ch-starting-point">Starting Point</a>
<a href="https://canderehealth.com/#ch-treatments">Treatments</a>
<a href="https://canderehealth.com/#ch-process">Our Process</a>
<a href="https://canderehealth.com/#why-candere">Why Candere</a>
<a href="https://canderehealth.com/education">Education</a>
</div>
<div class="chh-actions">
<a href="https://canderehealth.com/booking" class="chh-cta">Book Your Consultation</a>
</div>
<button class="chh-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="chh-mobile">
<svg class="chh-burger" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
<svg class="chh-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<div class="chh-mobile" id="chh-mobile">
<a href="https://canderehealth.com/#ch-starting-point">Starting Point</a>
<a href="https://canderehealth.com/#ch-treatments">Treatments</a>
<a href="https://canderehealth.com/#ch-process">Our Process</a>
<a href="https://canderehealth.com/#why-candere">Why Candere</a>
<a href="https://canderehealth.com/education">Education</a>
<a href="https://canderehealth.com/booking" class="chh-mobile-cta">Book Your Consultation</a>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-header, #ch-header *, #ch-header *::before, #ch-header *::after { box-sizing: border-box; }
#ch-header {
--chh-purple: #200263;
--chh-blue: #094dd5;
--chh-line: #eef0f4;
position: sticky;
top: 0;
z-index: 50;
background: #ffffff;
border-bottom: 1px solid var(--chh-line);
box-shadow: 0 1px 2px rgba(32, 2, 99, 0.04);
font-family: "Inter", Arial, sans-serif;
}
.chh-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
height: 72px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.chh-logo { display: flex; align-items: center; flex-shrink: 0; }
.chh-logo img { height: 44px; width: auto; max-width: 175px; object-fit: contain; display: block; }
.chh-nav { display: none; align-items: center; gap: 24px; }
.chh-nav a {
color: var(--chh-purple);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.01em;
text-decoration: none;
transition: color 0.2s ease;
white-space: nowrap;
}
.chh-nav a:hover { color: var(--chh-blue); }
.chh-actions { display: none; }
.chh-cta {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--chh-purple);
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
padding: 12px 22px;
border-radius: 999px;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
.chh-cta:hover { background: #2c0a83; transform: translateY(-1px); }
.chh-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-right: -6px;
padding: 0;
border: 0;
background: transparent;
color: var(--chh-purple);
cursor: pointer;
}
.chh-toggle svg { width: 24px; height: 24px; }
.chh-close { display: none; }
.chh-mobile {
display: none;
border-top: 1px solid var(--chh-line);
background: #ffffff;
padding: 8px 20px 24px;
}
.chh-mobile a {
display: block;
padding: 14px 0;
border-bottom: 1px solid #f1f5f9;
color: var(--chh-purple);
font-size: 17px;
font-weight: 600;
text-decoration: none;
}
.chh-mobile .chh-mobile-cta {
margin-top: 20px;
border: 0;
border-radius: 999px;
background: var(--chh-purple);
color: #ffffff;
text-align: center;
padding: 16px 24px;
font-size: 15px;
font-weight: 700;
}
#ch-header.is-open .chh-mobile { display: block; }
#ch-header.is-open .chh-close { display: block; }
#ch-header.is-open .chh-burger { display: none; }
@media (min-width: 640px) {
.chh-inner { padding: 0 24px; height: 84px; }
.chh-logo img { height: 56px; max-width: 220px; }
}
@media (min-width: 1024px) {
.chh-nav, .chh-actions { display: flex; }
.chh-toggle, .chh-mobile { display: none !important; }
.chh-inner { padding: 0 32px; gap: 24px; }
.chh-logo img { height: 64px; max-width: 200px; }
.chh-nav { gap: 20px; }
}
@media (min-width: 1152px) {
.chh-nav { gap: 28px; }
}
</style>
<script>
(function () {
var header = document.getElementById('ch-header');
if (!header) return;
var toggle = header.querySelector('.chh-toggle');
var menu = header.querySelector('.chh-mobile');
if (!toggle || !menu) return;
toggle.addEventListener('click', function () {
var open = header.classList.toggle('is-open');
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
toggle.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');
});
menu.addEventListener('click', function (event) {
if (event.target.closest('a')) {
header.classList.remove('is-open');
toggle.setAttribute('aria-expanded', 'false');
}
});
})();
</script>02·Hero
Headline, gradient accent line, primary CTA and the four-stat bar over the hero image.
<!-- ========================================= CANDERE HEALTH · 02 HERO ========================================= -->
<!-- Paste into: Custom HTML block 02 of 12, directly under the header. -->
<section id="ch-hero" class="chhero-section">
<div class="chhero-bg" aria-hidden="true">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/a0ef593a3_generated_image.png" alt="" />
<div class="chhero-scrim"></div>
</div>
<div class="chhero-container">
<div class="chhero-content">
<p class="chhero-badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>
<span>Shine · Glow · Wellness · Candere</span>
</p>
<h1 class="chhero-heading">
Your Body Changes Slowly.<br />
<span class="chhero-accent">Until One Day You Notice.</span>
</h1>
<p class="chhero-sub">
Less energy. Slower recovery. Changes in weight. Changes in confidence.
Feeling different than you used to.
</p>
<p class="chhero-sub chhero-sub-muted">
Many people adjust to these changes without realizing there may be a reason behind them.
Candere Health helps you understand your body and discover your next step.
</p>
<div class="chhero-actions">
<a href="https://canderehealth.com/#consultation" class="chhero-button">
Start Your Health Journey
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
<div class="chhero-stats">
<div class="chhero-stat">Energy & Vitality</div>
<div class="chhero-stat">Hormone Health</div>
<div class="chhero-stat">Recovery & Performance</div>
<div class="chhero-stat">Focus & Cognitive Health</div>
</div>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-hero, #ch-hero *, #ch-hero *::before, #ch-hero *::after { box-sizing: border-box; }
#ch-hero {
--chhero-purple: #200263;
--chhero-blue: #094dd5;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
min-height: 640px;
background: var(--chhero-purple);
isolation: isolate;
font-family: "Inter", Arial, sans-serif;
}
.chhero-bg { position: absolute; inset: 0; z-index: 0; }
.chhero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.chhero-scrim {
position: absolute;
inset: 0;
background:
linear-gradient(to top right, rgba(32, 2, 99, 0.55), rgba(32, 2, 99, 0) 55%),
linear-gradient(to right, #200263 0%, rgba(32, 2, 99, 0.88) 38%, rgba(32, 2, 99, 0.30) 72%, rgba(32, 2, 99, 0.05) 100%);
}
.chhero-container {
position: relative;
z-index: 1;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 112px 20px 72px;
}
.chhero-content { max-width: 640px; }
.chhero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 28px;
padding: 8px 16px;
border: 1px solid rgba(255, 255, 255, 0.20);
border-radius: 999px;
background: rgba(255, 255, 255, 0.10);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #bfdbfe;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.chhero-badge svg { width: 14px; height: 14px; flex-shrink: 0; }
.chhero-badge span { line-height: 1.4; }
.chhero-heading {
margin: 0 0 24px;
color: #ffffff;
font-size: clamp(34px, 7vw, 60px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.02em;
}
.chhero-accent {
display: inline-block;
position: relative;
padding-bottom: 8px;
background: linear-gradient(90deg, #93c5fd, #a5b4fc);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.chhero-accent::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
border-radius: 2px;
background: linear-gradient(90deg, #60a5fa, #818cf8);
}
.chhero-sub {
margin: 0 0 12px;
max-width: 520px;
color: rgba(255, 255, 255, 0.82);
font-size: 17px;
line-height: 1.7;
}
.chhero-sub-muted { color: rgba(255, 255, 255, 0.66); margin-bottom: 40px; }
.chhero-actions { display: flex; flex-direction: column; gap: 16px; }
.chhero-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 18px 32px;
border-radius: 999px;
background: linear-gradient(90deg, #094dd5, #3b82f6);
box-shadow: 0 0 30px rgba(9, 77, 213, 0.5);
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.chhero-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.chhero-button svg { width: 16px; height: 16px; }
.chhero-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
margin-top: 48px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 16px;
background: rgba(255, 255, 255, 0.10);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.chhero-stat {
background: rgba(255, 255, 255, 0.05);
padding: 14px 10px;
text-align: center;
color: #ffffff;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
}
@media (min-width: 640px) {
.chhero-container { padding: 132px 32px 96px; }
.chhero-badge { font-size: 11px; letter-spacing: 0.18em; }
.chhero-sub { font-size: 18px; }
.chhero-actions { flex-direction: row; }
.chhero-button { width: auto; }
.chhero-stats { grid-template-columns: repeat(4, 1fr); margin-top: 60px; }
.chhero-stat { padding: 16px 12px; font-size: 13px; }
}
@media (min-width: 1024px) {
.chhero-container { padding: 136px 32px 104px; }
.chhero-stat { font-size: 15px; }
}
</style>03·Proof Ticker
Scrolling assurance strip. Sits directly beneath the hero.
<!-- ========================================= CANDERE HEALTH · 03 PROOF TICKER ========================================= -->
<!-- Paste into: Custom HTML block 03 of 12, directly under the hero. -->
<section id="ch-ticker" class="cht-ticker" aria-label="Why patients choose Candere Health">
<div class="cht-track">
<div class="cht-set">
<span class="cht-item"><span class="cht-dot"></span>100% Telehealth</span>
<span class="cht-item"><span class="cht-dot"></span>Provider-Guided</span>
<span class="cht-item"><span class="cht-dot"></span>1:1 Personalized Approach</span>
<span class="cht-item"><span class="cht-dot"></span>Ongoing Support</span>
<span class="cht-item"><span class="cht-dot"></span>100% Telehealth</span>
<span class="cht-item"><span class="cht-dot"></span>Provider-Guided</span>
<span class="cht-item"><span class="cht-dot"></span>1:1 Personalized Approach</span>
<span class="cht-item"><span class="cht-dot"></span>Ongoing Support</span>
</div>
<div class="cht-set" aria-hidden="true">
<span class="cht-item"><span class="cht-dot"></span>100% Telehealth</span>
<span class="cht-item"><span class="cht-dot"></span>Provider-Guided</span>
<span class="cht-item"><span class="cht-dot"></span>1:1 Personalized Approach</span>
<span class="cht-item"><span class="cht-dot"></span>Ongoing Support</span>
<span class="cht-item"><span class="cht-dot"></span>100% Telehealth</span>
<span class="cht-item"><span class="cht-dot"></span>Provider-Guided</span>
<span class="cht-item"><span class="cht-dot"></span>1:1 Personalized Approach</span>
<span class="cht-item"><span class="cht-dot"></span>Ongoing Support</span>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
#ch-ticker, #ch-ticker *, #ch-ticker *::before, #ch-ticker *::after { box-sizing: border-box; }
#ch-ticker {
--cht-purple: #200263;
--cht-blue: #094dd5;
overflow: hidden;
background: #e7ecff;
border-top: 1px solid #d7ddf5;
border-bottom: 1px solid #d7ddf5;
padding: 16px 0;
font-family: "Inter", Arial, sans-serif;
}
.cht-track {
display: flex;
width: max-content;
animation: cht-scroll 40s linear infinite;
}
.cht-set { display: flex; align-items: center; gap: 48px; padding-right: 48px; }
.cht-item {
display: inline-flex;
align-items: center;
gap: 10px;
white-space: nowrap;
color: rgba(32, 2, 99, 0.72);
font-size: 14px;
font-weight: 500;
}
.cht-dot { width: 6px; height: 6px; border-radius: 999px; background: var(--cht-blue); flex-shrink: 0; }
@keyframes cht-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.cht-track { animation: none; }
}
@media (min-width: 640px) {
#ch-ticker { padding: 18px 0; }
.cht-set { gap: 56px; padding-right: 56px; }
}
</style>04·Symptoms
Two-column symptom checklist with the supporting image.
<!-- ========================================= CANDERE HEALTH · 04 SYMPTOMS ========================================= -->
<!-- Paste into: Custom HTML block 04 of 12. Reusable on Privacy or Terms if needed. -->
<section id="ch-symptoms" class="chsym-section">
<div class="chsym-container">
<div class="chsym-grid">
<div class="chsym-content">
<p class="chsym-eyebrow">Sound Familiar?</p>
<h2 class="chsym-heading">You Used to Feel <span>Better</span> Than This</h2>
<p class="chsym-intro">
Most people assume these changes are simply part of aging. They may not be.
Many symptoms may be worth exploring rather than simply attributing them to aging.
</p>
<ul class="chsym-list">
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>You're tired more often than you used to be</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Weight is harder to lose</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Recovery takes longer</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Motivation isn't what it once was</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Brain fog shows up more often</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Stress feels harder to manage</span>
</li>
<li>
<span class="chsym-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
</span>
<span>Sleep doesn't leave you feeling refreshed</span>
</li>
</ul>
</div>
<div class="chsym-media">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/3a7d9fd11_generated_image.png" alt="Exhausted professional" loading="lazy" decoding="async" />
</div>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-symptoms, #ch-symptoms *, #ch-symptoms *::before, #ch-symptoms *::after { box-sizing: border-box; }
#ch-symptoms {
--chsym-purple: #200263;
--chsym-blue: #094dd5;
background: #fcfcfd;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chsym-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.chsym-grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
.chsym-eyebrow {
margin: 0 0 16px;
color: var(--chsym-blue);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.chsym-heading {
margin: 0 0 24px;
color: #1a0a3d;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.01em;
}
.chsym-heading span { color: var(--chsym-purple); }
.chsym-intro {
margin: 0 0 32px;
max-width: 560px;
color: #64748b;
font-size: 17px;
line-height: 1.7;
}
.chsym-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.chsym-list li { display: flex; align-items: flex-start; gap: 12px; }
.chsym-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-top: 3px;
flex-shrink: 0;
border-radius: 999px;
background: #dbe4ff;
color: var(--chsym-purple);
}
.chsym-icon svg { width: 12px; height: 12px; }
.chsym-list li span:last-child { color: #1e293b; font-size: 16px; font-weight: 500; line-height: 1.5; }
.chsym-media { border-radius: 18px; overflow: hidden; box-shadow: 0 24px 48px -24px rgba(16, 12, 45, 0.35); }
.chsym-media img { display: block; width: 100%; height: 320px; object-fit: cover; }
@media (min-width: 640px) {
#ch-symptoms { padding: 88px 0; }
.chsym-container { padding: 0 24px; }
.chsym-media img { height: 420px; }
}
@media (min-width: 1024px) {
#ch-symptoms { padding: 112px 0; }
.chsym-container { padding: 0 32px; }
.chsym-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
.chsym-media img { height: 500px; }
}
</style>05·Health Metrics
Deep-purple panel with four connected-health cards and the closing statement.
<!-- ========================================= CANDERE HEALTH · 05 HEALTH METRICS ========================================= -->
<!-- Paste into: Custom HTML block 05 of 12. -->
<section id="ch-metrics" class="chmet-section">
<div class="chmet-container">
<div class="chmet-header">
<p class="chmet-eyebrow">High Performance Starts with Better Data</p>
<h2 class="chmet-heading">Your Body Is More Connected Than You Think.</h2>
<p class="chmet-intro">
Your hormones, metabolism, inflammation, recovery, and cellular health are constantly communicating.
At Candere Health, we look at the bigger picture to help you understand what may be contributing to how you feel.
</p>
</div>
<div class="chmet-grid">
<div class="chmet-card">
<span class="chmet-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m10 16 1.5 1.5"/><path d="m14 8-1.5-1.5"/><path d="M15 2c-1.798 1.998-2.518 3.995-2.807 5.993"/><path d="m16.5 10.5 1 1"/><path d="m17 6-2.891-2.891"/><path d="M2 15c6.667-6 13.333 0 20-6"/><path d="m20 9 .891.891"/><path d="M3.109 14.109 4 15"/><path d="m6.5 12.5 1 1"/><path d="m7 18 2.891 2.891"/><path d="M9 22c1.798-1.998 2.518-3.995 2.807-5.993"/></svg>
</span>
<p class="chmet-label">Hormones</p>
<p class="chmet-sub">Communication</p>
<p class="chmet-detail">Energy • Mood • Strength • Libido</p>
</div>
<div class="chmet-card">
<span class="chmet-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>
</span>
<p class="chmet-label">Metabolism</p>
<p class="chmet-sub">Fuel</p>
<p class="chmet-detail">Weight • Energy • Body Composition</p>
</div>
<div class="chmet-card">
<span class="chmet-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/></svg>
</span>
<p class="chmet-label">Recovery</p>
<p class="chmet-sub">Support</p>
<p class="chmet-detail">Muscles • Joints • Injuries • Performance</p>
</div>
<div class="chmet-card">
<span class="chmet-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</span>
<p class="chmet-label">Vitality</p>
<p class="chmet-sub">Quality of Life</p>
<p class="chmet-detail">Confidence • Focus • Longevity</p>
</div>
</div>
<p class="chmet-closing">
Our goal is not to help you chase symptoms. It is to help you understand
<span>what your body has been trying to tell you.</span>
</p>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-metrics, #ch-metrics *, #ch-metrics *::before, #ch-metrics *::after { box-sizing: border-box; }
#ch-metrics {
position: relative;
overflow: hidden;
background: #200263;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chmet-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }
.chmet-header { max-width: 768px; margin: 0 auto 40px; text-align: center; }
.chmet-eyebrow {
margin: 0 0 16px;
color: #93c5fd;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.chmet-heading {
margin: 0 0 24px;
color: #ffffff;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -0.01em;
}
.chmet-intro {
margin: 0;
color: rgba(191, 219, 254, 0.72);
font-size: 17px;
line-height: 1.7;
}
.chmet-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.chmet-card {
padding: 24px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 16px;
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
transition: background 0.25s ease;
}
.chmet-card:hover { background: rgba(255, 255, 255, 0.10); }
.chmet-icon { display: inline-flex; margin-bottom: 12px; color: #93c5fd; }
.chmet-icon svg { width: 32px; height: 32px; }
.chmet-label { margin: 0; color: #ffffff; font-size: 18px; font-weight: 700; }
.chmet-sub { margin: 4px 0 0; color: #93c5fd; font-size: 14px; font-weight: 500; }
.chmet-detail { margin: 8px 0 0; color: rgba(191, 219, 254, 0.5); font-size: 12px; line-height: 1.6; }
.chmet-closing {
margin: 48px auto 0;
max-width: 720px;
text-align: center;
color: #bfdbfe;
font-size: 18px;
font-weight: 600;
line-height: 1.6;
}
.chmet-closing span { color: #ffffff; }
@media (min-width: 640px) {
#ch-metrics { padding: 88px 0; }
.chmet-container { padding: 0 24px; }
.chmet-grid { grid-template-columns: 1fr 1fr; }
.chmet-closing { font-size: 20px; }
}
@media (min-width: 768px) {
.chmet-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; }
}
@media (min-width: 1024px) {
#ch-metrics { padding: 112px 0; }
.chmet-container { padding: 0 32px; }
.chmet-header { margin-bottom: 64px; }
}
</style>06·Starting Point
Six consultation tiles with pricing and billing statements, plus the "not sure where to start" panel.
<!-- ========================================= CANDERE HEALTH · 06 STARTING POINT ========================================= -->
<!-- NOTE: the three calendar consultations open the GoHighLevel pages built from blocks 23-25,
at canderehealth.com/mens-health, /womens-health and /functional-health. -->
<!-- Paste into: Custom HTML block 06 of 12. -->
<section id="ch-starting-point" class="chsp-section">
<div class="chsp-header">
<p class="chsp-eyebrow">Start With What You Are Experiencing</p>
<h2 class="chsp-heading">Choose Your Starting Point.</h2>
<p class="chsp-intro">
You do not need to know the exact treatment you need. You just know something feels different.
Choose the area you want support with and our team will help guide your next step.
</p>
</div>
<div class="chsp-container">
<div class="chsp-grid">
<article class="chsp-card">
<h3>Weight Loss Consultation</h3>
<p class="chsp-price">Starting at <strong>$149</strong></p>
<p class="chsp-statement">Includes a weight loss consultation; laboratory testing and medications are billed separately.</p>
<a href="https://intakeq.com/new/cwjchx" class="chsp-button">Start Consultation</a>
</article>
<article class="chsp-card">
<h3>Pain and Recovery Consultation</h3>
<p class="chsp-price">Starting at <strong>$149</strong></p>
<p class="chsp-statement">Includes a pain and recovery consultation; laboratory testing and medications are billed separately.</p>
<a href="https://intakeq.com/new/usimt6" class="chsp-button">Start Consultation</a>
</article>
<article class="chsp-card">
<h3>Sexual Health Consultation</h3>
<p class="chsp-price">Starting at <strong>$149</strong></p>
<p class="chsp-statement">Includes a sexual health consultation; laboratory testing and medications are billed separately.</p>
<a href="https://intakeq.com/new/6zw4gu" class="chsp-button">Start Consultation</a>
</article>
<article class="chsp-card">
<h3>Men's Health Consultation</h3>
<p class="chsp-price">Starting at <strong>$499</strong></p>
<p class="chsp-statement">Includes a men's health consultation; laboratory testing and medications are billed separately.</p>
<a href="https://canderehealth.com/mens-health" class="chsp-button">Book Consultation</a>
</article>
<article class="chsp-card">
<h3>Women's Health Consultation</h3>
<p class="chsp-price">Starting at <strong>$499</strong></p>
<p class="chsp-statement">Includes a women's health consultation; laboratory testing and medications are billed separately.</p>
<a href="https://canderehealth.com/womens-health" class="chsp-button">Book Consultation</a>
</article>
<article class="chsp-card">
<h3>Functional Health & Longevity Consultation</h3>
<p class="chsp-price">Starting at <strong>$599</strong></p>
<p class="chsp-statement">Includes a functional health and longevity consultation; laboratory testing and medications are billed separately.</p>
<a href="https://canderehealth.com/functional-health" class="chsp-button">Book Consultation</a>
</article>
</div>
<div class="chsp-help">
<span class="chsp-help-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h18"/></svg>
</span>
<div class="chsp-help-text">
<h3>Not Sure Where To Start?</h3>
<p>That is okay. Your first step is a conversation. Our team will help determine the best path forward based on your symptoms, goals, and health history.</p>
</div>
<a href="https://canderehealth.com/booking" class="chsp-help-button">Book Your Consultation</a>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-starting-point, #ch-starting-point *, #ch-starting-point *::before, #ch-starting-point *::after { box-sizing: border-box; }
#ch-starting-point {
--chsp-purple: #200263;
--chsp-blue: #094dd5;
--chsp-soft: #efeffb;
scroll-margin-top: 96px;
background: #f8fafc;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chsp-header { max-width: 768px; margin: 0 auto 40px; padding: 0 20px; text-align: center; }
.chsp-eyebrow {
margin: 0 0 12px;
color: var(--chsp-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.25em;
text-transform: uppercase;
}
.chsp-heading {
margin: 0 0 20px;
color: var(--chsp-purple);
font-size: clamp(26px, 5vw, 46px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.01em;
}
.chsp-intro { margin: 0; color: #64748b; font-size: 17px; line-height: 1.7; }
.chsp-container { padding: 0 20px; }
.chsp-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.chsp-card {
display: flex;
flex-direction: column;
min-width: 0;
padding: 24px;
border: 1px solid #e2e8f0;
border-radius: 16px;
background: #ffffff;
box-shadow: 0 1px 2px rgba(16, 12, 45, 0.04);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.chsp-card:hover { box-shadow: 0 18px 32px -20px rgba(16, 12, 45, 0.28); transform: translateY(-2px); }
.chsp-card h3 {
margin: 0 0 16px;
color: var(--chsp-purple);
font-size: 18px;
font-weight: 700;
line-height: 1.35;
overflow-wrap: break-word;
}
.chsp-price { margin: 0 0 16px; color: #64748b; font-size: 14px; }
.chsp-price strong { display: inline-block; color: var(--chsp-purple); font-size: 21px; font-weight: 800; }
.chsp-statement { margin: 0 0 28px; color: #475569; font-size: 14px; line-height: 1.65; }
.chsp-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: auto;
min-height: 48px;
padding: 12px 20px;
border-radius: 999px;
background: var(--chsp-purple);
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
.chsp-button:hover { background: #2c0a83; transform: translateY(-1px); }
.chsp-help {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-top: 40px;
padding: 24px;
border-radius: 16px;
background: var(--chsp-soft);
text-align: center;
}
.chsp-help-icon { color: var(--chsp-purple); flex-shrink: 0; }
.chsp-help-icon svg { width: 40px; height: 40px; }
.chsp-help-text h3 { margin: 0 0 8px; color: var(--chsp-purple); font-size: 20px; font-weight: 700; }
.chsp-help-text p { margin: 0; color: #475569; font-size: 14px; line-height: 1.65; }
.chsp-help-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 16px 32px;
border-radius: 999px;
background: var(--chsp-purple);
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
.chsp-help-button:hover { background: #2c0a83; transform: translateY(-1px); }
@media (min-width: 640px) {
#ch-starting-point { padding: 96px 0; }
.chsp-container, .chsp-header { padding-left: 24px; padding-right: 24px; }
.chsp-grid { grid-template-columns: 1fr 1fr; }
.chsp-card { padding: 28px; }
.chsp-help { margin-top: 64px; padding: 32px; }
.chsp-help-button { width: auto; }
}
@media (min-width: 1024px) {
#ch-starting-point { padding: 112px 0; }
.chsp-container, .chsp-header { padding-left: 5%; padding-right: 5%; }
.chsp-header { max-width: 768px; padding-left: 24px; padding-right: 24px; margin-bottom: 64px; }
.chsp-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
.chsp-help { flex-direction: row; text-align: left; padding: 40px; }
.chsp-help-text { flex: 1; }
}
</style>07·Treatment Options
Intro split with image, then the six treatment category cards with Learn More links.
<!-- ========================================= CANDERE HEALTH · 07 TREATMENT OPTIONS ========================================= -->
<!-- NOTE: each card's "Learn More" points at the live Candere education library. -->
<!-- Swap those hrefs when the same content exists inside GoHighLevel. -->
<!-- Paste into: Custom HTML block 07 of 12. -->
<section id="ch-treatments" class="chtr-section">
<div class="chtr-intro-container">
<div class="chtr-intro-grid">
<div>
<p class="chtr-eyebrow">More Options. More Possibilities.</p>
<h2 class="chtr-heading">Explore Treatment Options</h2>
<div class="chtr-copy">
<p>You do not need to know exactly what therapy you need before you start.</p>
<p>At Candere Health, every plan begins with understanding your goals, your health history, and what your body may be telling you.</p>
<p>Explore some of the advanced treatment options that may be considered as part of your personalized health plan.</p>
</div>
</div>
<div class="chtr-media">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/ea330648a_generated_image.png" alt="Couple walking outdoors" loading="lazy" decoding="async" />
<div class="chtr-media-fade" aria-hidden="true"></div>
</div>
</div>
</div>
<div class="chtr-container">
<div class="chtr-grid">
<!-- Recovery & Repair -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/6e88f2391_generated_image.png" alt="Recovery & Repair" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#14b8a6;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Recovery & Repair</h3>
<p class="chtr-sub" style="color:#14b8a6;">“My body is not bouncing back.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#14b8a6;"></span>Old injuries that keep returning</li>
<li><span style="background:#14b8a6;"></span>Joint discomfort</li>
<li><span style="background:#14b8a6;"></span>Muscle soreness</li>
<li><span style="background:#14b8a6;"></span>Slow workout recovery</li>
<li><span style="background:#14b8a6;"></span>Tendon & ligament concerns</li>
<li><span style="background:#14b8a6;"></span>Difficulty staying active</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#14b8a6;"></span>Tissue repair pathways</li>
<li><span style="background:#14b8a6;"></span>Inflammatory response</li>
<li><span style="background:#14b8a6;"></span>Peptide therapy options</li>
<li><span style="background:#14b8a6;"></span>Recovery optimization</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
<!-- Energy & Performance -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/a7456ad18_generated_image.png" alt="Energy & Performance" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#3b82f6;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Energy & Performance</h3>
<p class="chtr-sub" style="color:#3b82f6;">“I do not have the energy I used to.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#3b82f6;"></span>Afternoon crashes</li>
<li><span style="background:#3b82f6;"></span>Low stamina</li>
<li><span style="background:#3b82f6;"></span>Reduced endurance</li>
<li><span style="background:#3b82f6;"></span>Poor recovery</li>
<li><span style="background:#3b82f6;"></span>Feeling physically drained</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#3b82f6;"></span>Cellular energy</li>
<li><span style="background:#3b82f6;"></span>Mitochondrial function</li>
<li><span style="background:#3b82f6;"></span>Recovery capacity</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
<!-- Metabolic Health -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/9c94c6964_generated_image.png" alt="Metabolic Health" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#10b981;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="M7 21h10"/><path d="M12 3v18"/><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Metabolic Health</h3>
<p class="chtr-sub" style="color:#10b981;">“My body does not respond like it used to.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#10b981;"></span>Weight changes</li>
<li><span style="background:#10b981;"></span>Increased cravings</li>
<li><span style="background:#10b981;"></span>Difficulty losing weight</li>
<li><span style="background:#10b981;"></span>Body composition changes</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#10b981;"></span>Appetite signaling</li>
<li><span style="background:#10b981;"></span>Insulin sensitivity</li>
<li><span style="background:#10b981;"></span>Metabolism</li>
<li><span style="background:#10b981;"></span>Body composition</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
<!-- Sexual Health & Vitality -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/d6f616477_generated_image.png" alt="Sexual Health & Vitality" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#ec4899;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Sexual Health & Vitality</h3>
<p class="chtr-sub" style="color:#ec4899;">“My confidence feels different.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#ec4899;"></span>Libido changes</li>
<li><span style="background:#ec4899;"></span>Desire changes</li>
<li><span style="background:#ec4899;"></span>Performance concerns</li>
<li><span style="background:#ec4899;"></span>Loss of confidence</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#ec4899;"></span>Hormone signaling</li>
<li><span style="background:#ec4899;"></span>Sexual health pathways</li>
<li><span style="background:#ec4899;"></span>Vitality</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
<!-- Brain, Focus & Mood -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/676700755_generated_image.png" alt="Brain, Focus & Mood" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#a855f7;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"/><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"/><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"/><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"/><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"/><path d="M3.477 10.896a4 4 0 0 1 .585-.396"/><path d="M19.938 10.5a4 4 0 0 1 .585.396"/><path d="M6 18a4 4 0 0 1-1.967-.516"/><path d="M19.967 17.484A4 4 0 0 1 18 18"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Brain, Focus & Mood</h3>
<p class="chtr-sub" style="color:#a855f7;">“My mind does not feel as sharp.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#a855f7;"></span>Brain fog</li>
<li><span style="background:#a855f7;"></span>Trouble focusing</li>
<li><span style="background:#a855f7;"></span>Stress resilience</li>
<li><span style="background:#a855f7;"></span>Mental fatigue</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#a855f7;"></span>Neuro health</li>
<li><span style="background:#a855f7;"></span>Cognitive performance</li>
<li><span style="background:#a855f7;"></span>Stress response</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
<!-- Longevity & Cellular Health -->
<article class="chtr-card">
<div class="chtr-image" style="background-color:#f8f8fb;">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/f3c7c5df0_generated_image.png" alt="Longevity & Cellular Health" loading="lazy" decoding="async" />
<span class="chtr-icon" style="color:#0d9488;" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m10 16 1.5 1.5"/><path d="m14 8-1.5-1.5"/><path d="M15 2c-1.798 1.998-2.518 3.995-2.807 5.993"/><path d="m16.5 10.5 1 1"/><path d="m17 6-2.891-2.891"/><path d="M2 15c6.667-6 13.333 0 20-6"/><path d="m20 9 .891.891"/><path d="M3.109 14.109 4 15"/><path d="m6.5 12.5 1 1"/><path d="m7 18 2.891 2.891"/><path d="M9 22c1.798-1.998 2.518-3.995 2.807-5.993"/></svg>
</span>
</div>
<div class="chtr-body">
<h3 class="chtr-title">Longevity & Cellular Health</h3>
<p class="chtr-sub" style="color:#0d9488;">“I want to understand my health.”</p>
<p class="chtr-label">Common Concerns:</p>
<ul class="chtr-list">
<li><span style="background:#0d9488;"></span>Aging proactively</li>
<li><span style="background:#0d9488;"></span>Maintaining performance</li>
<li><span style="background:#0d9488;"></span>Long-term health</li>
<li><span style="background:#0d9488;"></span>Optimizing the future</li>
</ul>
<p class="chtr-label">Learn About:</p>
<ul class="chtr-list">
<li><span style="background:#0d9488;"></span>Biomarkers</li>
<li><span style="background:#0d9488;"></span>Cellular health</li>
<li><span style="background:#0d9488;"></span>Healthy aging</li>
<li><span style="background:#0d9488;"></span>Prevention strategies</li>
</ul>
<a href="https://canderehealth.com/education" class="chtr-more">Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
</article>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-treatments, #ch-treatments *, #ch-treatments *::before, #ch-treatments *::after { box-sizing: border-box; }
#ch-treatments {
--chtr-purple: #200263;
--chtr-blue: #094dd5;
scroll-margin-top: 96px;
background: #ffffff;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chtr-intro-container { padding: 0 20px 48px; }
.chtr-intro-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.chtr-eyebrow { margin: 0 0 16px; color: var(--chtr-blue); font-size: 12px; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; }
.chtr-heading { margin: 0 0 24px; color: var(--chtr-purple); font-size: clamp(28px, 5vw, 46px); font-weight: 800; line-height: 1.1; letter-spacing: -0.01em; }
.chtr-copy p { margin: 0 0 16px; color: #64748b; font-size: 17px; line-height: 1.7; }
.chtr-copy p:last-child { margin-bottom: 0; }
.chtr-media { position: relative; border-radius: 18px; overflow: hidden; height: 256px; }
.chtr-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.chtr-media-fade {
position: absolute;
inset: 0;
background: linear-gradient(to right, #ffffff, rgba(255,255,255,0.10) 20%, rgba(255,255,255,0) 45%);
}
.chtr-container { padding: 0 20px; }
.chtr-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.chtr-card {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #e2e8f0;
border-radius: 18px;
background: #ffffff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.chtr-card:hover { box-shadow: 0 24px 40px -24px rgba(16, 12, 45, 0.32); transform: translateY(-2px); }
.chtr-image { position: relative; height: 224px; overflow: hidden; }
.chtr-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.chtr-icon {
position: absolute;
top: 16px;
left: 16px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 999px;
border: 1px solid #f1f5f9;
background: #ffffff;
box-shadow: 0 8px 20px -8px rgba(16, 12, 45, 0.35);
}
.chtr-icon svg { width: 24px; height: 24px; }
.chtr-body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.chtr-title { margin: 0 0 4px; color: var(--chtr-purple); font-size: 18px; font-weight: 700; line-height: 1.35; }
.chtr-sub { margin: 0 0 20px; font-size: 14px; font-weight: 500; font-style: italic; }
.chtr-label { margin: 0 0 8px; color: #94a3b8; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.chtr-list { list-style: none; margin: 0 0 20px; padding: 0; }
.chtr-list li { display: flex; align-items: flex-start; gap: 8px; color: #475569; font-size: 14px; line-height: 1.5; margin-bottom: 6px; }
.chtr-list li span { width: 6px; height: 6px; margin-top: 6px; border-radius: 999px; flex-shrink: 0; }
.chtr-more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: auto;
padding: 12px;
border: 2px solid var(--chtr-purple);
border-radius: 999px;
color: var(--chtr-purple);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.chtr-more:hover { background: var(--chtr-purple); color: #ffffff; transform: translateY(-1px); }
.chtr-more svg { width: 16px; height: 16px; }
@media (min-width: 640px) {
#ch-treatments { padding: 96px 0; }
.chtr-intro-container, .chtr-container { padding-left: 24px; padding-right: 24px; }
.chtr-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
.chtr-media { height: 320px; }
.chtr-body { padding: 24px; }
.chtr-image { height: 288px; }
}
@media (min-width: 1024px) {
#ch-treatments { padding: 112px 0; }
.chtr-intro-container { padding: 0 5% 80px; }
.chtr-container { padding: 0 5%; }
.chtr-intro-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
.chtr-media { height: 384px; }
.chtr-media-fade { background: linear-gradient(to right, #ffffff, rgba(255,255,255,0.10) 12%, rgba(255,255,255,0) 25%); }
.chtr-grid { grid-template-columns: repeat(3, 1fr); }
}
</style>08·Process
Five-step journey with the connecting rule on desktop.
<!-- ========================================= CANDERE HEALTH · 08 PROCESS ========================================= -->
<!-- Paste into: Custom HTML block 08 of 12. -->
<section id="ch-process" class="chpr-section">
<div class="chpr-container">
<div class="chpr-header">
<p class="chpr-eyebrow">The Candere Health Process</p>
<h2 class="chpr-heading">Your Personalized <span>Health Journey</span></h2>
</div>
<div class="chpr-wrap">
<div class="chpr-line" aria-hidden="true"></div>
<div class="chpr-grid">
<div class="chpr-step">
<div class="chpr-badge-wrap">
<span class="chpr-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
<span class="chpr-number">01</span>
</div>
<h3>Consultation</h3>
<p>We begin by understanding your symptoms, goals, health history, and concerns.</p>
</div>
<div class="chpr-step">
<div class="chpr-badge-wrap">
<span class="chpr-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7 6.82 21.18a2.83 2.83 0 0 1-4-4L21 7"/><path d="m14.5 2.5 7 7"/><path d="m11 11-6 6"/></svg>
</span>
<span class="chpr-number">02</span>
</div>
<h3>Assessment</h3>
<p>Comprehensive laboratory testing and evaluation help identify potential drivers of your symptoms.</p>
</div>
<div class="chpr-step">
<div class="chpr-badge-wrap">
<span class="chpr-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
</span>
<span class="chpr-number">03</span>
</div>
<h3>Personalized Plan</h3>
<p>Your provider develops a customized strategy designed around your unique needs and goals.</p>
</div>
<div class="chpr-step">
<div class="chpr-badge-wrap">
<span class="chpr-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z"/><path d="m8.5 8.5 7 7"/></svg>
</span>
<span class="chpr-number">04</span>
</div>
<h3>Implementation</h3>
<p>Treatment may include hormone care, metabolic support, lifestyle strategies, or other provider-recommended therapies when clinically appropriate.</p>
</div>
<div class="chpr-step">
<div class="chpr-badge-wrap">
<span class="chpr-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="m19 9-5 5-4-4-3 3"/></svg>
</span>
<span class="chpr-number">05</span>
</div>
<h3>Optimization</h3>
<p>Track progress, monitor results, and adjust your plan based on your response, health needs, and goals.</p>
</div>
</div>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-process, #ch-process *, #ch-process *::before, #ch-process *::after { box-sizing: border-box; }
#ch-process {
--chpr-purple: #200263;
scroll-margin-top: 96px;
background: #f4f6fb;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chpr-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.chpr-header { max-width: 672px; margin: 0 auto 48px; text-align: center; }
.chpr-eyebrow {
margin: 0 0 16px;
color: #094dd5;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.chpr-heading {
margin: 0;
color: #1a0a3d;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -0.01em;
}
.chpr-heading span { color: var(--chpr-purple); }
.chpr-wrap { position: relative; }
.chpr-line { display: none; }
.chpr-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
.chpr-step { position: relative; text-align: center; }
.chpr-badge-wrap { position: relative; display: inline-flex; margin-bottom: 20px; }
.chpr-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 16px;
background: rgba(32, 2, 99, 0.10);
color: var(--chpr-purple);
position: relative;
z-index: 1;
}
.chpr-icon svg { width: 28px; height: 28px; }
.chpr-number {
position: absolute;
top: -8px;
right: -8px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 999px;
background: var(--chpr-purple);
color: #ffffff;
font-size: 11px;
font-weight: 700;
}
.chpr-step h3 { margin: 0 0 8px; color: #1a0a3d; font-size: 18px; font-weight: 700; }
.chpr-step p { margin: 0; color: #64748b; font-size: 14px; line-height: 1.65; }
@media (min-width: 640px) {
#ch-process { padding: 96px 0; }
.chpr-container { padding: 0 24px; }
.chpr-grid { grid-template-columns: 1fr 1fr; gap: 40px 32px; }
}
@media (min-width: 1024px) {
#ch-process { padding: 112px 0; }
.chpr-container { padding: 0 32px; }
.chpr-header { margin-bottom: 80px; }
.chpr-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; }
.chpr-line {
display: block;
position: absolute;
top: 52px;
left: 10%;
right: 10%;
height: 2px;
background: linear-gradient(90deg, rgba(32, 2, 99, 0.15), rgba(32, 2, 99, 0.40), rgba(32, 2, 99, 0.15));
}
.chpr-step p { font-size: 13px; }
}
</style>09·Why Candere
Image with the "to shine" badge and the struck-through concerns list.
<!-- ========================================= CANDERE HEALTH · 09 WHY CANDERE ========================================= -->
<!-- Paste into: Custom HTML block 09 of 12. -->
<section id="why-candere" class="chwhy-section">
<div class="chwhy-container">
<div class="chwhy-grid">
<div class="chwhy-media">
<div class="chwhy-photo">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/7699fc5c6_generated_4a105356.png" alt="Healthcare provider" loading="lazy" decoding="async" />
</div>
<div class="chwhy-badge">
<p>Candere</p>
<span>“to shine” in Latin</span>
</div>
</div>
<div class="chwhy-content">
<p class="chwhy-eyebrow">Why Candere Health</p>
<h2 class="chwhy-heading">You Don't Have to <span>Accept</span> This</h2>
<p class="chwhy-intro">
A thoughtful evaluation can provide greater insight into your health. From there,
your provider can help you explore personalized options based on your individual
needs and goals.
</p>
<ul class="chwhy-list">
<li>
<span class="chwhy-check" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span>Constant fatigue</span>
</li>
<li>
<span class="chwhy-check" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span>Poor recovery</span>
</li>
<li>
<span class="chwhy-check" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span>Weight gain</span>
</li>
<li>
<span class="chwhy-check" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span>Brain fog</span>
</li>
<li>
<span class="chwhy-check" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span>Declining performance</span>
</li>
</ul>
<a href="https://canderehealth.com/booking" class="chwhy-button">Book Your Consultation</a>
</div>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#why-candere, #why-candere *, #why-candere *::before, #why-candere *::after { box-sizing: border-box; }
#why-candere {
--chwhy-purple: #200263;
--chwhy-blue: #094dd5;
scroll-margin-top: 96px;
background: #fcfcfd;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chwhy-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.chwhy-grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
.chwhy-media { position: relative; }
.chwhy-photo { border-radius: 18px; overflow: hidden; box-shadow: 0 28px 56px -28px rgba(16, 12, 45, 0.45); }
.chwhy-photo img { display: block; width: 100%; height: 320px; object-fit: cover; }
.chwhy-badge {
position: absolute;
top: -12px;
right: -12px;
padding: 12px 16px;
border-radius: 12px;
background: var(--chwhy-blue);
box-shadow: 0 14px 28px -14px rgba(9, 77, 213, 0.7);
}
.chwhy-badge p { margin: 0; color: #ffffff; font-size: 14px; font-weight: 700; }
.chwhy-badge span { display: block; margin-top: 2px; color: #bfdbfe; font-size: 12px; }
.chwhy-eyebrow {
margin: 0 0 16px;
color: var(--chwhy-blue);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.chwhy-heading {
margin: 0 0 24px;
color: #1a0a3d;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.01em;
}
.chwhy-heading span { color: var(--chwhy-purple); }
.chwhy-intro { margin: 0 0 32px; max-width: 560px; color: #64748b; font-size: 17px; line-height: 1.7; }
.chwhy-list { list-style: none; margin: 0 0 40px; padding: 0; display: grid; gap: 12px; }
.chwhy-list li { display: flex; align-items: center; gap: 12px; }
.chwhy-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex-shrink: 0;
border-radius: 999px;
background: rgba(220, 38, 38, 0.10);
color: #dc2626;
}
.chwhy-check svg { width: 12px; height: 12px; }
.chwhy-list li span:last-child {
color: #1e293b;
font-size: 16px;
font-weight: 500;
text-decoration: line-through;
text-decoration-color: rgba(100, 116, 139, 0.4);
}
.chwhy-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 16px 32px;
border-radius: 999px;
background: var(--chwhy-purple);
color: #ffffff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
.chwhy-button:hover { background: #2c0a83; transform: translateY(-1px); }
@media (min-width: 480px) {
.chwhy-button { width: auto; }
}
@media (min-width: 640px) {
#why-candere { padding: 96px 0; }
.chwhy-container { padding: 0 24px; }
.chwhy-photo img { height: 420px; }
.chwhy-badge { top: -16px; right: -16px; padding: 16px 24px; border-radius: 16px; }
}
@media (min-width: 1024px) {
#why-candere { padding: 112px 0; }
.chwhy-container { padding: 0 32px; }
.chwhy-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
.chwhy-photo img { height: 500px; }
}
</style>10·Consultation CTA
Gradient conversion band with the trust indicators beneath the button.
<!-- ========================================= CANDERE HEALTH · 10 CONSULTATION CTA ========================================= -->
<!-- Paste into: Custom HTML block 10 of 12. Its button opens the booking page. -->
<section id="consultation" class="chcta-section">
<div class="chcta-container">
<p class="chcta-eyebrow">Ready to Begin?</p>
<h2 class="chcta-heading">Ready to Better <span>Understand Your Health</span>?</h2>
<p class="chcta-intro">
Whether you're struggling with energy, weight, hormones, recovery, or performance,
it starts with understanding what's really happening. Schedule your consultation and
begin building a personalized roadmap toward better health.
</p>
<a href="https://canderehealth.com/booking" class="chcta-button">
Book Your Consultation
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
<div class="chcta-trust">
<span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg>
HIPAA Compliant
</span>
<span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
Start Getting Answers Sooner
</span>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#consultation, #consultation *, #consultation *::before, #consultation *::after { box-sizing: border-box; }
#consultation {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #200263 0%, #094dd5 100%);
padding: 64px 0;
scroll-margin-top: 96px;
font-family: "Inter", Arial, sans-serif;
}
.chcta-container { max-width: 896px; margin: 0 auto; padding: 0 20px; text-align: center; }
.chcta-eyebrow {
margin: 0 0 16px;
color: #bfdbfe;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.chcta-heading {
margin: 0 0 24px;
color: #ffffff;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -0.01em;
}
.chcta-heading span { color: #bfdbfe; }
.chcta-intro {
margin: 0 auto 32px;
max-width: 640px;
color: rgba(219, 234, 254, 0.75);
font-size: 17px;
line-height: 1.7;
}
.chcta-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 18px 32px;
border-radius: 999px;
background: #ffffff;
box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.55);
color: #200263;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
.chcta-button:hover { background: #eff6ff; transform: translateY(-2px); }
.chcta-button svg { width: 20px; height: 20px; }
.chcta-trust {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px 32px;
margin-top: 40px;
}
.chcta-trust span {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(191, 219, 254, 0.7);
font-size: 14px;
font-weight: 500;
}
.chcta-trust svg { width: 16px; height: 16px; flex-shrink: 0; }
@media (min-width: 640px) {
#consultation { padding: 96px 0; }
.chcta-container { padding: 0 24px; }
.chcta-button { width: auto; padding: 20px 40px; font-size: 18px; }
.chcta-trust { margin-top: 56px; }
}
@media (min-width: 1024px) {
#consultation { padding: 112px 0; }
.chcta-container { padding: 0 32px; }
}
</style>11·Booking Calendar
Empty panel sized for your GHL calendar embed. Replace YOUR_CALENDAR_ID.
<!-- ========================================= CANDERE HEALTH · 11 BOOKING CALENDAR ========================================= -->
<!-- Paste into: the booking page. Replace YOUR_CALENDAR_ID with your GHL calendar ID. -->
<section id="booking" class="chbook-section">
<div class="chbook-container">
<div class="chbook-header">
<p class="chbook-eyebrow">Start with a conversation</p>
<h2 class="chbook-title">Book Your Consultation</h2>
<p class="chbook-sub">A focused discussion about your goals, your friction, and what's possible.</p>
</div>
<div class="chbook-panel">
<div class="chbook-embed">
<!-- =====================================================================
PASTE YOUR GOHIGHLEVEL CALENDAR EMBED HERE.
Example (replace YOUR_CALENDAR_ID):
<iframe src="https://api.leadconnectorhq.com/widget/booking/YOUR_CALENDAR_ID"
allow="payment"
style="width:100%; border:none; overflow:hidden;"
scrolling="no"
id="YOUR_CALENDAR_ID_1"></iframe>
<script src="https://link.msgsndr.com/js/form_embed.js" type="text/javascript"></script>
===================================================================== -->
</div>
</div>
<p class="chbook-note">
Prefer to start with an intake form? All consultations begin with a provider review of your
symptoms, goals, and health history.
</p>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#booking, #booking *, #booking *::before, #booking *::after { box-sizing: border-box; }
#booking {
--chbook-purple: #200263;
--chbook-blue: #094dd5;
scroll-margin-top: 96px;
background: #f8fafc;
padding: 64px 0;
font-family: "Inter", Arial, sans-serif;
}
.chbook-container { max-width: 820px; margin: 0 auto; padding: 0 20px; }
.chbook-header { margin: 0 auto 28px; text-align: center; }
.chbook-eyebrow {
margin: 0 0 10px;
color: var(--chbook-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.26em;
text-transform: uppercase;
}
.chbook-title {
margin: 0 0 12px;
color: var(--chbook-purple);
font-size: clamp(26px, 4.5vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
}
.chbook-sub { margin: 0; color: #64748b; font-size: 16px; line-height: 1.65; }
.chbook-panel {
padding: 20px;
border: 1px solid #e4e7f2;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 1px 2px rgba(16, 12, 45, 0.05), 0 24px 48px -28px rgba(16, 12, 45, 0.30);
}
.chbook-embed { width: 100%; }
.chbook-embed iframe {
display: block;
width: 100% !important;
min-height: 620px;
border: 0;
border-radius: 10px;
}
.chbook-note {
margin: 20px auto 0;
max-width: 620px;
text-align: center;
color: #94a3b8;
font-size: 13px;
line-height: 1.65;
}
@media (min-width: 640px) {
#booking { padding: 96px 0; }
.chbook-container { padding: 0 24px; }
.chbook-panel { padding: 32px; }
.chbook-sub { font-size: 17px; }
}
@media (min-width: 1024px) {
#booking { padding: 112px 0; }
.chbook-container { padding: 0 32px; }
}
</style>12·Footer
Logo, navigation, telehealth disclaimer and legal links. Reuse on every page.
<!-- ========================================= CANDERE HEALTH · 12 FOOTER ========================================= -->
<!-- NOTE: Privacy, Terms and Education point at the live Candere pages. Swap them for -->
<!-- your GoHighLevel versions once those pages exist there. -->
<!-- Paste into: the footer of every page, including Privacy and Terms. -->
<footer id="ch-footer" class="chf-footer">
<div class="chf-container">
<div class="chf-grid">
<div class="chf-brand">
<img src="https://media.base44.com/images/public/6a316af86ba7b792b7926eb9/8ba962e22_Jul10202602_50_54AM.png" alt="Candere Health" />
<p>
Candere means “to shine.” We help people uncover their healthiest, most energized,
most capable version of themselves through personalized medical optimization.
</p>
</div>
<div class="chf-col">
<h4>Navigate</h4>
<a href="https://canderehealth.com/#ch-treatments">Treatments</a>
<a href="https://canderehealth.com/#ch-starting-point">Starting Point</a>
<a href="https://canderehealth.com/#ch-process">Our Process</a>
<a href="https://canderehealth.com/#why-candere">Why Candere</a>
<a href="https://canderehealth.com/education">Education</a>
</div>
<div class="chf-col">
<h4>Get Started</h4>
<a href="https://canderehealth.com/booking">Book Your Consultation</a>
<p class="chf-disclaimer">
Candere Health provides telehealth services. All treatments require a medical
consultation and are only prescribed when clinically appropriate.
</p>
<p class="chf-availability">Telehealth services available to eligible patients in ARIZONA.</p>
</div>
</div>
<div class="chf-bottom">
<p>© <span id="chf-year">2026</span> Candere Health. All rights reserved.</p>
<div class="chf-legal">
<a href="https://canderehealth.com/privacy">Privacy Policy</a>
<a href="https://canderehealth.com/terms">Terms & Conditions</a>
</div>
</div>
</div>
</footer>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#ch-footer, #ch-footer *, #ch-footer *::before, #ch-footer *::after { box-sizing: border-box; }
#ch-footer {
--chf-purple: #200263;
--chf-blue: #094dd5;
background: #f8fafc;
border-top: 1px solid #e5e7eb;
padding: 48px 0 40px;
font-family: "Inter", Arial, sans-serif;
}
.chf-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.chf-grid { display: grid; grid-template-columns: 1fr; gap: 40px; }
.chf-brand img { height: 80px; width: auto; max-width: 200px; object-fit: contain; display: block; margin-bottom: 16px; }
.chf-brand p { margin: 0; max-width: 380px; color: #64748b; font-size: 14px; line-height: 1.7; }
.chf-col h4 {
margin: 0 0 16px;
color: #1a0a3d;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.chf-col a {
display: block;
margin-bottom: 12px;
color: #64748b;
font-size: 14px;
text-decoration: none;
transition: color 0.2s ease;
}
.chf-col a:hover { color: var(--chf-purple); }
.chf-disclaimer { margin: 24px 0 0; color: #94a3b8; font-size: 12px; line-height: 1.7; }
.chf-availability { margin: 12px 0 0; color: #1a0a3d; font-size: 12px; font-weight: 600; line-height: 1.7; }
.chf-bottom {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-top: 40px;
padding-top: 32px;
border-top: 1px solid #e5e7eb;
text-align: center;
}
.chf-bottom p { margin: 0; color: #94a3b8; font-size: 12px; }
.chf-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; }
.chf-legal a, .chf-legal span {
color: #94a3b8;
font-size: 12px;
text-decoration: none;
transition: color 0.2s ease;
}
.chf-legal a:hover, .chf-legal span:hover { color: var(--chf-purple); cursor: pointer; }
@media (min-width: 640px) {
#ch-footer { padding: 64px 0 40px; }
.chf-container { padding: 0 24px; }
.chf-grid { grid-template-columns: 1fr 1fr; gap: 40px 32px; }
.chf-brand { grid-column: span 2; }
.chf-bottom { flex-direction: row; justify-content: space-between; text-align: left; margin-top: 48px; }
}
@media (min-width: 768px) {
.chf-grid { grid-template-columns: repeat(4, 1fr); }
.chf-brand { grid-column: span 2; }
.chf-brand img { height: 96px; }
}
@media (min-width: 1024px) {
.chf-container { padding: 0 32px; }
.chf-grid { gap: 48px; }
}
</style>
<script>
(function () {
var year = document.getElementById('chf-year');
if (year) year.textContent = new Date().getFullYear();
})();
</script>Education library
2 blocksThe education page: its deep-purple hero and the resource grid with the consultation card.
13·Education Hero
Purple hero with the library intro and the three trust markers.
<!-- ========================================= CANDERE HEALTH · 13 EDUCATION HERO ========================================= -->
<!-- Paste into: the Education page, first block under the site header. -->
<section id="ched-hero" class="chedh">
<div class="chedh-inner">
<p class="chedh-eyebrow">Education Library</p>
<h1 class="chedh-title">Science You Can Understand</h1>
<p class="chedh-lead">Understanding your health starts with understanding how your body works.</p>
<p class="chedh-lead">Explore research-informed information about the biological systems that influence pain, inflammation, metabolism, hormones, recovery, and overall wellness. Our providers use this knowledge to develop personalized treatment plans based on your symptoms, health history, and goals.</p>
<ul class="chedh-trust">
<li>Evidence-Informed</li>
<li>Research-Backed</li>
<li>Provider-Guided</li>
</ul>
</div>
</section>
<style>
#ched-hero{position:relative;overflow:hidden;padding:56px 20px 48px;background:linear-gradient(135deg,#200263 0%,#1a0258 100%);font-family:"Inter",Arial,sans-serif;}
#ched-hero::before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(9,77,213,.4) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(9,77,213,.25) 0%,transparent 50%);}
.chedh-inner{position:relative;max-width:56rem;margin:0 auto;text-align:center;}
.chedh-eyebrow{margin:0 0 18px;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.chedh-title{margin:0 0 22px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;}
.chedh-lead{margin:0 auto 18px;max-width:42rem;font-size:16px;line-height:1.7;color:rgba(255,255,255,.8);}
.chedh-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;margin:28px 0 0;padding:0;list-style:none;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.chedh-trust li{display:flex;align-items:center;}
.chedh-trust li + li::before{content:"•";margin:0 12px;color:rgba(255,255,255,.3);}
@media(min-width:640px){#ched-hero{padding:80px 24px 64px;}.chedh-title{font-size:48px;}}
@media(min-width:1024px){#ched-hero{padding:96px 32px 80px;}.chedh-title{font-size:60px;line-height:1.05;}.chedh-lead{font-size:18px;}}
</style>14·Education Library
Five treatment resource cards plus the "Start Your Plan" card in the same grid.
<!-- ========================================= CANDERE HEALTH · 14 EDUCATION LIBRARY ========================================= -->
<!-- Paste into: the Education page, directly under block 13. -->
<section id="ch-edu-library" class="chedlib">
<div class="chedlib-grid">
<article class="chedcard" style="--accent:#0d9488;--wash:#ecf6f5;">
<span class="chedcard-bar" aria-hidden="true"></span>
<div class="chedcard-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
</div>
<p class="chedcard-cat">Metabolic Health</p>
<h2 class="chedcard-title">Semaglutide</h2>
<p class="chedcard-copy">Semaglutide is a physician-guided medication used to support weight management and metabolic health when clinically appropriate. Metabolic health can influence inflammation, mobility, joint stress, and overall recovery. For some individuals, improving metabolic health may become an important part of supporting long-term wellness and physical function.</p>
</article>
<article class="chedcard" style="--accent:#0d9488;--wash:#ecf6f5;">
<span class="chedcard-bar" aria-hidden="true"></span>
<div class="chedcard-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
</div>
<p class="chedcard-cat">Metabolic Health</p>
<h2 class="chedcard-title">Tirzepatide</h2>
<p class="chedcard-copy">Tirzepatide is a physician-guided medication that works through multiple metabolic pathways involved in appetite regulation and blood sugar control. Healthy metabolism plays an important role in energy, mobility, and overall health. Your provider will determine whether this therapy is appropriate based on your individual symptoms, health history, and goals.</p>
</article>
<article class="chedcard" style="--accent:#db2777;--wash:#fceef4;">
<span class="chedcard-bar" aria-hidden="true"></span>
<div class="chedcard-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>
</div>
<p class="chedcard-cat">Sexual Health</p>
<h2 class="chedcard-title">PT-141 (Bremelanotide)</h2>
<p class="chedcard-copy">Sexual health is influenced by hormones, circulation, stress, medications, and overall wellness. PT-141 may be discussed by your provider as one of several physician-guided treatment options when clinically appropriate as part of a personalized sexual health evaluation.</p>
</article>
<article class="chedcard" style="--accent:#8b5cf6;--wash:#f6f2fb;">
<span class="chedcard-bar" aria-hidden="true"></span>
<div class="chedcard-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"/><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"/></svg>
</div>
<p class="chedcard-cat">Hormone Health</p>
<h2 class="chedcard-title">Gonadorelin</h2>
<p class="chedcard-copy">Hormones help regulate energy, recovery, muscle maintenance, metabolism, and overall well-being. When hormone balance changes, many people experience fatigue, slower recovery, decreased strength, or changes in body composition that may also influence mobility and quality of life. Gonadorelin may be discussed as part of a comprehensive hormone evaluation.</p>
</article>
<article class="chedcard" style="--accent:#d97706;--wash:#fdf4eb;">
<span class="chedcard-bar" aria-hidden="true"></span>
<div class="chedcard-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</div>
<p class="chedcard-cat">Healthy Aging</p>
<h2 class="chedcard-title">Sermorelin</h2>
<p class="chedcard-copy">Healthy aging is about maintaining strength, resilience, recovery, and quality of life. Growth hormone signaling naturally changes over time and may influence recovery, sleep quality, and body composition. Sermorelin may be discussed by your provider as part of a personalized hormone optimization plan when clinically appropriate.</p>
</article>
<article class="chedcard chedcard--cta">
<div class="chedcard-cta-inner">
<svg class="chedcard-cta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 7v14"/><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"/></svg>
<p class="chedcard-cta-eyebrow">Personalized Care</p>
<h2 class="chedcard-cta-title">Stop Guessing. Start Your Plan.</h2>
<p class="chedcard-cta-copy">The only way to know what's right for you is through a provider evaluation. Every treatment plan is personalized based on your symptoms, health history, goals, and clinical assessment.</p>
<a class="chedcard-cta-btn" href="/booking">Start Your Consultation</a>
</div>
</article>
</div>
</section>
<style>
#ch-edu-library{background:#fff;padding:48px 20px 64px;font-family:"Inter",Arial,sans-serif;}
.chedlib-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:80rem;margin:0 auto;}
.chedcard{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #f1f5f9;border-radius:16px;background:#fff;padding:24px;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:box-shadow .2s ease,transform .2s ease;}
.chedcard:hover{box-shadow:0 12px 28px -12px rgba(32,2,99,.25);transform:translateY(-2px);}
.chedcard-bar{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0));}
.chedcard-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:12px;background:var(--wash);color:var(--accent);}
.chedcard-icon svg{width:24px;height:24px;}
.chedcard-cat{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);}
.chedcard-title{margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3;color:#200263;}
.chedcard-copy{margin:0;font-size:14px;line-height:1.7;color:#64748b;}
.chedcard--cta{border:0;padding:24px;background:linear-gradient(135deg,#200263 0%,#1a0258 100%);}
.chedcard--cta::before{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(9,77,213,.5) 0%,transparent 55%);}
.chedcard-cta-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;}
.chedcard-cta-icon{width:40px;height:40px;margin-bottom:18px;color:rgba(255,255,255,.6);}
.chedcard-cta-eyebrow{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.chedcard-cta-title{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.25;color:#fff;}
.chedcard-cta-copy{margin:0 0 26px;max-width:26rem;font-size:14px;line-height:1.7;color:rgba(255,255,255,.75);}
.chedcard-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;background:#fff;color:#200263;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);transition:transform .25s ease;}
.chedcard-cta-btn:hover{transform:scale(1.04);}
@media(min-width:640px){#ch-edu-library{padding:64px 24px 80px;}.chedlib-grid{grid-template-columns:1fr 1fr;gap:24px;}.chedcard{padding:32px;}.chedcard--cta{padding:32px;}}
@media(min-width:1024px){#ch-edu-library{padding:80px 32px 96px;}.chedcard-cta-title{font-size:30px;}}
</style>Booking
3 blocksThe booking hub, the six consultation tiles, and one calendar page per synchronous consultation.
15·Booking Header
Centered heading and intro above the consultation tiles.
<!-- ========================================= CANDERE HEALTH · 15 BOOKING PAGE HEADER ========================================= -->
<!-- Paste into: the booking page, first block under the site header. -->
<section id="ch-booking-header" class="chbkh">
<div class="chbkh-inner">
<p class="chbkh-eyebrow">Book Your Consultation</p>
<h1 class="chbkh-title">Let's Start Your Journey</h1>
<p class="chbkh-sub">Choose the consultation that fits your goals.</p>
</div>
</section>
<style>
#ch-booking-header{background:#f8fafc;padding:56px 20px 32px;font-family:"Inter",Arial,sans-serif;}
.chbkh-inner{max-width:72rem;margin:0 auto;text-align:center;}
.chbkh-eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#094dd5;}
.chbkh-title{margin:0 0 12px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#200263;}
.chbkh-sub{margin:0;font-size:16px;line-height:1.7;color:#64748b;}
@media(min-width:640px){#ch-booking-header{padding:64px 24px 48px;}.chbkh-title{font-size:32px;}}
@media(min-width:1024px){.chbkh-title{font-size:36px;}}
</style>16·Consultation Tiles
Six tiles with pricing and billing statements. Update the three calendar-page links.
<!-- ========================================= CANDERE HEALTH · 16 BOOKING CONSULTATION TILES ========================================= -->
<!-- Paste into: the booking page, directly under block 15. -->
<!-- The three calendar consultations open the GoHighLevel pages built from blocks 23-25:
canderehealth.com/mens-health, /womens-health and /functional-health. -->
<section id="ch-booking-tiles" class="chbkt">
<div class="chbkt-grid">
<article class="chbkt-card">
<h3 class="chbkt-name">Weight Loss Consultation</h3>
<p class="chbkt-price">Starting at <strong>$149</strong></p>
<p class="chbkt-copy">Includes a weight loss consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://intakeq.com/new/cwjchx">Start Consultation</a>
</article>
<article class="chbkt-card">
<h3 class="chbkt-name">Pain and Recovery Consultation</h3>
<p class="chbkt-price">Starting at <strong>$149</strong></p>
<p class="chbkt-copy">Includes a pain and recovery consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://intakeq.com/new/usimt6">Start Consultation</a>
</article>
<article class="chbkt-card">
<h3 class="chbkt-name">Sexual Health Consultation</h3>
<p class="chbkt-price">Starting at <strong>$149</strong></p>
<p class="chbkt-copy">Includes a sexual health consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://intakeq.com/new/6zw4gu">Start Consultation</a>
</article>
<article class="chbkt-card">
<h3 class="chbkt-name">Men’s Health Consultation</h3>
<p class="chbkt-price">Starting at <strong>$499</strong></p>
<p class="chbkt-copy">Includes a men’s health consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://canderehealth.com/mens-health">Book Consultation</a>
</article>
<article class="chbkt-card">
<h3 class="chbkt-name">Women’s Health Consultation</h3>
<p class="chbkt-price">Starting at <strong>$499</strong></p>
<p class="chbkt-copy">Includes a women’s health consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://canderehealth.com/womens-health">Book Consultation</a>
</article>
<article class="chbkt-card">
<h3 class="chbkt-name">Functional Health & Longevity Consultation</h3>
<p class="chbkt-price">Starting at <strong>$599</strong></p>
<p class="chbkt-copy">Includes a functional health and longevity consultation; laboratory testing and medications are billed separately.</p>
<a class="chbkt-btn" href="https://canderehealth.com/functional-health">Book Consultation</a>
</article>
</div>
</section>
<style>
#ch-booking-tiles{background:#f8fafc;padding:0 20px 64px;font-family:"Inter",Arial,sans-serif;}
.chbkt-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:72rem;margin:0 auto;}
.chbkt-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:24px;box-shadow:0 1px 2px rgba(15,23,42,.06);}
.chbkt-name{margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.35;color:#200263;overflow-wrap:break-word;}
.chbkt-price{margin:0 0 16px;font-size:14px;color:#64748b;}
.chbkt-price strong{font-size:20px;font-weight:800;color:#200263;}
.chbkt-copy{margin:0 0 28px;font-size:14px;line-height:1.7;color:#475569;}
.chbkt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:auto;padding:12px 20px;border-radius:999px;background:#200263;color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:opacity .2s ease;}
.chbkt-btn:hover{opacity:.9;}
@media(min-width:640px){#ch-booking-tiles{padding:0 24px 80px;}.chbkt-grid{grid-template-columns:1fr 1fr;}.chbkt-card{padding:28px;}}
@media(min-width:1024px){.chbkt-grid{grid-template-columns:repeat(3,1fr);}}
</style>17·Service Booking Page
Template for the Men’s, Women’s and Functional Health calendar pages. Duplicate once per service.
<!-- ========================================= CANDERE HEALTH · 17 SERVICE BOOKING PAGE ========================================= -->
<!-- Paste into: each synchronous consultation page. Duplicate once per service:
Men’s Health · $499 · Women’s Health · $499 · Functional Health & Longevity · $599.
Change the title, the price and the calendar ID each time. -->
<section id="ch-service-booking" class="chsbk">
<div class="chsbk-inner">
<a class="chsbk-back" href="https://canderehealth.com/booking">← All Consultations</a>
<h1 class="chsbk-title">Men’s Health Consultation</h1>
<p class="chsbk-price">Starting at <strong>$499</strong></p>
<div class="chsbk-calendar">
<!-- Paste your GHL calendar embed here (iframe + form_embed.js). -->
<p class="chsbk-hint">Paste your GHL calendar embed here.<br><span>Replace YOUR_CALENDAR_ID with the calendar ID for this consultation.</span></p>
</div>
</div>
</section>
<style>
#ch-service-booking{background:#f8fafc;padding:56px 16px 64px;font-family:"Inter",Arial,sans-serif;}
.chsbk-inner{max-width:720px;margin:0 auto;}
.chsbk-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:32px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chsbk-back:hover{text-decoration:underline;}
.chsbk-title{margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2;color:#200263;}
.chsbk-price{margin:0 0 32px;font-size:16px;color:#64748b;}
.chsbk-price strong{font-weight:700;color:#200263;}
.chsbk-calendar{display:flex;align-items:center;justify-content:center;min-height:600px;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center;}
.chsbk-calendar iframe{max-width:100%;width:100%;border:0;}
.chsbk-hint{margin:0;font-size:13px;line-height:1.7;color:#94a3b8;}
.chsbk-hint span{font-size:12px;color:#cbd5e1;}
@media(min-width:640px){#ch-service-booking{padding:64px 20px 80px;}.chsbk-title{font-size:32px;}}
@media(min-width:1024px){.chsbk-title{font-size:36px;}}
</style>Consultation pages
3 blocksThe three synchronous consultation pages, each finished with its live IntakeQ calendar. Pair them with blocks 01 and 12.
23·Men’s Health Page
Back link, title, $499 pricing and the Men’s Health IntakeQ calendar, ready to paste.
<!-- ========================================= CANDERE HEALTH · 23 MEN'S HEALTH BOOKING PAGE ========================================= -->
<!-- Paste into: the Men's Health consultation page (canderehealth.com/mens-health).
Build it with block 01 above and block 12 below. The calendar below is the live
IntakeQ widget for this consultation — to use a GoHighLevel calendar instead,
delete the two <script> tags and paste your GHL embed inside .chmhb-calendar. -->
<section id="ch-mens-health-booking" class="chmhb">
<div class="chmhb-inner">
<a class="chmhb-back" href="https://canderehealth.com/booking">← All Consultations</a>
<h1 class="chmhb-title">Men’s Health Consultation</h1>
<p class="chmhb-price">Starting at <strong>$499</strong></p>
<div class="chmhb-calendar">
<div id="intakeq" class="chmhb-widget"></div>
</div>
</div>
</section>
<script type="text/javascript">
window.intakeq = '6a55422b0169b6782abf97b2';
window.intakeqServiceId = 'af5dc196-1f4a-42e6-ac07-f789e0b199aa';
</script>
<script type="text/javascript" src="https://intakeq.com/js/widget.min.js?1" async></script>
<style>
#ch-mens-health-booking{background:#f8fafc;padding:56px 16px 64px;font-family:"Inter",Arial,sans-serif;}
.chmhb-inner{max-width:720px;margin:0 auto;}
.chmhb-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:32px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chmhb-back:hover{text-decoration:underline;}
.chmhb-title{margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2;color:#200263;}
.chmhb-price{margin:0 0 32px;font-size:16px;color:#64748b;}
.chmhb-price strong{font-weight:700;color:#200263;}
.chmhb-calendar{display:flex;align-items:flex-start;justify-content:center;min-height:600px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
.chmhb-widget{width:100%;max-width:720px;}
.chmhb-widget iframe{max-width:100%;width:100%;border:0;}
@media(min-width:640px){#ch-mens-health-booking{padding:64px 20px 80px;}.chmhb-title{font-size:32px;}.chmhb-calendar{padding:24px;}}
@media(min-width:1024px){.chmhb-title{font-size:36px;}}
</style>24·Women’s Health Page
Same layout for Women’s Health at $499 with its own IntakeQ calendar.
<!-- ========================================= CANDERE HEALTH · 24 WOMEN'S HEALTH BOOKING PAGE ========================================= -->
<!-- Paste into: the Women's Health consultation page (canderehealth.com/womens-health).
Build it with block 01 above and block 12 below. The calendar below is the live
IntakeQ widget for this consultation — to use a GoHighLevel calendar instead,
delete the two <script> tags and paste your GHL embed inside .chwhb-calendar. -->
<section id="ch-womens-health-booking" class="chwhb">
<div class="chwhb-inner">
<a class="chwhb-back" href="https://canderehealth.com/booking">← All Consultations</a>
<h1 class="chwhb-title">Women’s Health Consultation</h1>
<p class="chwhb-price">Starting at <strong>$499</strong></p>
<div class="chwhb-calendar">
<div id="intakeq" class="chwhb-widget"></div>
</div>
</div>
</section>
<script type="text/javascript">
window.intakeq = '6a55422b0169b6782abf97b2';
window.intakeqServiceId = '70128449-89a1-48e8-8431-5bb47f491c78';
</script>
<script type="text/javascript" src="https://intakeq.com/js/widget.min.js?1" async></script>
<style>
#ch-womens-health-booking{background:#f8fafc;padding:56px 16px 64px;font-family:"Inter",Arial,sans-serif;}
.chwhb-inner{max-width:720px;margin:0 auto;}
.chwhb-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:32px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chwhb-back:hover{text-decoration:underline;}
.chwhb-title{margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2;color:#200263;}
.chwhb-price{margin:0 0 32px;font-size:16px;color:#64748b;}
.chwhb-price strong{font-weight:700;color:#200263;}
.chwhb-calendar{display:flex;align-items:flex-start;justify-content:center;min-height:600px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
.chwhb-widget{width:100%;max-width:720px;}
.chwhb-widget iframe{max-width:100%;width:100%;border:0;}
@media(min-width:640px){#ch-womens-health-booking{padding:64px 20px 80px;}.chwhb-title{font-size:32px;}.chwhb-calendar{padding:24px;}}
@media(min-width:1024px){.chwhb-title{font-size:36px;}}
</style>25·Functional Health Page
Same layout for Functional Health & Longevity at $599 with its own IntakeQ calendar.
<!-- ========================================= CANDERE HEALTH · 25 FUNCTIONAL HEALTH BOOKING PAGE ========================================= -->
<!-- Paste into: the Functional Health & Longevity consultation page (canderehealth.com/functional-health).
Build it with block 01 above and block 12 below. The calendar below is the live
IntakeQ widget for this consultation — to use a GoHighLevel calendar instead,
delete the two <script> tags and paste your GHL embed inside .chfhb-calendar. -->
<section id="ch-functional-health-booking" class="chfhb">
<div class="chfhb-inner">
<a class="chfhb-back" href="https://canderehealth.com/booking">← All Consultations</a>
<h1 class="chfhb-title">Functional Health & Longevity Consultation</h1>
<p class="chfhb-price">Starting at <strong>$599</strong></p>
<div class="chfhb-calendar">
<div id="intakeq" class="chfhb-widget"></div>
</div>
</div>
</section>
<script type="text/javascript">
window.intakeq = '6a55422b0169b6782abf97b2';
window.intakeqServiceId = '8be21a47-ee56-43ab-9383-0f227ac80bd0';
</script>
<script type="text/javascript" src="https://intakeq.com/js/widget.min.js?1" async></script>
<style>
#ch-functional-health-booking{background:#f8fafc;padding:56px 16px 64px;font-family:"Inter",Arial,sans-serif;}
.chfhb-inner{max-width:720px;margin:0 auto;}
.chfhb-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:32px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chfhb-back:hover{text-decoration:underline;}
.chfhb-title{margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2;color:#200263;}
.chfhb-price{margin:0 0 32px;font-size:16px;color:#64748b;}
.chfhb-price strong{font-weight:700;color:#200263;}
.chfhb-calendar{display:flex;align-items:flex-start;justify-content:center;min-height:600px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
.chfhb-widget{width:100%;max-width:720px;}
.chfhb-widget iframe{max-width:100%;width:100%;border:0;}
@media(min-width:640px){#ch-functional-health-booking{padding:64px 20px 80px;}.chfhb-title{font-size:32px;}.chfhb-calendar{padding:24px;}}
@media(min-width:1024px){.chfhb-title{font-size:36px;}}
</style>Legal
4 blocksPrivacy Policy and Terms & Conditions, each as a header block followed by its body.
18·Privacy Header
Back link, Legal eyebrow, page title and effective date.
<!-- ========================================= CANDERE HEALTH · 18 PRIVACY HEADER ========================================= -->
<!-- Paste into: the Privacy Policy page, first block under the site header. -->
<section id="ch-privacy-header" class="chpph">
<div class="chpph-inner">
<a class="chpph-back" href="/">← Back to Home</a>
<p class="chpph-eyebrow">Legal</p>
<h1 class="chpph-title">Privacy Policy</h1>
<p class="chpph-meta">Effective Date: 24th July 2026 • Website: https://canderehealth.com/</p>
</div>
</section>
<style>
#ch-privacy-header{background:#fff;padding:56px 20px 0;font-family:"Inter",Arial,sans-serif;}
.chpph-inner{max-width:48rem;margin:0 auto;text-align:center;}
.chpph-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:24px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chpph-back:hover{text-decoration:underline;}
.chpph-eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#094dd5;}
.chpph-title{margin:0 0 16px;font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#200263;}
.chpph-meta{margin:0;font-size:12px;line-height:1.7;color:#64748b;}
@media(min-width:640px){#ch-privacy-header{padding:64px 24px 0;}.chpph-title{font-size:36px;}.chpph-meta{font-size:14px;}}
@media(min-width:1024px){.chpph-title{font-size:48px;}}
</style>19·Privacy Policy Body
All twelve policy sections with their sub-headings.
<!-- ========================================= CANDERE HEALTH · 19 PRIVACY POLICY BODY ========================================= -->
<!-- Paste into: the Privacy Policy page, directly under block 18. -->
<section id="ch-privacy-body" class="chpp">
<div class="chpp-inner">
<p class="chpp-intro">This Privacy Policy explains how Candere Health, LLC ("Candere Health," "we," "us," or "our") collects, uses, stores, and protects your personal information when you visit our website, request a consultation, complete an assessment, or use our services. By using our website or services, you agree to the practices described in this Privacy Policy.</p>
<section class="chpp-sec">
<h2>1. Who We Are</h2>
<p>Candere Health, LLC is a physician-guided health and wellness platform providing personalized longevity and preventive health services through telehealth and related healthcare providers.</p>
<p>Our services may include health assessments, laboratory testing coordination, physician consultations, personalized wellness plans, and ongoing health support.</p>
<p>If you have any questions about this Privacy Policy, please contact us through our website at:</p>
<p>Website: https://canderehealth.com/</p>
</section>
<section class="chpp-sec">
<h2>2. Information We Collect</h2>
<h3>a) Information You Provide Directly</h3>
<p>When you complete an assessment, request a consultation, create an account, or contact us, we may collect: Full name, Email address, Phone number, Date of birth, Gender, Address, Health goals and lifestyle information, Medical history, medications, allergies, and symptoms, Laboratory results or health records you choose to provide, Payment and billing information (processed securely through our payment provider), Communications sent through email, forms, phone, or other channels.</p>
<h3>b) Information Collected Automatically</h3>
<p>When you visit our website, we may automatically collect: IP address, Browser type and version, Device type, Operating system, Pages viewed, Time spent on our website, Referral source, Cookies and similar tracking technologies.</p>
<h3>c) Health Information</h3>
<p>As part of providing health and wellness services, we may collect health-related information including: Medical history, Current medications, Laboratory and diagnostic results, Biomarker data, Physician notes, Treatment recommendations, Progress and follow-up information. Health information is collected only as necessary to provide our services and is handled in accordance with applicable privacy laws.</p>
</section>
<section class="chpp-sec">
<h2>3. How We Use Your Information</h2>
<p>We may use your information to:</p>
<p>Schedule and manage appointments</p>
<p>Coordinate laboratory testing and home phlebotomy services</p>
<p>Connect you with licensed healthcare providers</p>
<p>Develop personalized wellness recommendations</p>
<p>Communicate regarding appointments, results, and follow-up care</p>
<p>Process payments</p>
<p>Improve our website and services</p>
<p>Maintain internal records</p>
<p>Comply with legal and regulatory obligations</p>
<p>Send promotional communications where you have provided consent</p>
<p>You may unsubscribe from marketing communications at any time.</p>
</section>
<section class="chpp-sec">
<h2>4. How We Share Your Information</h2>
<p>We do not sell your personal information.</p>
<p>We may share information only in the following circumstances:</p>
<h3>a) Service Providers</h3>
<p>We work with trusted third-party providers including scheduling platforms, payment processors, laboratories, pharmacies, technology providers, and website hosting services that help us operate our business.</p>
<h3>b) Healthcare Providers</h3>
<p>We may share relevant health information with licensed physicians, healthcare professionals, laboratories, pharmacies, and other clinical partners as necessary to provide your care.</p>
<h3>c) Legal Requirements</h3>
<p>We may disclose information when required by law, court order, governmental authority, or to protect the rights, safety, or property of Candere Health, our providers, or others.</p>
<h3>d) Business Transfers</h3>
<p>If Candere Health is involved in a merger, acquisition, or sale of assets, your information may be transferred as part of that transaction.</p>
</section>
<section class="chpp-sec">
<h2>5. How We Protect Your Information</h2>
<p>We implement reasonable administrative, technical, and physical safeguards designed to protect your information, including:</p>
<p>SSL/TLS encrypted connections</p>
<p>Secure cloud-based systems</p>
<p>Access controls and authentication</p>
<p>Limited employee access</p>
<p>Routine security monitoring</p>
<p>Although we take reasonable measures to protect your information, no method of electronic transmission or storage is completely secure.</p>
</section>
<section class="chpp-sec">
<h2>6. Data Retention</h2>
<p>We retain your information only as long as necessary to:</p>
<p>Provide our services</p>
<p>Maintain healthcare records</p>
<p>Meet legal and regulatory obligations</p>
<p>Resolve disputes</p>
<p>Enforce our agreements</p>
<p>When information is no longer required, it is securely deleted or anonymized where appropriate.</p>
</section>
<section class="chpp-sec">
<h2>7. Cookies and Tracking Technologies</h2>
<p>Our website may use cookies and similar technologies to:</p>
<p>Enable website functionality</p>
<p>Remember user preferences</p>
<p>Analyze website traffic</p>
<p>Measure advertising effectiveness</p>
<p>Improve user experience</p>
<p>These technologies may include:</p>
<p>Essential Cookies</p>
<p>Analytics Cookies</p>
<p>Advertising Cookies</p>
<p>You can manage cookies through your browser settings, although disabling certain cookies may affect website functionality.</p>
</section>
<section class="chpp-sec">
<h2>8. Your Privacy Rights</h2>
<p>Depending on applicable law, you may have the right to:</p>
<p>Request access to your personal information</p>
<p>Request correction of inaccurate information</p>
<p>Request deletion of your information where permitted by law</p>
<p>Withdraw consent where processing is based on consent</p>
<p>Opt out of marketing communications</p>
<p>Request a copy of your information in a portable format where applicable</p>
<p>To exercise these rights, please contact us through our website.</p>
</section>
<section class="chpp-sec">
<h2>9. Children's Privacy</h2>
<p>Candere Health services are intended only for individuals who are at least 18 years old.</p>
<p>We do not knowingly collect personal information from children under 18 years of age. If we learn that such information has been collected, we will take reasonable steps to delete it.</p>
</section>
<section class="chpp-sec">
<h2>10. Third-Party Websites</h2>
<p>Our website may contain links to third-party websites or services.</p>
<p>We are not responsible for the privacy practices or content of third-party websites. We encourage you to review their privacy policies before providing any personal information.</p>
</section>
<section class="chpp-sec">
<h2>11. Changes to This Privacy Policy</h2>
<p>We may update this Privacy Policy from time to time.</p>
<p>Any updates will be posted on this page with an updated Effective Date. Continued use of our website or services after changes become effective constitutes acceptance of the revised Privacy Policy.</p>
</section>
<section class="chpp-sec">
<h2>12. Contact Us</h2>
<p>If you have questions regarding this Privacy Policy or our privacy practices, please contact us:</p>
<p>Candere Health, LLC</p>
<p>Website: https://canderehealth.com/</p>
</section>
</div>
</section>
<style>
#ch-privacy-body{background:#fff;padding:48px 20px 64px;font-family:"Inter",Arial,sans-serif;}
.chpp-inner{max-width:48rem;margin:0 auto;}
.chpp-intro{margin:0 0 40px;font-size:16px;line-height:1.75;color:#475569;}
.chpp-sec{margin:0 0 40px;}
.chpp-sec h2{margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3;color:#200263;}
.chpp-sec h3{margin:12px 0 4px;font-size:15px;font-weight:600;line-height:1.5;color:#334155;}
.chpp-sec p{margin:0 0 8px;font-size:15px;line-height:1.75;color:#475569;}
@media(min-width:640px){#ch-privacy-body{padding:56px 24px 80px;}.chpp-sec h2{font-size:22px;}}
</style>20·Terms Header
Back link, Legal eyebrow, page title and effective date.
<!-- ========================================= CANDERE HEALTH · 20 TERMS HEADER ========================================= -->
<!-- Paste into: the Terms & Conditions page, first block under the site header. -->
<section id="ch-terms-header" class="chtch">
<div class="chtch-inner">
<a class="chtch-back" href="/">← Back to Home</a>
<p class="chtch-eyebrow">Legal</p>
<h1 class="chtch-title">Terms & Conditions</h1>
<p class="chtch-meta">Effective Date: 24th July 2026 • Website: https://canderehealth.com/</p>
</div>
</section>
<style>
#ch-terms-header{background:#fff;padding:56px 20px 0;font-family:"Inter",Arial,sans-serif;}
.chtch-inner{max-width:48rem;margin:0 auto;text-align:center;}
.chtch-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:24px;font-size:14px;font-weight:500;color:#094dd5;text-decoration:none;}
.chtch-back:hover{text-decoration:underline;}
.chtch-eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#094dd5;}
.chtch-title{margin:0 0 16px;font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#200263;}
.chtch-meta{margin:0;font-size:12px;line-height:1.7;color:#64748b;}
@media(min-width:640px){#ch-terms-header{padding:64px 24px 0;}.chtch-title{font-size:36px;}.chtch-meta{font-size:14px;}}
@media(min-width:1024px){.chtch-title{font-size:48px;}}
</style>21·Terms Body
Intro paragraph and all twenty-three Terms sections.
<!-- ========================================= CANDERE HEALTH · 21 TERMS BODY ========================================= -->
<!-- Paste into: the Terms & Conditions page, directly under block 20. -->
<section id="ch-terms-body" class="chtc">
<div class="chtc-inner">
<p class="chtc-intro">Please read these Terms and Conditions carefully before using the Candere Health website or services. By accessing our website, submitting an assessment, booking a consultation, or using our services, you agree to be bound by these Terms. If you do not agree, please do not use our website or services.</p>
<section class="chtc-sec">
<h2>1. About Candere Health</h2>
<p>Candere Health, LLC ("Candere Health," "we," "us," or "our") provides physician-supervised longevity, wellness, and health optimization services primarily through telehealth.</p>
<p>Our services may include advanced blood analysis, biomarker reviews, home phlebotomy coordination, physician consultations, personalized wellness protocols, health coaching, ongoing monitoring, and access to medications or supplements when determined clinically appropriate by a licensed provider.</p>
<p>Our website provides information about our programs and allows eligible individuals to request assessments, consultations, and related services.</p>
</section>
<section class="chtc-sec">
<h2>2. Medical Disclaimer</h2>
<p>The general content available on our website is provided for informational and educational purposes only. It is not intended to replace professional medical advice, diagnosis, or treatment.</p>
<p>Clinical services offered through Candere Health are provided or supervised by licensed healthcare professionals. No provider-patient relationship is created simply by visiting the website, submitting a form, joining a waitlist, or requesting information.</p>
<p>A provider-patient relationship may only be established after completion of the required intake process, consent forms, identity and location verification, and consultation with an appropriately licensed healthcare provider.</p>
<p>Always consult a qualified healthcare provider regarding any medical condition, symptoms, medications, or treatment decisions.</p>
<p>If you are experiencing a medical emergency, call 911 or visit the nearest emergency room immediately.</p>
</section>
<section class="chtc-sec">
<h2>3. Eligibility</h2>
<p>By using our website or services, you represent that:</p>
<p>You are at least 18 years old.</p>
<p>You have the legal capacity to enter into a binding agreement.</p>
<p>You will provide accurate and complete information.</p>
<p>You are physically located in a state where the applicable provider is licensed.</p>
<p>You will use our website and services only for lawful purposes.</p>
<p>Candere Health services may not be available in every state. We reserve the right to decline services if you do not meet legal, geographic, or clinical eligibility requirements.</p>
</section>
<section class="chtc-sec">
<h2>4. Appointments and Consultations</h2>
<h3>a. Booking</h3>
<p>Appointments may be requested through our website, scheduling platform, telephone, email, or another approved method. Submitting a booking request does not guarantee that an appointment or service will be provided. We reserve the right to decline, cancel, or reschedule appointments based on provider availability, eligibility, safety, or clinical considerations.</p>
<h3>b. Cancellations and No-Shows</h3>
<p>Cancellation, rescheduling, deposit, and no-show requirements will be disclosed during booking or in your appointment confirmation. Appointments cancelled without sufficient notice or missed without notification may result in a cancellation or no-show fee.</p>
<h3>c. Appointment Preparation</h3>
<p>You may be required to complete intake forms, provide identification, disclose your current location, submit medical records, or complete laboratory testing before your consultation. Late arrivals may result in a shortened appointment, cancellation, or rescheduling.</p>
</section>
<section class="chtc-sec">
<h2>5. Telehealth Services</h2>
<p>Some Candere Health services are provided through video calls, telephone calls, electronic forms, secure messaging, or other telehealth technologies.</p>
<p>By participating in telehealth services, you understand that:</p>
<p>Telehealth may have limitations compared with an in-person examination.</p>
<p>Technical issues may interrupt or delay a consultation.</p>
<p>A provider may require additional testing or an in-person evaluation.</p>
<p>You are responsible for using a private location and secure internet connection.</p>
<p>You must not record consultations without prior permission.</p>
<p>A separate telehealth consent form may be required before services are provided.</p>
</section>
<section class="chtc-sec">
<h2>6. Payments and Fees</h2>
<p>Payment may be required before a consultation, laboratory service, assessment, membership, product, or other service is provided.</p>
<p>By providing payment information, you authorize Candere Health and its payment processors to charge the applicable fees.</p>
<p>Prices may vary depending on your selected program, physician recommendations, laboratory requirements, medications, supplements, and other services. Prices may change for future services without prior notice.</p>
<p>You are responsible for any fees charged by your bank, credit card provider, financing provider, or payment processor.</p>
<p>Refunds, where available, will be governed by the refund or cancellation policy disclosed at the time of purchase.</p>
</section>
<section class="chtc-sec">
<h2>7. Insurance</h2>
<p>Unless expressly stated otherwise, Candere Health services may not be covered by health insurance, Medicare, or Medicaid.</p>
<p>You are responsible for confirming whether your insurance provider offers reimbursement for consultations, laboratory testing, prescriptions, or other services.</p>
<p>Candere Health does not guarantee insurance coverage or reimbursement. You remain responsible for all applicable fees regardless of whether your insurance provider reimburses you.</p>
</section>
<section class="chtc-sec">
<h2>8. Health Information and Informed Consent</h2>
<p>Before receiving services, you may be required to:</p>
<p>Complete a health and medical-history questionnaire.</p>
<p>Disclose current medications, supplements, allergies, and health conditions.</p>
<p>Provide laboratory results or other relevant records.</p>
<p>Review and sign informed-consent documents.</p>
<p>Confirm your identity and physical location.</p>
<p>You represent that all information you provide is truthful, current, and complete.</p>
<p>Incomplete or inaccurate information may affect the safety and effectiveness of your care. Candere Health is not responsible for outcomes caused by information that you intentionally fail to disclose or provide inaccurately.</p>
</section>
<section class="chtc-sec">
<h2>9. Laboratory Testing and Home Phlebotomy</h2>
<p>Candere Health may coordinate laboratory testing, home blood collection, specimen collection, or related services through independent laboratories and licensed service providers.</p>
<p>You are responsible for following all preparation, collection, storage, and shipping instructions.</p>
<p>Testing or processing may be delayed due to insufficient samples, collection errors, shipping delays, laboratory issues, weather, or circumstances outside our control.</p>
<p>Laboratory results should not be used for self-diagnosis or independent changes to your medications or treatment plan. Results should be reviewed with a qualified healthcare provider.</p>
</section>
<section class="chtc-sec">
<h2>10. Prescriptions and Clinical Decisions</h2>
<p>All clinical decisions are made by licensed healthcare providers using their independent professional judgment.</p>
<p>Completing an assessment or consultation does not guarantee that you will receive a prescription, medication, supplement, laboratory order, or particular treatment recommendation.</p>
<p>A provider may determine that:</p>
<p>A requested service is not clinically appropriate.</p>
<p>Additional testing or records are required.</p>
<p>An in-person evaluation is necessary.</p>
<p>You should seek care from another healthcare provider or specialist.</p>
<p>Any prescription medication must be used only as directed by the prescribing provider and dispensing pharmacy.</p>
</section>
<section class="chtc-sec">
<h2>11. Compounded and Off-Label Medications</h2>
<p>Certain medications recommended through Candere Health may be compounded by licensed pharmacies or prescribed for an off-label use when a licensed provider determines that doing so is clinically appropriate.</p>
<p>Compounded medications are not reviewed or approved by the FDA in the same manner as commercially manufactured, FDA-approved medications.</p>
<p>The prescribing provider or pharmacy will provide applicable information regarding potential benefits, risks, alternatives, dosage, and proper use.</p>
</section>
<section class="chtc-sec">
<h2>12. No Guarantees of Results</h2>
<p>Individual results vary based on many factors, including age, medical history, genetics, lifestyle, nutrition, physical activity, sleep, health conditions, medication use, and adherence to provider recommendations.</p>
<p>Candere Health does not guarantee any specific health, wellness, performance, weight, longevity, laboratory, or treatment outcome.</p>
<p>Testimonials, reviews, and case studies represent individual experiences and are not necessarily typical. They do not guarantee that you will achieve the same or similar results.</p>
</section>
<section class="chtc-sec">
<h2>13. Third-Party Providers</h2>
<p>Candere Health may use or coordinate services with independent laboratories, pharmacies, phlebotomists, technology providers, scheduling platforms, payment processors, delivery companies, meal providers, or other third parties.</p>
<p>These providers may have their own terms, privacy policies, fees, processing times, shipping policies, and eligibility requirements.</p>
<p>Candere Health is not responsible for the actions, availability, delays, errors, or services of independent third-party providers where those matters are outside our reasonable control.</p>
</section>
<section class="chtc-sec">
<h2>14. Intellectual Property</h2>
<p>All content available on the Candere Health website, including text, logos, graphics, videos, images, designs, questionnaires, software, educational materials, and branding, is owned by or licensed to Candere Health and is protected by applicable intellectual-property laws.</p>
<p>You may use website content only for personal and non-commercial purposes.</p>
<p>You may not copy, reproduce, modify, publish, distribute, sell, or commercially use our content without prior written permission.</p>
</section>
<section class="chtc-sec">
<h2>15. Website Use and Prohibited Conduct</h2>
<p>By using our website, you agree not to:</p>
<p>Use the website for any unlawful or fraudulent purpose.</p>
<p>Provide false identity, payment, location, or health information.</p>
<p>Attempt to access another person's account or personal information.</p>
<p>Introduce viruses, malicious code, or disruptive software.</p>
<p>Scrape, crawl, or collect website data using automated tools.</p>
<p>Impersonate Candere Health, its providers, employees, or another person.</p>
<p>Interfere with the security or proper operation of the website.</p>
<p>Use prescriptions, services, or products for resale or for another person.</p>
<p>We may suspend or terminate access when these Terms are violated.</p>
</section>
<section class="chtc-sec">
<h2>16. Privacy and Electronic Communications</h2>
<p>Our collection and use of personal information are governed by our Privacy Policy and any applicable Notice of Privacy Practices.</p>
<p>By providing your contact information, you consent to receive appointment reminders, intake requests, service updates, billing notices, testing instructions, and other service-related communications by email, telephone, text message, secure messaging, or patient portal.</p>
<p>Standard message and data rates may apply.</p>
<p>You may opt out of marketing communications, but you may still receive necessary administrative, transactional, or care-related communications.</p>
</section>
<section class="chtc-sec">
<h2>17. Limitation of Liability</h2>
<p>To the fullest extent permitted by applicable law, Candere Health, its owners, employees, providers, contractors, and affiliates will not be liable for indirect, incidental, special, consequential, or punitive damages arising from:</p>
<p>Your use of or inability to use the website.</p>
<p>Reliance on general website content.</p>
<p>Website interruptions or technical errors.</p>
<p>Unauthorized access resulting from your failure to protect your account.</p>
<p>Third-party laboratory, pharmacy, shipping, payment, or technology services.</p>
<p>Delays or circumstances outside our reasonable control.</p>
<p>Nothing in these Terms limits any liability that cannot legally be limited under applicable law or applicable professional standards of care.</p>
</section>
<section class="chtc-sec">
<h2>18. Indemnification</h2>
<p>To the extent permitted by law, you agree to indemnify and hold harmless Candere Health and its owners, employees, contractors, providers, and affiliates from claims, damages, liabilities, and reasonable legal expenses resulting from:</p>
<p>Your unlawful use of the website.</p>
<p>Your violation of these Terms.</p>
<p>Your intentional submission of false or misleading information.</p>
<p>Your violation of another person's rights.</p>
</section>
<section class="chtc-sec">
<h2>19. Governing Law</h2>
<p>These Terms are governed by the laws of the State of Florida, without regard to its conflict-of-law provisions.</p>
<p>The parties agree to attempt to resolve disputes through good-faith communication before starting formal legal proceedings.</p>
<p>Any legal proceedings will be brought in an appropriate state or federal court located in Florida, unless otherwise required by applicable law or a separate written agreement.</p>
</section>
<section class="chtc-sec">
<h2>20. Changes to These Terms</h2>
<p>We may update or modify these Terms at any time.</p>
<p>Changes will become effective when posted on our website with an updated effective or "Last Updated" date.</p>
<p>Your continued use of the website or services after updated Terms are posted constitutes acceptance of the revised Terms.</p>
</section>
<section class="chtc-sec">
<h2>21. Severability</h2>
<p>If any provision of these Terms is found to be invalid or unenforceable, that provision will be modified or removed to the minimum extent necessary.</p>
<p>The remaining provisions will continue in full force and effect.</p>
</section>
<section class="chtc-sec">
<h2>22. Entire Agreement</h2>
<p>These Terms, together with our Privacy Policy, applicable consent forms, membership terms, payment policies, and service agreements, constitute the entire agreement regarding your use of the website and services.</p>
<p>Where a separate clinical or service agreement contains more specific terms, that agreement will apply to the relevant service.</p>
</section>
<section class="chtc-sec">
<h2>23. Contact Us</h2>
<p>For questions regarding these Terms and Conditions, please contact us through our website:</p>
<p>Candere Health, LLC</p>
<p>Website: https://canderehealth.com/</p>
</section>
</div>
</section>
<style>
#ch-terms-body{background:#fff;padding:48px 20px 64px;font-family:"Inter",Arial,sans-serif;}
.chtc-inner{max-width:48rem;margin:0 auto;}
.chtc-intro{margin:0 0 40px;font-size:16px;line-height:1.75;color:#475569;}
.chtc-sec{margin:0 0 40px;}
.chtc-sec h2{margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3;color:#200263;}
.chtc-sec h3{margin:12px 0 4px;font-size:15px;font-weight:600;line-height:1.5;color:#334155;}
.chtc-sec p{margin:0 0 8px;font-size:15px;line-height:1.75;color:#475569;}
@media(min-width:640px){#ch-terms-body{padding:56px 24px 80px;}.chtc-sec h2{font-size:22px;}}
</style>Thank you
1 blockThe confirmation page shown after an IntakeQ consultation form.
22·Thank You Page
Confirmation message and return-home button. Set the page to noindex.
<!-- ========================================= CANDERE HEALTH · 22 THANK YOU PAGE ========================================= -->
<!-- Paste into: each consultation thank-you page (Weight Loss, Sexual Health, Pain and Recovery).
Set the page to noindex in GoHighLevel page settings. -->
<section id="ch-thank-you" class="chty">
<div class="chty-inner">
<h1 class="chty-title">Thank you for taking the next step.</h1>
<p class="chty-copy">Please refer to your IntakeQ confirmation for details about your submission and any next steps.</p>
<a class="chty-btn" href="/">Return to Home</a>
</div>
</section>
<style>
#ch-thank-you{background:#f8fafc;padding:56px 20px 64px;font-family:"Inter",Arial,sans-serif;}
.chty-inner{max-width:720px;margin:0 auto;text-align:center;}
.chty-title{margin:0 0 20px;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:#200263;}
.chty-copy{margin:0 0 32px;font-size:16px;line-height:1.7;color:#64748b;}
.chty-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 32px;border-radius:999px;background:#200263;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s ease;}
.chty-btn:hover{opacity:.9;}
@media(min-width:640px){#ch-thank-you{padding:64px 24px 96px;}.chty-title{font-size:30px;}}
@media(min-width:1024px){.chty-title{font-size:36px;}}
</style>Every block is mobile-first with breakpoints at 640px, 768px and 1024px. All icons are inline SVG, so nothing external is required beyond the Inter font import in block 01.