<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
  <head>
  <title>
    Mike Hostetler, Chief Agent Officer &amp; AI Automation Builder
  </title>
  <meta name="csrf-token" content="ASwuSw8IKzwdQyoUAXxaGhJtazIIBx4FUZi3dKRViqem48ojy9-ZxTyZ">

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Orchestrating Custom agents and AI automation workflows that streamline operations, reduce busywork, and save teams hours each week.">

  <link rel="icon" href="/images/favicon-46c1b037395db5cfb97be8a918517e29.png?vsn=d">
  <!-- Open Graph (used by Facebook/Twitter). See layout_view.ex for relevant function -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="http://mike-hostetler.com/">
  <meta property="og:title" content="Mike Hostetler, Chief Agent Officer &amp; AI Automation Builder">
  <meta property="og:description" content="Orchestrating Custom agents and AI automation workflows that streamline operations, reduce busywork, and save teams hours each week.">
  <meta property="og:image" content="http://mike-hostetler.com/images/open-graph-ff87c0350b8d4c484bdf81bce96fdd55.png?vsn=d">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:type" content="image/png">
  <!-- Twitter only -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@mikehostetler">
  <meta name="twitter:creator" content="@mikehostetler">
  <!-- Helps keep 80% of duplicate content errors on Google away by default -->
  <link rel="canonical" href="/">

  <link async defer phx-track-static rel="stylesheet" href="/assets/app-215570c9a6fe88f442409101168efd38.css?vsn=d">

  <script>
    window.userToken = "";
  </script>

  <script defer src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"></script>

  <script defer phx-track-static type="text/javascript" src="/assets/app-2df441a785e4d1c109c3881ab1c60866.js?vsn=d">
  </script>

  <script>
  window.applyScheme = function(scheme) {
    if (scheme === "light") {
      document.documentElement.classList.remove('dark')
      document
        .querySelectorAll(".color-scheme-dark-icon")
        .forEach((el) => el.classList.remove("hidden"));
      document
        .querySelectorAll(".color-scheme-light-icon")
        .forEach((el) => el.classList.add("hidden"));
      localStorage.scheme = 'light'
    } else {
      document.documentElement.classList.add('dark')
      document
        .querySelectorAll(".color-scheme-dark-icon")
        .forEach((el) => el.classList.add("hidden"));
      document
        .querySelectorAll(".color-scheme-light-icon")
        .forEach((el) => el.classList.remove("hidden"));
      localStorage.scheme = 'dark'
    }
  };

  window.toggleScheme = function () {
    if (document.documentElement.classList.contains('dark')) {
      applyScheme("light")
    } else {
      applyScheme("dark")
    }
  }

  window.initScheme = function() {
    if (localStorage.scheme === 'dark' || (!('scheme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
      applyScheme("dark")
    } else {
      applyScheme("light")
    }
  }

  try {
    initScheme()
  } catch (_) {}
</script>

    <script defer data-domain="mike-hostetler.com" src="https://plausible.io/js/script.hash.outbound-links.pageview-props.tagged-events.js">
    </script>
    <script>
      window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
    </script>

</head>

  <body class="font-sans antialiased text-gray-600 bg-white dark:text-gray-400 dark:bg-gray-950">
    <div id="phx-GLE8nY_vEaYJRAVB" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdMRThuWV92RWFZSlJBVkJ3B3Nlc3Npb250AAAAAHcEdmlld3chRWxpeGlyLlBldGFsUHJvV2ViLkhvbWVMaXZlLkluZGV4dwpwYXJlbnRfcGlkdwNuaWx3BnJvdXRlcncZRWxpeGlyLlBldGFsUHJvV2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcRbGl2ZV9zZXNzaW9uX25hbWV3BnB1YmxpY3cJcm9vdF92aWV3dyFFbGl4aXIuUGV0YWxQcm9XZWIuSG9tZUxpdmUuSW5kZXhuBgCqPMFEngFiAAFRgA.z7vwZybtkBSbRL7RmzKzuVa6PQAJL5MkA5_BPKZaJN8" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdMRThuWV92RWFZSlJBVkJ3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAAXcMY3VycmVudF91c2Vyam4GAKo8wUSeAWIAAVGA.MEmW03Q61JPpMLtOH6RrHjcCdptuNCE9MfLcMp5y-PI"><main>
  <div id="flash_group" class="fixed bottom-0 right-0 z-[9999] w-5/6 max-w-sm m-4 space-y-4">
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  
    
    
      
    
  

  <div id="disconnected" phx-disconnected="[[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}]]" phx-connected="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]" hidden>
    <div id="disconnected-flash" phx-hook="ClearFlashHook" phx-mounted="[[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#disconnected-flash&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}]]" data-timer-length="99999" data-type="error" data-is-static="true" class="bg-danger-600 rounded-lg shadow-lg text-white sm:w-full hidden group">
  <div class="overflow-hidden rounded-lg shadow-xs">
    
    <div class="flex items-start p-4">
      <div class="shrink-0">
        
        
        <span class="hero-exclamation-circle w-6 h-6"></span>
      </div>
      <div class="ml-3 w-0 flex-1 pt-0.5">
        <div class="text-sm font-medium leading-5 text-white">
          <div class="whitespace-pre-line">Internet lost. Attempting reconnection...</div>
        </div>
      </div>
      <div class="flex shrink-0 ml-4">
        
      </div>
    </div>
  </div>
</div>
  </div>
</div>
  <div>
  <div class="flex relative">
  
  <button type="button" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;toggle-mobile-menu&quot;}]]" class="md:hidden fixed top-4 right-4 z-50 p-2 rounded-md bg-teal-500 text-white hover:bg-teal-600 focus:outline-none" aria-label="Toggle menu">
    <span class="hero-bars-3 h-6 w-6"></span>
  </button>

  
  <div id="mobile-sidebar" phx-hook="MobileMenu" class="fixed inset-y-0 left-0 w-64 bg-white dark:bg-slate-800 text-teal-700 dark:text-khaki-500 p-4 flex flex-col transform transition-transform duration-300 ease-in-out md:translate-x-0 -translate-x-full z-40">
    <a href="/" class="flex flex-col items-center hover:opacity-80 transition-opacity">
      <div class="mb-8 flex flex-col items-center">
        <img src="/images/profile-photo-3a7f1d6ebbc89c006f6325a7f02e7482.png?vsn=d" alt="Mike Hostetler" class="w-24 h-24 rounded-full object-cover mb-6">
        <div class="text-xl font-bold text-teal-700 dark:text-khaki-500">Mike Hostetler</div>
        <p class="text-sm italic text-teal-600 dark:text-khaki-400">
          People First automation builder
        </p>
      </div>
    </a>

    <nav class="space-y-1 flex-1 overflow-y-auto">
      
        <div class="mb-6">
          
          <div class="space-y-1">
            
              <a href="/" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700 bg-teal-50 dark:bg-slate-700">
                
                  <span class="hero-home mr-3 h-5 w-5"></span>
                
                
                
                Home
                
              </a>
            
              <a href="/blog" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700">
                
                  <span class="hero-document-text mr-3 h-5 w-5"></span>
                
                
                
                Writing
                
              </a>
            
              <a href="/about" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700">
                
                  <span class="hero-user mr-3 h-5 w-5"></span>
                
                
                
                About
                
              </a>
            
          </div>
        </div>
      
        <div class="mb-6">
          
            <h2 class="px-2 text-xs font-semibold text-teal-600 dark:text-khaki-400 uppercase tracking-wider">
              Connect
            </h2>
          
          <div class="mt-2 space-y-1">
            
              <a href="https://cal.com/mikehostetler" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                
                  <svg class="mr-3 h-5 w-5" icon="calendar-plus" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M8 2v4"></path>
