| <!DOCTYPE html> |
| <html lang="en" class="scroll-smooth"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>About Alex Thompson | Leadership Speaker & Performance Expert</title> |
| <meta name="description" content="Meet Alex Thompson: Former Fortune 500 executive turned keynote speaker. Author of 'The Performance Edge.' 10+ years researching elite performers."> |
| |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
| <style> |
| body { font-family: 'Inter', sans-serif; } |
| .gradient-text { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } |
| .nav-link { position: relative; } |
| .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background-color: #f97316; transition: width 0.3s; } |
| .nav-link:hover::after { width: 100%; } |
| </style> |
| </head> |
| <body class="bg-white text-slate-800 antialiased"> |
|
|
| |
| <nav class="fixed w-full z-50 bg-white/95 backdrop-blur-sm border-b border-slate-200 transition-all duration-300" id="navbar"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between items-center h-20"> |
| <div class="flex-shrink-0 flex items-center"> |
| <a href="index.html" class="text-2xl font-black text-slate-900 tracking-tight"> |
| ALEX<span class="text-orange-500">THOMPSON</span> |
| </a> |
| </div> |
| <div class="hidden md:flex space-x-8 items-center"> |
| <a href="index.html" class="nav-link text-slate-700 hover:text-orange-600 font-medium">Home</a> |
| <a href="about.html" class="nav-link text-orange-600 font-medium">About</a> |
| <a href="keynotes.html" class="nav-link text-slate-700 hover:text-orange-600 font-medium">Keynotes</a> |
| <a href="media.html" class="nav-link text-slate-700 hover:text-orange-600 font-medium">Media</a> |
| <a href="testimonials.html" class="nav-link text-slate-700 hover:text-orange-600 font-medium">Testimonials</a> |
| <a href="blog.html" class="nav-link text-slate-700 hover:text-orange-600 font-medium">Insights</a> |
| <a href="contact.html" class="bg-orange-600 text-white px-6 py-3 rounded-full font-semibold hover:bg-orange-700 transition-colors shadow-lg shadow-orange-600/30"> |
| Book Alex |
| </a> |
| </div> |
| <div class="md:hidden flex items-center"> |
| <button id="mobile-menu-btn" class="text-slate-700 hover:text-orange-600"> |
| <i data-lucide="menu" class="w-6 h-6"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-slate-200 absolute w-full"> |
| <div class="px-4 pt-2 pb-6 space-y-1"> |
| <a href="index.html" class="block px-3 py-2 text-slate-700 hover:text-orange-600 font-medium">Home</a> |
| <a href="about.html" class="block px-3 py-2 text-orange-600 font-medium">About</a> |
| <a href="keynotes.html" class="block px-3 py-2 text-slate-700 hover:text-orange-600 font-medium">Keynotes</a> |
| <a href="media.html" class="block px-3 py-2 text-slate-700 hover:text-orange-600 font-medium">Media</a> |
| <a href="testimonials.html" class="block px-3 py-2 text-slate-700 hover:text-orange-600 font-medium">Testimonials</a> |
| <a href="blog.html" class="block px-3 py-2 text-slate-700 hover:text-orange-600 font-medium">Insights</a> |
| <a href="contact.html" class="block px-3 py-2 text-orange-600 font-semibold">Book Alex</a> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <section class="pt-32 pb-20 bg-slate-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid lg:grid-cols-2 gap-12 items-center"> |
| <div> |
| <h1 class="text-5xl lg:text-6xl font-black text-slate-900 leading-tight mb-6"> |
| From <span class="gradient-text">Burned-Out Executive</span> to Performance Architect |
| </h1> |
| <p class="text-xl text-slate-600 mb-8 leading-relaxed"> |
| I didn't just study high performance—I crashed and burned my way to understanding it. After collapsing from exhaustion in a C-suite role, I dedicated my life to finding a better way. |
| </p> |
| <div class="flex flex-wrap gap-4"> |
| <a href="contact.html" class="inline-flex items-center px-6 py-3 bg-orange-600 text-white rounded-full font-semibold hover:bg-orange-700 transition-colors shadow-lg"> |
| Book Alex |
| </a> |
| <a href="media.html" class="inline-flex items-center px-6 py-3 border-2 border-slate-300 text-slate-700 rounded-full font-semibold hover:border-orange-600 hover:text-orange-600 transition-colors"> |
| Download Bio |
| </a> |
| </div> |
| </div> |
| <div class="relative"> |
| <img src="http://static.photos/business/640x360/92" alt="Alex Thompson Portrait" class="rounded-2xl shadow-2xl"> |
| <div class="absolute -bottom-6 -left-6 bg-white p-6 rounded-2xl shadow-xl border border-slate-100 max-w-xs"> |
| <div class="flex items-center gap-3 mb-2"> |
| <div class="w-2 h-12 bg-orange-500 rounded-full"></div> |
| <div> |
| <p class="text-3xl font-black text-slate-900">10+</p> |
| <p class="text-sm text-slate-600">Years Researching Elite Performance</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-24 bg-white"> |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="prose prose-lg max-w-none"> |
| <h2 class="text-3xl font-bold text-slate-900 mb-6">The Moment Everything Changed</h2> |
| <p class="text-slate-600 mb-6 leading-relaxed"> |
| It was 2:47 AM in a hospital emergency room when I realized the corporate playbook was broken. As a VP at a Fortune 500 company, I was running a $400M P&L, managing 400 people, and constantly ranked as a "high potential" leader. I was also 35 pounds overweight, sleeping 4 hours a night, and had just collapsed walking into my son's birthday party. |
| </p> |
| <p class="text-slate-600 mb-6 leading-relaxed"> |
| The doctor gave me a choice: Change everything or prepare for a cardiac event before age 40. That night started a decade-long obsession with understanding how elite performers—from Navy SEALs to Olympic athletes to Fortune 100 CEOs—sustain peak performance without sacrificing health, relationships, or sanity. |
| </p> |
| <p class="text-slate-600 mb-6 leading-relaxed"> |
| What I discovered shocked me. The most successful people weren't working harder. They were using entirely different systems—ones that prioritized recovery, deep focus, and strategic energy management over brute-force hours. I spent the next 10 years codifying these systems, testing them with executive teams, and developing what I now call <strong>The Performance Trinity™</strong>. |
| </p> |
| |
| <blockquote class="border-l-4 border-orange-500 pl-6 py-2 my-8 bg-slate-50 italic text-xl text-slate-700"> |
| "My mission is simple: to eradicate burnout from the corporate world by giving leaders the tools to perform at their best while living full lives." |
| </blockquote> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-24 bg-slate-900 text-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl font-bold mb-4">Credentials & Authority</h2> |
| <p class="text-slate-400">Academic rigor meets real-world application</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8"> |
| <div class="bg-slate-800 p-6 rounded-2xl border border-slate-700"> |
| <i data-lucide="book-open" class="w-8 h-8 text-orange-500 mb-4"></i> |
| <h3 class="font-bold text-lg mb-2">Author</h3> |
| <p class="text-slate-400 text-sm">"The Performance Edge" (Harper Business, 2019) - WSJ Bestseller</p> |
| </div> |
| |
| <div class="bg-slate-800 p-6 rounded-2xl border border-slate-700"> |
| <i data-lucide="graduation-cap" class="w-8 h-8 text-orange-500 mb-4"></i> |
| <h3 class="font-bold text-lg mb-2">Education</h3> |
| <p class="text-slate-400 text-sm">MBA Wharton, BS Psychology Stanford, Executive Coaching</p> |
| </div> |
| |
| <div class="bg-slate-800 p-6 rounded-2xl border border-slate-700"> |
| <i data-lucide="mic" class="w-8 h-8 text-orange-500 mb-4"></i> |
| <h3 class="font-bold text-lg mb-2">Media</h3> |
| <p class="text-slate-400 text-sm">Featured in HBR, Forbes, Fast Company, TEDx Speaker</p> |
| </div> |
| |
| <div class="bg-slate-800 p-6 rounded-2xl border border-slate-700"> |
| <i data-lucide="award" class="w-8 h-8 text-orange-500 mb-4"></i> |
| <h3 class="font-bold text-lg mb-2">Recognition</h3> |
| <p class="text-slate-400 text-sm">Top 30 Leadership Speakers (Global Gurus), 40 Under 40</p> |
| </div> |
| </div> |
| |
| |
| <div class="mt-16 pt-12 border-t border-slate-800"> |
| <p class="text-center text-sm text-slate-500 uppercase tracking-wider mb-8">Certifications & Memberships</p> |
| <div class="flex flex-wrap justify-center items-center gap-8 text-slate-400"> |
| <span class="flex items-center gap-2"><i data-lucide="check-circle" class="w-5 h-5 text-orange-500"></i> ICF Certified Executive Coach</span> |
| <span class="flex items-center gap-2"><i data-lucide="check-circle" class="w-5 h-5 text-orange-500"></i> National Speakers Association</span> |
| <span class="flex items-center gap-2"><i data-lucide="check-circle" class="w-5 h-5 text-orange-500"></i> Harvard Institute of Coaching</span> |
| <span class="flex items-center gap-2"><i data-lucide="check-circle" class="w-5 h-5 text-orange-500"></i> Performance Science Research Group</span> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-24 bg-slate-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid lg:grid-cols-2 gap-12 items-center"> |
| <div class="order-2 lg:order-1"> |
| <img src="http://static.photos/outdoor/640x360/23" alt="Alex Thompson Personal" class="rounded-2xl shadow-xl"> |
| </div> |
| <div class="order-1 lg:order-2"> |
| <h2 class="text-3xl font-bold text-slate-900 mb-6">Beyond the Stage</h2> |
| |
| <div class="space-y-6"> |
| <div> |
| <h3 class="font-bold text-slate-900 flex items-center gap-2"> |
| <i data-lucide="heart" class="w-5 h-5 text-orange-500"></i> |
| Family First |
| </h3> |
| <p class="text-slate-600 mt-2">Proud dad of two and husband to Sarah, a pediatric surgeon. We live in Austin, Texas where we compete in triathlons and embarrass our kids at school events.</p> |
| </div> |
| |
| <div> |
| <h3 class="font-bold text-slate-900 flex items-center gap-2"> |
| <i data-lucide="activity" class="w-5 h-5 text-orange-500"></i> |
| Current Experiment |
| </h3> |
| <p class="text-slate-600 mt-2">Training for my 3rd Ironman while researching the connection between physical endurance and executive decision-making.</p> |
| </div> |
| |
| <div> |
| <h3 class="font-bold text-slate-900 flex items-center gap-2"> |
| <i data-lucide="coffee" class="w-5 h-5 text-orange-500"></i> |
| Quirks |
| </h3> |
| <p class="text-slate-600 mt-2">Obsessed with pour-over coffee, collects vintage typewriters, and cannot resist a good dad joke (despite my family's protests).</p> |
| </div> |
| |
| <div> |
| <h3 class="font-bold text-slate-900 flex items-center gap-2"> |
| <i data-lucide="target" class="w-5 h-5 text-orange-500"></i> |
| Core Values |
| </h3> |
| <p class="text-slate-600 mt-2">Radical honesty, fierce kindness, and relentless curiosity. I believe the best leaders are students first.</p> |
| </div> |
| </div> |
| |
| <div class="mt-8 p-6 bg-white rounded-xl border border-slate-200"> |
| <p class="text-sm text-slate-500 uppercase tracking-wide mb-2">Quick Facts</p> |
| <ul class="space-y-2 text-slate-700"> |
| <li>• Based in Austin, TX (but rarely there)</li> |
| <li>• Coffee order: Black, no room for cream</li> |
| <li>• Hidden talent: Juggling (literally and figuratively)</li> |
| <li>• Kryptonite: Airport pretzels</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-orange-600"> |
| <div class="max-w-4xl mx-auto px-4 text-center"> |
| <h2 class="text-3xl font-bold text-white mb-4">Ready to Work Together?</h2> |
| <p class="text-orange-100 mb-8 text-lg">Let's discuss how Alex can impact your organization.</p> |
| <a href="contact.html" class="inline-flex items-center px-8 py-4 bg-white text-orange-600 rounded-full font-bold hover:bg-slate-100 transition-colors shadow-xl"> |
| Start the Conversation |
| </a> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-slate-950 text-slate-300 py-12 border-t border-slate-800"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> |
| <div class="col-span-2"> |
| <h3 class="text-2xl font-black text-white mb-4">ALEX<span class="text-orange-500">THOMPSON</span></h3> |
| <p class="text-slate-400 mb-4 max-w-sm">Transforming organizations through evidence-based leadership keynotes.</p> |
| <div class="flex space-x-4"> |
| <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-orange-600 transition-colors"> |
| <i data-lucide="linkedin" class="w-5 h-5"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-orange-600 transition-colors"> |
| <i data-lucide="twitter" class="w-5 h-5"></i> |
| </a> |
| </div> |
| </div> |
| <div> |
| <h4 class="text-white font-bold mb-4">Quick Links</h4> |
| <ul class="space-y-2"> |
| <li><a href="index.html" class="hover:text-orange-500 transition-colors">Home</a></li> |
| <li><a href="keynotes.html" class="hover:text-orange-500 transition-colors">Keynotes</a></li> |
| <li><a href="contact.html" class="hover:text-orange-500 transition-colors">Book Now</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-white font-bold mb-4">Contact</h4> |
| <ul class="space-y-2"> |
| <li class="flex items-center"><i data-lucide="mail" class="w-4 h-4 mr-2"></i> book@alexthompson.com</li> |
| <li class="flex items-center"><i data-lucide="phone" class="w-4 h-4 mr-2"></i> (555) 123-4567</li> |
| </ul> |
| </div> |
| </div> |
| <div class="border-t border-slate-800 pt-8 text-center text-sm text-slate-500"> |
| © 2024 Alex Thompson. All rights reserved. |
| </div> |
| </div> |
| </footer> |
|
|
| <script src="https://unpkg.com/lucide@latest"></script> |
| <script> |
| lucide.createIcons(); |
| |
| const btn = document.getElementById('mobile-menu-btn'); |
| const menu = document.getElementById('mobile-menu'); |
| btn.addEventListener('click', () => { |
| menu.classList.toggle('hidden'); |
| }); |
| </script> |
| </body> |
| </html> |
