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 & 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.