brand-site/src/pages/speaking.astro
Scott Scoble 1ff39c5d4f
All checks were successful
Build and Deploy to Storj / build-and-deploy (push) Successful in 12s
Remove Past Events section from speaking page
2026-05-26 19:11:48 -07:00

281 lines
6.9 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
import BaseLayout from '../layouts/BaseLayout.astro';
import TalkCard from '../components/TalkCard.astro';
import SharedForm from '../components/Form/SharedForm.astro';
---
<BaseLayout
title="Speaking — Scott Scoble"
description="Keynote speaker on AI, leadership, and human cultivation. Book Scott for your next conference or corporate event."
pageType="speaking"
>
<!-- Hero -->
<section class="hero">
<div class="hero-content">
<p class="hero-kicker">Keynote Speaker</p>
<h1>Helping leaders build AI systems that cultivate humans instead of strip-mining them.</h1>
<a href="#book" class="hero-cta" data-umami-event="speaking-hero-cta-book">Book Scott for Your Event</a>
</div>
</section>
<!-- Signature Talks -->
<section class="talks-section">
<div class="section-container">
<h2>Signature Talks</h2>
<div class="talks-list">
<TalkCard
title="50 First Dates with AI"
slug="/speaking/50-first-dates"
premise="Current AI memory architecture is anterograde amnesia — and we're all Henry Roth, recording VHS tapes every night so our agent can wake up functional tomorrow."
audience="Engineering leaders, AI product teams, CTOs implementing agentic systems"
takeaways={[
"Why your AI's 'memory' is actually just replay, not learning",
"The three-layer memory architecture that actually compounds",
"How to move from VHS tapes to persistent, evolving agents"
]}
/>
<TalkCard
title="From Strip-Mining to Cultivation"
slug="/speaking/strip-mining-to-cultivation"
premise="The shift from extraction to cultivation in AI-era teams. Why throughput optimization is killing your soil health."
audience="CTOs, VP Engineering, people leaders, engineering managers"
takeaways={[
"The difference between strip-mining and cultivation mindsets",
"How to assess your team's soil health",
"Practices that cultivate instead of extract"
]}
/>
<TalkCard
title="The Soil Under Your Team"
premise="Diagnose what's actually depleted before you fertilize. A diagnostic framework for team health in AI-augmented work."
audience="Team leads, managers, engineering directors, founders"
takeaways={[
"The four soil nutrients every team needs",
"How to run a cultivation assessment",
"From diagnosis to cultivation roadmap"
]}
/>
</div>
</div>
</section>
<!-- Book Scott Section -->
<section id="book" class="book-section">
<div class="section-container">
<h2>Book Scott</h2>
<div class="book-grid">
<!-- Booking Form -->
<div class="book-form">
<h3>Inquiry Form</h3>
<SharedForm type="speaking" />
</div>
<!-- One Sheet & Quick Info -->
<div class="book-info">
<h3>Quick Info</h3>
<ul>
<li><strong>Keynote length:</strong> 45–60 minutes</li>
<li><strong>Workshop length:</strong> Half-day or full-day</li>
<li><strong>Topics:</strong> AI, leadership, team cultivation, mentoring</li>
<li><strong>Audience:</strong> Engineering leaders, CTOs, people managers</li>
</ul>
<a href="/downloads/Scott-Scoble-Human-Cultivation-Expert-Speaker-Profile.pdf" class="download-btn" download data-umami-event="speaker-profile-download">📄 Download Speaker Profile (PDF)</a>
<p class="contact-alt">Or email: <a href="mailto:scott@scoble.me" data-umami-event="speaking-email-link">scott@scoble.me</a></p>
</div>
</div>
</div>
</section>
</BaseLayout>
<style>
.hero {
background: var(--color-cream);
padding: 12rem 2rem 6rem;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
}
.hero-kicker {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--color-green);
font-weight: 600;
margin: 0 0 1rem;
}
.hero h1 {
font-family: var(--font-heading);
font-size: clamp(1.75rem, 4vw, 2.5rem);
color: var(--color-brown-dark);
margin: 0 0 2rem;
line-height: 1.3;
}
.hero-cta {
display: inline-block;
background: var(--color-amber);
color: white;
padding: 0.875rem 2rem;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
}
.section-container {
max-width: 1000px;
margin: 0 auto;
padding: 4rem 2rem;
}
section h2 {
font-family: var(--font-heading);
font-size: 2rem;
margin: 0 0 2rem;
color: var(--color-brown-dark);
}
.talks-section {
background: var(--color-cream);
}
.talks-list {
display: flex;
flex-direction: column;
gap: 2rem;
}
.book-section {
background: var(--color-brown-dark);
color: white;
}
.book-section h2 {
color: white;
text-align: center;
}
.book-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
@media (max-width: 768px) {
.book-grid {
grid-template-columns: 1fr;
}
}
.book-form {
background: white;
color: var(--color-text);
padding: 2rem;
border-radius: 8px;
}
.book-form h3 {
font-family: var(--font-heading);
margin: 0 0 1.5rem;
color: var(--color-brown-dark);
}
.form-group {
margin-bottom: 1.25rem;
}
.form-group label {
display: block;
font-weight: 500;
margin-bottom: 0.375rem;
color: var(--color-brown-dark);
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 0.625rem;
border: 1px solid var(--color-border);
border-radius: 4px;
font-size: 1rem;
font-family: inherit;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--color-green);
}
.submit-btn {
background: var(--color-amber);
color: white;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 4px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
width: 100%;
}
.submit-btn:hover {
background: var(--color-amber-light);
}
.book-info h3 {
font-family: var(--font-heading);
margin: 0 0 1.5rem;
}
.book-info ul {
list-style: none;
padding: 0;
margin: 0 0 1.5rem;
}
.book-info li {
margin-bottom: 0.75rem;
padding-left: 0;
}
.download-btn {
display: block;
background: var(--color-amber);
color: white;
padding: 0.75rem 1.25rem;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
margin-bottom: 1rem;
}
.contact-alt {
color: rgba(255,255,255,0.7);
}
.contact-alt a {
color: var(--color-amber-light);
}
</style>