<path d="M16 2v4"></path>
<path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path>
<path d="M3 10h18"></path>
<path d="M16 19h6"></path>
<path d="M19 16v6"></path>
</svg>
                
                
                Book a Call
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="/contact" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700">
                
                  <span class="hero-envelope mr-3 h-5 w-5"></span>
                
                
                
                Contact
                
              </a>
            
          </div>
        </div>
      
        <div class="mb-6">
          
            <h2 class="px-2 text-xs font-semibold text-teal-600 dark:text-khaki-400 uppercase tracking-wider">
              Projects
            </h2>
          
          <div class="mt-2 space-y-1">
            
              <a href="https://agentjido.xyz" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                
                  <svg class="mr-3 h-5 w-5" icon="bot" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 8V4H8"></path>
<rect width="16" height="12" x="4" y="8" rx="2"></rect>
<path d="M2 14h2"></path>
<path d="M20 14h2"></path>
<path d="M15 13v2"></path>
<path d="M9 13v2"></path>
</svg>
                
                
                Agent Jido
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://github.com/agentjido/jido_ai" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                
                  <svg class="mr-3 h-5 w-5" icon="brain" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z"></path>
<path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z"></path>
</svg>
                
                
                Jido AI
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://www.highcalibercapital.com/" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                  <span class="hero-swatch mr-3 h-5 w-5"></span>
                
                
                
                High Caliber Capital
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://versatus.io/" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                  <span class="hero-swatch mr-3 h-5 w-5"></span>
                
                
                
                Versatus
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://squillo.io/" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                  <span class="hero-swatch mr-3 h-5 w-5"></span>
                
                
                
                Squillo
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://omnisat.io/" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                  <span class="hero-user-group mr-3 h-5 w-5"></span>
                
                
                
                Omnisat
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
              <a href="https://stoplightlofts.com" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
                
                  <span class="hero-building-office-2 mr-3 h-5 w-5"></span>
                
                
                
                Stoplight Lofts
                
                  <span class="hero-arrow-top-right-on-square ml-auto h-4 w-4 text-teal-500 dark:text-teal-400"></span>
                
              </a>
            
          </div>
        </div>
      
    </nav>

    
    <div class="mb-4 border-t border-khaki-200 dark:border-slate-600 pt-4">
      <h2 class="px-2 text-xs font-semibold text-teal-600 dark:text-khaki-400 uppercase tracking-wider mb-2">
        Online
      </h2>
      <div class="flex flex-wrap gap-2">
        <a href="https://twitter.com/mikehostetler" class="p-2 rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
          <svg class="h-5 w-5" icon="twitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
