Download keynotes.html from bribrunner/deepsite-project-4v0zo: direct link, hf CLI and curl.
- Browser
- Download file 14.7 kB
-
https://huggingface.co/spaces/bribrunner/deepsite-project-4v0zo/resolve/main/keynotes.html
- Command line
-
hf download hf://spaces/bribrunner/deepsite-project-4v0zo/keynotes.html
-
curl -L -o keynotes.html https://huggingface.co/spaces/bribrunner/deepsite-project-4v0zo/resolve/main/keynotes.html
14.7 kB
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Signature Keynotes | Alex Thompson Speaker Programs</title> | |
| <meta name="description" content="Explore Alex Thompson's three signature keynote programs: The Performance Edge, Lead Without Burnout, and The Resilience Blueprint. Customizable for your event."> | |
| <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%; } | |
| .keynote-card { transition: all 0.3s ease; } | |
| .keynote-card:hover { transform: scale(1.02); } | |
| </style> | |
| </head> | |
| <body class="bg-slate-50 text-slate-800 antialiased"> | |
| <!-- Navigation --> | |
| <nav class="fixed w-full z-50 bg-white/95 backdrop-blur-sm border-b border-slate-200" 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"> | |
| <a href="index.html" class="text-2xl font-black text-slate-900 tracking-tight"> | |
| ALEX<span class="text-orange-500">THOMPSON</span> | |
| </a> | |
| <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-slate-700 hover:text-orange-600 font-medium">About</a> | |
| <a href="keynotes.html" class="nav-link 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"> | |
| Book Alex | |
| </a> | |
| </div> | |
| <button id="mobile-menu-btn" class="md:hidden text-slate-700"> | |
| <i data-lucide="menu" class="w-6 h-6"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-slate-200 absolute w-full"> | |
| <div class="px-4 py-4 space-y-2"> | |
| <a href="index.html" class="block text-slate-700">Home</a> | |
| <a href="about.html" class="block text-slate-700">About</a> | |
| <a href="keynotes.html" class="block text-orange-600 font-semibold">Keynotes</a> | |
| <a href="contact.html" class="block text-orange-600">Book Alex</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Header --> | |
| <section class="pt-32 pb-16 bg-slate-900 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 text-center"> | |
| <h1 class="text-5xl md:text-6xl font-black mb-6">Signature <span class="gradient-text">Keynotes</span></h1> | |
| <p class="text-xl text-slate-300 max-w-3xl mx-auto">Three battle-tested programs, each customizable to your industry, audience, and event objectives.</p> | |
| </div> | |
| </section> | |
| <!-- Keynote 1 --> | |
| <section class="py-20 bg-white"> | |
| <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> | |
| <div class="inline-block px-4 py-2 bg-orange-100 text-orange-700 rounded-full text-sm font-bold mb-6">Most Popular</div> | |
| <h2 class="text-4xl font-bold text-slate-900 mb-4">The Performance Edge</h2> | |
| <p class="text-xl text-orange-600 font-semibold mb-6">Sustainable Excellence Without Sacrifice</p> | |
| <div class="prose prose-lg text-slate-600 mb-8"> | |
| <p>Elite performers aren't superhuman—they're strategic. This keynote reveals the exact systems used by top athletes, executives, and special operators to maintain peak performance year after year without burning out.</p> | |
| </div> | |
| <div class="bg-slate-50 p-6 rounded-xl mb-8"> | |
| <h3 class="font-bold text-slate-900 mb-4 flex items-center gap-2"> | |
| <i data-lucide="target" class="text-orange-500"></i> | |
| Ideal For | |
| </h3> | |
| <ul class="space-y-2 text-slate-700"> | |
| <li>• Sales kickoffs and annual meetings</li> | |
| <li>• Leadership retreats</li> | |
| <li>• High-stakes professional services firms</li> | |
| <li>• Organizations post-layoff or restructuring</li> | |
| </ul> | |
| </div> | |
| <div class="space-y-4 mb-8"> | |
| <h3 class="font-bold text-slate-900">Key Takeaways:</h3> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-orange-600 font-bold text-sm">1</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">The 90-Minute Focus Protocol</h4> | |
| <p class="text-sm text-slate-600">How to achieve 3 hours of work in 90 minutes using ultradian rhythm optimization.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-orange-600 font-bold text-sm">2</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">Energy Management vs. Time Management</h4> | |
| <p class="text-sm text-slate-600">The four energy quadrants and how to operate in the "Performance Zone."</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-orange-600 font-bold text-sm">3</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">Recovery Rituals That Actually Work</h4> | |
| <p class="text-sm text-slate-600">Evidence-based micro-recovery techniques used by Navy SEALs during Hell Week.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-orange-600 font-bold text-sm">4</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">The Digital Distinction Framework</h4> | |
| <p class="text-sm text-slate-600">How to remain focused in an attention-economy designed to distract you.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-orange-600 font-bold text-sm">5</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">The 2-Day Rule</h4> | |
| <p class="text-sm text-slate-600">The simple habit that prevents backsliding during high-stress periods.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex flex-wrap gap-4"> | |
| <div class="flex items-center gap-2 text-sm text-slate-600"> | |
| <i data-lucide="clock" class="w-4 h-4"></i> | |
| <span>Duration: 45-90 minutes</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-sm text-slate-600"> | |
| <i data-lucide="users" class="w-4 h-4"></i> | |
| <span>Formats: Keynote, Workshop</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <img src="http://static.photos/conference/640x360/45" alt="The Performance Edge" class="rounded-2xl shadow-2xl"> | |
| <div class="absolute -bottom-6 -right-6 bg-orange-600 text-white p-6 rounded-xl shadow-xl"> | |
| <p class="font-bold text-lg">Available as Virtual</p> | |
| <p class="text-sm opacity-90">Interactive broadcast format available</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Keynote 2 --> | |
| <section class="py-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 class="order-2 lg:order-1 relative"> | |
| <img src="http://static.photos/meeting/640x360/22" alt="Lead Without Burnout" class="rounded-2xl shadow-2xl"> | |
| <div class="absolute -bottom-6 -left-6 bg-blue-600 text-white p-6 rounded-xl shadow-xl"> | |
| <p class="font-bold text-lg">Leadership Focus</p> | |
| <p class="text-sm opacity-90">Perfect for executive teams</p> | |
| </div> | |
| </div> | |
| <div class="order-1 lg:order-2"> | |
| <div class="inline-block px-4 py-2 bg-blue-100 text-blue-700 rounded-full text-sm font-bold mb-6">Leadership Track</div> | |
| <h2 class="text-4xl font-bold text-slate-900 mb-4">Lead Without Burnout</h2> | |
| <p class="text-xl text-blue-600 font-semibold mb-6">The New Playbook for Modern Leadership</p> | |
| <div class="prose prose-lg text-slate-600 mb-8"> | |
| <p>The old leadership model is killing your best people. This keynote gives executives and managers the framework to drive results while building psychological safety, engagement, and retention.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl mb-8 border border-slate-200"> | |
| <h3 class="font-bold text-slate-900 mb-4 flex items-center gap-2"> | |
| <i data-lucide="users" class="text-blue-500"></i> | |
| Ideal For | |
| </h3> | |
| <ul class="space-y-2 text-slate-700"> | |
| <li>• Executive leadership offsites</li> | |
| <li>• Manager training kickoffs</li> | |
| <li>• HR and People Ops conferences</li> | |
| <li>• Organizations with retention challenges</li> | |
| </ul> | |
| </div> | |
| <div class="space-y-4 mb-8"> | |
| <h3 class="font-bold text-slate-900">Key Takeaways:</h3> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-blue-600 font-bold text-sm">1</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">The Accountability-Compassion Balance</h4> | |
| <p class="text-sm text-slate-600">How to hold high standards without creating anxiety-driven cultures.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-blue-600 font-bold text-sm">2</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">Psychological Safety in High-Stakes Environments</h4> | |
| <p class="text-sm text-slate-600">Proven techniques from healthcare and aviation adapted for corporate teams.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start gap-3"> | |
| <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-1"> | |
| <span class="text-blue-600 font-bold text-sm">3</span> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-slate-900">The 3-Conversation Model</h4> | |
| <p class="text-sm text-slate-600">How to replace performance reviews with ongoing development dialogues.</p> | |
| </div> | |
| </div> |