PageSourceSearch

https://strainreliefforparents.com/

html strainreliefforparents.com collected 2026-09-26 09:50:21 UTC 31,163 bytes, 969 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Strain Relief for Parents — Parent Coaching with Joe</title>
7  <meta name="description" content="You're not a bad parent. You're just stretched beyond capacity. Work with Joe to build a steadier home in 8 weeks.">
8  <link rel="stylesheet" href="style.css">
9  <style>
10    /* ── HERO ── */
11    .hero {
12      background: var(--surface);
13      padding: clamp(64px, 10vw, 120px) clamp(24px, 5vw, 64px) clamp(48px, 6vw, 72px);
14      border-bottom: 1px solid var(--sand-lt);
15    }
16
17    .hero-inner {
18      max-width: 1080px;
19      margin: 0 auto;
20    }
21
22    .hero-top {
23      display: grid;
24      grid-template-columns: 1fr 340px;
25      gap: clamp(40px, 6vw, 64px);
26      align-items: start;
27      margin-bottom: clamp(40px, 5vw, 56px);
28    }
29
30    .hero-eyebrow {
31      font-size: 11px;
32      letter-spacing: 0.2em;
33      text-transform: uppercase;
34      color: var(--accent);
35      font-weight: 500;
36      margin-bottom: 20px;
37      font-family: 'DM Sans', sans-serif;
38    }
39
40    .hero h1 { margin-bottom: 24px; }
41
42    .hero-strapline {
43      font-size: clamp(13px, 1.5vw, 15px);
44      letter-spacing: 0.08em;
45      text-transform: uppercase;
46      color: var(--text-mid);
47      line-height: 2;
48      margin-bottom: 36px;
49      font-weight: 400;
50    }
51
52    .hero-strapline strong {
53      color: var(--accent);
54      font-weight: 500;
55    }
56
57    .hero-cta-group {
58      display: flex;
59      align-items: center;
60      gap: 24px;
61      flex-wrap: wrap;
62      margin-bottom: 20px;
63    }
64
65    .hero-note {
66      font-size: 12px;
67      color: var(--text-light);
68      font-style: italic;
69    }
70
71    /* hero photo */
72    .hero-photo-wrap {
73      flex-shrink: 0;
74    }
75
76    .hero-photo {
77      width: 100%;
78      aspect-ratio: 1/1;
79      object-fit: cover;
80      object-position: center top;
81      border-radius: 8px;
82      display: block;
83    }
84
85    .hero-photo-caption {
86      margin-top: 10px;
87      font-size: 13px;
88      color: var(--text-light);
89      font-style: italic;
90      text-align: center;
91    }
92
93    /* hero stat bar — full width below photo+headline */
94    .hero-stats {
95      display: grid;
96      grid-template-columns: repeat(4, 1fr);
97      gap: 3px;
98      border-radius: 8px;
99      overflow: hidden;
100      box-shadow: var(--shadow);
101      margin-bottom: clamp(0px, 2vw, 0px);
102    }
103
104    .stat {
105      background: var(--bg);
106      padding: clamp(18px, 2vw, 24px) clamp(16px, 2vw, 24px);
107    }
108
109    .stat:nth-child(4) {
110      background: var(--accent);
111    }
112    .stat:nth-child(4) .stat-value,
113    .stat:nth-child(4) .stat-label {
114      color: var(--white);
115    }
116
117    .stat-value {
118      font-family: 'Playfair Display', serif;
119      font-size: clamp(24px, 3vw, 36px);
120      color: var(--text);
121      line-height: 1;
122      margin-bottom: 6px;
123    }
124
125    .stat-label {
126      font-size: 11px;
127      color: var(--text-mid);
128      letter-spacing: 0.08em;
129      text-transform: uppercase;
130      line-height: 1.5;
131    }
132
133    /* ── INTRO BAND ── */
134    .intro-band {
135      background: var(--bg-alt);
136      padding: clamp(48px, 6vw, 80px) clamp(24px, 5vw, 64px);
137      border-bottom: 1px solid var(--sand-lt);
138    }
139
140    .intro-inner {
141      max-width: 720px;
142      margin: 0 auto;
143      text-align: center;
144    }
145
146    .intro-inner h2 { margin-bottom: 20px; }
147
148    .intro-inner p {
149      font-size: clamp(16px, 2vw, 18px);
150      color: var(--text-mid);
151      margin-bottom: 16px;
152    }
153
154    .intro-inner p strong { color: var(--text); font-weight: 500; }
155
156    /* ── PILLARS ── */
157    .pillars-grid {
158      display: grid;
159      grid-template-columns: repeat(3, 1fr);
160      gap: 3px;
161      margin-top: 56px;
162      border-radius: 8px;
163      overflow: hidden;
164      box-shadow: var(--shadow);
165    }
166
167    .pillar-card {
168      background: var(--surface);
169      padding: clamp(28px, 3vw, 44px) clamp(24px, 2.5vw, 36px);
170    }
171
172    .pillar-number {
173      font-size: 10px;
174      letter-spacing: 0.2em;
175      text-transform: uppercase;
176      color: var(--sand);
177      margin-bottom: 20px;
178      font-weight: 500;
179    }
180
181    .pillar-icon {
182      width: 48px;
183      height: 48px;
184      background: var(--accent-lt);
185      border-radius: 50%;
186      display: flex;
187      align-items: center;
188      justify-content: center;
189      margin-bottom: 20px;
190    }
191
192    .pillar-icon svg { width: 22px; height: 22px; }
193
194    .pillar-card h3 {
195      font-size: 20px;
196      margin-bottom: 8px;
197    }
198
199    .pillar-shift {
200      font-size: 11px;
201      letter-spacing: 0.1em;
202      text-transform: uppercase;
203      color: var(--accent);
204      font-weight: 500;
205      margin-bottom: 14px;
206    }
207
208    .pillar-card p {
209      font-size: 16px;
210      color: var(--text-mid);
211      line-height: 1.75;
212    }
213
214    .pillars-cta {
215      text-align: center;
216      margin-top: 48px;
217    }
218
219    /* ── PULL QUOTE ── */
220    .pull-quote {
221      padding: clamp(48px, 6vw, 80px) clamp(24px, 5vw, 64px);
222      background: var(--bg-dark);
223      border-top: 1px solid var(--sand-lt);
224      border-bottom: 1px solid var(--sand-lt);
225    }
226
227    .pull-quote { text-align: left; }
228    .pull-quote-inner { max-width: 640px; margin: 0 auto; }
229
230    .pull-quote p {
231      font-family: 'DM Sans', sans-serif;
232      font-size: clamp(18px, 2.2vw, 24px);
233      font-style: normal;
234      font-weight: 400;
235      color: var(--text);
236      line-height: 1.65;
237      margin-bottom: 12px;
238      border-left: 3px solid var(--accent);
239      padding-left: 28px;
240      text-align: left;
241    }
242
243    .pull-quote span {
244      font-size: 12px;
245      letter-spacing: 0.12em;
246      text-transform: uppercase;
247      color: var(--text-light);
248    }
249
250    /* ── TESTIMONIALS ── */
251    .testimonials-grid {
252      display: grid;
253      grid-template-columns: repeat(2, 1fr);
254      gap: 3px;
255      border-radius: 8px;
256      overflow: hidden;
257      box-shadow: var(--shadow);
258    }
259
260    .testimonial {
261      background: var(--surface);
262      padding: clamp(28px, 3vw, 40px);
263    }
264
265    .testimonial-quote {
266      font-size: 32px;
267      color: var(--sand-lt);
268      font-family: 'Playfair Display', serif;
269      line-height: 0.8;
270      margin-bottom: 12px;
271    }
272
273    .testimonial p {
274      font-size: 15px;
275      color: var(--text-mid);
276      line-height: 1.8;
277      margin-bottom: 20px;
278      font-style: italic;
279    }
280
281    .testimonial-attr {
282      font-size: 11px;
283      letter-spacing: 0.1em;
284      text-transform: uppercase;
285      color: var(--accent);
286      font-weight: 500;
287    }
288
289    /* ── ABOUT TEASER ── */
290    .about-teaser {
291      display: grid;
292      grid-template-columns: 1fr 1fr;
293      gap: clamp(40px, 6vw, 80px);
294      align-items: center;
295    }
296
297    .about-img {
298      width: 100%;
299      aspect-ratio: 4/5;
300      object-fit: cover;
301      border-radius: 6px;
302      display: block;
303      background: var(--bg-dark); /* placeholder if image missing */
304    }
305
306    .about-img-placeholder {
307      width: 100%;
308      aspect-ratio: 4/5;
309      border-radius: 6px;
310      background: var(--bg-dark);
311      display: flex;
312      align-items: center;
313      justify-content: center;
314      color: var(--text-light);
315      font-size: 16px;
316      letter-spacing: 0.06em;
317      text-transform: uppercase;
318    }
319
320    .about-text h2 { margin-bottom: 20px; }
321
322    .about-text p {
323      font-size: 16px;
324      color: var(--text-mid);
325      margin-bottom: 16px;
326    }
327
328    .about-text p strong { color: var(--text); font-weight: 500; }
329
330    .about-text .btn-ghost { margin-top: 8px; }
331
332    /* ── OFFER TEASER ── */
333    .offer-band {
334      background: var(--accent);
335      color: var(--white);
336      padding: clamp(60px, 8vw, 96px) clamp(24px, 5vw, 64px);
337    }
338
339    .offer-band-inner {
340      max-width: 1080px;
341      margin: 0 auto;
342      display: grid;
343      grid-template-columns: 1fr auto;
344      gap: 48px;
345      align-items: center;
346    }
347
348    .offer-band .eyebrow { color: rgba(255,255,255,0.6); }
349
350    .offer-band h2 { color: var(--white); margin-bottom: 16px; }
351
352    .offer-band p { color: rgba(255,255,255,0.75); font-size: 16px; line-height: 1.8; }
353
354    .offer-price {
355      text-align: center;
356      white-space: nowrap;
357    }
358
359    .offer-price-amount {
360      font-family: 'Playfair Display', serif;
361      font-size: clamp(48px, 6vw, 72px);
362      color: var(--white);
363      line-height: 1;
364      display: block;
365      margin-bottom: 8px;
366    }
367
368    .offer-price-label {
369      font-size: 11px;
370      letter-spacing: 0.12em;
371      text-transform: uppercase;
372      color: rgba(255,255,255,0.5);
373      margin-bottom: 24px;
374      display: block;
375    }
376
377    .btn-light {
378      display: inline-block;
379      background: var(--white);
380      color: var(--accent);
381      padding: 14px 28px;
382      border-radius: var(--radius);
383      font-size: 15px;
384      font-weight: 500;
385      letter-spacing: 0.04em;
386      transition: opacity 0.2s, transform 0.15s;
387    }
388    .btn-light:hover { opacity: 0.9; text-decoration: none; transform: translateY(-1px); }
389
390    /* ── RESPONSIVE ── */
391    @media (max-width: 900px) {
392      .hero-top { grid-template-columns: 1fr; }
393      .hero-photo-wrap { max-width: 280px; order: -1; }
394      .hero-stats { grid-template-columns: 1fr 1fr; }
395      .pillars-grid { grid-template-columns: 1fr; }
396      .testimonials-grid { grid-template-columns: 1fr; }
397      .about-teaser { grid-template-columns: 1fr; }
398      .offer-band-inner { grid-template-columns: 1fr; gap: 32px; }
399      .offer-price { text-align: left; white-space: normal; }
400      .offer-price-amount { font-size: 52px; }
401      .btn-light { display: block; text-align: center; }
402    }
403
404    @media (max-width: 768px) {
405      .hero { padding: 48px 20px 56px; }
406      .hero h1 { font-size: clamp(34px, 9vw, 44px); }
407      .hero-strapline { font-size: 16px; letter-spacing: 0.05em; line-height: 1.9; }
408      .hero-cta-group { flex-direction: column; align-items: stretch; gap: 14px; }
409      .hero-cta-group .btn-primary { text-align: center; }
410      .hero-cta-group .btn-ghost { text-align: center; }
411      .hero-note { display: none; }
412      .intro-band { padding: 48px 20px; }
413      .intro-inner { text-align: left; }
414
415      .pillars-grid { margin-top: 32px; }
416      .pillar-card { padding: 28px 20px; }
417
418      .pull-quote { padding: 48px 20px; }
419
420      .testimonials-grid { gap: 2px; }
421      .testimonial { padding: 24px 20px; }
422
423      .about-teaser { gap: 28px; }
424      .about-img-placeholder { aspect-ratio: 3/2; }
425
426      .offer-band { padding: 48px 20px; }
427      .offer-price-amount { font-size: 48px; }
428
429      .faq-q { font-size: 16px; padding: 18px 0; }
430    }
431
432    /* ── WEBINAR BANNER ── */
433    .webinar-banner {
434      background: var(--accent-dk);
435      color: var(--white);
436      padding: 11px clamp(24px, 5vw, 64px);
437      display: flex;
438      align-items: center;
439      justify-content: center;
440      gap: 12px;
441      font-size: 13px;
442      letter-spacing: 0.01em;
443      position: relative;
444    }
445
446    .webinar-banner a {
447      color: var(--white);
448      font-weight: 500;
449      text-decoration: underline;
450      text-decoration-color: rgba(255,255,255,0.4);
451      text-underline-offset: 3px;
452      white-space: nowrap;
453    }
454
455    .webinar-banner a:hover {
456      text-decoration-color: var(--white);
457    }
458
459    .webinar-banner-dot {
460      width: 6px;
461      height: 6px;
462      border-radius: 50%;
463      background: var(--accent-lt);
464      flex-shrink: 0;
465      animation: pulse 2s ease-in-out infinite;
466    }
467
468    @keyframes pulse {
469      0%, 100% { opacity: 1; transform: scale(1); }
470      50% { opacity: 0.5; transform: scale(0.8); }
471    }
472
473    .webinar-banner-dismiss {
474      position: absolute;
475      right: clamp(16px, 3vw, 40px);
476      background: none;
477      border: none;
478      color: rgba(255,255,255,0.5);
479      cursor: pointer;
480      font-size: 18px;
481      line-height: 1;
482      padding: 4px 6px;
483      transition: color 0.2s;
484    }
485
486    .webinar-banner-dismiss:hover { color: var(--white); }
487
488    .webinar-banner.hidden { display: none; }
489
490    /* ── WEBINAR INTERSTITIAL ── */
491    .webinar-interstitial {
492      background: var(--surface);
493      border-top: 1px solid var(--sand-lt);
494      border-bottom: 1px solid var(--sand-lt);
495      padding: clamp(48px, 6vw, 72px) clamp(24px, 5vw, 64px);
496    }
497
498    .webinar-interstitial-inner {
499      max-width: 1080px;
500      margin: 0 auto;
501      display: grid;
502      grid-template-columns: 1fr auto;
503      gap: clamp(32px, 5vw, 64px);
504      align-items: center;
505    }
506
507    .webinar-interstitial .eyebrow { color: var(--accent); margin-bottom: 10px; }
508
509    .webinar-interstitial h2 {
510      font-size: clamp(22px, 2.8vw, 34px);
511      margin-bottom: 14px;
512    }
513
514    .webinar-interstitial p {
515      font-size: 16px;
516      color: var(--text-mid);
517      line-height: 1.8;
518      max-width: 520px;
519    }
520
521    .webinar-interstitial-cta {
522      text-align: center;
523      flex-shrink: 0;
524    }
525
526    .webinar-detail-pills {
527      display: flex;
528      gap: 8px;
529      flex-wrap: wrap;
530      margin-top: 16px;
531    }
532
533    .webinar-pill {
534      display: inline-flex;
535      align-items: center;
536      gap: 6px;
537      background: var(--accent-lt);
538      color: var(--accent-dk);
539      border-radius: 40px;
540      padding: 5px 12px;
541      font-size: 12px;
542      font-weight: 500;
543      letter-spacing: 0.04em;
544      font-family: 'DM Sans', sans-serif;
545    }
546
547    .webinar-price-display {
548      font-family: 'Playfair Display', serif;
549      font-size: clamp(36px, 5vw, 52px);
550      color: var(--text);
551      line-height: 1;
552      margin-bottom: 6px;
553    }
554
555    .webinar-price-sub {
556      font-size: 12px;
557      color: var(--text-light);
558      letter-spacing: 0.06em;
559      text-transform: uppercase;
560      margin-bottom: 20px;
561    }
562
563    .webinar-slot-pair {
564      display: flex;
565      flex-direction: column;
566      gap: 9px;
567      min-width: 200px;
568    }
569
570    .webinar-slot-link {
571      display: block;
572      text-align: center;
573      padding: 12px 22px;
574      border-radius: var(--radius);
575      font-size: 13px;
576      font-weight: 500;
577      letter-spacing: 0.03em;
578      transition: background 0.2s, transform 0.15s, color 0.2s;
579      text-decoration: none;
580      font-family: 'DM Sans', sans-serif;
581    }
582
583    .webinar-slot-link-primary {
584      background: var(--accent);
585      color: var(--white);
586    }
587
588    .webinar-slot-link-primary:hover {
589      background: var(--accent-dk);
590      color: var(--white);
591      text-decoration: none;
592      transform: translateY(-1px);
593    }
594
595    .webinar-slot-link-outline {
596      color: var(--accent);
597      border: 1.5px solid var(--accent);
598    }
599
600    .webinar-slot-link-outline:hover {
601      background: var(--accent-lt);
602      text-decoration: none;
603      transform: translateY(-1px);
604    }
605
606    @media (max-width: 900px) {
607      .webinar-interstitial-inner {
608        grid-template-columns: 1fr;
609        gap: 28px;
610      }
611
612      .webinar-interstitial-cta {
613        text-align: left;
614      }
615
616      .webinar-slot-pair {
617        flex-direction: row;
618        flex-wrap: wrap;
619      }
620
621      .webinar-slot-link {
622        flex: 1;
623        min-width: 160px;
624      }
625    }
626
627    @media (max-width: 768px) {
628      .webinar-interstitial { padding: 48px 20px; }
629      .webinar-slot-pair { flex-direction: column; }
630      .webinar-slot-link { width: 100%; }
631    }
632  </style>
633</head>
634<body>
635
636<!-- ── NAV ── -->
637<div id="nav-placeholder"></div>
638
639<!-- ── HERO ── -->
640<section class="hero">
641  <div class="hero-inner">
642    <div class="hero-top">
643      <div class="hero-left">
644        <p class="hero-eyebrow fade-up fade-up-1">Parent coaching with Joe</p>
645        <h1 class="fade-up fade-up-2">Strain <em>Relief</em><br>for Parents</h1>
646        <div class="hero-strapline fade-up fade-up-3">
647          You're <strong>not</strong> a bad parent.<br>
648          You're just <strong>stretched beyond capacity.</strong><br>
649          Work with me to <strong>build a steadier home</strong> in 8 weeks.
650        </div>
651        <div class="hero-cta-group fade-up fade-up-4">
652          <a class='btn-primary' href='/book'>Book a 20-min call →</a>
653          <a class='btn-ghost' href='/workshops'>Join the free workshop, 22nd October</a>
654        </div>
655
656
657      </div>
658      <div class="hero-photo-wrap fade-up fade-up-2">
659        <img src="images/joe.JPG" alt="Joe — parent coach" class="hero-photo">
660        <p class="hero-photo-caption">Joe — certified parent coach &amp; adoptive dad</p>
661      </div>
662    </div>
663    <div class="hero-stats fade-up fade-up-4">
664      <div class="stat">
665        <div class="stat-value">8</div>
666        <div class="stat-label">Weekly sessions × 50 min</div>
667      </div>
668      <div class="stat">
669        <div class="stat-value">1:1</div>
670        <div class="stat-label">Online with Joe — partner welcome</div>
671      </div>
672      <div class="stat">
673        <div class="stat-value">3</div>
674        <div class="stat-label">Pillars of a steady home</div>
675      </div>
676      <div class="stat">
677        <div class="stat-value">
678          <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="width:36px;height:36px;margin-bottom:8px;">
679            <circle cx="16" cy="16" r="12"/>
680            <circle cx="16" cy="16" r="7"/>
681            <circle cx="16" cy="16" r="2.5" fill="currentColor" stroke="none"/>
682            <line x1="24" y1="8" x2="28" y2="4"/>
683            <polyline points="25 4 28 4 28 7"/>
684          </svg>
685        </div>
686        <div class="stat-label">Parenting shifts that truly stick</div>
687      </div>
688    </div>
689  </div>
690</section>
691
692<!-- ── PILLARS ── -->
693<section class="section section-surface">
694  <div class="section-inner">
695    <span class="eyebrow">The three pillars</span>
696    <h2>A steadier home.<br>Three pillars. Three shifts.</h2>
697    <p style="font-size:clamp(16px,1.8vw,18px);color:var(--text-mid);margin-top:16px;margin-bottom:0;line-height:1.8;">My coaching programme addresses your whole family system, strengthening The Three Pillars of a steadier home. I work with parents individually or as a couple, so you feel less overwhelmed, more equipped, and steadier when navigating behavioural challenges, complex needs, or situations you can't anticipate.</p>
698
699    <div class="pillars-grid">
700      <!-- Pillar 1 -->
701      <div class="pillar-card">
702        <div class="pillar-number">Pillar 01</div>
703        <div class="pillar-icon">
704          <svg viewBox="0 0 24 24" fill="none" stroke="#2A6B6B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
705            <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>
706            <polyline points="9 22 9 12 15 12 15 22"/>
707          </svg>
708        </div>
709        <h3>Your Environment</h3>
710        <div class="pillar-shift">Depletion → Capacity</div>
711        <p>When your space, schedules and commitments are working against you, everything feels harder than 
711it should. This pillar helps you get resourced before anything difficult starts.</p>
712      </div>
713      <!-- Pillar 2 -->
714      <div class="pillar-card">
715        <div class="pillar-number">Pillar 02</div>
716        <div class="pillar-icon">
717          <svg viewBox="0 0 24 24" fill="none" stroke="#2A6B6B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
718            <circle cx="12" cy="8" r="4"/>
719            <path d="M6 20v-2a4 4 0 014-4h4a4 4 0 014 4v2"/>
720          </svg>
721        </div>
722        <h3>Your Culture</h3>
723        <div class="pillar-shift">Confusion → Clarity</div>
724        <p>How you communicate, interpret behaviour, handle consequences and rupture — these shape the culture of your home more than any strategy. This pillar helps you get clear on your values, and consistent in how you lead from there.</p>
725      </div>
726      <!-- Pillar 3 -->
727      <div class="pillar-card">
728        <div class="pillar-number">Pillar 03</div>
729        <div class="pillar-icon">
730          <svg viewBox="0 0 24 24" fill="none" stroke="#2A6B6B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
731            <circle cx="12" cy="12" r="10"/>
732            <polyline points="12 6 12 12 16 14"/>
733          </svg>
734        </div>
735        <h3>Your Response</h3>
736        <div class="pillar-shift">Reactivity → Composure</div>
737        <p>It's hard to respond well when emotions are high. This pillar helps you calm the system — yours and your kids' — so you can respond rather than react.</p>
738      </div>
739    </div>
740
741    <div class="pillars-cta">
742      <a class='btn-ghost' href='/how-it-works'>See how it works</a>
743    </div>
744  </div>
745</section>
746
747<!-- ── ABOUT TEASER ── -->
748<section class="section section-alt">
749  <div class="section-inner" style="max-width: 720px;">
750    <span class="eyebrow">Why I do this work</span>
751    <h2>Coaching forged in the messy reality.</h2>
752    <p style="font-size:clamp(16px,1.8vw,18px);color:var(--text-mid);line-height:1.9;margin-top:16px;margin-bottom:24px;">I'm Joe — an adoptive dad navigating big emotions, PDA, and additional needs from day one. My coaching isn't born from a textbook. It's forged in the messy reality of tears and tantrums — mine and my kids' — and the hard-won knowledge that a steadier home is possible, even when it doesn't feel like it.</p>
753    <a class='btn-ghost' href='/about'>Read my full story</a>
754  </div>
755</section>
756
757<!-- ── TESTIMONIALS ── -->
758<section class="section section-alt">
759  <div class="section-inner">
760    <span class="eyebrow">What parents say</span>
761    <h2>The shifts are real.</h2>
762    <br><br>
763    <div class="testimonials-grid">
764      <div class="testimonial">
765        <div class="testimonial-quote">"</div>
766        <p>"For a long time, I carried a lot quietly. Being listened to with real understanding helped me gain a fresh perspective. I came away with a renewed sense of hope and a more open, honest way of communicating with my children."</p>
767        <div class="testimonial-attr">Senior Operations Manager</div>
768      </div>
769      <div class="testimonial">
770        <div class="testimonial-quote">"</div>
771        <p>"I used to feel quite reactive and unsure in some more challenging situations with my daughter. Thanks to Joe, and countless conversations, I've learnt how to pause, slow down and react more thoughtfully."</p>
772        <div class="testimonial-attr">Home Educator</div>
773      </div>
774      <div class="testimonial">
775        <div class="testimonial-quote">"</div>
776        <p>"I felt lost and overwhelmed after my child's autism diagnosis, just surviving parenting rather than enjoying it. Joe gave me practical tools and a completely non-judgmental space, which helped me rebuild my confidence and genuinely transform my relationship with my children."</p>
777        <div class="testimonial-attr">Emotional Regulation Coach</div>
778      </div>
779      <div class="testimonial">
780        <div class="testimonial-quote">"</div>
781        <p>"As a therapist and homeschooling mom, I thought I had a lot of this figured out. He's made me feel genuinely seen in the messy middle of it, more honest about the moments that don't live up to what I expected of myself, and more at peace with them."</p>
782        <div class="testimonial-attr">Therapist</div>
783      </div>
784    </div>
785  </div>
786</section>
787
788<!-- ── OFFER BAND ── -->
789<section class="offer-band">
790  <div class="offer-band-inner">
791    <div>
792      <span class="eyebrow">The offer</span>
793      <h2>A steadier home.<br>8-week coaching programme.</h2>
794      <p>Strengthen your relationship with your kids by becoming a parent with more capacity, greater confidence, and clear-headed leadership. Eight weeks of focussed work — a different way of showing up for the next decade.</p>
795    </div>
796    <div class="offer-price">
797      <span class="offer-price-label">Let's chat and see if this is a good fit for you.</span>
798      <a class='btn-light' href='/book'>Book a 20-min call →</a>
799    </div>
800  </div>
801</section>
802
803<!-- ── FAQ ── -->
804<section class="section section-alt" id="faq">
805  <div class="section-inner">
806    <span class="eyebrow">Common questions</span>
807    <h2>Good to know.</h2>
808    <br>
809    <div class="faq-list">
810
811      <div class="faq-item">
812        <button class="faq-q" aria-expanded="false">Is this therapy?</button>
813        <div class="faq-a">
814          <p>No, this is coaching. While I draw on my own experiences and professional training, I am not a therapist or a clinician. Therapy often focuses on healing past trauma or diagnosing mental health conditions. Coaching, on the other hand, is forward-looking and action-oriented. We focus on what you can do now to change your responses, manage the environment, and build a steadier home. If you or your child need clinical support, I can help you find the right resources — but my role is to help you navigate the daily challenges of parenting with more capacity and confidence.</p>
815        </div>
816      </div>
817
818      <div class="faq-item">
819        <button class="faq-q" aria-expanded="false">Do you only work with adoptive families?</button>
820        <div class="faq-a">
821          <p>Absolutely not. While my own story as an adoptive dad to a neurodivergent child shapes my perspective, the struggles of feeling stretched, overwhelmed, and reactive are universal. I work with all kinds of families — biological, foster, blended, and single-parent households — who are navigating behavioural challenges, complex needs, or just the sheer exhaustion of modern parenting. If you feel like you're running on empty and want to find a clearer way to show up for your kids, this programme is for you.</p>
822        </div>
823      </div>
824
825      <div class="faq-item">
826        <button class="faq-q" aria-expanded="false">My child is neurodivergent (autistic, ADHD, etc.). Will this help?</button>
827        <div class="faq-a">
828          <p>Yes. In fact, this is where my approach is most effective. Traditional parenting advice often assumes a "typical" developmental path, which can leave parents of neurodivergent children feeling like they're failing. My coaching focuses on regulation, safety, and connection — the foundational pillars that matter most when navigating additional needs. We won't try to "fix" your child; instead, we'll work on building your capacity to stay clear-headed and responsive when things escalate, creating a home environment where everyone can thrive.</p>
829        </div>
830      </div>
831
832      <div class="faq-item">
833        <button class="faq-q" aria-expanded="false">What if I'm not sure if I'm ready to commit to 8 weeks?</button>
834        <div class="faq-a">
835          <p>That's exactly why we start with a 20-minute discovery call. There is no pressure to sign up. In that call, we'll talk through what's happening in your home, see if my approach resonates with you, and determine if we're a good fit. If you decide to move forward, the 8-week structure is designed to be flexible — we work on what's actually happening in your life, not a rigid syllabus. If you aren't ready yet, I'll be happy to point you toward some free resources that might help in the meantime.</p>
836        </div>
837      </div>
838
839      <div class="faq-item">
840        <button class="faq-q" aria-expanded="false">Can my partner join the sessions?</button>
841        <div class="faq-a">
842          <p>Yes, and I'd encourage it. Parenting is a team sport and a unified approach makes a real difference. The core programme is 1:1 but sessions can include your partner.</p>
843        </div>
844      </div>
845
846      <div class="faq-item">
847        <button class="faq-q" aria-expanded="false">What if my partner isn't on the same page?</button>
848        <div class="faq-a">
849          <p>It's more common than you'd think. You don't need to arrive together — you just need to be open to the work yourself. Often, one parent making shifts in how they respond and lead creates enough change in the family system that the other naturally becomes curious. If your partner wants to join sessions, they're welcome — and if you'd both like to work in parallel, we can talk through what that looks like. Either way, we start where you are.</p>
850        </div>
851      </div>
852
853      <div class="faq-item">
854        <button class="faq-q" aria-expanded="false">Is this available outside the UK?</button>
855        <div class="faq-a">
856          <p>Yes. All sessions are conducted online via video call, so location doesn't matter. Whether you're in London, New York, or Sydney, we can work together. The only requirement is that we find a time that works for both of us across time zones.</p>
857        </div>
858      </div>
859
860      <div class="faq-item">
861        <button class="faq-q" aria-expanded="false">What happens if I miss a session?</button>
862        <div class="faq-a">
863          <p>Life happens, especially when you're parenting. If you need to reschedule, just let me know at least 24 hours in advance and we'll find a new time. Consistency is key to seeing real shifts in the family system.</p>
864        </div>
865      </div>
866
867    </div>
868  </div>
869</section>
870
871<style>
872  .faq-list {
873    max-width: 720px;
874    margin: 0 auto;
875    display: flex;
876    flex-direction: column;
877  }
878
879  .faq-item {
880    border-bottom: 1px solid var(--sand-lt);
881  }
882
883  .faq-item:first-child {
884    border-top: 1px solid var(--sand-lt);
885  }
886
887  .faq-q {
888    width: 100%;
889    background: none;
890    border: none;
891    padding: 22px 0;
892    display: flex;
893    justify-content: space-between;
894    align-items: center;
895    gap: 24px;
896    cursor: pointer;
897    font-family: 'DM Sans', sans-serif;
898    font-size: 16px;
899    font-weight: 500;
900    color: var(--text);
901    text-align: left;
902    transition: color 0.2s;
903  }
904
905  .faq-q:hover { color: var(--accent); }
906
907  .faq-q::after {
908    content: '+';
909    font-size: 22px;
910    font-weight: 300;
911    color: var(--accent);
912    flex-shrink: 0;
913    transition: transform 0.3s;
914    line-height: 1;
915  }
916
917  .faq-q[aria-expanded="true"]::after {
918    transform: rotate(45deg);
919  }
920
921  .faq-q[aria-expanded="true"] { color: var(--accent); }
922
923  .faq-a {
924    display: none;
925    padding-bottom: 24px;
926  }
927
928  .faq-a.open { display: block; }
929
930  .faq-a p {
931    font-size: 16px;
932    color: var(--text-mid);
933    line-height: 1.85;
934    max-width: 640px;
935  }
936</style>
937
938<script>
939  document.querySelectorAll('.faq-q').forEach(btn => {
940    btn.addEventListener('click', () => {
941      const expanded = btn.getAttribute('aria-expanded') === 'true';
942      // close all
943      document.querySelectorAll('.faq-q').forEach(b => {
944        b.setAttribute('aria-expanded', 'false');
945        b.nextElementSibling.classList.remove('open');
946      });
947      // open this one if it was closed
948      if (!expanded) {
949        btn.setAttribute('aria-expanded', 'true');
950        btn.nextElementSibling.classList.add('open');
951      }
952    });
953  });
954</script>
954
955
956<!-- ── FOOTER ── -->
957<div id="footer-placeholder"></div>
958
959<script>
960  // Restore banner dismissed state
961  if (sessionStorage.getItem('bannerDismissed')) {
962    var b = document.getElementById('webinarBanner');
963    if (b) b.classList.add('hidden');
964  }
965</script>
965
966
967  
967<script src="/includes.js"></script>
967
968</body>
969</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.