1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<link rel="icon" type="image/png" href="../assets/img/drj-icon.png"> 7<link rel="apple-touch-icon" href="../assets/img/drj-icon.png"> 8<meta name="google-site-verification" content="YjBjJh27-89CMj2XkJ46z15u_yjMvEV9PpyouMEMnEk"> 9<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 10 11<title>Speaking | Dr. Julia Garcia â Keynote Speaker</title> 12<meta name="description" content="Dr. Julia Garcia delivers immersive, science-backed keynotes for healthcare, technology, government, associations, and universities. 88+ engagements annually. A framework tested across 275,000 people."> 13<link rel="canonical" href="https://www.drjuliagarcia.com/speaking/"> 14 15<meta property="og:type" content="website"> 16<meta property="og:title" content="Speaking | Dr. Julia Garcia â Keynote Speaker"> 17<meta property="og:description" content="Immersive, science-backed keynotes for healthcare, technology, government, associations, and universities. 88+ engagements annually."> 18<meta property="og:url" content="https://www.drjuliagarcia.com/speaking/"> 19<meta property="og:site_name" content="Dr. Julia Garcia"> 20<meta property="og:image" content="https://www.drjuliagarcia.com/assets/img/og/og-speaking.jpg"> 21<meta property="og:image:width" content="1200"> 22<meta property="og:image:height" content="630"> 23<meta name="twitter:card" content="summary_large_image">
24<script type="application/ld+json"> 25{ 26 "@context": "https://schema.org", 27 "@type": "WebPage", 28 "name": "Speaking | Dr. Julia Garcia â Keynote Speaker", 29 "description": "Dr. Julia Garcia delivers immersive, science-backed keynotes for healthcare, technology, government, associations, and universities. 88+ engagements annually.", 30 "url": "https://www.drjuliagarcia.com/speaking/", 31 "mainEntity": { 32 "@type": "Person", 33 "@id": "https://www.drjuliagarcia.com/#person", 34 "name": "Dr. Julia Garcia" 35 } 36} 37</script>
37 38 39<link rel="preconnect" href="https://fonts.googleapis.com"> 40<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 41<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&family=Bebas+Neue&display=swap" rel="stylesheet"> 42
43<script>if(localStorage.getItem('theme')==='dark')document.documentElement.classList.add('dark-mode');</script>
vendor: 1 bytes, line 43
43
44<script src="https://cdn.tailwindcss.com"></script>
vendor: 1 bytes, line 44
44
45<script> 46tailwind.config = { 47 theme: { 48 extend: { 49 colors: { 50 accent: '#C6A75E', 51 'accent-bright': '#E2C981', 52 cream: '#F4F1EA', 53 deep: '#0A1A2F', 54 night: '#0A1A2F', 55 ink: 'rgb(var(--c-ink) / <alpha-value>)', 56 paper: 'rgb(var(--c-paper) / <alpha-value>)', 57 stone: 'rgb(var(--c-stone) / <alpha-value>)', 58 rule: 'rgb(var(--c-rule) / <alpha-value>)', 59 }, 60 fontFamily: { 61 serif: ['"Cormorant Garamond"','Georgia','serif'], 62 sans: ['Inter','system-ui','sans-serif'], 63 display: ['"Bebas Neue"','sans-serif'], 64 }, 65 }, 66 }, 67}; 68</script>
68 69 70<style> 71@font-face { 72 font-family: 'ImogenAgnes'; 73 src: url('../assets/fonts/ImogenAgnes.ttf') format('truetype'); 74 font-weight: normal; font-style: normal; font-display: swap; 75} 76@font-face { 77 font-family: 'AtomicMarker'; 78 src: url('../assets/fonts/site-fonts/AtomicMarker.otf') format('opentype'); 79 font-weight: normal; font-style: normal; font-display: swap; 80} 81 82:root { 83 --c-ink: 15 15 15; 84 --c-paper: 244 241 234; 85 --c-stone: 138 134 128; 86 --c-rule: 212 208 204; 87} 88 89/* ââ Scroll reveal ââ */ 90.reveal { opacity:0; transform:translateY(28px); transition:opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1); } 91.reveal.visible { opacity:1; transform:none; } 92 93/* ââ Nav ââ */ 94#site-header { transition:background-color .3s,box-shadow .3s; } 95#site-header.header-scrolled { background-color:rgba(10,26,47,.95); backdrop-filter:blur(12px); box-shadow:0 1px 0 rgba(255,255,255,.06); } 96.nav-logo,.nav-hamburger { color:rgba(255,253,247,.8); transition:color .3s; } 97.nav-logo { font-family: 'ImogenAgnes', cursive; font-size: 24pt; letter-spacing: 0.02em; } 98.nav-link { color:rgba(255,253,247,.8); transition:color .3s; font-size: 13px; text-transform: uppercase; letter-spacing: 0.15em; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; } 99.nav-link:hover { color:#C6A75E; } 100#site-header.header-scrolled .nav-logo { color:#FFFDF7; } 101#site-header.header-scrolled .nav-link { color:rgba(255,253,247,.6); } 102#site-header.header-scrolled .nav-link:hover { color:#C6A75E; } 103#nav-menu { transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); } 104#nav-menu.nav-open { transform:translateX(0); } 105 106/* ââ Section label ââ */ 107.label { display:inline-block; font-family:'Inter',system-ui,sans-serif; font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.25em; } 108.label-light { color:rgba(255,253,247,.4); border-bottom:1.5px solid rgba(255,253,247,.15); padding-bottom:.2rem; } 109.label-dark { color:rgba(15,15,15,.4); border-bottom:1.5px solid rgba(15,15,15,.15); padding-bottom:.2rem; } 110 111/* ââ Photo treatment ââ */ 112.photo-wrap { overflow:hidden; } 113.photo-wrap img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.22,1,.36,1); } 114.photo-wrap:hover img { transform:scale(1.03); } 115 116/* ââ Industry card ââ */ 117.industry-card { position:relative; overflow:hidden; display:block; } 118.industry-card .card-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(10,26,47,.88) 0%, rgba(10,26,47,.3) 50%, rgba(10,26,47,.15) 100%); transition:background .4s; } 119.industry-card:hover .card-overlay { background:linear-gradient(to top, rgba(10,26,47,.95) 0%, rgba(10,26,47,.5) 50%, rgba(10,26,47,.25) 100%); } 120.industry-card .card-content { position:absolute; bottom:0; left:0; right:0; padding:2rem; z-index:2; } 121.industry-card img { transition:transform .9s cubic-bezier(.22,1,.36,1); } 122.industry-card:hover img { transform:scale(1.05); } 123 124/* ââ Keynote accordion ââ */ 125.keynote-body { max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.22,1,.36,1); } 126.keynote-body.open { max-height:1200px; } 127 128/* Diagonal name animation */ 129.diagonal-name { 130 opacity: 0; 131 transform: rotate(-12deg) translateX(40px); 132 transition: opacity 1s cubic-bezier(.22,1,.36,1) 0.4s, transform 1s cubic-bezier(.22,1,.36,1) 0.4s; 133} 134.reveal.visible .diagonal-name { 135 opacity: 1; 136 transform: rotate(-12deg) translateX(0); 137} 138 139/* ââ HOPE editorial section ââ */ 140.keynotes-editorial { 141 background: #ffffff; 142 padding: 5rem 1.5rem 5rem; 143 display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; 144} 145.ke-photo-wrap { width:100%; max-width:640px; margin-bottom:3.5rem; position:relative; } 146.ke-photo { width:100%; height:auto; display:block; position:relative; z-index:1; filter:grayscale(5%) contrast(1.02); } 147.ke-eyebrow { display:block; font-family:'Inter',system-ui,sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.25em; color:rgba(15,15,15,.4); margin-bottom:1.25rem; }
148.ke-type-stack { display:flex; flex-direction:column; align-items:center; } 149.ke-headline { display:flex; flex-direction:column; align-items:center; gap:0; } 150.ke-line { display:block; font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.8rem,6vw,5.5rem); line-height:1.05; color:rgb(var(--c-ink)); } 151.ke-roman { font-weight:300; font-style:normal; } 152.ke-italic { font-weight:300; font-style:italic; } 153.ke-bold { font-weight:600; font-style:normal; } 154.ke-underline { width:min(260px,70%); height:14px; margin-top:2px; margin-bottom:.25rem; } 155.ke-body { max-width:680px; margin-top:2.5rem; display:flex; flex-direction:column; gap:1rem; } 156.ke-body p { font-family:'Inter',system-ui,sans-serif; font-size:1.25rem; color:rgb(var(--c-ink)); opacity:.72; line-height:1.75; } 157 158/* ââ Stat line animations ââ */ 159.stat-spark, .stat-roll, .stat-splash, .stat-write { 160 opacity: 0; 161 transform: translateY(20px); 162} 163#stats-container.in-view .stat-spark { 164 animation: sparkIn 0.8s cubic-bezier(.22,1,.36,1) 0s forwards; 165} 166#stats-container.in-view .stat-roll { 167 animation: rollIn 0.9s cubic-bezier(.22,1,.36,1) 0.3s forwards; 168} 169#stats-container.in-view .stat-splash { 170 animation: splashIn 0.8s cubic-bezier(.22,1,.36,1) 0.6s forwards; 171} 172#stats-container.in-view .stat-write { 173 animation: writeIn 1s cubic-bezier(.22,1,.36,1) 0.9s forwards; 174} 175 176@keyframes sparkIn { 177 0% { opacity:0; transform:scale(0.3) rotate(-8deg); filter:brightness(3); } 178 50% { opacity:1; transform:scale(1.15) rotate(2deg); filter:brightness(1.5); } 179 100% { opacity:1; transform:scale(1) rotate(0deg); filter:brightness(1); } 180} 181@keyframes rollIn { 182 0% { opacity:0; transform:translateX(-80px) rotate(-15deg); } 183 60% { opacity:1; transform:translateX(8px) rotate(2deg); } 184 100% { opacity:1; transform:translateX(0) rotate(0deg); } 185} 186@keyframes splashIn { 187 0% { opacity:0; transform:translateY(50px) scaleY(0.4) scaleX(1.3); } 188 50% { opacity:1; transform:translateY(-10px) scaleY(1.1) scaleX(0.95); } 189 100% { opacity:1; transform:translateY(0) scaleY(1) scaleX(1); } 190} 191@keyframes writeIn { 192 0% { opacity:0; clip-path:inset(0 100% 0 0); } 193 100% { opacity:1; clip-path:inset(0 0% 0 0); } 194} 195 196.formkit-submit { background: #C6A75E !important; color: #0A1A2F !important; } 197</style>
vendor: 59 bytes, lines 197-199
197 198 199<script src="https://www.googletagmanager.com/gtag/js?id=
199GT-TWDKGDLB
vendor: 18 bytes, line 199
199" async></script>
200<script>
vendor: 118 bytes, line 200
200window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
200GT-TWDKGDLB
vendor: 3 bytes, line 200
200');
200</script>
200 201</head> 202 203<body style="background:#0a0a0a;color:#FFFDF7;" class="font-sans antialiased"> 204 205 206<!-- ââââââââââââââââââââââââââââââââ 207 HEADER / NAV 208 ââââââââââââââââââââââââââââââââ --> 209<header id="site-header" class="fixed top-0 left-0 right-0 z-50"> 210 <div class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between"> 211 <a href="../index.html" class="nav-logo leading-none flex flex-col"> 212 <span>Dr. Julia Garcia</span> 213 <span style="font-family:'Inter',system-ui,sans-serif; font-size:7px; text-transform:uppercase; letter-spacing:0.3em; color:rgba(255,253,247,0.5); margin-top:2px;">Speaker Psychologist Writer</span> 214 </a> 215 <nav class="hidden lg:flex items-center gap-8" aria-label="Primary"> 216 <a href="../meet-julia/" class="nav-link">Meet Dr. J</a> 217 <a href="../speaking/" class="nav-link">Speaking</a> 218 <a href="../habitsofhope/" class="nav-link">The Book</a> 219 <a href="../podcast/" class="nav-link">Podcast</a> 220 <a href="../contact/" class="nav-link">Contact</a> 221 </nav> 222 <button id="nav-toggle" class="lg:hidden nav-hamburger" aria-label="Open menu" aria-expanded="false"> 223 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-7 h-7"> 224 <line x1="3" y1="7" x2="21" y2="7"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="17" x2="21" y2="17"/> 225 </svg> 226 </button> 227 </div> 228 <div id="nav-overlay" class="hidden fixed inset-0 bg-night/40 backdrop-blur-sm lg:hidden z-40"></div> 229 <nav id="nav-menu" class="fixed top-0 right-0 bottom-0 w-72 bg-cream shadow-2xl z-50 lg:hidden" aria-label="Mobile"> 230 <button id="nav-close" class="absolute top-5 right-5 text-stone hover:text-ink transition-colors" aria-label="Close"> 231 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6"> 232 <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/> 233 </svg> 234 </button> 235 <div class="flex flex-col gap-6 pt-20 px-8"> 236 <a href="../meet-julia/" class="text-lg font-serif text-ink hover:text-accent transition-colors">Meet Dr. J</a> 237 <a href="../speaking/" class="text-lg font-serif text-ink hover:text-accent transition-colors">Speaking</a> 238 <a href="../habitsofhope/" class="text-lg font-serif text-ink hover:text-accent transition-colors">The Book</a> 239 <a href="../podcast/" class="text-lg font-serif text-ink hover:text-accent transition-colors">Podcast</a> 240 <a href="../contact/" class="text-lg font-serif text-ink hover:text-accent transition-colors">Contact</a> 241 </div> 242 </nav> 243</header> 244 245 246<!-- ââââââââââââââââââââââââââââââââ 247 1. HERO 248 ââââââââââââââââââââââââââââââââ --> 249<section id="hero" class="relative flex items-center justify-center overflow-hidden pt-[100px] pb-[180px] md:pb-[250px]" style="min-height:80vh"> 250 <video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover"> 251 <source src="../assets/video/Dr-Julia_garcia-speaking-reel-highlight-video-webs.mp4" type="video/mp4"> 252 </video> 253 <div class="absolute inset-0 bg-gradient-to-b from-night/50 via-night/30 to-night/70"></div> 254 255 <!-- Layered wave divider --> 256 <div class="absolute bottom-0 left-0 w-full z-20 pointer-events-none" aria-hidden="true"> 257 <svg viewBox="0 0 1440 150" preserveAspectRatio="none" class="block w-full h-[100px] md:h-[140px] absolute bottom-0"> 258 <path d="M0,150 L0,40 Q300,-15 650,35 Q900,70 1150,20 Q1320,-10 1440,30 L1440,150 Z" fill="#F4F1EA"/> 259 </svg> 260 <svg viewBox="0 0 1440 150" preserveAspectRatio="none" class="block w-full h-[80px] md:h-[110px] absolute bottom-0"> 261 <path d="M0,150 L0,55 Q280,5 600,50 Q850,85 1100,35 Q1300,0 1440,45 L1440,150 Z" fill="#F4F1EA"/> 262 </svg> 263 <svg viewBox="0 0 1440 150" preserveAspectRatio="none" class="block w-full h-[60px] md:h-[80px] relative"> 264 <path d="M0,150 L0,80 Q360,20 720,70 Q1080,120 1440,40 L1440,150 Z" fill="#F4F1EA"/> 265 </svg> 266 </div> 267 268 <!-- Content --> 269 <div class="relative z-10 text-center px-6 max-w-5xl"> 270 <h1 class="text-white leading-[1.1]">
271 <span class="font-display uppercase text-[2.8rem] md:text-[4.5rem] lg:text-[5.6rem] tracking-wide block mb-3">Speaking</span> 272 <span class="font-serif italic font-light text-[1.3rem] md:text-[1.8rem] lg:text-[2.2rem] tracking-tight block" style="color:rgba(255,253,247,.65);">Dr. Julia Garcia does not speak about hope as a concept.<br>She speaks from inside its construction.</span> 273 </h1> 274 <div class="mt-8 flex flex-wrap items-center justify-center gap-4"> 275 <a href="../contact/" class="inline-block bg-accent text-night px-8 py-3 text-[13px] uppercase tracking-[0.2em] font-sans font-semibold hover:bg-accent-bright transition-colors"> 276 Book Dr. Garcia → 277 </a> 278 </div> 279 </div> 280</section> 281 282 283<!-- ââââââââââââââââââââââââââââââââ 284 2. ANCHOR â who she is 285 ââââââââââââââââââââââââââââââââ --> 286<section style="background:#F4F1EA;" class="relative"> 287 <div class="max-w-6xl mx-auto px-6 py-12 md:py-16"> 288 <div class="flex flex-col lg:flex-row items-start gap-14 lg:gap-20"> 289 290 <!-- Photo --> 291 <div class="w-full lg:w-[40%] reveal"> 292 <div class="photo-wrap relative" style="aspect-ratio:3/4; box-shadow: 0 0 30px 8px rgba(198,167,94,0.35), 0 0 60px 20px rgba(198,167,94,0.15);"> 293 <img src="../assets/img/speaking/dr-julia-garcia-headshot-primary.png" alt="Dr. Julia Garcia headshot" style="object-position:center top;"> 294 <span class="diagonal-name absolute bottom-6 right-4 z-10" style="font-family:'ImogenAgnes',cursive; font-size:clamp(2rem,4vw,3.5rem); color:rgba(255,255,255,.85); transform:rotate(-12deg); transform-origin:bottom right; text-shadow:0 2px 12px rgba(0,0,0,.5); pointer-events:none;">Dr. Julia Garcia</span> 295 </div> 296 </div> 297 298 <!-- Text --> 299 <div class="w-full lg:w-[60%] reveal" style="transition-delay:.1s;"> 300 <h2 class="font-display uppercase leading-[.9] tracking-tight" style="font-size:clamp(2.2rem,4.5vw,4.5rem);color:rgb(var(--c-ink));"> 301 Meet Dr.<br>Julia Garcia 302 </h2> 303 <div class="mt-8 space-y-5 max-w-lg"> 304 <p class="font-serif italic font-light leading-relaxed" style="font-size:1.15rem;color:rgba(15,15,15,.7);"> 305 Dr. Julia Garcia is a psychologist whose nearly two decades of field work span prevention programming, community mental health, technology development, and crisis intervention. 306 </p> 307 <p class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.55);"> 308 Dr. Julia holds a PhD in Psychology. She delivers keynote speaking engagements across the country. Her career started in drug and alcohol prevention and Title IX programming, working directly with the populations most at risk. From there she co-founded a youth mental health movement that reached 275,000 people across 60+ cities, built award-winning technology to combat social media harm for young girls, and deployed a crisis helpline across 62 countries. 309 </p> 310 <p class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.55);"> 311 Her debut book <em>The Five Habits of Hope</em>, published by HarperCollins, distills that field work into a framework your team can use on Monday, not just a feeling that fades on Friday. 312 </p> 313 </div> 314 </div> 315 316 </div> 317 </div> 318</section> 319 320 321<!-- ââââââââââââââââââââââââââââââââ 322 3. INDUSTRIES â visual grid 323 ââââââââââââââââââââââââââââââââ --> 324<section style="background:#0a0a0a;" class="py-20 md:py-28"> 325 <div class="max-w-7xl mx-auto px-6"> 326 327 <div class="text-center mb-14 reveal"> 328 <h2 class="font-display uppercase leading-[.9] tracking-tight text-white" style="font-size:clamp(2rem,4vw,4rem);"> 329 Industries 330 </h2> 331 <p class="mt-4 leading-relaxed mx-auto" style="color:rgba(255,253,247,.85);max-width:620px;">
332 <span class="font-display uppercase text-[clamp(1.1rem,2.5vw,1.6rem)] tracking-wide">We can't always alter external landscapes we're up against,</span><br> 333 <span class="font-serif italic text-[clamp(1.2rem,2.8vw,1.8rem)]">but we can level out the internal field we're on.</span> 334 </p> 335 </div> 336 337 <!-- Top row: 3 cards --> 338 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4"> 339 340 <!-- Healthcare --> 341 <a href="#healthcare" class="industry-card reveal" style="aspect-ratio:4/5;"> 342 <img src="../assets/img/speaking/dr-julia-garcia-with-mic.jpg" alt="Dr. Julia Garcia speaking with microphone" class="w-full h-full object-cover"> 343 <div class="card-overlay"></div> 344 <div class="card-content"> 345 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Healthcare</span> 346 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">Prevention. Crisis. Infrastructure.</p> 347 </div> 348 </a> 349 350 <!-- Technology & AI --> 351 <a href="#technology" class="industry-card reveal" style="aspect-ratio:4/5;transition-delay:.1s;"> 352 <img src="../assets/img/speaking/dr-julia-garcia-portrait-bw.jpg" alt="Dr. Julia Garcia portrait" class="w-full h-full object-cover"> 353 <div class="card-overlay"></div> 354 <div class="card-content"> 355 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Technology & AI</span> 356 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">Builder. Not commentator.</p> 357 </div> 358 </a> 359 360 <!-- Government --> 361 <a href="#government" class="industry-card reveal" style="aspect-ratio:4/5;transition-delay:.2s;"> 362 <img src="../assets/img/speaking/dr-julia-garcia-on-stage-arms-open.png" alt="Dr. Julia Garcia on stage" class="w-full h-full object-cover"> 363 <div class="card-overlay"></div> 364 <div class="card-content"> 365 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Government</span> 366 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">Mandates. Frameworks. Field work.</p> 367 </div> 368 </a> 369 370 </div> 371 372 <!-- Bottom row: 3 cards --> 373 <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> 374 375 <!-- Associations --> 376 <a href="#associations" class="industry-card reveal" style="aspect-ratio:4/3;"> 377 <img src="../assets/img/speaking/dr-julia-garcia-full-stage-bw.jpg" alt="Dr. Julia Garcia full stage" class="w-full h-full object-cover"> 378 <div class="card-overlay"></div> 379 <div class="card-content"> 380 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Associations</span> 381 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">Tools, not feelings. Members remember.</p> 382 </div> 383 </a> 384 385 <!-- Universities --> 386 <a href="#universities" class="industry-card reveal" style="aspect-ratio:4/3;transition-delay:.1s;"> 387 <img src="../assets/img/speaking/dr-julia-garcia-university-keynote.jpg" alt="Dr. Julia Garcia university keynote" class="w-full h-full object-cover"> 388 <div class="card-overlay"></div> 389 <div class="card-content"> 390 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Universities</span> 391 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">50+ campuses. From 70 to 1,500.</p> 392 </div> 393 </a> 394 395 <!-- Educators & Staff --> 396 <a href="#educators" class="industry-card reveal" style="aspect-ratio:4/3;transition-delay:.2s;"> 397 <img src="../assets/img/speaking/dr-julia-garcia-educators-staff.jpg" alt="Dr. Julia Garcia at School Climate Conference with educators" class="w-full h-full object-cover"> 398 <div class="card-overlay"></div> 399 <div class="card-content"> 400 <span class="font-display text-[2rem] text-white uppercase tracking-wide block leading-none">Educators & Staff</span> 401 <p class="font-sans text-xs mt-2" style="color:rgba(255,253,247,.5);">Culture in the classrooms & beyond.</p> 402 </div> 403 </a> 404 405 </div> 406 </div> 407</section> 408 409 410<!-- ââââââââââââââââââââââââââââââââ 411 4. PHOTO BREAK â dramatic portrait + stats 412 ââââââââââââââââââââââââââââââââ --> 413<section class="relative overflow-hidden" style="background:#111;"> 414 <div class="flex flex-col lg:flex-row"> 415 <div class="w-full lg:w-1/2"> 416 <img src="../assets/img/speaking/dr-julia-garcia-dramatic-portrait-bw.jpg" alt="Dr. Julia Garcia dramatic portrait" class="w-full h-full object-cover" style="min-height:400px;max-height:80vh;"> 417 </div> 418 <div class="w-full lg:w-1/2 flex items-center justify-center px-8 py-16 md:py-24 lg:px-16"> 419 <div class="max-w-md" id="stats-container"> 420 <div class="space-y-0"> 421 <div class="stat-spark py-5 border-t" style="border-color:rgba(255,255,255,.08);">
422 <span class="font-display text-[2.5rem] leading-none text-accent">1M+</span> 423 <p class="mt-1 font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">People reached across 60+ cities</p> 424 </div> 425 <div class="stat-roll py-5 border-t" style="border-color:rgba(255,255,255,.08);"> 426 <span class="font-display text-[2.5rem] leading-none text-accent">62</span> 427 <p class="mt-1 font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Countries, crisis helpline deployment</p> 428 </div> 429 <div class="stat-splash py-5 border-t" style="border-color:rgba(255,255,255,.08);"> 430 <span class="font-display text-[2.5rem] leading-none text-accent">88+</span> 431 <p class="mt-1 font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Engagements annually</p> 432 </div> 433 <div class="stat-write py-5 border-t border-b" style="border-color:rgba(255,255,255,.08);"> 434 <span class="font-display text-[2.5rem] leading-none text-accent">PhD</span> 435 <p class="mt-1 font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Psychology</p> 436 </div> 437 </div> 438 </div> 439 </div> 440 </div> 441</section> 442 443 444<!-- ââââââââââââââââââââââââââââââââ 445 5. KEYNOTE TOPICS 446 ââââââââââââââââââââââââââââââââ --> 447<section style="background:#F4F1EA;" class="py-20 md:py-28"> 448 <div class="max-w-5xl mx-auto px-6"> 449 450 <div class="text-center mb-14 reveal"> 451 <span class="label label-dark mb-6 block">Signature Keynotes</span> 452 <h2 class="font-display uppercase leading-[.9] tracking-tight" style="font-size:clamp(2rem,4vw,4rem);color:rgb(var(--c-ink));"> 453 What she brings<br>to the room. 454 </h2> 455 </div> 456 457 <div class="flex flex-col lg:flex-row gap-12 lg:gap-16 items-start"> 458 459 <!-- Left: Keynote accordions --> 460 <div class="w-full lg:w-[58%]"> 461 462 <!-- Keynote 01 --> 463 <div class="reveal border-t py-10" style="border-color:rgba(15,15,15,.1);"> 464 <button class="keynote-toggle w-full text-left flex items-start gap-6" type="button"> 465 <span class="flex-shrink-0 font-display text-[2.5rem] leading-none text-accent">01</span> 466 <div class="flex-1"> 467 <h3 class="font-display uppercase text-xl md:text-2xl tracking-wide" style="color:rgb(var(--c-ink));">Who Am I in the Age of AI?</h3> 468 <p class="mt-1 font-serif italic text-sm" style="color:rgba(15,15,15,.5);">What nearly two decades of field work taught me about the one thing technology cannot replace.</p> 469 </div> 470 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-5 h-5 flex-shrink-0 mt-2 transition-transform" style="color:rgba(15,15,15,.3);"><path d="M6 9l6 6 6-6"/></svg> 471 </button> 472 <div class="keynote-body"> 473 <div class="pl-[4.5rem] pt-4 pb-2"> 474 <p class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.55);"> 475 AI is reshaping diagnostics, documentation, and decision-making across every industry. But the most critical variable in human outcomes has never been technological. It is human presence. The ability to sit with someone in their worst moment and hold steady. 476 </p> 477 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 478 Dr. Garcia has spent her career building the infrastructure that protects that ability. From prevention programming to crisis response, her work has always centered the same question: what happens to people when the systems around them stop asking if they are okay? 479 </p> 480 <p class="font-sans text-sm leading-relaxed mt-4 font-medium" style="color:rgba(15,15,15,.7);"> 481 Your team will leave with: a neurological understanding of how hope functions under pressure, a practical system for rebuilding presence in high-burnout environments, and a framework they can implement without adding another program to the pile. 482 </p> 483 </div> 484 </div> 485 </div> 486 487 <!-- Keynote 02 --> 488 <div class="reveal border-t py-10" style="border-color:rgba(15,15,15,.1);"> 489 <button class="keynote-toggle w-full text-left flex items-start gap-6" type="button">
490 <span class="flex-shrink-0 font-display text-[2.5rem] leading-none text-accent">02</span> 491 <div class="flex-1"> 492 <h3 class="font-display uppercase text-xl md:text-2xl tracking-wide" style="color:rgb(var(--c-ink));">Hope in the Age of Artificial Everything</h3> 493 <p class="mt-1 font-serif italic text-sm" style="color:rgba(15,15,15,.5);">Habits for Human-Centered Leadership in a High-Tech World</p> 494 </div> 495 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-5 h-5 flex-shrink-0 mt-2 transition-transform" style="color:rgba(15,15,15,.3);"><path d="M6 9l6 6 6-6"/></svg> 496 </button> 497 <div class="keynote-body"> 498 <div class="pl-[4.5rem] pt-4 pb-2"> 499 <p class="font-sans text-[11px] uppercase tracking-[.15em] mb-4" style="color:rgba(15,15,15,.35);">Live, Interactive Experience · 45-90 minutes · Students or Staff</p> 500 <p class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.55);"> 501 Artificial intelligence is reshaping how we live, learn, and lead, making human-centered leadership skills more essential than ever. Dr. Julia Garcia integrates psychological insight, cultural innovation, and lived community impact to help leaders strengthen the human capacities technology cannot replicate. 502 </p> 503 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 504 Drawing from experience supporting over a million people through cultural and mental health challenges, partnering with hundreds of schools, organizations, and communities, and building award-winning tools used around the world, Dr. Garcia delivers a high-energy keynote grounded in real-world insight. She equips leaders with the mental habits that fuel clear thinking, courageous communication, and meaningful connection in a rapidly shifting landscape. 505 </p> 506 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 507 What sets this keynote apart is how it happens. In a time when AI can mimic almost anything, Dr. Garcia gives audiences what technology cannot: real activation. Through live interaction, courageous conversations, and behavioral-science-backed exercises, she interrupts the habits that cause people to hold back and helps them build the ones that move cultures forward. Participants do not just learn the habits of hope. They practice them in real time. 508 </p> 509 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 510 This keynote draws from her new book, <em>The 5 Habits of Hope</em> (HarperCollins), a practical, research-backed framework for strengthening the mental habits that expand human capacity and community connection. Designed for leaders at every level, from students and educators, to teams and organizations. 511 </p> 512 <div class="mt-5 pt-4" style="border-top:1px solid rgba(15,15,15,.08);"> 513 <p class="font-sans text-[11px] uppercase tracking-[.15em] mb-3" style="color:rgba(15,15,15,.35);">Learning Outcomes</p> 514 <ul class="space-y-2"> 515 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Strengthen the human skills that drive clarity, collaboration, and meaningful connection.</li> 516 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Build cultures where trust and purpose guide the people who carry out the mission across leadership teams, classrooms, and communities.</li> 517 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Reduce burnout and disconnection through evidence-based mental habits that improve communication, problem-solving, and adaptability.</li> 518 </ul> 519 </div> 520 </div> 521 </div> 522 </div> 523 524 <!-- Keynote 03 --> 525 <div class="reveal border-t py-10" style="border-color:rgba(15,15,15,.1);"> 526 <button class="keynote-toggle w-full text-left flex items-start gap-6" type="button">
527 <span class="flex-shrink-0 font-display text-[2.5rem] leading-none text-accent">03</span> 528 <div class="flex-1"> 529 <h3 class="font-display uppercase text-xl md:text-2xl tracking-wide" style="color:rgb(var(--c-ink));">Because Their Lives Are at Our Fingertips</h3> 530 <p class="mt-1 font-serif italic text-sm" style="color:rgba(15,15,15,.5);">What every leader should understand about the collision between AI and the people their products serve.</p> 531 </div> 532 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-5 h-5 flex-shrink-0 mt-2 transition-transform" style="color:rgba(15,15,15,.3);"><path d="M6 9l6 6 6-6"/></svg> 533 </button> 534 <div class="keynote-body"> 535 <div class="pl-[4.5rem] pt-4 pb-2"> 536 <p class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.55);"> 537 This keynote is for the organization willing to ask the harder question: what is our responsibility to the people on the other side of the screen? 538 </p> 539 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 540 Dr. Garcia built award-winning technology to combat social media harm for young girls before the industry admitted the problem. She trained 60 people with no prior experience to respond to crises on a live helpline. She has operated at the intersection of technology and human psychology for nearly a decade, not as a commentator but as a builder. 541 </p> 542 <p class="font-sans text-sm leading-relaxed mt-4 font-medium" style="color:rgba(15,15,15,.7);"> 543 Your team will leave with: a timeline of technology's psychological impact that predates the current AI conversation, the Five Habits of Hope applied to product teams and organizational leadership, and a clear framework for what human variables AI acceleration puts at risk. 544 </p> 545 </div> 546 </div> 547 </div> 548 549 <!-- Keynote 04 --> 550 <div class="reveal border-t border-b py-10" style="border-color:rgba(15,15,15,.1);"> 551 <button class="keynote-toggle w-full text-left flex items-start gap-6" type="button"> 552 <span class="flex-shrink-0 font-display text-[2.5rem] leading-none text-accent">04</span> 553 <div class="flex-1"> 554 <h3 class="font-display uppercase text-xl md:text-2xl tracking-wide" style="color:rgb(var(--c-ink));">The 5 Habits of Hope for Staff</h3> 555 <p class="mt-1 font-serif italic text-sm" style="color:rgba(15,15,15,.5);">Stories & Strategies to Help You Find Your Way</p> 556 </div> 557 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-5 h-5 flex-shrink-0 mt-2 transition-transform" style="color:rgba(15,15,15,.3);"><path d="M6 9l6 6 6-6"/></svg> 558 </button> 559 <div class="keynote-body"> 560 <div class="pl-[4.5rem] pt-4 pb-2"> 561 <p class="font-sans text-[11px] uppercase tracking-[.15em] mb-4" style="color:rgba(15,15,15,.35);">Live, Interactive Experience · 45-90 minutes · Educators & Staff</p> 562 <p class="font-serif italic font-light leading-relaxed" style="font-size:1.05rem;color:rgba(15,15,15,.65);"> 563 Behind every initiative, classroom, and deadline is a human being doing their best to hold it all together. 564 </p> 565 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 566 This isn't another PD to sit through. It's a live, interactive session that helps the people who make schools work rediscover why they show up, and how to keep going. 567 </p> 568 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.55);"> 569 Dr. Julia Garcia is a Doctor of Psychology, TEDx speaker, and author of <em>The 5 Habits of Hope</em> (HarperCollins). Her sessions blend research, real talk, and spoken-word storytelling into powerful, emotionally intelligent experiences that meet educators with both empathy and tools. 570 </p> 571 <p class="font-sans text-sm leading-relaxed mt-4" style="color:rgba(15,15,15,.5
5715);"> 572 With over two decades of experience supporting staff across hundreds of schools, Dr. Julia understands the emotional toll of care fatigue, burnout, and leadership in crisis. She offers a space to pause, reflect, and reset, without judgment or jargon. 573 </p> 574 <div class="mt-5 pt-4" style="border-top:1px solid rgba(15,15,15,.08);"> 575 <p class="font-sans text-[11px] uppercase tracking-[.15em] mb-3" style="color:rgba(15,15,15,.35);">Learning Outcomes</p> 576 <ul class="space-y-2"> 577 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Learn practical tools for managing emotional pressure and burnout</li> 578 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Reconnect with your "why" and reflect on your lived experience</li> 579 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Strengthen team culture through shared reflection and authentic dialogue</li> 580 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Explore how emotional endurance supports leadership and care</li> 581 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">Leave with renewed clarity, purpose, and connection</li> 582 <li class="font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.6);">An optional book signing of <em>The 5 Habits of Hope</em> for continued growth</li> 583 </ul> 584 </div> 585 </div> 586 </div> 587 </div> 588 589 <div class="mt-12 text-center reveal"> 590 <a href="../contact/" class="inline-block bg-accent text-night px-8 py-3 text-[13px] uppercase tracking-[0.2em] font-sans font-semibold hover:bg-accent-bright transition-colors"> 591 Book a Keynote → 592 </a> 593 </div> 594 595 </div> 596 597 <!-- Right: Speaking reel video --> 598 <div class="w-full lg:w-[42%] reveal lg:sticky lg:top-28" style="transition-delay:.15s;"> 599 <video autoplay muted loop playsinline class="w-full object-cover" style="aspect-ratio:9/16; box-shadow: 0 0 30px 8px rgba(198,167,94,0.35), 0 0 60px 20px rgba(198,167,94,0.15);"> 600 <source src="../assets/video/Dr-Julia_garcia-speaking-reel-highlight-video-webs.mp4" type="video/mp4"> 601 </video> 602 </div> 603 604 </div> 605 606 </div> 607</section> 608 609 610<!-- ââââââââââââââââââââââââââââââââ 611 6. INDUSTRY DEEP DIVES 612 ââââââââââââââââââââââââââââââââ --> 613 614<!-- HEALTHCARE --> 615<section id="healthcare" class="py-20 md:py-28" style="background:#0a0a0a;"> 616 <div class="max-w-6xl mx-auto px-6"> 617 <div class="flex flex-col lg:flex-row items-start gap-14 lg:gap-20"> 618 <div class="w-full lg:w-[55%] reveal"> 619 <span class="label label-light mb-8 block">Healthcare</span> 620 <h2 class="font-display uppercase leading-[.9] tracking-tight text-white" style="font-size:clamp(2rem,4vw,3.5rem);"> 621 Dr. Julia Garcia started in prevention programming. 622 </h2> 623 <p class="mt-6 font-serif italic font-light leading-relaxed" style="font-size:1.1rem;color:rgba(255,253,247,.6);"> 624 During the height of the pandemic, Dr. Julia Garcia, built and ran a crisis helpline that trained 60 people with no prior experience to respond to active crisis response across 62 countries. Your team deserves a speaker whose work did not start when the speaking industry told her it should. 625 </p> 626 </div> 627 <div class="w-full lg:w-[45%] reveal" style="transition-delay:.15s;"> 628 <div class="space-y-4"> 629 <div class="p-5" style="border:1px solid rgba(255,255,255,.07);"> 630 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Past Clients</span> 631 <p class="mt-2 font-sans text-sm" style="color:rgba(255,253,247,.55);">RWJBarnabas Health, DART Coalition, Acorn Dentistry for Kids, Porter County Health Department, PA Association of Psychiatric Rehabilitation Services, FDIHB / Tsehootsooi Medical Center</p> 632 </div> 633 <div class="p-5" style="border:1px solid rgba(255,255,255,.07);">
634 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Notable</span> 635 <p class="mt-2 font-sans text-sm" style="color:rgba(255,253,247,.55);">Crisis helpline: 62 countries, 17 cohorts, 60+ trained responders. 5 years prevention and Title IX programming. First-ever TEDx at a women's correctional facility.</p> 636 </div> 637 </div> 638 </div> 639 </div> 640 </div> 641</section> 642 643<!-- TECHNOLOGY --> 644<section id="technology" class="py-20 md:py-28" style="background:#F4F1EA;"> 645 <div class="max-w-6xl mx-auto px-6"> 646 <div class="flex flex-col lg:flex-row-reverse items-start gap-14 lg:gap-20"> 647 <div class="w-full lg:w-[55%] reveal"> 648 <span class="label label-dark mb-8 block">Technology & AI</span> 649 <h2 class="font-display uppercase leading-[.9] tracking-tight" style="font-size:clamp(2rem,4vw,3.5rem);color:rgb(var(--c-ink));"> 650 By the time the AI conversation found its mainstream moment, Dr. Julia Garcia had already built the product and been inside the work for years. 651 </h2> 652 <p class="mt-6 font-serif italic font-light leading-relaxed" style="font-size:1.1rem;color:rgba(15,15,15,.6);"> 653 An award-winning platform designed to protect teen psychology from the exploitation that a former Facebook executive would later admit was engineered on purpose. She has been inside this conversation for nearly a decade. 654 </p> 655 <p class="mt-5 font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.5);"> 656 She is not a psychologist who comments on technology. She is a psychologist who builds technology. Every product she has built was designed to protect something technology was making easier to lose. 657 </p> 658 </div> 659 <div class="w-full lg:w-[45%] reveal" style="transition-delay:.15s;"> 660 <div class="space-y-4"> 661 <div class="p-5" style="border:1px solid rgba(15,15,15,.08);"> 662 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(15,15,15,.3);">Past Clients</span> 663 <p class="mt-2 font-sans text-sm" style="color:rgba(15,15,15,.55);">Salesforce, Typeform (documentary + summit keynote), Toyota, Verizon Go Wireless</p> 664 </div> 665 <div class="p-5" style="border:1px solid rgba(15,15,15,.08);"> 666 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(15,15,15,.3);">Products Built</span> 667 <p class="mt-2 font-sans text-sm" style="color:rgba(15,15,15,.55);">KYA platform (2017, recognized by Born This Way Foundation). Give a Dose (built in 4 days, Typeform documentary). MiniChats (AI cognitive practice tool, pre-launch).</p> 668 </div> 669 </div> 670 </div> 671 </div> 672 </div> 673</section> 674 675<!-- GOVERNMENT --> 676<section id="government" class="py-20 md:py-28" style="background:#0a0a0a;"> 677 <div class="max-w-6xl mx-auto px-6"> 678 <div class="flex flex-col lg:flex-row items-start gap-14 lg:gap-20"> 679 <div class="w-full lg:w-[55%] reveal"> 680 <span class="label label-light mb-8 block">Government & Public Health</span> 681 <h2 class="font-display uppercase leading-[.9] tracking-tight text-white" style="font-size:clamp(2rem,4vw,3.5rem);"> 682 Her work maps to the mandates your agency is already navigating. 683 </h2> 684 <p class="mt-6 font-serif italic font-light leading-relaxed" style="font-size:1.1rem;color:rgba(255,253,247,.6);"> 685 Your teams spend their days building frameworks for the communities they serve. Dr. Garcia brings that same intentionality back to them. A framework they can use within existing structures. Tools grounded in nearly two decades of field work. And the rare experience of being in a room that was built for them, not by them. 686 </p> 687 </div> 688 <div class="w-full lg:w-[45%] reveal" style="transition-delay:.15s;"> 689 <div class="space-y-4"> 690 <div class="p-5" style="border:1px solid rgba(255,255,255,.07);"> 691 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Past Clients</span> 692 <p class="mt-2 font-sans text-sm" style="color:rgba(255,253,247,.55);">Contra Costa County Board of Supervisors (multi-year), Loudoun County Government, Porter County Health Department, FDIHB / Tsehootsooi Medical Center, Victim Services Program of Toronto, SCOPE Health Council, City of Pembroke Pines</p> 693 </div> 694 </div> 695 </div> 696 </div> 697 </div> 698</section> 699 700<!-- ASSOCIATIONS --> 701<section id="associations" class="py-20 md:py-28" style="background:#F4F1EA;"> 702 <div class="max-w-6xl mx-auto px-6"> 703 <div class="flex flex-col lg:flex-row-reverse items-start gap-14 lg:gap-20"> 704 <div class="w-full lg:w-[55%] reveal">
705 <span class="label label-dark mb-8 block">Associations</span> 706 <h2 class="font-display uppercase leading-[.9] tracking-tight" style="font-size:clamp(2rem,4vw,3.5rem);color:rgb(var(--c-ink));"> 707 Your community shows up because the work matters. 708 </h2> 709 <p class="mt-6 font-serif italic font-light leading-relaxed" style="font-size:1.1rem;color:rgba(15,15,15,.6);"> 710 They are not looking for entertainment. They are looking for something they can bring back to their practice, their team, and their Monday morning. A framework built in the field that actually transfers. 711 </p> 712 <p class="mt-5 font-sans text-sm leading-relaxed" style="color:rgba(15,15,15,.5);"> 713 The Five Habits of Hope functions as a continuing education tool, not just a keynote experience. It maps onto professional development, client engagement, team dynamics, and organizational resilience. She delivers without performing expertise. She teaches from inside the work, not above it. That distinction is the one your members will notice in the first five minutes and remember six months later. 714 </p> 715 </div> 716 <div class="w-full lg:w-[45%] reveal" style="transition-delay:.15s;"> 717 <div class="space-y-4"> 718 <div class="p-5" style="border:1px solid rgba(15,15,15,.08);"> 719 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(15,15,15,.3);">Past Clients</span> 720 <p class="mt-2 font-sans text-sm" style="color:rgba(15,15,15,.55);">PA Association of Psychiatric Rehabilitation Services, IL Association for Behavioral Health, NCSL (National Conference of State Legislatures), DART Coalition, Education Forward Arizona, Empowering Families</p> 721 </div> 722 </div> 723 </div> 724 </div> 725 </div> 726</section> 727 728<!-- UNIVERSITIES --> 729<section id="universities" class="py-20 md:py-28" style="background:#0a0a0a;"> 730 <div class="max-w-6xl mx-auto px-6"> 731 <div class="flex flex-col lg:flex-row items-start gap-14 lg:gap-20"> 732 <div class="w-full lg:w-[55%] reveal"> 733 <span class="label label-light mb-8 block">Universities & Higher Education</span> 734 <h2 class="font-display uppercase leading-[.9] tracking-tight text-white" style="font-size:clamp(2rem,4vw,3.5rem);"> 735 She started speaking on campuses after losing someone to a drug overdose. 736 </h2> 737 <p class="mt-6 font-serif italic font-light leading-relaxed" style="font-size:1.1rem;color:rgba(255,253,247,.6);"> 738 Dr. Julia Garcia did not have a framework. She had a reason. Nearly two decades later, she has spoken on 50+ campuses and still starts every keynote the same way: by making the room feel like the most important room she has ever been in. 739 </p> 740 <p class="mt-5 font-sans text-sm leading-relaxed" style="color:rgba(255,253,247,.4);"> 741 She knows the difference between a room of 300 freshmen during orientation week and a room of 150 student leaders at a spring conference. She adjusts. She meets them where they are. And she gives them a framework they can use after the assembly ends, not just a feeling that fades by the time they get back to their dorm. 742 </p> 743 </div> 744 <div class="w-full lg:w-[45%] reveal" style="transition-delay:.15s;"> 745 <div class="space-y-4"> 746 <div class="p-5" style="border:1px solid rgba(255,255,255,.07);"> 747 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Past Clients</span> 748 <p class="mt-2 font-sans text-sm" style="color:rgba(255,253,247,.55);">Johns Hopkins University, Savannah College of Art and Design (SCAD), University of Virginia, Penn State Behrend, Embry-Riddle Aeronautical University, Indiana State University, Southern Oregon University, Weber State University, Salisbury University, University of South Dakota</p> 749 </div> 750 <div class="p-5" style="border:1px solid rgba(255,255,255,.07);"> 751 <span class="font-sans text-[10px] uppercase tracking-[.2em]" style="color:rgba(255,253,247,.3);">Notable</span> 752 <p class="mt-2 font-sans text-sm" style="color:rgba(255,253,247,.55);">100+ campus keynotes. First-ever TEDx at a women's correctional facility. CIA Speakers active college circuit. Author: The Five Habits of Hope (HarperCollins).</p> 753 </div> 754 </div> 755 </div> 756 </div> 757 </div> 758</section> 759 760 761<!-- ââââââââââââââââââââââââââââââââ 762 HOPE EDITORIAL â from homepage 763 ââââââââââââââââââââââââââââââââ --> 764<section class="keynotes-editorial reveal" style="position:relative;"> 765 <div class="ke-photo-wrap" style="position:relative; overflow:visible;"> 766 <img src="../assets/img/hope-dr-julia-garcia.png" alt="" aria-hidden="true" style="position:absolute; bottom:-10%; left:50%; transform:translateX(-50%); width:160%; max-width:none; z-index:2; opacity:0.9;">
767 <video autoplay muted loop playsinline class="ke-photo" style="object-fit:cover; position:relative; z-index:1;"> 768 <source src="../assets/video/dr-julia-garcia-keynote-speaker.mp4" type="video/mp4"> 769 </video> 770 </div> 771 772 <div class="ke-type-stack"> 773 <span class="ke-eyebrow">Dr. Julia Garcia's Keynote Presentations</span> 774 <h2 class="ke-headline"> 775 <span class="ke-line ke-roman">Keynotes that don't</span> 776 <span class="ke-line ke-italic">just inspire.</span> 777 <span class="ke-line ke-roman ke-bold">They Equip.</span> 778 </h2> 779 <svg class="ke-underline" viewBox="0 0 260 14" fill="none" preserveAspectRatio="none" aria-hidden="true"> 780 <path d="M4 9 Q65 3 130 8 Q195 13 256 7" stroke="#C6A75E" stroke-width="5" stroke-linecap="round" opacity="0.8"/> 781 </svg> 782 </div> 783 784 <div class="ke-body" style="font-size:1.25rem;"> 785 <p class="font-serif italic text-lg md:text-xl mb-4">This is not a keynote about hope. It is a practice of it.</p> 786 <p>Dr. J delivers keynotes, workshops, and training programs at the intersection of human performance, mental health, and the AI era. The framework she brings into every room is the same one she built in the field, tested across 157 cities, 62 countries, and nearly two decades of working inside the hardest conversations.</p> 787 <p><span class="relative inline-block px-2"><span class="absolute inset-0 bg-[#C6A75E]/25 -skew-x-3 rounded-sm" style="z-index:0;"></span><span class="relative z-10">The Five Habits of Hope</span></span> is a behavioral system. Organizations leave with something they can use on Monday.</p> 788 <p class="font-sans font-semibold text-base uppercase tracking-[0.12em] mt-4">Keynotes. Workshops. Train the Trainer Programs. Leadership Intensives.</p> 789 </div> 790</section> 791 792 793<!-- ââââââââââââââââââââââââââââââââ 794 7. FINAL CTA 795 ââââââââââââââââââââââââââââââââ --> 796<section class="py-20 md:py-28 text-center" style="background:#F4F1EA;"> 797 <div class="max-w-3xl mx-auto px-6 reveal"> 798 <h2 class="font-display uppercase leading-[.9] tracking-tight" style="font-size:clamp(2rem,4.5vw,4rem);color:rgb(var(--c-ink));"> 799 Bring hope to<br>your community. 800 </h2> 801 <p class="mt-6 font-serif italic font-light leading-relaxed mx-auto" style="font-size:1.15rem;color:rgba(15,15,15,.55);max-width:480px;"> 802 Book Dr. Garcia for your conference, leadership retreat, or professional development event. 803 </p> 804 <div class="mt-10"> 805 <a href="../contact/" class="inline-block bg-accent text-night px-8 py-3 text-[13px] uppercase tracking-[0.2em] font-sans font-semibold hover:bg-accent-bright transition-colors"> 806 Get in Touch → 807 </a> 808 </div> 809 </div> 810</section> 811 812 813<!-- ââââââââââââââââââââââââââââââââ 814 FOOTER 815 ââââââââââââââââââââââââââââââââ --> 816<footer style="background:#0A1A2F;"> 817 <div class="max-w-6xl mx-auto px-6 py-16"> 818 <div class="grid grid-cols-1 md:grid-cols-3 gap-12"> 819 <div> 820 <h4 class="text-[13px] uppercase tracking-[0.15em] text-cream font-sans font-medium mb-5">Navigation</h4> 821 <ul class="space-y-3"> 822 <li><a href="../meet-julia/" class="text-sm text-cream/60 hover:text-accent transition-colors font-sans">Meet Dr. J</a></li> 823 <li><a href="../speaking/" class="text-sm text-cream/60 hover:text-accent transition-colors font-sans">Speaking</a></li> 824 <li class="pl-3"><a href="../speaking/" class="text-xs text-cream/40 hover:text-accent transition-colors font-sans">Educators & Staff</a></li> 825 <li class="pl-3"><a href="../speaking-college-university/" class="text-xs text-cream/40 hover:text-accent transition-colors font-sans">College & University</a></li> 826 <li class="pl-3"><a href="../speaking-student/" class="text-xs text-cream/40 hover:text-accent transition-colors font-sans">Grade 6-12 Students</a></li> 827 <li><a href="../habitsofhope/" class="text-sm text-cream/60 hover:text-accent transition-colors font-sans">The Book</a></li> 828 <li><a href="../podcast/" class="text-sm text-cream/60 hover:text-accent transition-colors font-sans">Podcast</a></li> 829 <li><a href="../contact/" class="text-sm text-cream/60 hover:text-accent transition-colors font-sans">Contact</a></li> 830 </ul> 831 </div> 832 <div> 833 <h4 class="text-[13px] uppercase tracking-[0.15em] text-cream font-sans font-medium mb-5">Social</h4> 834 <ul class="space-y-3"> 835 <li><a href="https://www.instagram.com/drjuliagarcia/" target="_blank" rel="noopener" class="inline-flex items-center gap-2 text-sm text-cream/60 hover:text-accent transition-colors font-sans">Instagram</a></li> 836 <li><a href="https://www.linkedin.com/in/juliagarcianyc" target="_blank" rel="noopener" class="inline-flex items-center gap-2 text-sm text-cream/60 hover:text-accent transition-colors font-sans">LinkedIn</a></li> 837 </ul> 838 </div> 839 <div> 840 <h4 class="text-[13px] uppercase tracking-[0.15em] text-cream font-sans font-medium mb-5">Stay Connected</h4> 841
841<script async data-uid="406ffea2cb" src="https://sincerely-drj.kit.com/406ffea2cb/index.js"></script>
841 842 </div> 843 </div> 844 <div class="mt-16 pt-8 border-t border-cream/10 flex flex-col md:flex-row items-center justify-between gap-4"> 845 <p style="font-family:'AtomicMarker',cursive; font-size:1.5rem; color:#F4F1EA;">Dr. Julia Garcia</p> 846 <p class="text-xs text-cream/30 font-sans">© 2026 Dr. Julia Garcia. All rights reserved.</p> 847 </div> 848 </div> 849</footer> 850 851 852<!-- ââ Scripts ââ -->
853<script> 854// Header scroll 855const header = document.getElementById('site-header'); 856window.addEventListener('scroll', () => { header.classList.toggle('header-scrolled', window.scrollY > 60); }); 857 858// Mobile nav 859const toggle = document.getElementById('nav-toggle'); 860const menu = document.getElementById('nav-menu'); 861const overlay = document.getElementById('nav-overlay'); 862const close = document.getElementById('nav-close'); 863function openNav(){ menu.classList.add('nav-open'); overlay.classList.remove('hidden'); document.body.style.overflow='hidden'; } 864function closeNav(){ menu.classList.remove('nav-open'); overlay.classList.add('hidden'); document.body.style.overflow=''; } 865toggle.addEventListener('click', openNav); 866close.addEventListener('click', closeNav); 867overlay.addEventListener('click', closeNav); 868 869// Scroll reveal 870const revealObs = new IntersectionObserver(function(entries){ 871 entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('visible'); revealObs.unobserve(e.target); } }); 872}, {threshold:0.12}); 873document.querySelectorAll('.reveal').forEach(function(el){ revealObs.observe(el); }); 874 875// Stat line animations 876var statObs = new IntersectionObserver(function(entries){ 877 entries.forEach(function(e){ 878 if(e.isIntersecting){ 879 e.target.classList.add('in-view'); 880 statObs.unobserve(e.target); 881 } 882 }); 883}, {threshold:0.1}); 884var sc = document.getElementById('stats-container'); 885if(sc) statObs.observe(sc); 886 887// Keynote accordions 888document.querySelectorAll('.keynote-toggle').forEach(function(btn){ 889 btn.addEventListener('click', function(){ 890 var body = btn.nextElementSibling; 891 var arrow = btn.querySelector('svg'); 892 var isOpen = body.classList.contains('open'); 893 // Close all 894 document.querySelectorAll('.keynote-body').forEach(function(b){ b.classList.remove('open'); }); 895 document.querySelectorAll('.keynote-toggle svg').forEach(function(a){ a.style.transform=''; }); 896 // Toggle current 897 if(!isOpen){ 898 body.classList.add('open'); 899 arrow.style.transform='rotate(180deg)'; 900 } 901 }); 902}); 903</script>
vendor: 1 bytes, line 903
903
904<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"81b48577ad3441e69b7c0e4ad2679678","r":1,"spa":2}' crossorigin="anonymous"></script>
904 905</body> 906</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.