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>Client Results | The Ballantyne Methodâ¢</title> 7 8 <!-- ===================================================== 9 SEO â override $meta_description per page if needed 10 ===================================================== --> 11 <meta name="description" content="Real founders. Real results. See how The Ballantyne Method has helped 3,189+ entrepreneurs scale past 7 and 8 figures while reclaiming their time and freedom." /> 12 13 <!-- Open Graph (social sharing) --> 14 <meta property="og:title" content="Client Results | The Ballantyne Methodâ¢" /> 15 <meta property="og:description" content="Real founders. Real results. See how The Ballantyne Method has helped 3,189+ entrepreneurs scale past 7 and 8 figures while reclaiming their time and freedom." /> 16 <meta property="og:type" content="website" /> 17 18 <!-- ===================================================== 19 Tailwind CSS 20 DEV: Play CDN â no build step required 21 PROD: Switch USE_TAILWIND_CDN to false in config.php, 22 then run: npx tailwindcss -o assets/css/app.min.css --minify 23 ===================================================== --> 24
24<script src="https://cdn.tailwindcss.com"></script>
24 25
25<script> 26 tailwind.config = { 27 theme: { 28 extend: { 29 colors: { 30 brand: { 31 dark: '#0A1628', 32 darker: '#0F1B2E', 33 blue: '#00A0FF', 34 orange: '#FF4D00', 35 'orange-light': '#FF6B00', 36 } 37 } 38 } 39 } 40 } 41 </script>
41 42 43 <!-- Custom styles (animations, utilities Tailwind can't cover alone) --> 44 <link rel="stylesheet" href="/assets/css/app.css" /> 45 46 <!-- ===================================================== 47 Google Tag Manager â head snippet 48 ===================================================== --> 49
49<script>
vendor: 347 bytes, lines 49-53
49(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 50 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 51 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 52 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 53 })(window,document,'script','dataLayer','
53GTM-K2HS9K
vendor: 3 bytes, line 53
53');
53</script>
53 54 55 <!-- EarlyToRise embed script (used on Coaching, Closer, Setter pages) --> 56
56<script src="https://link.earlytorise.com/js/form_embed.js" async></script>
56 57 58 <!-- Favicon â using logo as fallback; replace with a proper favicon.ico if you have one --> 59 <link rel="icon" href="/assets/images/favicon.png" type="image/png" /> 60</head> 61<body class="min-h-screen bg-[#0A1628]"> 62 63 <!-- ===================================================== 64 Google Tag Manager â noscript fallback (must be 65 immediately after opening <body> tag) 66 ===================================================== -->
vendor: 83 bytes, lines 66-68
66 67 <noscript> 68 <iframe src="https://www.googletagmanager.com/ns.html?id=
68GTM-K2HS9K
vendor: 109 bytes, lines 68-72
68" 69 height="0" width="0" style="display:none;visibility:hidden"></iframe> 70 </noscript> 71 72
72<!-- ===================================================== 73 STICKY HEADER / NAVIGATION 74 JS in app.js adds .scrolled class to this element 75 when window.scrollY > 20, triggering backdrop blur. 76 ===================================================== --> 77 <header id="site-header" 78 class="fixed top-0 left-0 right-0 z-50 bg-[#0A1628] border-b border-gray-800 transition-all duration-300"> 79 80 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 81 <div class="flex items-center justify-between h-20"> 82 83 <!-- Logo --> 84 <a href="/" class="flex items-center hover:opacity-80 transition-opacity"> 85 <img src="/assets/images/logo.png" 86 alt="Craig Ballantyne" 87 class="h-10 brightness-0 invert" /> 88 </a> 89 90 <!-- Desktop Navigation --> 91 <nav class="hidden lg:flex items-center space-x-8" aria-label="Main navigation"> 92 <a href="/" 93 class="text-sm font-medium text-gray-300 hover:text-white transition-colors"> 94 Home </a> 95 <a href="/coaching" 96 class="text-sm font-medium text-gray-300 hover:text-white transition-colors"> 97 The Method </a> 98 <a href="/client-results" 99 class="text-sm font-medium text-[#00A0FF]"> 100 Results </a> 101 <a href="/about" 102 class="text-sm font-medium text-gray-300 hover:text-white transition-colors"> 103 About Craig </a> 104 <a href="/team" 105 class="text-sm font-medium text-gray-300 hover:text-white transition-colors"> 106 Our Team </a> 107 </nav> 108 109 <!-- Desktop CTA --> 110 <div class="hidden lg:block"> 111 <a href="/coaching#apply" 112 class="inline-flex items-center bg-gradient-to-r from-[#FF4D00] to-[#FF6B00] hover:from-[#FF6B00] hover:to-[#FF4D00] text-white px-6 py-3 font-bold rounded-full shadow-lg shadow-[#FF4D00]/20 text-sm transition-all duration-200"> 113 Apply for Coaching 114 </a> 115 </div> 116 117 <!-- Mobile Menu Button --> 118 <button id="mobile-menu-btn" 119 class="lg:hidden p-2 text-gray-300 hover:text-white" 120 aria-label="Toggle menu" 121 aria-expanded="false" 122 aria-controls="mobile-menu"> 123 <!-- Hamburger icon (visible when menu closed) --> 124 <svg id="icon-open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 125 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 126 d="M4 6h16M4 12h16M4 18h16" /> 127 </svg> 128 <!-- X icon (visible when menu open) --> 129 <svg id="icon-close" class="h-6 w-6 hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 130 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 131 d="M6 18L18 6M6 6l12 12" /> 132 </svg> 133 </button> 134 135 </div> 136 </div> 137 138 <!-- Mobile Menu (hidden by default, toggled by app.js) --> 139 <div id="mobile-menu" 140 class="hidden lg:hidden border-t border-gray-800 bg-[#0F1B2E]" 141 aria-hidden="true"> 142 <div class="max-w-7xl mx-auto px-4 py-4 space-y-3"> 143 <a href="/" 144 class="block py-2 text-base font-medium text-gray-300"> 145 Home </a>
146 <a href="/coaching" 147 class="block py-2 text-base font-medium text-gray-300"> 148 The Method </a> 149 <a href="/client-results" 150 class="block py-2 text-base font-medium text-[#00A0FF]"> 151 Results </a> 152 <a href="/about" 153 class="block py-2 text-base font-medium text-gray-300"> 154 About Craig </a> 155 <a href="/team" 156 class="block py-2 text-base font-medium text-gray-300"> 157 Our Team </a> 158 <a href="/coaching" 159 class="block w-full text-center bg-gradient-to-r from-[#FF4D00] to-[#FF6B00] text-white mt-4 py-4 font-bold rounded-full"> 160 Apply for Coaching 161 </a> 162 </div> 163 </div> 164 165 </header> 166 167 <!-- Page content pushed below fixed header --> 168 <main class="pt-20"> 169 170<div class="min-h-screen bg-[#FAFAF9]"> 171 172 <!-- ===================================================== 173 HERO â BOB FERGUSON FEATURED TESTIMONIAL 174 ===================================================== --> 175 <section class="bg-gradient-to-br from-[#1E3A8A] to-[#1E3A8A]/90 py-12 md:py-20 text-white"> 176 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 177 178 <div class="text-center mb-12" data-reveal> 179 <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold mb-6"> 180 What Happens When Founders Install The Ballantyne Method 181 </h1> 182 <p class="text-xl text-blue-100 max-w-3xl mx-auto"> 183 When serious founders stop being the bottleneck, everything changes: more time, 184 stronger leaders, and cleaner profits. Here are a few examples from real businesses 185 we've worked with. 186 </p> 187 </div> 188 189 <!-- Featured hero card --> 190 <div class="bg-white/10 backdrop-blur-sm rounded-2xl overflow-hidden border border-white/20 p-6 md:p-8 lg:p-12" 191 data-reveal data-reveal-delay="150"> 192 <div class="grid lg:grid-cols-2 gap-8 lg:gap-12 items-center"> 193 194 <!-- Left: name, video thumbnail, quote --> 195 <div class="flex flex-col gap-8"> 196 <div> 197 <h2 class="text-4xl font-bold text-white">Bob Ferguson</h2> 198 <p class="text-xl text-blue-200 font-medium mt-1">Equipment Sales â $10.2 Revenue</p> 199 </div> 200 201 <!-- Video thumbnail â click opens modal via app.js --> 202 <div class="relative bg-black rounded-xl overflow-hidden aspect-video shadow-2xl border border-white/10 group cursor-pointer" 203 data-video-src="https://www.youtube.com/embed/InQao7GXyb4?autoplay=1"> 204 <div class="absolute inset-0 bg-black/30 group-hover:bg-black/20 transition-colors z-10"></div> 205 <img src="https://img.youtube.com/vi/InQao7GXyb4/maxresdefault.jpg" 206 alt="Bob Ferguson Testimonial" 207 class="absolute inset-0 w-full h-full object-cover" /> 208 <div class="absolute inset-0 flex items-center justify-center z-20"> 209 <div class="w-16 h-16 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 210 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 211 <path d="M8 5v14l11-7z"/> 212 </svg> 213 </div> 214 </div> 215 </div> 216 217 <blockquote class="text-lg leading-relaxed text-blue-50 italic border-l-4 border-[#FDB022] pl-6"> 218 "I went from stuck at $2.5M for three years to $10.2M in just a few years. The Ballantyne Method helped me become unstoppable." 219 </blockquote> 220 </div> 221 222 <!-- Right: growth chart + CTA --> 223 <div class="flex flex-col gap-8"> 224 <!-- Chart.js canvas --> 225 <div class="bg-white rounded-xl p-4 shadow-2xl"> 226 <h4 class="text-lg font-bold text-gray-900 mb-3 px-2"> 227 Bob's Growth Journey </h4> 228 <div style="height:300px;">
229 <canvas id="chart-bob"></canvas> 230 </div> 231 </div> 232 233 <a href="/coaching" 234 class="inline-flex items-center justify-center bg-gradient-to-r from-[#FF4D00] to-[#FF6B00] hover:from-[#FF6B00] hover:to-[#FF4D00] text-white font-bold w-full py-5 text-lg rounded-full shadow-xl shadow-[#FF4D00]/20 transition-all duration-200 hover:scale-[1.02]"> 235 Apply for Coaching 236 <svg class="ml-2 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 237 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> 238 </svg> 239 </a> 240 </div> 241 242 </div> 243 </div> 244 </div> 245 </section> 246 247 248 <!-- ===================================================== 249 VIDEO TESTIMONIALS GRID 250 ===================================================== --> 251 <section class="py-20 bg-white"> 252 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 253 254 <div class="text-center mb-12" data-reveal> 255 <div class="inline-block px-4 py-2 bg-[#1E3A8A]/10 rounded-full mb-4"> 256 <span class="text-sm font-semibold text-[#1E3A8A] uppercase tracking-wider">Video Testimonials</span> 257 </div> 258 <h2 class="text-4xl font-bold text-gray-900 mb-4"> 259 Hear From Founders Who Transformed Their Businesses 260 </h2> 261 <p class="text-xl text-gray-600">Real clients. Real transformations. Real results.</p> 262 </div> 263 264 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> 265 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 266 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/798137360?h=03544bedbb" 267 data-reveal data-reveal-delay="0"> 268 269 <!-- Thumbnail --> 270 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 271 <div class="absolute inset-0 bg-black/20"></div> 272 <img src="/assets/images/Charlie-Johnson-thumb.jpg" 273 alt="Charlie Johnson Testimonial" 274 loading="lazy" 275 class="absolute inset-0 w-full h-full object-cover" /> 276 <div class="absolute inset-0 flex items-center justify-center z-10"> 277 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 278 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 279 <path d="M8 5v14l11-7z"/> 280 </svg> 281 </div> 282 </div> 283 </div> 284 285 <!-- Card footer --> 286 <div class="p-5"> 287 <h3 class="text-base font-bold text-gray-900 mb-1">Charlie Johnson</h3> 288 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 289 </div> 290 291 </div> 292 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 293 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/522056816" 294 data-reveal data-reveal-delay="80"> 295 296 <!-- Thumbnail --> 297 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 298 <div class="absolute inset-0 bg-black/20"></div> 299 <img src="/assets/images/Chris-Larson-thumb.jpg" 300 alt="Chris Larsen Testimonial" 301 loading="lazy" 302 class="absolute inset-0 w-full h-full object-cover" /> 303 <div class="absolute inset-0 flex items-center justify-center z-10">
304 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 305 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 306 <path d="M8 5v14l11-7z"/> 307 </svg> 308 </div> 309 </div> 310 </div> 311 312 <!-- Card footer --> 313 <div class="p-5"> 314 <h3 class="text-base font-bold text-gray-900 mb-1">Chris Larsen</h3> 315 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 316 </div> 317 318 </div> 319 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 320 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/683964807?h=b4f2d82c9d" 321 data-reveal data-reveal-delay="160"> 322 323 <!-- Thumbnail --> 324 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 325 <div class="absolute inset-0 bg-black/20"></div> 326 <img src="/assets/images/Anne-Laguzza-thumb.jpg" 327 alt="Anne Laguzza Testimonial" 328 loading="lazy" 329 class="absolute inset-0 w-full h-full object-cover" /> 330 <div class="absolute inset-0 flex items-center justify-center z-10"> 331 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 332 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 333 <path d="M8 5v14l11-7z"/> 334 </svg> 335 </div> 336 </div> 337 </div> 338 339 <!-- Card footer --> 340 <div class="p-5"> 341 <h3 class="text-base font-bold text-gray-900 mb-1">Anne Laguzza</h3> 342 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 343 </div> 344 345 </div> 346 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 347 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/516086648" 348 data-reveal data-reveal-delay="0"> 349 350 <!-- Thumbnail --> 351 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 352 <div class="absolute inset-0 bg-black/20"></div> 353 <img src="/assets/images/Chase-Gibson-thumb.jpg" 354 alt="Chase Gibson Testimonial" 355 loading="lazy" 356 class="absolute inset-0 w-full h-full object-cover" /> 357 <div class="absolute inset-0 flex items-center justify-center z-10"> 358 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 359 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 360 <path d="M8 5v14l11-7z"/> 361 </svg> 362 </div> 363 </div> 364 </div> 365 366 <!-- Card footer --> 367 <div class="p-5"> 368 <h3 class="text-base font-bold text-gray-900 mb-1">Chase Gibson</h3> 369 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 370 </div> 371 372 </div> 373 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 374 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/521002753" 375 data-reveal data-reveal-delay="80"> 376 377 <!-- Thumbnail --> 378 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 379 <div class="absolute inset-0 bg-black/20"></div> 380 <img src="/assets/images/Zander-Fryer-thumb.jpg" 381 alt="Zander Fryer Testimonial" 382 loading="lazy" 383 class="absolute inset-0 w-full h-full object-cover" /> 384 <div class="absolute inset-0 flex items-center justify-center z-10">
385 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 386 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 387 <path d="M8 5v14l11-7z"/> 388 </svg> 389 </div> 390 </div> 391 </div> 392 393 <!-- Card footer --> 394 <div class="p-5"> 395 <h3 class="text-base font-bold text-gray-900 mb-1">Zander Fryer</h3> 396 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 397 </div> 398 399 </div> 400 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 401 data-video-src="https://livid.com/oe/Tva3Tiimy9FS/video/372551174" 402 data-reveal data-reveal-delay="160"> 403 404 <!-- Thumbnail --> 405 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 406 <div class="absolute inset-0 bg-black/20"></div> 407 <img src="/assets/images/Mathew-Benvie-thumb.jpg" 408 alt="Mathew Benvie Testimonial" 409 loading="lazy" 410 class="absolute inset-0 w-full h-full object-cover" /> 411 <div class="absolute inset-0 flex items-center justify-center z-10"> 412 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 413 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 414 <path d="M8 5v14l11-7z"/> 415 </svg> 416 </div> 417 </div> 418 </div> 419 420 <!-- Card footer --> 421 <div class="p-5"> 422 <h3 class="text-base font-bold text-gray-900 mb-1">Mathew Benvie</h3> 423 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 424 </div> 425 426 </div> 427 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 428 data-video-src="https://livid.com/embed/IW--E0C4768N" 429 data-reveal data-reveal-delay="0"> 430 431 <!-- Thumbnail --> 432 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 433 <div class="absolute inset-0 bg-black/20"></div> 434 <img src="/assets/images/Adam-Pearson-thumb.jpg" 435 alt="Adam Pearson Testimonial" 436 loading="lazy" 437 class="absolute inset-0 w-full h-full object-cover" /> 438 <div class="absolute inset-0 flex items-center justify-center z-10"> 439 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 440 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 441 <path d="M8 5v14l11-7z"/> 442 </svg> 443 </div> 444 </div> 445 </div> 446 447 <!-- Card footer --> 448 <div class="p-5"> 449 <h3 class="text-base font-bold text-gray-900 mb-1">Adam Pearson</h3> 450 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 451 </div> 452 453 </div> 454 <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-lg transition-all border border-gray-200 group cursor-pointer" 455 data-video-src="https://livid.com/embed/uEgwosczlEPH" 456 data-reveal data-reveal-delay="80"> 457 458 <!-- Thumbnail --> 459 <div class="relative bg-gradient-to-br from-gray-800 to-gray-900 aspect-video"> 460 <div class="absolute inset-0 bg-black/20"></div> 461 <img src="/assets/images/Bryce-Henson-thumb.jpg" 462 alt="Bryce Henson Testimonial" 463 loading="lazy" 464 class="absolute inset-0 w-full h-full object-cover" /> 465 <div class="absolute inset-0 flex items-center justify-center z-10">
466 <div class="w-14 h-14 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 transition-colors border border-white/30"> 467 <svg class="h-8 w-8 text-white fill-white ml-1" viewBox="0 0 24 24"> 468 <path d="M8 5v14l11-7z"/> 469 </svg> 470 </div> 471 </div> 472 </div> 473 474 <!-- Card footer --> 475 <div class="p-5"> 476 <h3 class="text-base font-bold text-gray-900 mb-1">Bryce Henson</h3> 477 <p class="text-[#1E3A8A] text-sm font-medium">Watch full testimonial â</p> 478 </div> 479 480 </div> 481 </div> 482 483 </div> 484 </section> 485 486 487 <!-- ===================================================== 488 WRITTEN CASE STUDIES 489 ===================================================== --> 490 <section class="py-20 bg-gray-50"> 491 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 492 493 <div class="text-center mb-12" data-reveal> 494 <div class="inline-block px-4 py-2 bg-[#1E3A8A]/10 rounded-full mb-4"> 495 <span class="text-sm font-semibold text-[#1E3A8A] uppercase tracking-wider">Deep Dive Case Studies</span> 496 </div> 497 <h2 class="text-4xl font-bold text-gray-900 mb-4">The Full Story: How They Did It</h2> 498 <p class="text-xl text-gray-600"> 499 Detailed breakdowns of client transformations using the Ballantyne Methodâ¢. 500 </p> 501 </div> 502 503 <div class="space-y-8"> 504 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden" data-reveal> 505 <div class="p-8 lg:p-10"> 506 507 <!-- Case study header --> 508 <div class="flex items-start gap-6 mb-6"> 509 <div class="flex-shrink-0 w-20 h-20 rounded-full overflow-hidden bg-gradient-to-br from-gray-200 to-gray-300"> 510 <img src="/assets/images/fcf929dac_image.png" 511 alt="Frank Den Blanken" 512 class="w-full h-full object-cover" /> 513 </div> 514 <div class="flex-grow"> 515 <h3 class="text-2xl font-bold text-gray-900 mb-1">Frank Den Blanken</h3> 516 <p class="text-gray-600 mb-3">Online Entrepreneur</p> 517 <div class="flex flex-wrap gap-3"> 518 <div class="px-4 py-2 bg-red-50 border border-red-200 rounded-lg"> 519 <div class="text-xs text-red-600 font-medium mb-0.5">Before</div> 520 <div class="text-lg font-bold text-red-700">$100K Revenue</div> 521 </div> 522 <div class="flex items-center"> 523 <svg class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 524 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 525 </svg> 526 </div> 527 <div class="px-4 py-2 bg-green-50 border border-green-200 rounded-lg"> 528 <div class="text-xs text-green-600 font-medium mb-0.5">After</div> 529 <div class="text-lg font-bold text-green-700">$3M Revenue</div> 530 </div> 531 <div class="px-4 py-2 bg-blue-50 border border-blue-200 rounded-lg"> 532 <div class="text-xs text-blue-600 font-medium mb-0.5">Timeframe</div> 533 <div class="text-lg font-bold text-blue-700">1 Year</div> 534 </div> 535 </div> 536 </div> 537 </div> 538 539 <!-- Story --> 540 <div class="mb-6"> 541 <h4 class="text-lg font-semibold text-gray-900 mb-3">The Transformation</h4> 542 <p class="text-gray-700 leading-relaxed">Frank started with $100K and big ambitions. By implementing the Ballantyne Method, he systematically scaled his operations, removed himself from the day-to-day, and achieved explosive growth to $3 Million in just one year.</p> 543 </div> 544 545 <!-- Key wins --> 546 <div class="mb-10"> 547 <h4 class="text-lg font-semibold text-gray-900 mb-3">Key Results</h4> 548 <ul class="space-y-2"> 549 <li class="flex items-start gap-2"> 550 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div>
551 <span class="text-gray-700">Grew from $100K to $3M</span> 552 </li> 553 <li class="flex items-start gap-2"> 554 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 555 <span class="text-gray-700">Systematized entire operation</span> 556 </li> 557 <li class="flex items-start gap-2"> 558 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 559 <span class="text-gray-700">Removed founder bottleneck</span> 560 </li> 561 <li class="flex items-start gap-2"> 562 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 563 <span class="text-gray-700">Scaled without chaos</span> 564 </li> 565 </ul> 566 </div> 567 568 <!-- Growth chart --> 569 <div class="pt-10 border-t border-gray-100"> 570 <div style="height:350px;"> 571 <canvas id="chart-frank"></canvas> 572 </div> 573 </div> 574 575 </div> 576 </div> 577 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden" data-reveal> 578 <div class="p-8 lg:p-10"> 579 580 <!-- Case study header --> 581 <div class="flex items-start gap-6 mb-6"> 582 <div class="flex-shrink-0 w-20 h-20 rounded-full overflow-hidden bg-gradient-to-br from-gray-200 to-gray-300"> 583 <img src="/assets/images/56aa9d58f_image.png" 584 alt="Boris Enzel" 585 class="w-full h-full object-cover" /> 586 </div> 587 <div class="flex-grow"> 588 <h3 class="text-2xl font-bold text-gray-900 mb-1">Boris Enzel</h3> 589 <p class="text-gray-600 mb-3">Owner, NutriSolutions</p> 590 <div class="flex flex-wrap gap-3"> 591 <div class="px-4 py-2 bg-red-50 border border-red-200 rounded-lg"> 592 <div class="text-xs text-red-600 font-medium mb-0.5">Before</div> 593 <div class="text-lg font-bold text-red-700">$3M Revenue</div> 594 </div> 595 <div class="flex items-center"> 596 <svg class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 597 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 598 </svg> 599 </div> 600 <div class="px-4 py-2 bg-green-50 border border-green-200 rounded-lg"> 601 <div class="text-xs text-green-600 font-medium mb-0.5">After</div> 602 <div class="text-lg font-bold text-green-700">$10.5M Revenue</div> 603 </div> 604 <div class="px-4 py-2 bg-blue-50 border border-blue-200 rounded-lg"> 605 <div class="text-xs text-blue-600 font-medium mb-0.5">Timeframe</div> 606 <div class="text-lg font-bold text-blue-700">1 Year</div> 607 </div> 608 </div> 609 </div> 610 </div> 611 612 <!-- Story --> 613 <div class="mb-6"> 614 <h4 class="text-lg font-semibold text-gray-900 mb-3">The Transformation</h4> 615 <p class="text-gray-700 leading-relaxed">
615Boris was already successful at $3M but needed a system to scale to the next level. Through disciplined execution and strategic planning, he more than tripled his business to $10.5M in just 1 year.</p> 616 </div> 617 618 <!-- Key wins --> 619 <div class="mb-10"> 620 <h4 class="text-lg font-semibold text-gray-900 mb-3">Key Results</h4> 621 <ul class="space-y-2"> 622 <li class="flex items-start gap-2"> 623 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 624 <span class="text-gray-700">Scaled from $3M to $10.5M</span> 625 </li> 626 <li class="flex items-start gap-2"> 627 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 628 <span class="text-gray-700">Tripled business in 1 year</span> 629 </li> 630 <li class="flex items-start gap-2"> 631 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 632 <span class="text-gray-700">Built a high-performance team</span> 633 </li> 634 <li class="flex items-start gap-2"> 635 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 636 <span class="text-gray-700">Dominating his niche</span> 637 </li> 638 </ul> 639 </div> 640 641 <!-- Growth chart --> 642 <div class="pt-10 border-t border-gray-100"> 643 <div style="height:350px;"> 644 <canvas id="chart-boris"></canvas> 645 </div> 646 </div> 647 648 </div> 649 </div> 650 <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden" data-reveal> 651 <div class="p-8 lg:p-10"> 652 653 <!-- Case study header --> 654 <div class="flex items-start gap-6 mb-6"> 655 <div class="flex-shrink-0 w-20 h-20 rounded-full overflow-hidden bg-gradient-to-br from-gray-200 to-gray-300"> 656 <img src="/assets/images/91793b497_image.png" 657 alt="Mary Therese" 658 class="w-full h-full object-cover" /> 659 </div> 660 <div class="flex-grow"> 661 <h3 class="text-2xl font-bold text-gray-900 mb-1">Mary Therese</h3> 662 <p class="text-gray-600 mb-3">Financial Services</p> 663 <div class="flex flex-wrap gap-3"> 664 <div class="px-4 py-2 bg-red-50 border border-red-200 rounded-lg"> 665 <div class="text-xs text-red-600 font-medium mb-0.5">Before</div> 666 <div class="text-lg font-bold text-red-700">$175K Revenue</div> 667 </div> 668 <div class="flex items-center"> 669 <svg class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 670 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 671 </svg> 672 </div> 673 <div class="px-4 py-2 bg-green-50 border border-green-200 rounded-lg"> 674 <div class="text-xs text-green-600 font-medium mb-0.5">After</div> 675 <div class="text-lg font-bold text-green-700">$1.1M Revenue</div> 676 </div> 677 <div class="px-4 py-2 bg-blue-50 border border-blue-200 rounded-lg"> 678 <div class="text-xs text-blue-600 font-medium mb-0.5">Timeframe</div> 679 <div class="text-lg font-bold text-blue-700">4 Years</div> 680 </div> 681 </div> 682 </div> 683 </div> 684 685 <!-- Story --> 686 <div class="mb-6"> 687 <h4 class="text-lg font-semibold text-gray-900 mb-3">The Transformation</h4> 688 <p class="text-gray-700 leading-relaxed">Mary Therese applied the Perfect Day Formula and business systems to steadily grow her financial services practice. She went from a solo operator to a million-dollar business owner over 4 years of coaching.</p> 689 </div> 690 691 <!-- Key wins --> 692 <div class="mb-10"> 693 <h4 class="text-lg font-semibold text-gray-900 mb-3">Key Results</h4> 694 <ul class="space-y-2"> 695 <li class="flex items-start gap-2"> 696 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div>
697 <span class="text-gray-700">Grew from $175K to $1.1M</span> 698 </li> 699 <li class="flex items-start gap-2"> 700 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 701 <span class="text-gray-700">Steady, consistent year-over-year growth</span> 702 </li> 703 <li class="flex items-start gap-2"> 704 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 705 <span class="text-gray-700">Reclaimed control of her time</span> 706 </li> 707 <li class="flex items-start gap-2"> 708 <div class="w-1.5 h-1.5 rounded-full bg-[#1E3A8A] mt-2 flex-shrink-0"></div> 709 <span class="text-gray-700">Built a sustainable 7-figure business</span> 710 </li> 711 </ul> 712 </div> 713 714 <!-- Growth chart --> 715 <div class="pt-10 border-t border-gray-100"> 716 <div style="height:350px;"> 717 <canvas id="chart-mary"></canvas> 718 </div> 719 </div> 720 721 </div> 722 </div> 723 </div> 724 725 </div> 726 </section> 727 728 729 <!-- ===================================================== 730 SOCIAL PROOF WALL 731 ===================================================== --> 732 <section class="bg-gray-50 py-20 border-t border-gray-200"> 733 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 734 735 <div class="text-center mb-12" data-reveal> 736 <h2 class="text-4xl font-bold text-gray-900 mb-4">Real Messages From Real Clients</h2> 737 <p class="text-xl text-gray-600 max-w-2xl mx-auto"> 738 Unsolicited wins, breakthroughs, and life-changing results from founders 739 implementing The Ballantyne Method. 740 </p> 741 </div> 742 743 <!-- CSS columns masonry â same approach as React version --> 744 <div class="columns-1 md:columns-2 lg:columns-3 xl:columns-4 gap-4 space-y-4"> 745 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 746 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 747 <img src="/assets/images/567a599cd_IMG_7494.png" 748 alt="Client Success Story" 749 loading="lazy" 750 class="w-full h-auto object-contain" /> 751 </div> 752 </div> 753 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 754 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 755 <img src="/assets/images/531eaf905_IMG_5094.png" 756 alt="Client Success Story" 757 loading="lazy" 758 class="w-full h-auto object-contain" /> 759 </div> 760 </div> 761 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 762 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 763 <img src="/assets/images/9e30fb0bf_IMG_4926.png" 764 alt="Client Success Story" 765 loading="lazy" 766 class="w-full h-auto object-contain" /> 767 </div> 768 </div> 769 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 770 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 771 <img src="/assets/images/1167ae2a2_IMG_6590.png" 772 alt="Client Success Story" 773 loading="lazy" 774 class="w-full h-auto object-contain" /> 775 </div> 776 </div> 777 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 778 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 779 <img src="/assets/images/15c50a0f9_IMG_4125.png" 780 alt="Client Success Story" 781 loading="lazy" 782 class="w-full h-auto object-contain" /> 783 </div> 784 </div> 785 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 786 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 787 <img src="/assets/images/3268444a1_IMG_5450.png" 788 alt="Client Success Story" 789 loading="lazy" 790 class="w-full h-auto object-contain" /> 791 </div> 792 </div> 793 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 794 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 795 <img src="/assets/images/dc3a838de_8640E74C-C5DA-4E04-88B8-AE707263A51A.jpg" 796 alt="Client Success Story" 797 loading="lazy" 798 class="w-full h-auto object-contain" /> 799 </div> 800 </div> 801 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 802 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 803 <img src="/assets/images/ea0d4cbcd_E16AE3B5-723D-45A8-9CCA-D924E3FB1E5C.jpg" 804 alt="Client Success Story" 805 loading="lazy" 806 class="w-full h-auto object-contain" /> 807 </div> 808 </div> 809 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 810 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 811 <img src="/assets/images/1557a4142_IMG_6460.png" 812 alt="Client Success Story" 813 loading="lazy" 814 class="w-full h-auto object-contain" /> 815 </div> 816 </div> 817 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 818 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 819 <img src="/assets/images/54934473f_IMG_3313.png" 820 alt="Client Success Story" 821 loading="lazy" 822 class="w-full h-auto object-contain" /> 823 </div> 824 </div> 825 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 826 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 827 <img src="/assets/images/a5a40039e_IMG_1226.png" 828 alt="Client Success Story" 829 loading="lazy" 830 class="w-full h-auto object-contain" /> 831 </div> 832 </div> 833 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 834 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 835 <img src="/assets/images/de13516e9_IMG_9509.png" 836 alt="Client Success Story" 837 loading="lazy" 838 class="w-full h-auto object-contain" /> 839 </div> 840 </div> 841 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 842 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 843 <img src="/assets/images/123b1429e_IMG_34731.png" 844 alt="Client Success Story" 845 loading="lazy" 846 class="w-full h-auto object-contain" /> 847 </div> 848 </div> 849 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 850 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 851 <img src="/assets/images/94f46d150_IMG_2779.png" 852 alt="Client Success Story" 853 loading="lazy" 854 class="w-full h-auto object-contain" /> 855 </div> 856 </div> 857 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 858 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 859 <img src="/assets/images/082b4d4af_IMG_1561.png" 860 alt="Client Success Story" 861 loading="lazy" 862 class="w-full h-auto object-contain" /> 863 </div> 864 </div> 865 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 866 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 867 <img src="/assets/images/5d9e99c0e_IMG_0596.png" 868 alt="Client Success Story" 869 loading="lazy" 870 class="w-full h-auto object-contain" /> 871 </div> 872 </div> 873 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 874 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 875 <img src="/assets/images/826deded2_IMG_2733.png" 876 alt="Client Success Story" 877 loading="lazy" 878 class="w-full h-auto object-contain" /> 879 </div> 880 </div> 881 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 882 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 883 <img src="/assets/images/9670bb396_IMG_9488.png" 884 alt="Client Success Story" 885 loading="lazy" 886 class="w-full h-auto object-contain" /> 887 </div> 888 </div> 889 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 890 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 891 <img src="/assets/images/bbf3c97fd_99D886DE-DDB4-429C-A02E-65E1597A691A.jpg" 892 alt="Client Success Story" 893 loading="lazy" 894 class="w-full h-auto object-contain" /> 895 </div> 896 </div> 897 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 898 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 899 <img src="/assets/images/48a1381b3_89520320-C3D8-4ADA-ACCB-065B79650678.jpg" 900 alt="Client Success Story" 901 loading="lazy" 902 class="w-full h-auto object-contain" /> 903 </div> 904 </div> 905 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 906 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 907 <img src="/assets/images/efc4f24fd_D04D3BBF-FBAD-4593-A209-7ACDEFF85284.jpg" 908 alt="Client Success Story" 909 loading="lazy" 910 class="w-full h-auto object-contain" /> 911 </div> 912 </div> 913 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 914 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 915 <img src="/assets/images/1357bcfb8_BFA6A77B-23E3-4900-A1A4-C37E53B566EC.jpg" 916 alt="Client Success Story" 917 loading="lazy" 918 class="w-full h-auto object-contain" /> 919 </div> 920 </div> 921 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 922 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 923 <img src="/assets/images/3b222ece1_IMG_1485.png" 924 alt="Client Success Story" 925 loading="lazy" 926 class="w-full h-auto object-contain" /> 927 </div> 928 </div> 929 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 930 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 931 <img src="/assets/images/e37ae49b6_IMG_41204.png" 932 alt="Client Success Story" 933 loading="lazy" 934 class="w-full h-auto object-contain" /> 935 </div> 936 </div> 937 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 938 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300">
939 <img src="/assets/images/f6e667baf_IMG_0977.png" 940 alt="Client Success Story" 941 loading="lazy" 942 class="w-full h-auto object-contain" /> 943 </div> 944 </div> 945 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 946 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 947 <img src="/assets/images/ae2db979d_IMG_4539.png" 948 alt="Client Success Story" 949 loading="lazy" 950 class="w-full h-auto object-contain" /> 951 </div> 952 </div> 953 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 954 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 955 <img src="/assets/images/831fb04ef_IMG_05961.png" 956 alt="Client Success Story" 957 loading="lazy" 958 class="w-full h-auto object-contain" /> 959 </div> 960 </div> 961 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 962 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 963 <img src="/assets/images/8524c9c15_IMG_3240.png" 964 alt="Client Success Story" 965 loading="lazy" 966 class="w-full h-auto object-contain" /> 967 </div> 968 </div> 969 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 970 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 971 <img src="/assets/images/3f5da0f6f_IMG_7655.png" 972 alt="Client Success Story" 973 loading="lazy" 974 class="w-full h-auto object-contain" /> 975 </div> 976 </div> 977 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 978 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 979 <img src="/assets/images/81df318c4_IMG_5499.png" 980 alt="Client Success Story" 981 loading="lazy" 982 class="w-full h-auto object-contain" /> 983 </div> 984 </div> 985 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 986 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 987 <img src="/assets/images/df9e1a9a4_IMG_5945.png" 988 alt="Client Success Story" 989 loading="lazy" 990 class="w-full h-auto object-contain" /> 991 </div> 992 </div> 993 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 994 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 995 <img src="/assets/images/8545824f0_IMG_3244.png" 996 alt="Client Success Story" 997 loading="lazy" 998 class="w-full h-auto object-contain" /> 999 </div> 1000 </div> 1001 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 1002 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1003 <img src="/assets/images/75ba31ac3_IMG_3242.png" 1004 alt="Client Success Story" 1005 loading="lazy" 1006 class="w-full h-auto object-contain" /> 1007 </div> 1008 </div> 1009 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 1010 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1011 <img src="/assets/images/91762062d_IMG_99671.png" 1012 alt="Client Success Story" 1013 loading="lazy" 1014 class="w-full h-auto object-contain" /> 1015 </div> 1016 </div> 1017 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 1018 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1019 <img src="/assets/images/26b66c7c2_IMG_10671.PNG" 1020 alt="Client Success Story" 1021 loading="lazy" 1022 class="w-full h-auto object-contain" /> 1023 </div> 1024 </div> 1025 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 1026 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1027 <img src="/assets/images/122c705ed_IMG_8914.png" 1028 alt="Client Success Story" 1029 loading="lazy" 1030 class="w-full h-auto object-contain" /> 1031 </div> 1032 </div> 1033 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 1034 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1035 <img src="/assets/images/1e76ac4fe_IMG_8962.png" 1036 alt="Client Success Story" 1037 loading="lazy" 1038 class="w-full h-auto object-contain" /> 1039 </div> 1040 </div> 1041 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 1042 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1043 <img src="/assets/images/885fda420_IMG_4033.png" 1044 alt="Client Success Story" 1045 loading="lazy" 1046 class="w-full h-auto object-contain" /> 1047 </div> 1048 </div> 1049 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 1050 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1051 <img src="/assets/images/5840d7570_IMG_32421.png" 1052 alt="Client Success Story" 1053 loading="lazy" 1054 class="w-full h-auto object-contain" /> 1055 </div> 1056 </div> 1057 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 1058 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1059 <img src="/assets/images/1b3f949d7_IMG_26711.png" 1060 alt="Client Success Story" 1061 loading="lazy" 1062 class="w-full h-auto object-contain" /> 1063 </div> 1064 </div> 1065 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 1066 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1067 <img src="/assets/images/a7fc3f2e0_IMG_2675.png" 1068 alt="Client Success Story" 1069 loading="lazy" 1070 class="w-full h-auto object-contain" /> 1071 </div> 1072 </div> 1073 <div class="break-inside-avoid" data-reveal data-reveal-delay="80"> 1074 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1075 <img src="/assets/images/dbb24be53_IMG_8033.png" 1076 alt="Client Success Story" 1077 loading="lazy" 1078 class="w-full h-auto object-contain" /> 1079 </div> 1080 </div> 1081 <div class="break-inside-avoid" data-reveal data-reveal-delay="160"> 1082 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1083 <img src="/assets/images/77a95b581_IMG_65901.png" 1084 alt="Client Success Story" 1085 loading="lazy" 1086 class="w-full h-auto object-contain" /> 1087 </div> 1088 </div> 1089 <div class="break-inside-avoid" data-reveal data-reveal-delay="240"> 1090 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1091 <img src="/assets/images/13735193d_IMG_41205.png" 1092 alt="Client Success Story" 1093 loading="lazy" 1094 class="w-full h-auto object-contain" /> 1095 </div> 1096 </div> 1097 <div class="break-inside-avoid" data-reveal data-reveal-delay="0"> 1098 <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 hover:shadow-xl transition-all duration-300"> 1099 <img src="/assets/images/8e9ef34d6_IMG_8292.png" 1100 alt="Client Success Story" 1101 loading="lazy" 1102 class="w-full h-auto object-contain" /> 1103 </div> 1104 </div> 1105 </div> 1106 1107 </div> 1108 </section> 1109 1110 1111 <!-- ===================================================== 1112 WRITTEN TESTIMONIALS 1113 ===================================================== --> 1114 <section class="py-20 bg-white border-t border-gray-200"> 1115 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 1116 1117 <div class="text-center mb-12" data-reveal> 1118 <div class="inline-block px-4 py-2 bg-[#1E3A8A]/10 rounded-full mb-4">
1119 <span class="text-sm font-semibold text-[#1E3A8A] uppercase tracking-wider">Written Testimonials</span> 1120 </div> 1121 <h2 class="text-4xl font-bold text-gray-900 mb-4">In Their Own Words</h2> 1122 <p class="text-xl text-gray-600 max-w-3xl mx-auto"> 1123 Direct feedback from clients who've implemented The Ballantyne Method and 1124 transformed their businesses. 1125 </p> 1126 </div> 1127 1128 <div class="max-w-4xl mx-auto space-y-6"> 1129 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1130 data-reveal data-reveal-delay="0"> 1131 <div class="flex items-start gap-6"> 1132 <!-- Quote icon --> 1133 <div class="flex-shrink-0"> 1134 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1135 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1136 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1137 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1138 </svg> 1139 </div> 1140 </div> 1141 <div class="flex-1"> 1142 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1143 "Craig, after our first call I was able to raise prices for 80 of my long-term clients. Only one of the eighty had any pushback. That means your advice from our first call has already added $8K a month (nearly $100K annually) to my business. Thank you." 1144 </p> 1145 <div class="flex items-center gap-3"> 1146 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1147 <div class="text-right"> 1148 <p class="font-bold text-gray-900">â Adam Pearson</p> 1149 </div> 1150 </div> 1151 </div> 1152 </div> 1153 </div> 1154 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1155 data-reveal data-reveal-delay="60"> 1156 <div class="flex items-start gap-6"> 1157 <!-- Quote icon --> 1158 <div class="flex-shrink-0"> 1159 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1160 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1161 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1162 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1163 </svg> 1164 </div> 1165 </div> 1166 <div class="flex-1"> 1167 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1168 "The #1 lesson from The Perfect Day Formula was how to dominate my mornings by blocking off my magic time and scripting out the first three hours of my morning the night before. This helped me overcome afternoon anxiety, gave me control of my day again, and helped create more time in the evening to enjoy my family rather than play catch up. I no longer work in the evenings and that means that my work is of better quality because I think and process better in the mornings." 1169 </p> 1170 <div class="flex items-center gap-3"> 1171 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1172 <div class="text-right"> 1173 <p class="font-bold text-gray-900">â Bedros Keuilian</p> 1174 </div> 1175 </div> 1176 </div> 1177 </div> 1178 </div> 1179 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1180 data-reveal data-reveal-delay="120"> 1181 <div class="flex items-start gap-6"> 1182 <!-- Quote icon --> 1183 <div class="flex-shrink-0"> 1184 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1185 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1186 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1187 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
11875-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1188 </svg> 1189 </div> 1190 </div> 1191 <div class="flex-1"> 1192 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1193 "We just sold our company â SimpleNursing.com â for $115 million. Thank you for your help back in the day. I tell people that 90% of my success comes from the plan from Craig Ballantyne." 1194 </p> 1195 <div class="flex items-center gap-3"> 1196 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1197 <div class="text-right"> 1198 <p class="font-bold text-gray-900">â Mike Linares</p> 1199 <p class="text-sm text-gray-600 mt-1">Founder, SimpleNursing.com</p> 1200 </div> 1201 </div> 1202 </div> 1203 </div> 1204 </div> 1205 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1206 data-reveal data-reveal-delay="0"> 1207 <div class="flex items-start gap-6"> 1208 <!-- Quote icon --> 1209 <div class="flex-shrink-0"> 1210 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1211 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1212 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1213 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1214 </svg> 1215 </div> 1216 </div> 1217 <div class="flex-1"> 1218 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1219 "My business revenue has increased by 3.5 times. My team has doubled in one company and tripled in another. My personal income after expenses, in spite of them having significantly grown, is up by 66 percent over the previous year." 1220 </p> 1221 <div class="flex items-center gap-3"> 1222 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1223 <div class="text-right"> 1224 <p class="font-bold text-gray-900">â Samantha Corbin</p> 1225 <p class="text-sm text-gray-600 mt-1">Film Producer & CEO</p> 1226 </div> 1227 </div> 1228 </div> 1229 </div> 1230 </div> 1231 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1232 data-reveal data-reveal-delay="60"> 1233 <div class="flex items-start gap-6"> 1234 <!-- Quote icon --> 1235 <div class="flex-shrink-0"> 1236 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1237 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1238 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1239 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
12395-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1240 </svg> 1241 </div> 1242 </div> 1243 <div class="flex-1"> 1244 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1245 "When I started with your coaching program, we had only one home under management. Now, thanks to your guidance and support, we manage over 20 homes and have built a million-dollar business. In the next two weeks we will close on two more homes appraised at $2.2M. The growth and success we have achieved are truly remarkable." 1246 </p> 1247 <div class="flex items-center gap-3"> 1248 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1249 <div class="text-right"> 1250 <p class="font-bold text-gray-900">â Derek Gisriel</p> 1251 <p class="text-sm text-gray-600 mt-1">Founder, Level Up Property Management</p> 1252 </div> 1253 </div> 1254 </div> 1255 </div> 1256 </div> 1257 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1258 data-reveal data-reveal-delay="120"> 1259 <div class="flex items-start gap-6"> 1260 <!-- Quote icon --> 1261 <div class="flex-shrink-0"> 1262 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1263 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1264 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1265 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1266 </svg> 1267 </div> 1268 </div> 1269 <div class="flex-1"> 1270 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1271 "Craig, your coaching has helped my speaking business have a record year. I am booking more and better keynote speeches, meeting more people, and even working less! Your sales and marketing strategies have been a big hit." 1272 </p> 1273 <div class="flex items-center gap-3"> 1274 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1275 <div class="text-right"> 1276 <p class="font-bold text-gray-900">â Stacey Copas</p> 1277 <p class="text-sm text-gray-600 mt-1">Australia, Keynote Speaker</p> 1278 </div> 1279 </div> 1280 </div> 1281 </div> 1282 </div> 1283 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1284 data-reveal data-reveal-delay="0"> 1285 <div class="flex items-start gap-6"> 1286 <!-- Quote icon --> 1287 <div class="flex-shrink-0"> 1288 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1289 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1290 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1291 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
12915-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1292 </svg> 1293 </div> 1294 </div> 1295 <div class="flex-1"> 1296 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1297 "Craig, your coaching has helped boost my sales consulting business! Just last month we did over $17K in sales, and we're growing each month. Your advice and introductions to new clients have made a huge difference, and your accountability have been absolute game-changers." 1298 </p> 1299 <div class="flex items-center gap-3"> 1300 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1301 <div class="text-right"> 1302 <p class="font-bold text-gray-900">â Mark Evans</p> 1303 <p class="text-sm text-gray-600 mt-1">Sales Blueprint Guru</p> 1304 </div> 1305 </div> 1306 </div> 1307 </div> 1308 </div> 1309 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1310 data-reveal data-reveal-delay="60"> 1311 <div class="flex items-start gap-6"> 1312 <!-- Quote icon --> 1313 <div class="flex-shrink-0"> 1314 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1315 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1316 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1317 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1318 </svg> 1319 </div> 1320 </div> 1321 <div class="flex-1"> 1322 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1323 "We are busier than ever with our business thanks to the action steps we have taken since our call. This includes the daily reach outs and meeting with folks in my network and through referrals. Since then, I have connected with several key decision makers at some big name companies." 1324 </p> 1325 <div class="flex items-center gap-3"> 1326 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1327 <div class="text-right"> 1328 <p class="font-bold text-gray-900">â James Oh</p> 1329 </div> 1330 </div> 1331 </div> 1332 </div> 1333 </div> 1334 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1335 data-reveal data-reveal-delay="120"> 1336 <div class="flex items-start gap-6"> 1337 <!-- Quote icon --> 1338 <div class="flex-shrink-0"> 1339 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1340 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1341 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1342 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
13425-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1343 </svg> 1344 </div> 1345 </div> 1346 <div class="flex-1"> 1347 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1348 "I read your Perfect Day Formula and felt like you were talking directly about me. You are someone I look up to and admire, not because of money, but because of your discipline and who you are as a family man. I look up to you in every way." 1349 </p> 1350 <div class="flex items-center gap-3"> 1351 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1352 <div class="text-right"> 1353 <p class="font-bold text-gray-900">â Josh Robinson</p> 1354 </div> 1355 </div> 1356 </div> 1357 </div> 1358 </div> 1359 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1360 data-reveal data-reveal-delay="0"> 1361 <div class="flex items-start gap-6"> 1362 <!-- Quote icon --> 1363 <div class="flex-shrink-0"> 1364 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1365 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1366 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1367 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1368 </svg> 1369 </div> 1370 </div> 1371 <div class="flex-1"> 1372 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1373 "Hey Craig! Thanks for another client referral! When I started with you last year I was doing $10K per month... but now I'm going to have my first $30K month. Thank you so much for your coaching." 1374 </p> 1375 <div class="flex items-center gap-3"> 1376 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1377 <div class="text-right"> 1378 <p class="font-bold text-gray-900">â Nicolas Korvessis</p> 1379 </div> 1380 </div> 1381 </div> 1382 </div> 1383 </div> 1384 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1385 data-reveal data-reveal-delay="60"> 1386 <div class="flex items-start gap-6"> 1387 <!-- Quote icon --> 1388 <div class="flex-shrink-0"> 1389 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1390 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1391 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1392 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1393 </svg> 1394 </div> 1395 </div> 1396 <div class="flex-1"> 1397 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1398 "I broke $130K in sales this month! And I also had 100% compliance to my schedule this week. I broke sales records this month and still worked out more than ever â all while stopping nearly every day at 5:30. You can update that to 150k in sales as that month ended a few days after the email update!" 1399 </p> 1400 <div class="flex items-center gap-3"> 1401 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1402 <div class="text-right"> 1403 <p class="font-bold text-gray-900">â Frank Benedetto</p> 1404 </div> 1405 </div> 1406 </div> 1407 </div> 1408 </div> 1409 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1410 data-reveal data-reveal-delay="120"> 1411 <div class="flex items-start gap-6"> 1412 <!-- Quote icon --> 1413 <div class="flex-shrink-0"> 1414 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1415 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1416 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1417 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
14175-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1418 </svg> 1419 </div> 1420 </div> 1421 <div class="flex-1"> 1422 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1423 "I'm going to make over $30k commission off of my reps this month alone! At the current pace, I'll easily do over a million in commission this year. In February alone, I have already surpassed my entire annual fire department salary. Unreal! Thank you for all your help and guidance!" 1424 </p> 1425 <div class="flex items-center gap-3"> 1426 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1427 <div class="text-right"> 1428 <p class="font-bold text-gray-900">â Sal De Paola</p> 1429 </div> 1430 </div> 1431 </div> 1432 </div> 1433 </div> 1434 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1435 data-reveal data-reveal-delay="0"> 1436 <div class="flex items-start gap-6"> 1437 <!-- Quote icon --> 1438 <div class="flex-shrink-0"> 1439 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1440 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1441 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1442 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1443 </svg> 1444 </div> 1445 </div> 1446 <div class="flex-1"> 1447 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1448 "Craig has turned me into the morning person who I NEVER thought I'd become. Two months ago I was pulling all-nighters, working 12-18 hours some days. In one week after finding him I've never been so excited to wake up before the sunrise. Incredible! Get his book. Hire this man." 1449 </p> 1450 <div class="flex items-center gap-3"> 1451 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1452 <div class="text-right"> 1453 <p class="font-bold text-gray-900">â Doug Boughton</p> 1454 </div> 1455 </div> 1456 </div> 1457 </div> 1458 </div> 1459 <div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl p-8 border border-gray-200 hover:shadow-xl hover:border-[#1E3A8A]/30 transition-all" 1460 data-reveal data-reveal-delay="60"> 1461 <div class="flex items-start gap-6"> 1462 <!-- Quote icon --> 1463 <div class="flex-shrink-0"> 1464 <div class="w-12 h-12 rounded-full bg-gradient-to-br from-[#1E3A8A]/10 to-[#1E3A8A]/5 flex items-center justify-center"> 1465 <svg class="h-6 w-6 text-[#1E3A8A]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1466 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1467 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.25
14675-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> 1468 </svg> 1469 </div> 1470 </div> 1471 <div class="flex-1"> 1472 <p class="text-base text-gray-700 leading-relaxed mb-6 italic"> 1473 "Your messaging about cutting the crap and switching over to GSD on your MIT ASAP in the AM has really helped me over the last few months. I've been saying I'll start a side hustle for years, and only recently have I made any real progress. Thanks for all you do!" 1474 </p> 1475 <div class="flex items-center gap-3"> 1476 <div class="h-px flex-1 bg-gradient-to-r from-[#1E3A8A]/20 to-transparent"></div> 1477 <div class="text-right"> 1478 <p class="font-bold text-gray-900">â Tom Jessessky</p> 1479 </div> 1480 </div> 1481 </div> 1482 </div> 1483 </div> 1484 </div> 1485 1486 </div> 1487 </section> 1488 1489 1490 <!-- ===================================================== 1491 STATS BAR 1492 ===================================================== --> 1493 <section class="bg-gradient-to-br from-[#1E3A8A] to-[#1E3A8A]/90 py-16"> 1494 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 1495 <div class="text-center mb-8" data-reveal> 1496 <h2 class="text-3xl font-bold text-white mb-2">The Numbers Don't Lie</h2> 1497 <p class="text-blue-100">Results from Craig's coaching programs</p> 1498 </div> 1499 <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center text-white"> 1500 <div data-reveal data-reveal-delay="0"> 1501 <div class="text-4xl md:text-5xl font-bold mb-2">3,189+</div> 1502 <div class="text-blue-100 text-sm md:text-base">Millionaire Entrepreneurs Created</div> 1503 </div> 1504 <div data-reveal data-reveal-delay="80"> 1505 <div class="text-4xl md:text-5xl font-bold mb-2">$1B+</div> 1506 <div class="text-blue-100 text-sm md:text-base">Client Revenue Generated</div> 1507 </div> 1508 <div data-reveal data-reveal-delay="160"> 1509 <div class="text-4xl md:text-5xl font-bold mb-2">4.2x</div> 1510 <div class="text-blue-100 text-sm md:text-base">Average Revenue Growth</div> 1511 </div> 1512 <div data-reveal data-reveal-delay="240"> 1513 <div class="text-4xl md:text-5xl font-bold mb-2">97%</div> 1514 <div class="text-blue-100 text-sm md:text-base">Client Satisfaction Rate</div> 1515 </div> 1516 </div> 1517 </div> 1518 </section> 1519 1520 1521 <!-- ===================================================== 1522 FINAL CTA 1523 ===================================================== --> 1524 <section class="py-20 bg-white"> 1525 <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> 1526 1527<div class="relative bg-gradient-to-br from-[#0A1628] via-[#1a2332] to-[#0F1B2E] rounded-2xl p-6 sm:p-8 md:p-12 text-center overflow-hidden border border-[#00A0FF]/30" 1528 data-reveal> 1529 1530 <!-- Animated background glow --> 1531 <div class="absolute inset-0 bg-gradient-to-r from-[#00A0FF]/10 via-trans
1531parent to-[#00A0FF]/10 cta-glow pointer-events-none"></div> 1532 1533 <div class="relative"> 1534 <h2 class="text-2xl sm:text-3xl md:text-4xl font-bold text-white mb-4"> 1535 Ready to Be the Next Success Story? </h2> 1536 <p class="text-base sm:text-lg md:text-xl text-gray-300 mb-6 md:mb-8 max-w-2xl mx-auto"> 1537 Join over 3,189 founders who have transformed their businesses with the Ballantyne Methodâ¢. </p> 1538 <a href="/coaching" 1539 class="inline-flex items-center bg-gradient-to-r from-[#FF4D00] to-[#FF6B00] hover:from-[#FF6B00] hover:to-[#FF4D00] text-white px-6 sm:px-8 py-4 sm:py-5 text-base sm:text-lg font-bold rounded-full shadow-lg shadow-[#FF4D00]/30 transition-all duration-200 w-full sm:w-auto justify-center"> 1540 I'm Ready to Scale <svg class="ml-2 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1541 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> 1542 </svg> 1543 </a> 1544 </div> 1545</div> 1546 </div> 1547 </section> 1548 1549</div><!-- /min-h-screen --> 1550 1551 1552<!-- ===================================================== 1553 CHART.JS â loaded once, after page content 1554 All chart configs are inlined below as the 1555 canvases are already in the DOM at this point. 1556 ===================================================== -->
1557<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
vendor: 1 bytes, line 1557
1557
1558<script> 1559(function () { 1560 'use strict'; 1561 1562 // Currency axis/tooltip formatter 1563 function fmt(v) { 1564 if (v >= 1000000) return '$' + (v / 1000000).toFixed(1) + 'M'; 1565 if (v >= 1000) return '$' + Math.round(v / 1000) + 'K'; 1566 return '$' + v; 1567 } 1568 1569 // Shared chart factory 1570 function makeChart(id, labels, data, color) { 1571 const canvas = document.getElementById(id); 1572 if (!canvas) return; 1573 1574 const ctx = canvas.getContext('2d'); 1575 1576 // Gradient fill matching the Recharts version (colour â transparent) 1577 const grad = ctx.createLinearGradient(0, 0, 0, canvas.offsetHeight || 300); 1578 grad.addColorStop(0.05, color + '33'); // ~20% opacity 1579 grad.addColorStop(0.95, color + '00'); // transparent 1580 1581 new Chart(ctx, { 1582 type: 'line', 1583 data: { 1584 labels: labels, 1585 datasets: [{ 1586 data: data, 1587 borderColor: color, 1588 borderWidth: 3, 1589 backgroundColor: grad, 1590 fill: true, 1591 tension: 0.4, 1592 pointRadius: 4,
1593 pointBackgroundColor: color, 1594 }] 1595 }, 1596 options: { 1597 responsive: true, 1598 maintainAspectRatio: false, 1599 plugins: { 1600 legend: { display: false }, 1601 tooltip: { 1602 callbacks: { 1603 label: ctx => fmt(ctx.raw) 1604 }, 1605 backgroundColor: '#fff', 1606 titleColor: '#374151', 1607 bodyColor: '#374151', 1608 borderColor: '#e5e7eb', 1609 borderWidth: 1, 1610 padding: 10, 1611 cornerRadius: 8, 1612 } 1613 }, 1614 scales: { 1615 x: { 1616 grid: { display: false }, 1617 border: { display: false }, 1618 ticks: { color: '#6B7280', font: { size: 12 } } 1619 }, 1620 y: { 1621 grid: { color: '#f0f0f0' }, 1622 border: { display: false }, 1623 ticks: { 1624 color: '#6B7280', 1625 font: { size: 12 }, 1626 callback: fmt 1627 } 1628 } 1629 } 1630 } 1631 }); 1632 } 1633 1634 // Initialise all four charts once the DOM is ready 1635 // Data passed directly from PHP via json_encode 1636 makeChart("chart-bob",["2022","2023","2024","2025"],[2500000,4000000,5500000,10200000],"#FDB022"); 1637 makeChart("chart-frank",["Start","End"],[100000,3000000],"#EF4444"); 1638 makeChart("chart-boris",["Start","End"],[3000000,10500000],"#F59E0B"); 1639 makeChart("chart-mary",["Year 1","Year 2","Year 3","Year 4"],[175000,355000,595000,1100000],"#10B981"); 1640 1641})(); 1642</script>
1642 1643 1644 </main><!-- /main â opened in header.php --> 1645 1646 <!-- ===================================================== 1647 FOOTER 1648 ===================================================== --> 1649 <footer class="bg-[#0F1B2E] border-t border-gray-800 text-gray-300 mt-20"> 1650 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> 1651 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> 1652 1653 <!-- Brand Column --> 1654 <div class="lg:col-span-2"> 1655 <a href="/"> 1656 <img src="/assets/images/logo.png" 1657 alt="Craig Ballantyne" 1658 class="h-10 mb-4 brightness-0 invert" /> 1659 </a> 1660 <p class="text-gray-400 mb-6 max-w-md"> 1661 The Ballantyne Method⢠â Proven systems for 7-8 figure founders to build 1662 discipline, leverage, and freedom. Taught by world-class coaches trained 1663 directly by Craig. 1664 </p> 1665 <div class="text-sm text-gray-500"> 1666 © 2026 Craig Ballantyne. All rights reserved. 1667 </div> 1668 </div> 1669 1670 <!-- Quick Links Column --> 1671 <div> 1672 <h3 class="text-white font-semibold mb-4">Quick Links</h3> 1673 <ul class="space-y-3"> 1674 <li> 1675 <a href="/" 1676 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1677 Home </a> 1678 </li> 1679 <li> 1680 <a href="/coaching" 1681 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1682 The Method </a> 1683 </li> 1684 <li> 1685 <a href="/client-results" 1686 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1687 Results </a> 1688 </li> 1689 <li> 1690 <a href="/about" 1691 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1692 About Craig </a> 1693 </li> 1694 <li> 1695 <a href="/team" 1696 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1697 Our Team </a> 1698 </li> 1699 <li> 1700 <a href="/contact" 1701 class="text-gray-400 hover:text-[#00A0FF] transition-colors"> 1702 Contact </a> 1703 </li> 1704 </ul> 1705 </div> 1706 1707 <!-- Email Signup Column --> 1708 <div> 1709 <h3 class="text-white font-semibold mb-4">Stay Updated</h3> 1710 <p class="text-sm text-gray-400 mb-4"> 1711 Get insights on The Ballantyne Method and proven strategies for 1712 scaling your business. 1713 </p> 1714 1715 <!-- 2026 embedded optin form (securepublications.com) --> 1716 <style>.sp-optin-input-name,.sp-optin-input-email{box-sizing:border-box;width:100%;background-color:#0A1628;border:1px solid #374151;border-radius:.375rem;padding:.5rem .75rem;color:#fff;font-size:.875rem;line-height:1.25rem;margin-bottom:.75rem}.sp-optin-input-name::placeholder,.sp-optin-input-email::placeholder{color:#6b7280}.sp-optin-input-name:focus,.sp-optin-input-email:focus{outline:none;border-color:#00A0FF}.sp-optin-button{width:100%;border:none;cursor:pointer;background:linear-gradient(to right,#00A0FF,#0066CC);color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;transition:background .2s ease}.sp-optin-button:hover{background:linear-gradient(to right,#0066CC,#00A0FF)}.sp-optin-message{text-align:center;padding:.5rem .75rem;margin-top:.5rem;font-size:.875rem}.sp-optin-message--success{color:#16a34a}.sp-optin-message--error{color:#dc2626}</style> 1717
1717<script src="https://securepublications.com/embed.js?form_key=cb-com-signup&host=craigballantyne.com" async></script>
1717 1718 </div> 1719 1720 </div><!-- /grid --> 1721 </div><!-- /container --> 1722 </footer> 1723 1724 <!-- ===================================================== 1725 TRACKING SCRIPTS 1726 Add GoHighLevel, Meta Pixel, etc. here as needed 1727 ===================================================== --> 1728 1729 <!-- Site JavaScript --> 1730
1730<script src="/assets/js/app.js"></script>
1730 1731 1732</body> 1733</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.