</svg>
        </a>
        <a href="https://github.com/mikehostetler" class="p-2 rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
          <svg class="h-5 w-5" icon="github" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
<path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
        </a>
        <a href="https://www.linkedin.com/in/mikehostetler/" class="p-2 rounded-md hover:bg-teal-50 dark:hover:bg-slate-700" target="_blank">
          <svg class="h-5 w-5" icon="linkedin" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect>
<circle cx="4" cy="4" r="2"></circle>
</svg>
        </a>
        
        
      </div>
    </div>

    
    <div class="pt-4 border-t border-khaki-200 dark:border-slate-600">
      <div class="flex items-center justify-between">
        <div class="flex items-center space-x-2">
          <a href="/auth/sign-in" class="flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-teal-50 dark:hover:bg-slate-700">
            <span class="hero-user h-5 w-5"></span>
          </a>
          <button phx-hook="ColorSchemeHook" type="button" id="4edd6ce5-39df-4695-b304-a1fee97e9d26" class="color-scheme text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 ">
  <svg class="hidden w-5 h-5 color-scheme-dark-icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
  </svg>
  <svg class="hidden w-5 h-5 color-scheme-light-icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd">
    </path>
  </svg>
</button>
        </div>
        <span class="relative flex h-3 w-3 mr-2 group">
          <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-success-400 opacity-75"></span>
          <span class="relative inline-flex rounded-full h-3 w-3 bg-success-500"></span>
          <span class="absolute bottom-full right-0 mb-2 hidden group-hover:block bg-slate-800 text-white text-xs px-2 py-1 rounded">
            System Online
          </span>
        </span>
      </div>
    </div>
  </div>

  
  <div id="mobile-backdrop" phx-hook="MobileBackdrop" class="fixed inset-0 bg-black bg-opacity-50 z-30 transition-opacity duration-300 ease-in-out opacity-0 pointer-events-none md:hidden"></div>

  
  
</div>
  <div class="transition-all duration-200 ease-in-out md:ml-64 ">
    
  <div class="min-h-screen bg-khaki-100 dark:bg-slate-900 py-8 md:py-12">
    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
      <!-- Hero Section -->
      <div class="text-center mb-12 md:mb-16">
        <h1 class="text-3xl md:text-5xl font-bold text-slate-900 dark:text-white mb-4 md:mb-6">
          Automate your Busywork <span class="block">- Reclaim an Extra Hour</span>
          <em>Every Day</em>
        </h1>
        <p class="text-lg md:text-xl text-slate-600 dark:text-slate-300 mb-6 md:mb-8">
          Free and practical training on automating your work that's better then what others sell for $100+ - Get expert-level AI workflows delivered straight to your inbox.
        </p>

        <div class="flex flex-col max-w-2xl mx-auto">
          <form phx-submit="subscribe" class="flex flex-col w-full gap-4">
            <div class="flex flex-col md:flex-row w-full gap-2">
              <input type="email" name="email" placeholder="Enter your email" class="w-full mb-2 md:mb-0 md:flex-1 px-4 py-3 rounded-lg bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-600 focus:ring-2 focus:ring-teal-500" required>
              <input type="hidden" name="cf-turnstile-response" id="cf-turnstile-response" required>
              <button type="submit" class="w-full md:w-auto px-6 py-3 bg-red-700 hover:bg-red-800 text-white font-semibold rounded-lg transition duration-150">
                Subscribe
              </button>
            </div>
            <p class="text-sm text-slate-600 dark:text-slate-400 text-center">
              <em>We'll never sell your email or spam you - just valuable automation tips.</em>
            </p>

              <div class="flex justify-center">
                <div id="cf-turnstile" phx-hook="TurnstileHook" phx-update="ignore" data-sitekey="0x4AAAAAABOb9IfaSKp_fV85" data-theme="light"></div>
              </div>

          </form>
        </div>
      </div>
      
