PageSourceSearch

https://craigballantyne.com/client-results

html craigballantyne.com collected 2026-09-30 08:32:45 UTC 113,730 bytes, 1,733 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>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&#039;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 &amp; 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&#039;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&#039;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&#039;m going to make over $30k commission off of my reps this month alone! At the current pace, I&#039;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&#039;d become. Two months ago I was pulling all-nighters, working 12-18 hours some days. In one week after finding him I&#039;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&#039;ve been saying I&#039;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&#039;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                        &copy; 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.