<!-- ============================================================
PACE PACK — WORDPRESS CODE BLOCK VERSION
Paste this entire block into:
• WordPress Block Editor → "Custom HTML" block
• Elementor → HTML widget
• Any page builder "HTML / Code" block
============================================================ -->
<!-- FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Inter:wght@300;400;500;600&family=Sora:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- STYLES -->
<style>
/* ── PACE PACK RESET & VARIABLES ── */
.pp-wrap *,
.pp-wrap *::before,
.pp-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }
.pp-wrap {
--deep-space: #0E1117;
--forest-flow: #0FAF9A;
--ocean-cyan: #00C2FF;
--cosmic-violet: #7A6BFF;
--energy-rose: #FF2E7A;
--warm-sunrise: #FF9A5C;
--text-primary: #F0EDE8;
--text-secondary:#A09B94;
--text-muted: #6B6560;
--serif: 'Cormorant Garamond', Georgia, serif;
--sans: 'Inter', sans-serif;
--geo: 'Sora', sans-serif;
background: var(--deep-space);
color: var(--text-primary);
font-family: var(--sans);
font-size: 17px;
line-height: 1.75;
font-weight: 300;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
/* ── NAVIGATION ── */
.pp-nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 60px;
background: rgba(14,17,23,0.88);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(15,175,154,0.08);
}
.pp-nav__logo {
font-family: var(--geo);
font-size: 18px;
font-weight: 700;
letter-spacing: .18em;
color: var(--text-primary);
text-decoration: none;
text-transform: uppercase;
}
.pp-nav__logo span { color: var(--ocean-cyan); }
.pp-nav__links {
display: flex;
gap: 36px;
list-style: none;
}
.pp-nav__links a {
font-family: var(--geo);
font-size: 12px;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--text-secondary);
text-decoration: none;
transition: color .25s;
}
.pp-nav__links a:hover { color: var(--ocean-cyan); }
.pp-nav__cta {
font-family: var(--geo);
font-size: 12px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--deep-space);
background: var(--ocean-cyan);
border: none;
padding: 11px 26px;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
transition: opacity .25s;
}
.pp-nav__cta:hover { opacity: .82; }
/* ── HERO ── */
.pp-hero {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 160px 40px 120px;
overflow: hidden;
}
.pp-hero__bg {
position: absolute; inset: 0;
background:
radial-gradient(ellipse 60% 50% at 20% 60%, rgba(122,107,255,.14) 0%, transparent 70%),
radial-gradient(ellipse 50% 40% at 80% 30%, rgba(0,194,255,.10) 0%, transparent 65%),
var(--deep-space);
}
.pp-hero__noise {
position: absolute; inset: 0;
opacity: .025;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 256px;
}
.pp-hero__topline {
position: absolute; top: 0; left: 50%;
transform: translateX(-50%);
width: 1px; height: 80px;
background: linear-gradient(to bottom, transparent, var(--ocean-cyan));
opacity: .5;
}
.pp-hero__eyebrow {
position: relative;
font-family: var(--geo);
font-size: 11px; font-weight: 500;
letter-spacing: .28em; text-transform: uppercase;
color: var(--ocean-cyan); margin-bottom: 40px;
opacity: 0; animation: ppFadeUp .8s ease .3s forwards;
}
.pp-hero__headline {
position: relative;
font-family: var(--serif);
font-size: clamp(60px,9vw,130px);
font-weight: 300; line-height: 1;
letter-spacing: -.01em;
color: var(--text-primary); margin-bottom: 36px;
opacity: 0; animation: ppFadeUp .9s ease .5s forwards;
}
.pp-hero__headline em { font-style: italic; color: var(--ocean-cyan); }
.pp-hero__sub {
position: relative;
font-family: var(--sans);
font-size: clamp(15px,2vw,20px); font-weight: 300;
color: var(--text-secondary);
max-width: 640px; margin: 0 auto 20px; line-height: 1.65;
opacity: 0; animation: ppFadeUp .9s ease .7s forwards;
}
.pp-hero__support {
position: relative;
font-family: var(--sans); font-size: 14px;
color: var(--text-muted);
max-width: 520px; margin: 0 auto 56px; line-height: 1.8;
opacity: 0; animation: ppFadeUp .9s ease .85s forwards;
}
.pp-hero__actions {
position: relative;
display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
opacity: 0; animation: ppFadeUp .9s ease 1s forwards;
}
.pp-hero__scroll {
position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
display: flex; flex-direction: column; align-items: center; gap: 8px;
opacity: 0; animation: ppFadeIn 1s ease 1.5s forwards;
}
.pp-hero__scroll span {
font-family: var(--geo); font-size: 10px;
letter-spacing: .2em; text-transform: uppercase; color: var(--text-muted);
}
.pp-hero__scroll-line {
width: 1px; height: 40px;
background: linear-gradient(to bottom, var(--text-muted), transparent);
animation: ppScrollPulse 2s ease-in-out infinite;
}
/* ── BUTTONS ── */
.pp-btn-primary {
font-family: var(--geo); font-size: 13px; font-weight: 600;
letter-spacing: .14em; text-transform: uppercase;
color: var(--deep-space); background: var(--ocean-cyan);
border: 1.5px solid var(--ocean-cyan);
padding: 16px 40px; border-radius: 2px;
cursor: pointer; text-decoration: none;
transition: all .25s; display: inline-block;
}
.pp-btn-primary:hover { background: transparent; color: var(--ocean-cyan); }
.pp-btn-secondary {
font-family: var(--geo); font-size: 13px; font-weight: 500;
letter-spacing: .14em; text-transform: uppercase;
color: var(--text-primary); background: transparent;
border: 1.5px solid rgba(15,175,154,.45);
padding: 16px 40px; border-radius: 2px;
cursor: pointer; text-decoration: none;
transition: all .25s; display: inline-block;
}
.pp-btn-secondary:hover { border-color: var(--forest-flow); color: var(--forest-flow); }
/* ── QUOTE BLOCKS ── */
.pp-quote {
position: relative; padding: 120px 40px; text-align: center; overflow: hidden;
}
.pp-quote__inner { max-width: 860px; margin: 0 auto; }
.pp-quote__mark {
font-family: var(--serif); font-size: 100px; line-height: .5;
font-weight: 300; display: block; margin-bottom: 20px; opacity: .15;
}
.pp-quote__text {
font-family: var(--serif);
font-size: clamp(24px, 3.8vw, 46px);
font-weight: 400; line-height: 1.25;
letter-spacing: -.01em; font-style: italic;
}
.pp-quote__divider { width: 48px; height: 2px; margin: 36px auto 0; border-radius: 1px; }
.pp-q1 { background: #090C12; border-top: 1px solid rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.04); }
.pp-q1 .pp-quote__mark, .pp-q1 .pp-quote__text { color: #F0EDE8; }
.pp-q1 .pp-quote__divider { background: rgba(255,255,255,.2); }
.pp-q2 { background: #0E1117; }
.pp-q2 .pp-quote__mark, .pp-q2 .pp-quote__text { color: var(--warm-sunrise); }
.pp-q2 .pp-quote__divider { background: var(--warm-sunrise); }
.pp-q3 { background: #080C10; }
.pp-q3 .pp-quote__mark, .pp-q3 .pp-quote__text { color: var(--ocean-cyan); }
.pp-q3 .pp-quote__divider { background: var(--ocean-cyan); }
.pp-q4 { background: #0A0F0E; }
.pp-q4 .pp-quote__mark, .pp-q4 .pp-quote__text { color: var(--forest-flow); }
.pp-q4 .pp-quote__divider { background: var(--forest-flow); }
.pp-q5 { background: #0E0811; border-top: 1px solid rgba(255,46,122,.06); border-bottom: 1px solid rgba(255,46,122,.06); }
.pp-q5 .pp-quote__mark, .pp-q5 .pp-quote__text { color: var(--energy-rose); }
.pp-q5 .pp-quote__divider { background: var(--energy-rose); }
.pp-q6 { background: #0B0A14; }
.pp-q6 .pp-quote__mark, .pp-q6 .pp-quote__text { color: var(--cosmic-violet); }
.pp-q6 .pp-quote__divider { background: var(--cosmic-violet); }
/* ── SECTIONS ── */
.pp-section { padding: 120px 40px; }
.pp-section-alt { background: #0A0D13; padding: 120px 40px; }
.pp-container { max-width: 1100px; margin: 0 auto; }
.pp-label {
font-family: var(--geo); font-size: 11px; font-weight: 500;
letter-spacing: .28em; text-transform: uppercase;
color: var(--forest-flow); display: block; margin-bottom: 24px;
}
.pp-title {
font-family: var(--serif);
font-size: clamp(34px, 5vw, 68px);
font-weight: 400; line-height: 1.1;
color: var(--text-primary); margin-bottom: 40px; letter-spacing: -.01em;
}
.pp-title em { font-style: italic; }
.pp-body { font-family: var(--sans); font-size: 16px; font-weight: 300; color: var(--text-secondary); line-height: 1.85; }
.pp-body p { margin-bottom: 20px; }
.pp-body p:last-child { margin-bottom: 0; }
/* ── TWO-COLUMN SPLIT ── */
.pp-split {
display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start;
}
.pp-split__accent {
width: 2px; height: 80px; margin-bottom: 40px;
background: linear-gradient(to bottom, var(--forest-flow), transparent);
}
@media (max-width: 860px) { .pp-split { grid-template-columns: 1fr; gap: 56px; } }
/* ── TRANSFORM GRID ── */
.pp-transform-intro { max-width: 560px; margin-bottom: 64px; }
.pp-tgrid {
display: grid; grid-template-columns: repeat(3,1fr); gap: 2px;
}
.pp-tcard {
background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.05);
padding: 40px 32px; position: relative; overflow: hidden;
transition: background .3s, border-color .3s;
}
.pp-tcard::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
opacity: 0; transition: opacity .3s;
}
.pp-tcard:hover { background: rgba(255,255,255,.038); }
.pp-tcard:hover::before { opacity: 1; }
.pp-tcard:nth-child(1)::before,.pp-tcard:nth-child(4)::before { background: var(--ocean-cyan); }
.pp-tcard:nth-child(2)::before,.pp-tcard:nth-child(5)::before { background: var(--forest-flow); }
.pp-tcard:nth-child(3)::before,.pp-tcard:nth-child(6)::before { background: var(--cosmic-violet); }
.pp-tcard__from {
font-family: var(--geo); font-size: 11px; font-weight: 600;
letter-spacing: .2em; text-transform: uppercase;
color: var(--text-muted); margin-bottom: 12px;
}
.pp-tcard__arrow { font-size: 22px; margin-bottom: 12px; display: block; }
.pp-tcard:nth-child(1) .pp-tcard__arrow,.pp-tcard:nth-child(4) .pp-tcard__arrow { color: var(--ocean-cyan); }
.pp-tcard:nth-child(2) .pp-tcard__arrow,.pp-tcard:nth-child(5) .pp-tcard__arrow { color: var(--forest-flow); }
.pp-tcard:nth-child(3) .pp-tcard__arrow,.pp-tcard:nth-child(6) .pp-tcard__arrow { color: var(--cosmic-violet); }
.pp-tcard__to { font-family: var(--serif); font-size: 22px; font-weight: 400; color: var(--text-primary); line-height: 1.3; }
@media (max-width: 860px) { .pp-tgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .pp-tgrid { grid-template-columns: 1fr; } }
/* ── WHAT LIST ── */
.pp-what-list {
list-style: none; margin-top: 28px;
display: grid; grid-template-columns: 1fr 1fr; gap: 14px 48px;
}
.pp-what-list li {
font-family: var(--sans); font-size: 15px; font-weight: 300;
color: var(--text-secondary); padding-left: 22px; position: relative; line-height: 1.65;
}
.pp-what-list li::before {
content: ''; position: absolute; left: 0; top: 10px;
width: 6px; height: 1px; background: var(--forest-flow);
}
@media (max-width: 600px) { .pp-what-list { grid-template-columns: 1fr; } }
/* ── HOW IT WORKS GRID ── */
.pp-how-grid {
display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; margin-top: 64px;
}
.pp-how-card {
padding: 44px 36px; border: 1px solid rgba(255,255,255,.06);
transition: border-color .3s;
}
.pp-how-card:hover { border-color: rgba(15,175,154,.3); }
.pp-how-card__num {
font-family: var(--geo); font-size: 11px; font-weight: 600;
letter-spacing: .2em; color: var(--forest-flow); margin-bottom: 22px;
}
.pp-how-card__title {
font-family: var(--serif); font-size: 24px; font-weight: 400;
color: var(--text-primary); margin-bottom: 14px; line-height: 1.2;
}
.pp-how-card__body {
font-family: var(--sans); font-size: 14px; font-weight: 300;
color: var(--text-secondary); line-height: 1.8;
}
@media (max-width: 860px) { .pp-how-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .pp-how-grid { grid-template-columns: 1fr; } }
/* ── PACE / PACK ── */
.pp-pace-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-top: 56px; }
.pp-pace-word {
font-family: var(--geo); font-size: 11px; font-weight: 700;
letter-spacing: .28em; text-transform: uppercase;
color: var(--ocean-cyan); margin-bottom: 18px;
display: flex; align-items: center; gap: 12px;
}
.pp-pace-word::after { content: ''; flex: 1; height: 1px; background: rgba(0,194,255,.2); }
.pp-pace-title {
font-family: var(--serif); font-size: 36px; font-weight: 400;
font-style: italic; color: var(--text-primary); margin-bottom: 18px;
}
@media (max-width: 700px) { .pp-pace-grid { grid-template-columns: 1fr; gap: 56px; } }
/* ── WHO LIST ── */
.pp-who-list {
list-style: none; margin-top: 44px;
display: flex; flex-direction: column; gap: 16px;
}
.pp-who-list li {
font-family: var(--sans); font-size: 16px; font-weight: 300;
color: var(--text-secondary);
display: flex; align-items: flex-start; gap: 20px; line-height: 1.65;
padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.04);
}
.pp-who-list li:last-child { border-bottom: none; }
.pp-who-list li::before {
content: '—'; color: var(--forest-flow);
font-family: var(--geo); font-size: 14px; flex-shrink: 0; margin-top: 2px;
}
.pp-not-for {
margin-top: 68px; padding: 48px;
border: 1px solid rgba(255,46,122,.12);
background: rgba(255,46,122,.03);
}
.pp-not-for__title {
font-family: var(--geo); font-size: 11px; font-weight: 600;
letter-spacing: .22em; text-transform: uppercase;
color: var(--energy-rose); margin-bottom: 16px;
}
/* ── ABOUT ── */
.pp-about {
display: grid; grid-template-columns: 1fr 1.5fr; gap: 100px; align-items: start;
}
.pp-about__initial {
font-family: var(--serif); font-size: 130px; font-weight: 300;
color: rgba(122,107,255,.12); line-height: 1; text-align: center; user-select: none;
}
.pp-about__meta {
margin-top: 28px; text-align: center;
}
.pp-about__name {
font-family: var(--geo); font-size: 11px; font-weight: 600;
letter-spacing: .2em; text-transform: uppercase; color: var(--cosmic-violet);
}
.pp-about__role {
font-family: var(--sans); font-size: 13px; color: var(--text-muted); margin-top: 6px;
}
.pp-about__vline {
width: 1px; height: 80px;
background: linear-gradient(to bottom, var(--cosmic-violet), transparent);
margin: 0 auto;
}
@media (max-width: 860px) {
.pp-about { grid-template-columns: 1fr; gap: 40px; }
.pp-about__initial { font-size: 80px; }
}
/* ── TESTIMONIALS ── */
.pp-testi-grid {
display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 64px;
}
.pp-testi-card {
padding: 48px 40px; border: 1px solid rgba(255,255,255,.06); position: relative;
}
.pp-testi-card::before {
content: '"'; font-family: var(--serif); font-size: 80px; line-height: .8;
color: var(--cosmic-violet); opacity: .22;
position: absolute; top: 26px; left: 30px;
}
.pp-testi-card__text {
font-family: var(--serif); font-size: 19px; font-weight: 400;
font-style: italic; color: var(--text-primary); line-height: 1.55; padding-top: 32px;
}
.pp-testi-card__line { width: 32px; height: 1px; background: var(--cosmic-violet); margin-top: 28px; }
@media (max-width: 860px) { .pp-testi-grid { grid-template-columns: 1fr; } }
/* ── FINAL CTA ── */
.pp-cta {
position: relative; padding: 160px 40px; text-align: center; overflow: hidden;
}
.pp-cta__bg {
position: absolute; inset: 0;
background:
radial-gradient(ellipse 70% 60% at 50% 100%, rgba(122,107,255,.18) 0%, transparent 65%),
radial-gradient(ellipse 40% 40% at 80% 20%, rgba(0,194,255,.08) 0%, transparent 60%),
#080A0F;
}
.pp-cta__inner { position: relative; max-width: 800px; margin: 0 auto; }
.pp-cta__title {
font-family: var(--serif);
font-size: clamp(28px, 4.5vw, 56px);
font-weight: 400; line-height: 1.2;
color: var(--text-primary); margin-bottom: 32px; letter-spacing: -.01em;
}
.pp-cta__title em { font-style: italic; }
.pp-cta__body {
font-family: var(--sans); font-size: 16px; font-weight: 300;
color: var(--text-secondary); max-width: 540px; margin: 0 auto 56px; line-height: 1.8;
}
.pp-cta__actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* ── FOOTER ── */
.pp-footer {
background: #070A0E; border-top: 1px solid rgba(255,255,255,.05);
padding: 80px 60px 40px;
}
.pp-footer__top {
display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 64px;
}
.pp-footer__logo {
font-family: var(--geo); font-size: 20px; font-weight: 700;
letter-spacing: .18em; text-transform: uppercase;
color: var(--text-primary); margin-bottom: 16px;
}
.pp-footer__logo span { color: var(--ocean-cyan); }
.pp-footer__tagline {
font-family: var(--sans); font-size: 13px; font-weight: 300;
color: var(--text-muted); line-height: 1.7; max-width: 260px;
}
.pp-footer__col-title {
font-family: var(--geo); font-size: 10px; font-weight: 600;
letter-spacing: .22em; text-transform: uppercase;
color: var(--text-muted); margin-bottom: 22px;
}
.pp-footer__links { list-style: none; display: flex; flex-direction: column; gap: 11px; }
.pp-footer__links a {
font-family: var(--sans); font-size: 14px; font-weight: 300;
color: var(--text-secondary); text-decoration: none; transition: color .25s;
}
.pp-footer__links a:hover { color: var(--ocean-cyan); }
.pp-footer__bottom {
border-top: 1px solid rgba(255,255,255,.04); padding-top: 26px;
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
}
.pp-footer__copy {
font-family: var(--geo); font-size: 11px; letter-spacing: .1em; color: var(--text-muted);
}
.pp-footer__legal { display: flex; gap: 24px; list-style: none; }
.pp-footer__legal a {
font-family: var(--geo); font-size: 11px; letter-spacing: .1em;
color: var(--text-muted); text-decoration: none; transition: color .25s;
}
.pp-footer__legal a:hover { color: var(--forest-flow); }
@media (max-width: 860px) {
.pp-footer { padding: 60px 28px 32px; }
.pp-footer__top { grid-template-columns: 1fr 1fr; gap: 44px; }
}
@media (max-width: 560px) {
.pp-footer__top { grid-template-columns: 1fr; }
.pp-footer__bottom { flex-direction: column; align-items: flex-start; }
}
/* ── ANIMATIONS ── */
@keyframes ppFadeUp {
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes ppFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ppScrollPulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
/* ── SCROLL REVEAL ── */
.pp-reveal { opacity: 0; transform: translateY(36px); transition: opacity .85s ease, transform .85s ease; }
.pp-reveal.pp-visible { opacity: 1; transform: translateY(0); }
/* ── MOBILE NAV ── */
@media (max-width: 680px) {
.pp-nav { padding: 18px 22px; }
.pp-nav__links { display: none; }
.pp-section, .pp-section-alt { padding: 80px 22px; }
.pp-quote { padding: 80px 22px; }
.pp-cta { padding: 100px 22px; }
}
</style>
<!-- ════════════════════════════════════════════════
PACE PACK HOMEPAGE — HTML
════════════════════════════════════════════════ -->
<div class="pp-wrap">
<!-- NAV -->
<nav class="pp-nav">
<a href="#" class="pp-nav__logo">PACE<span>.</span>PACK</a>
<ul class="pp-nav__links">
<li><a href="#pp-what">What</a></li>
<li><a href="#pp-how">How</a></li>
<li><a href="#pp-who">Who</a></li>
<li><a href="#pp-about">About</a></li>
</ul>
<a href="#pp-apply" class="pp-nav__cta">Apply now</a>
</nav>
<!-- ══ S1 HERO ══ -->
<section class="pp-hero">
<div class="pp-hero__bg"></div>
<div class="pp-hero__noise"></div>
<div class="pp-hero__topline"></div>
<p class="pp-hero__eyebrow">Premium Inner Leadership Experience</p>
<h1 class="pp-hero__headline">Lead from <em>within.</em></h1>
<p class="pp-hero__sub">PACE PACK is a premium inner leadership experience for CEOs and founders who want more calm, clarity, alignment, and conscious power.</p>
<p class="pp-hero__support">For leaders with external success and internal pressure, PACE PACK offers a deeper path back to presence, truth, and embodied leadership.</p>
<div class="pp-hero__actions">
<a href="#pp-apply" class="pp-btn-primary">Apply now</a>
<a href="#pp-call" class="pp-btn-secondary">Book an introduction call</a>
</div>
<div class="pp-hero__scroll">
<span>Scroll</span>
<div class="pp-hero__scroll-line"></div>
</div>
</section>
<!-- ══ S2 QUOTE 1 ══ -->
<div class="pp-quote pp-q1 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">The most dangerous leader is the one who never stops to listen to himself.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S3 INNER CONFLICT ══ -->
<section class="pp-section pp-reveal">
<div class="pp-container">
<div class="pp-split">
<div>
<span class="pp-label">The reality</span>
<h2 class="pp-title">Success on the outside.<br><em>Noise on the inside.</em></h2>
</div>
<div>
<div class="pp-split__accent"></div>
<div class="pp-body">
<p>You built the business.<br>You carry responsibility.<br>You make decisions.<br>You keep moving.</p>
<p>From the outside, it works.</p>
<p>But underneath the performance, many leaders feel pressure, tension, restlessness, or a quiet disconnection from themselves.</p>
<p>PACE PACK is for the moment when success is no longer enough on its own. When you know there is another level of leadership — not built on force, but on truth, presence, and inner clarity.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ══ S4 QUOTE 2 ══ -->
<div class="pp-quote pp-q2 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">Every leader reaches the moment where success is no longer enough.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S5 TRANSFORMATION ══ -->
<section class="pp-section-alt pp-reveal">
<div class="pp-container">
<span class="pp-label">The shift</span>
<h2 class="pp-title">From pressure<br>to <em>presence.</em></h2>
<div class="pp-transform-intro pp-body">
<p>PACE PACK is designed to help leaders shift the way they lead, live, and relate to themselves.</p>
</div>
<div class="pp-tgrid">
<div class="pp-tcard"><div class="pp-tcard__from">From pressure</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Grounded presence</div></div>
<div class="pp-tcard"><div class="pp-tcard__from">From noise</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Clear direction</div></div>
<div class="pp-tcard"><div class="pp-tcard__from">From control</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Deeper trust</div></div>
<div class="pp-tcard"><div class="pp-tcard__from">From tension</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Embodied calm</div></div>
<div class="pp-tcard"><div class="pp-tcard__from">From achievement alone</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Meaningful leadership</div></div>
<div class="pp-tcard"><div class="pp-tcard__from">From outer success</div><span class="pp-tcard__arrow">→</span><div class="pp-tcard__to">Inner alignment</div></div>
</div>
</div>
</section>
<!-- ══ S6 QUOTE 3 ══ -->
<div class="pp-quote pp-q3 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">Clarity is the ultimate leadership advantage.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S7 WHAT PACE PACK IS ══ -->
<section class="pp-section pp-reveal" id="pp-what">
<div class="pp-container">
<div class="pp-split">
<div>
<span class="pp-label">The experience</span>
<h2 class="pp-title">What PACE PACK <em>is</em></h2>
</div>
<div>
<div class="pp-body">
<p>PACE PACK is a premium inner leadership journey for CEOs, founders, and high-level leaders who are ready to go deeper than performance.</p>
<p>It combines:</p>
</div>
<ul class="pp-what-list">
<li>Deep reflection</li>
<li>1:1 coaching</li>
<li>Group sessions</li>
<li>Embodiment</li>
<li>Nervous system awareness</li>
<li>Transformational retreats</li>
<li>Real integration into leadership and life</li>
</ul>
<div class="pp-body" style="margin-top:28px;">
<p>This is not surface-level motivation. It is a space for leaders who want to lead with more calm, clarity, depth, and conscious power.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ══ S8 HOW IT WORKS ══ -->
<section class="pp-section-alt pp-reveal" id="pp-how">
<div class="pp-container">
<span class="pp-label">The structure</span>
<h2 class="pp-title">How it <em>works</em></h2>
<div class="pp-how-grid">
<div class="pp-how-card"><div class="pp-how-card__num">01</div><h3 class="pp-how-card__title">A curated group</h3><p class="pp-how-card__body">A small group of high-level leaders who are ready for real depth, honesty, and transformation.</p></div>
<div class="pp-how-card"><div class="pp-how-card__num">02</div><h3 class="pp-how-card__title">Monthly group sessions</h3><p class="pp-how-card__body">Powerful shared spaces for reflection, perspective, support, and deeper leadership conversations.</p></div>
<div class="pp-how-card"><div class="pp-how-card__num">03</div><h3 class="pp-how-card__title">Monthly 1:1 coaching</h3><p class="pp-how-card__body">Private sessions to work directly on your inner patterns, leadership dynamics, and integration.</p></div>
<div class="pp-how-card"><div class="pp-how-card__num">04</div><h3 class="pp-how-card__title">Two retreats per year</h3><p class="pp-how-card__body">Immersive moments to slow down, reconnect, and create deeper shifts beyond the noise of daily life.</p></div>
<div class="pp-how-card"><div class="pp-how-card__num">05</div><h3 class="pp-how-card__title">Real integration</h3><p class="pp-how-card__body">Everything in PACE PACK is designed to land in your real leadership, business, relationships, and life.</p></div>
</div>
</div>
</section>
<!-- ══ S9 WHY PACE + PACK ══ -->
<section class="pp-section pp-reveal">
<div class="pp-container">
<span class="pp-label">The philosophy</span>
<h2 class="pp-title">Why PACE.<br>Why <em>PACK.</em></h2>
<div class="pp-pace-grid">
<div>
<div class="pp-pace-word">PACE</div>
<div class="pp-pace-title">Your own pace.</div>
<div class="pp-body"><p>PACE means transformation at your own pace. Not forced. Not performative. Not rushed.</p><p>Real change happens with depth, presence, and embodiment.</p></div>
</div>
<div>
<div class="pp-pace-word">PACK</div>
<div class="pp-pace-title">Not alone.</div>
<div class="pp-body"><p>PACK means you do not go deeper alone. Growth happens through support, challenge, reflection, and being surrounded by other strong leaders who are willing to be real.</p><p>PACE PACK is where personal depth meets collective strength.</p></div>
</div>
</div>
</div>
</section>
<!-- ══ S10 QUOTE 4 ══ -->
<div class="pp-quote pp-q4 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">Your company grows to the depth that you do.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S11 WHO IT IS FOR ══ -->
<section class="pp-section pp-reveal" id="pp-who">
<div class="pp-container">
<span class="pp-label">For whom</span>
<h2 class="pp-title">Who it is <em>for</em></h2>
<div class="pp-body" style="max-width:580px;"><p>PACE PACK is for leaders who already carry success, but know something deeper is asking for attention.</p></div>
<ul class="pp-who-list">
<li>CEOs and founders with responsibility, pressure, and ambition</li>
<li>Leaders who are outwardly successful but inwardly restless</li>
<li>High performers who want deeper peace and clarity</li>
<li>People ready for real inner work — not surface-level hacks</li>
<li>Leaders who value discretion, quality, and transformation</li>
<li>Decision makers who want to lead with more truth and conscious impact</li>
</ul>
<div class="pp-not-for">
<div class="pp-not-for__title">Not for everyone</div>
<div class="pp-body"><p>PACE PACK is not for people looking for quick fixes, empty motivation, or superficial personal development.</p><p>It is for those ready to look inward and lead from a deeper place.</p></div>
</div>
</div>
</section>
<!-- ══ S12 WHY INNER LEADERSHIP ══ -->
<section class="pp-section-alt pp-reveal">
<div class="pp-container">
<div class="pp-split">
<div>
<span class="pp-label">The foundation</span>
<h2 class="pp-title">Why inner leadership <em>matters</em></h2>
</div>
<div>
<div class="pp-split__accent"></div>
<div class="pp-body">
<p>Your inner state shapes your outer results.</p>
<p>The quality of your decisions, your company culture, your relationships, your energy, and your long-term impact are deeply influenced by how you lead from within.</p>
<p>A business can only grow sustainably to the depth that its leader is willing to embody.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ══ S13 QUOTE 5 ══ -->
<div class="pp-quote pp-q5 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">Power without awareness eventually destroys the leader who holds it.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S14 ABOUT JAN LEYSSENS ══ -->
<section class="pp-section pp-reveal" id="pp-about">
<div class="pp-container">
<div class="pp-about">
<div style="text-align:center;">
<div class="pp-about__initial">J</div>
<div class="pp-about__vline"></div>
<div class="pp-about__meta">
<div class="pp-about__name">Jan Leyssens</div>
<div class="pp-about__role">Founder, PACE PACK</div>
</div>
</div>
<div>
<span class="pp-label">The founder</span>
<h2 class="pp-title">About Jan <em>Leyssens</em></h2>
<div class="pp-body">
<p>PACE PACK was born from a deep inner drive to understand leadership, transformation, and what becomes possible when people stop living only from pressure and conditioning.</p>
<p>Jan Leyssens created PACE PACK from the meeting point between leadership, humanity, truth, and the courage to go deeper.</p>
<p>His work is rooted in the understanding that external success alone is not enough. Real leadership begins when clarity, presence, freedom, and inner alignment become part of how you live and lead.</p>
<p>PACE PACK is an invitation to return to that place.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ══ S15 QUOTE 6 ══ -->
<div class="pp-quote pp-q6 pp-reveal">
<div class="pp-quote__inner">
<span class="pp-quote__mark">"</span>
<blockquote class="pp-quote__text">The next level of leadership is not strategy. It is consciousness.</blockquote>
<div class="pp-quote__divider"></div>
</div>
</div>
<!-- ══ S16 TESTIMONIALS ══ -->
<section class="pp-section-alt pp-reveal">
<div class="pp-container">
<span class="pp-label">Voices</span>
<h2 class="pp-title">What future leaders<br><em>will say</em></h2>
<div class="pp-testi-grid">
<div class="pp-testi-card"><p class="pp-testi-card__text">PACE PACK gave me something success never could: the ability to lead without losing myself.</p><div class="pp-testi-card__line"></div></div>
<div class="pp-testi-card"><p class="pp-testi-card__text">This is not coaching in the traditional sense. It is a deeper recalibration of how you lead, decide, and live.</p><div class="pp-testi-card__line"></div></div>
<div class="pp-testi-card"><p class="pp-testi-card__text">The real value was not just insight. It was the shift in how I show up in my company, my relationships, and myself.</p><div class="pp-testi-card__line"></div></div>
</div>
</div>
</section>
<!-- ══ S17 FINAL CTA ══ -->
<section class="pp-cta pp-reveal" id="pp-apply">
<div class="pp-cta__bg"></div>
<div class="pp-cta__inner">
<h2 class="pp-cta__title">The next level of leadership is not more force.<br><em>It is more truth, clarity, and presence.</em></h2>
<p class="pp-cta__body">If you are ready to lead from a deeper place, PACE PACK offers a premium space to explore whether this journey fits where you are now.</p>
<div class="pp-cta__actions">
<a href="mailto:jan@pacepack.be" class="pp-btn-primary">Apply for PACE PACK</a>
<a href="#pp-call" class="pp-btn-secondary">Book a private conversation</a>
</div>
</div>
</section>
<!-- ══ FOOTER ══ -->
<footer class="pp-footer">
<div class="pp-footer__top">
<div>
<div class="pp-footer__logo">PACE<span>.</span>PACK</div>
<p class="pp-footer__tagline">A premium inner leadership experience for CEOs, founders, and high-level leaders.</p>
</div>
<div>
<div class="pp-footer__col-title">Navigate</div>
<ul class="pp-footer__links">
<li><a href="#pp-what">What is PACE PACK</a></li>
<li><a href="#pp-how">How it works</a></li>
<li><a href="#pp-who">Who it is for</a></li>
<li><a href="#pp-about">About Jan Leyssens</a></li>
<li><a href="#pp-apply">Apply</a></li>
</ul>
</div>
<div>
<div class="pp-footer__col-title">Contact</div>
<ul class="pp-footer__links">
<li><a href="mailto:jan@pacepack.be">jan@pacepack.be</a></li>
<li><a href="http://www.pacepack.be" target="_blank" rel="noopener">www.pacepack.be</a></li>
<li><a href="https://linkedin.com" target="_blank" rel="noopener">LinkedIn</a></li>
</ul>
</div>
</div>
<div class="pp-footer__bottom">
<span class="pp-footer__copy">© 2025 PACE PACK — Jan Leyssens. All rights reserved.</span>
<ul class="pp-footer__legal">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms</a></li>
</ul>
</div>
</footer>
</div><!-- /pp-wrap -->
<!-- SCROLL REVEAL SCRIPT -->
<script>
(function(){
var els = document.querySelectorAll('.pp-reveal');
if(!els.length) return;
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
e.target.classList.add('pp-visible');
io.unobserve(e.target);
}
});
},{threshold:0.08, rootMargin:'0px 0px -60px 0px'});
els.forEach(function(el){ io.observe(el); });
/* stagger cards */
document.querySelectorAll('.pp-tgrid, .pp-how-grid, .pp-testi-grid').forEach(function(g){
[].slice.call(g.children).forEach(function(c,i){
c.style.transitionDelay = (i*0.08)+'s';
});
});
})();
</script>