<!-- Additional Resources Section -->
      <div class="mb-12 md:mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-center text-slate-900 dark:text-white mb-8 md:mb-12">
          Additional Resources
        </h2>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8">
          <!-- Resource 1 -->
          <div class="text-center bg-white dark:bg-slate-800 p-6 rounded-lg shadow-sm">
            <div class="flex justify-center mb-6">
              <span class="hero-beaker w-12 h-12 md:w-16 md:h-16 text-primary-500 dark:text-primary-400"></span>
            </div>
            <h3 class="text-xl md:text-2xl font-bold text-slate-900 dark:text-white mb-3 md:mb-4">
              Automation Lab
            </h3>
            <p class="text-slate-600 dark:text-slate-300 mb-6">
              Join our weekly live jam sessions where we implement real-world automation solutions. Watch as we tackle someone's workflow challenges in real-time, providing you with practical insights and hands-on learning experiences.
            </p>
            <a href="https://cal.com/mikehostetler" class="pc-button pc-button--primary-outline pc-button--md pc-button--radius-md w-full md:w-auto hover:bg-primary-50 dark:hover:bg-primary-900">
  
  
    
  

  
              Book a Call
            

</a>
          </div>
          
<!-- Resource 2 -->
          <div class="text-center bg-white dark:bg-slate-800 p-6 rounded-lg shadow-sm">
            <div class="flex justify-center mb-6">
              <span class="hero-academic-cap w-12 h-12 md:w-16 md:h-16 text-primary-500 dark:text-primary-400"></span>
            </div>
            <h3 class="text-xl md:text-2xl font-bold text-slate-900 dark:text-white mb-3 md:mb-4">
              EBoss Academy
            </h3>
            <p class="text-slate-600 dark:text-slate-300 mb-6">
              Become an automation expert with our hands-on community. Learn, share, and implement cutting-edge automation techniques. Get support from peers and mentors as you level up your skills and transform your workflow.
            </p>
            <a href="#" class="pc-button pc-button--primary-outline pc-button--md pc-button--radius-md w-full md:w-auto hover:bg-primary-50 dark:hover:bg-primary-900">
  
  
    
  

  
              Coming Soon
            

</a>
          </div>
          
<!-- Resource 3 -->
          <div class="text-center bg-white dark:bg-slate-800 p-6 rounded-lg shadow-sm">
            <div class="flex justify-center mb-6">
              <span class="hero-cog w-12 h-12 md:w-16 md:h-16 text-primary-500 dark:text-primary-400"></span>
            </div>
            <h3 class="text-xl md:text-2xl font-bold text-slate-900 dark:text-white mb-3 md:mb-4">
              Automations & Agents
            </h3>
            <p class="text-slate-600 dark:text-slate-300 mb-6">
              Need a custom solution? I'll build tailored automations just for you. From simple task automation to complex AI-driven workflows, get personalized solutions that save you time and boost your productivity.
            </p>
            <a href="/contact" class="pc-button pc-button--primary-outline pc-button--md pc-button--radius-md w-full md:w-auto hover:bg-primary-50 dark:hover:bg-primary-900">
  
  
    
  

  
              Request Custom Build
            

</a>
          </div>
        </div>
      </div>
      
<!-- Existing Profile Card -->
      <div class="bg-white dark:bg-slate-800 rounded-lg overflow-hidden shadow-sm">
        <div class="p-6 md:p-8">
          <div class="text-left">
            <h2 class="text-3xl md:text-4xl font-bold text-slate-900 dark:text-white mb-4 md:mb-6">
              Who Am I?
            </h2>

            <h3 class="text-xl md:text-2xl text-slate-800 dark:text-slate-200 mb-3 md:mb-4">
              Hey, I'm Mike.
            </h3>

            <div class="space-y-4 text-base md:text-lg text-slate-600 dark:text-slate-300">
              <p>
                Venture Builder focused on revenue-generating crypto and blockchain projects. With over two decades of experience in technology and entrepreneurship, I've helped launch and scale numerous successful ventures.
              </p>

              <p>
                I specialize in identifying market opportunities, building high-performing teams, and creating sustainable business models in the blockchain space. Currently working with projects that are pushing the boundaries of what's possible in crypto and Web3.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  </div>
</div>
</main></div>
  </body>
</html>