<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"> <head><!-- Core Meta Tags --><title>Nick Bostic - Go to Market Leader &amp; Growth Systems Expert</title><meta name="description" content="Technical systems optimization and growth engineering with 30+ years experience. Expert in marketing automation, process optimization, and integration."><meta name="keywords" content="growth engineering, marketing technology, automation, systems optimization, technical leadership, process automation"><meta name="author" content="Nick Bostic"><link rel="canonical" href="https://nickbostic.com/"><!-- Robots Meta --><meta name="robots" content="index, follow"><!-- Open Graph Meta Tags --><meta property="og:type" content="website"><meta property="og:title" content="Go to Market &#38; Marketing Leader and Operator"><meta property="og:description" content="Go to market and revenue strategy, implementation &#38; automation"><meta property="og:url" content="https://nickbostic.com/"><meta property="og:image" content="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert - Professional business card and expertise showcase"><meta property="og:site_name" content="Nick Bostic - Business Growth Expert"><meta property="og:locale" content="en_US"><meta property="og:updated_time" content="2025-11-30T01:31:57.893Z"><!-- Twitter Card Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@nickbostic"><meta name="twitter:creator" content="@nickbostic"><meta name="twitter:title" content="Go to Market &#38; Marketing Leader and Operator"><meta name="twitter:description" content="Go to market and revenue strategy, implementation &#38; automation"><meta name="twitter:image" content="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><meta name="twitter:image:alt" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert - Professional business card and expertise showcase"><!-- LinkedIn specific optimizations --><meta name="linkedin:owner" content="Nick Bostic"><!-- Preload for performance --><link rel="preload" as="image" href="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><!-- Structured Data (JSON-LD) --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Nick Bostic","url":"https://nickbostic.com","email":"nick@nickbostic.com","telephone":"+1-503-887-7174","image":{"@type":"ImageObject","url":"https://nickbostic.com/images/nick-bostic-professional.jpg","width":400,"height":400,"caption":"Nick Bostic - Professional Headshot"},"jobTitle":"Go to Market Leader","description":"I optimize business growth through technical systems and process engineering. I run and unite product, marketing, sales, and retention teams through automation and technical solutions.","address":{"@type":"PostalAddress","addressCountry":"US","addressRegion":"United States"},"worksFor":{"@type":"Organization","name":"Nick Bostic Consulting","url":"https://nickbostic.com","description":"Strategic business growth consulting and technical optimization services","foundingDate":"1994","numberOfEmployees":{"@type":"QuantitativeValue","value":"1-10"},"areaServed":"Worldwide"},"knowsAbout":["Growth Systems Engineering","Marketing Technology","Process Automation","Technical Integration","Data-driven Operations","Cross-functional Systems"],"award":["Go to Market Engineering","Technical Integration","Process Automation"],"alumniOf":[{"@type":"Organization","name":"Various Fortune 500 Companies","description":"Multi-industry experience across telecommunications, retail, and technology sectors"}],"sameAs":["https://linkedin.com/in/nickbostic","https://nickbostic.com"],"mainEntityOfPage":{"@type":"WebPage","@id":"https://nickbostic.com","name":"Go to Market Leader","description":"I optimize business growth through technical systems and process engineering. I run and unite product, marketing, sales, and retention teams through automation and technical solutions.","url":"https://nickbostic.com","inLanguage":"en-US","isPartOf":{"@type":"WebSite","@id":"https://nickbostic.com","name":"Nick Bostic - Business Growth Expert","url":"https://nickbostic.com"}},"potentialAction":[{"@type":"CommunicateAction","target":{"@type":"EntryPoint","urlTemplate":"https://nickbostic.com#contact"},"name":"Contact Nick Bostic","description":"Discuss business growth or technical optimization opportunities"}],"hasCredential":[{"@type":"EducationalOccupationalCredential","name":"30+ Years Professional Experience","description":"Extensive experience in business growth and technical optimization"}],"workLocation":{"@type":"Place","name":"Remote/Global","description":"Serving clients worldwide through remote consulting and strategic partnerships"}}</script><!-- Persona-specific meta for dynamic updates --><meta name="persona:type" content="engineer"><meta name="persona:title" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert"><meta name="persona:description" content="Technical systems optimization and growth engineering with 30+ years experience. Expert in marketing automation, process optimization, and integration."><meta name="persona:keywords" content="growth engineering, marketing technology, automation, systems optimization, technical leadership, process automation"><meta name="persona:ogImage"><!-- Favicon and Icons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#1e3a8a"><!-- Critical performance hints --><link rel="dns-prefetch" href="//nickbostic.com"><link rel="preconnect" href="https://nickbostic.com"><link rel="stylesheet" href="/assets/exec.ChAOPJFr.css">
<link rel="stylesheet" href="/assets/design-system.DbLsXfyz.css">
<style>:where([data-astro-image]){object-fit:var(--fit);object-position:var(--pos);height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}
</style></head> <body> <html lang="en" data-persona="engineer" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Import SEO component --><!-- Core Meta Tags --><title>Nick Bostic - Go to Market Leader &amp; Growth Systems Expert</title><meta name="description" content="Technical systems optimization and growth engineering with 30+ years experience. Expert in marketing automation, process optimization, and integration."><meta name="keywords" content="growth engineering, marketing technology, automation, systems optimization, technical leadership, process automation"><meta name="author" content="Nick Bostic"><link rel="canonical" href="https://nickbostic.com/"><!-- Robots Meta --><meta name="robots" content="index, follow"><!-- Open Graph Meta Tags --><meta property="og:type" content="website"><meta property="og:title" content="Go to Market &#38; Marketing Leader and Operator"><meta property="og:description" content="Go to market and revenue strategy, implementation &#38; automation"><meta property="og:url" content="https://nickbostic.com/"><meta property="og:image" content="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert - Professional business card and expertise showcase"><meta property="og:site_name" content="Nick Bostic - Business Growth Expert"><meta property="og:locale" content="en_US"><meta property="og:updated_time" content="2025-11-30T01:31:57.906Z"><!-- Twitter Card Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@nickbostic"><meta name="twitter:creator" content="@nickbostic"><meta name="twitter:title" content="Go to Market &#38; Marketing Leader and Operator"><meta name="twitter:description" content="Go to market and revenue strategy, implementation &#38; automation"><meta name="twitter:image" content="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><meta name="twitter:image:alt" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert - Professional business card and expertise showcase"><!-- LinkedIn specific optimizations --><meta name="linkedin:owner" content="Nick Bostic"><!-- Preload for performance --><link rel="preload" as="image" href="https://nickbostic.com/images/og/og-home.jpg?v=3d04445f"><!-- Structured Data (JSON-LD) --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Nick Bostic","url":"https://nickbostic.com","email":"nick@nickbostic.com","telephone":"+1-503-887-7174","image":{"@type":"ImageObject","url":"https://nickbostic.com/images/nick-bostic-professional.jpg","width":400,"height":400,"caption":"Nick Bostic - Professional Headshot"},"jobTitle":"Go to Market Leader","description":"I optimize business growth through technical systems and process engineering. I run and unite product, marketing, sales, and retention teams through automation and technical solutions.","address":{"@type":"PostalAddress","addressCountry":"US","addressRegion":"United States"},"worksFor":{"@type":"Organization","name":"Nick Bostic Consulting","url":"https://nickbostic.com","description":"Strategic business growth consulting and technical optimization services","foundingDate":"1994","numberOfEmployees":{"@type":"QuantitativeValue","value":"1-10"},"areaServed":"Worldwide"},"knowsAbout":["Growth Systems Engineering","Marketing Technology","Process Automation","Technical Integration","Data-driven Operations","Cross-functional Systems"],"award":["Go to Market Engineering","Technical Integration","Process Automation"],"alumniOf":[{"@type":"Organization","name":"Various Fortune 500 Companies","description":"Multi-industry experience across telecommunications, retail, and technology sectors"}],"sameAs":["https://linkedin.com/in/nickbostic","https://nickbostic.com"],"mainEntityOfPage":{"@type":"WebPage","@id":"https://nickbostic.com","name":"Go to Market Leader","description":"I optimize business growth through technical systems and process engineering. I run and unite product, marketing, sales, and retention teams through automation and technical solutions.","url":"https://nickbostic.com","inLanguage":"en-US","isPartOf":{"@type":"WebSite","@id":"https://nickbostic.com","name":"Nick Bostic - Business Growth Expert","url":"https://nickbostic.com"}},"potentialAction":[{"@type":"CommunicateAction","target":{"@type":"EntryPoint","urlTemplate":"https://nickbostic.com#contact"},"name":"Contact Nick Bostic","description":"Discuss business growth or technical optimization opportunities"}],"hasCredential":[{"@type":"EducationalOccupationalCredential","name":"30+ Years Professional Experience","description":"Extensive experience in business growth and technical optimization"}],"workLocation":{"@type":"Place","name":"Remote/Global","description":"Serving clients worldwide through remote consulting and strategic partnerships"}}</script><!-- Persona-specific meta for dynamic updates --><meta name="persona:type" content="engineer"><meta name="persona:title" content="Nick Bostic - Go to Market Leader &#38; Growth Systems Expert"><meta name="persona:description" content="Technical systems optimization and growth engineering with 30+ years experience. Expert in marketing automation, process optimization, and integration."><meta name="persona:keywords" content="growth engineering, marketing technology, automation, systems optimization, technical leadership, process automation"><meta name="persona:ogImage"><!-- Favicon and Icons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#1e3a8a"><!-- Critical performance hints --><link rel="dns-prefetch" href="//nickbostic.com"><link rel="preconnect" href="https://nickbostic.com"><!-- Load critical fonts for Unicode punctuation support --><!-- Critical font preloading with fallback --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- Load fonts with display=swap for better performance --><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><!-- Fallback for no-JS --><noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet"></noscript><!-- Font loading optimization --><script type="module">"fonts"in document?Promise.all([document.fonts.load("400 16px Inter"),document.fonts.load("500 16px Inter"),document.fonts.load("600 16px Inter")]).then(()=>{document.documentElement.classList.add("fonts-loaded")}):document.documentElement.classList.add("fonts-loaded");</script><!-- Critical CSS inlined for immediate render --><!-- Non-critical CSS loaded asynchronously --><link rel="preload" href="/src/styles/global.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="/src/styles/global.css"></noscript></head> <body class="antialiased font-sans bg-brand-light text-brand-gray-900" data-astro-cid-sckkx6r4> <!-- Expose persona metadata for client-side SEO updates --> <div data-persona-meta="executive" data-seo="{&#34;title&#34;:&#34;Nick Bostic - Sales Leader and Enterprise Account Executive&#34;,&#34;description&#34;:&#34;Strategic leadership and enterprise relationships for 30+ years. Specializing in revenue growth, strategic partnerships, and cross-functional team leadership.&#34;,&#34;keywords&#34;:[&#34;enterprise sales&#34;,&#34;account executive&#34;,&#34;strategic partnerships&#34;,&#34;revenue growth&#34;,&#34;business development&#34;]}" data-social="{&#34;ogTitle&#34;:&#34;Sales Leader and Enterprise Account Executive&#34;,&#34;ogDescription&#34;:&#34;Enterprise SaaS, Cloud &#38; Life Science growth &#38; innovation&#34;,&#34;ogImage&#34;:&#34;/images/og/og-executive.jpg&#34;,&#34;twitterCard&#34;:&#34;summary_large_image&#34;}" style="display: none;" data-astro-cid-sckkx6r4></div><div data-persona-meta="engineer" data-seo="{&#34;title&#34;:&#34;Nick Bostic - Go to Market Leader &#38; Growth Systems Expert&#34;,&#34;description&#34;:&#34;Technical systems optimization and growth engineering with 30+ years experience. Expert in marketing automation, process optimization, and integration.&#34;,&#34;keywords&#34;:[&#34;growth engineering&#34;,&#34;marketing technology&#34;,&#34;automation&#34;,&#34;systems optimization&#34;,&#34;technical leadership&#34;,&#34;process automation&#34;]}" data-social="{&#34;ogTitle&#34;:&#34;Go to Market &#38; Marketing Leader and Operator&#34;,&#34;ogDescription&#34;:&#34;Go to market and revenue strategy, implementation &#38; automation&#34;,&#34;ogImage&#34;:&#34;/images/og/og-engineer.jpg&#34;,&#34;twitterCard&#34;:&#34;summary_large_image&#34;}" style="display: none;" data-astro-cid-sckkx6r4></div> <!-- Skip to main content for accessibility --> <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-brand-dark focus:text-brand-light focus:rounded-md focus:shadow-lg" data-astro-cid-sckkx6r4>
Skip to main content
</a> <!-- Header landmark for accessibility --> <header class="sr-only" data-astro-cid-sckkx6r4> <h1 class="sr-only" data-astro-cid-sckkx6r4>Nick Bostic - Business Growth Expert</h1> </header> <!-- Navigation landmark for accessibility --> <nav aria-label="Main navigation" class="sr-only" data-astro-cid-sckkx6r4> <ul data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4><a href="#about" tabindex="-1" aria-hidden="true" data-astro-cid-sckkx6r4>About</a></li> <li data-astro-cid-sckkx6r4><a href="#companies" tabindex="-1" aria-hidden="true" data-astro-cid-sckkx6r4>Experience</a></li> <li data-astro-cid-sckkx6r4><a href="#contact" tabindex="-1" aria-hidden="true" data-astro-cid-sckkx6r4>Contact</a></li> </ul> </nav> <!-- Main content wrapper --> <div id="main-content" class="min-h-screen" tabindex="-1" data-astro-cid-sckkx6r4>  <main> <script type="module">window.setPersona=function(e){"executive"!==e&&"engineer"!==e||(document.documentElement.setAttribute("data-persona",e),document.dispatchEvent(new CustomEvent("persona-change",{detail:{persona:e}})))},document.addEventListener("DOMContentLoaded",()=>{const e=document.documentElement.getAttribute("data-persona")||"executive";document.dispatchEvent(new CustomEvent("persona-change",{detail:{persona:e}}))}),window.addEventListener("popstate",()=>{const e=document.documentElement.getAttribute("data-persona")||"executive";document.dispatchEvent(new CustomEvent("persona-change",{detail:{persona:e}}))});</script> <div class="fixed top-4 right-4 z-50 md:top-6 md:right-6" data-astro-cid-nj7vkv4a> <div class="persona-toggle-container bg-white/95 backdrop-blur-sm rounded-xl p-1 shadow-lg border border-brand-gray-200" data-astro-cid-nj7vkv4a> <!-- Persona Indicator Bar --> <div class="persona-indicator-bar h-1 bg-brand-gray-200 rounded-full mb-2 overflow-hidden" data-astro-cid-nj7vkv4a> <div class="persona-indicator-fill h-full transition-all duration-300 ease-out rounded-full" data-astro-cid-nj7vkv4a></div> </div> <div class="flex space-x-1" data-astro-cid-nj7vkv4a> <button id="toggle-executive" class="persona-toggle px-3 py-2 pointer-coarse:px-4 pointer-coarse:py-3 rounded-lg text-sm font-medium transition-all duration-200 relative overflow-hidden" data-persona="executive" aria-label="Switch to Sales Leader view" role="button" data-astro-cid-nj7vkv4a> <span class="relative z-10" data-astro-cid-nj7vkv4a>Sales Leader</span> <div class="persona-bg absolute inset-0 opacity-0 transition-opacity duration-200 pointer-events-none" data-astro-cid-nj7vkv4a></div> </button> <button id="toggle-engineer" class="persona-toggle px-3 py-2 pointer-coarse:px-4 pointer-coarse:py-3 rounded-lg text-sm font-medium transition-all duration-200 relative overflow-hidden" data-persona="engineer" aria-label="Switch to Go to Market Leader view" role="button" data-astro-cid-nj7vkv4a> <span class="relative z-10" data-astro-cid-nj7vkv4a>GTM Leader</span> <div class="persona-bg absolute inset-0 opacity-0 transition-opacity duration-200 pointer-events-none" data-astro-cid-nj7vkv4a></div> </button> </div> <!-- Active Persona Label --> <div class="mt-2 text-xs text-center" data-astro-cid-nj7vkv4a> <span id="active-persona-label" class="persona-primary font-medium" data-astro-cid-nj7vkv4a></span> </div> </div> </div> <script type="module">function e(){const e=document.querySelectorAll(".persona-toggle");document.querySelector(".persona-indicator-fill");const t=document.getElementById("active-persona-label");function a(e){const t=document.querySelectorAll("[data-persona-content]");t.forEach(e=>{e.classList.add("persona-transitioning");const t=e;t.style.opacity="0",t.style.transform="translateY(10px)"}),setTimeout(()=>{t.forEach(t=>{const a=t.getAttribute("data-persona-content"),r=t;a===e?(t.classList.remove("hidden"),r.style.opacity="1",r.style.transform="translateY(0)"):t.classList.add("hidden"),t.classList.remove("persona-transitioning")})},150)}function r(e){const t=document.querySelector(".persona-indicator-fill");t&&("executive"===e?(t.style.background="linear-gradient(90deg, var(--color-executive-primary), var(--color-executive-accent))",t.style.width="50%",t.style.transform="translateX(0)"):(t.style.background="linear-gradient(90deg, var(--color-engineer-primary), var(--color-engineer-accent))",t.style.width="50%",t.style.transform="translateX(100%)"))}function n(a){e.forEach(e=>{const t=e.getAttribute("data-persona"),r=e.querySelector(".persona-bg");t===a?(e.classList.add("text-white","shadow-md"),e.classList.remove("text-brand-gray-600"),"executive"===t?(r&&(r.style.background="linear-gradient(135deg, var(--color-executive-gradient-start), var(--color-executive-gradient-end))"),e.setAttribute("aria-pressed","true")):(r&&(r.style.background="linear-gradient(135deg, var(--color-engineer-gradient-start), var(--color-engineer-gradient-end))"),e.setAttribute("aria-pressed","true")),r&&(r.style.opacity="1")):(e.classList.remove("text-white","shadow-md"),e.classList.add("text-brand-gray-600"),e.setAttribute("aria-pressed","false"),r&&(r.style.opacity="0"))}),t&&(t.textContent="executive"===a?"Sales Leader Mode":"GTM Leader Mode")}e.forEach(e=>{e.addEventListener("click",()=>{const t=e.getAttribute("data-persona");t&&function(e){const t=document.querySelector(`.persona-toggle[data-persona="${e}"]`);t&&(t.style.transform="scale(0.95)",setTimeout(()=>t.style.transform="scale(1)",100)),window.setPersona(e),"executive"===e?window.history.pushState({},"","/exec"):"engineer"===e?window.history.pushState({},"","/gtm"):window.history.pushState({},"","/")}(t)})}),document.addEventListener("persona-change",e=>{const t=e.detail.persona;n(t),a(t),r(t)});const o=document.documentElement.getAttribute("data-persona")||"executive";n(o),r(o),setTimeout(()=>{a(o)},100)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e();</script>  <section class="hero-section-bg text-brand-light pt-28 pb-2 md:py-24 lg:py-32 hero-section relative overflow-hidden" data-astro-cid-bbe6dxrz> <!-- Animated Background Elements --> <div class="absolute inset-0 opacity-10 pointer-events-none" data-astro-cid-bbe6dxrz> <div class="persona-bg-shape executive-shape absolute top-20 left-20 w-64 h-64 rounded-full blur-3xl transition-all duration-700" data-astro-cid-bbe6dxrz></div> <div class="persona-bg-shape engineer-shape absolute bottom-20 right-20 w-48 h-48 rounded-full blur-3xl transition-all duration-700" data-astro-cid-bbe6dxrz></div> </div> <div class="container mx-auto text-center w-full relative z-10 flex flex-col justify-center min-h-[60vh] md:min-h-[50vh]" data-astro-cid-bbe6dxrz> <!-- Main Heading with Dynamic Emphasis --> <h1 class="text-4xl md:text-5xl lg:text-6xl font-display font-bold mb-6 motion-safe:animate-fade-in-up" data-astro-cid-bbe6dxrz> <span class="hero-text-gradient bg-clip-text text-transparent" data-astro-cid-bbe6dxrz>
Nick
</span> <span class="persona-emphasis mx-2 transition-all duration-300" data-astro-cid-bbe6dxrz>grows</span> <span class="hero-text-gradient bg-clip-text text-transparent" data-astro-cid-bbe6dxrz>
businesses
</span> </h1> <!-- Executive Tagline --> <div data-persona-content="executive" class="persona-content mb-8 motion-safe:animate-fade-in-up-delay-1" data-astro-cid-bbe6dxrz> <p class="text-lg md:text-xl lg:text-2xl text-brand-gray-300 max-w-4xl mx-auto leading-relaxed" data-astro-cid-bbe6dxrz> Consultant, agency owner, and innovative business leader for 30+ years </p> <div class="mt-4 flex justify-center space-x-4 text-sm" data-astro-cid-bbe6dxrz> <span class="persona-badge px-3 py-1 rounded-full border persona-border-secondary persona-secondary executive-pill-fix" data-astro-cid-bbe6dxrz>
Strategic Leadership
</span> <span class="persona-badge px-3 py-1 rounded-full border persona-border-secondary persona-secondary executive-pill-fix" data-astro-cid-bbe6dxrz>
Enterprise Growth
</span> </div> </div> <!-- Engineer Tagline --> <div data-persona-content="engineer" class="persona-content hidden mb-8 motion-safe:animate-fade-in-up-delay-1" data-astro-cid-bbe6dxrz> <p class="text-lg md:text-xl lg:text-2xl text-brand-gray-300 max-w-4xl mx-auto leading-relaxed" data-astro-cid-bbe6dxrz> Technical systems optimization and growth engineering </p> <div class="mt-4 flex justify-center space-x-4 text-sm" data-astro-cid-bbe6dxrz> <span class="persona-badge px-3 py-1 rounded-full border persona-border-primary persona-primary" data-astro-cid-bbe6dxrz>
Growth Engineering
</span> <span class="persona-badge px-3 py-1 rounded-full border persona-border-primary persona-primary" data-astro-cid-bbe6dxrz>
Technical Systems
</span> </div> </div> <!-- Dynamic CTA Button --> <div class="mt-4" data-astro-cid-bbe6dxrz> <a href="#contact" class="cta-button persona-dynamic inline-flex items-center px-6 py-3 md:px-8 md:py-4 pointer-coarse:px-8 pointer-coarse:py-4 rounded-lg text-base md:text-lg font-medium transition-all duration-200 hover:transform hover:scale-105 relative z-20" data-astro-cid-bbe6dxrz> <span data-persona-content="executive" class="persona-content" data-astro-cid-bbe6dxrz> Discuss Strategy </span> <span data-persona-content="engineer" class="persona-content hidden" data-astro-cid-bbe6dxrz> Explore Solutions </span> <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Arrow right" data-astro-cid-bbe6dxrz> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-bbe6dxrz></path> </svg> </a> </div> </div> </section> <script type="module">function e(e){const t=document.querySelector(".cta-button"),r=document.querySelector(".persona-emphasis"),a=document.querySelector(".executive-shape"),o=document.querySelector(".engineer-shape");t&&r&&a&&o&&("executive"===e?(t.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",t.style.color="white",t.style.boxShadow="0 10px 25px var(--color-shadow)",r.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",r.style.backgroundClip="text",r.style.webkitBackgroundClip="text",r.style.webkitTextFillColor="transparent",a.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",a.style.opacity="0.3",o.style.opacity="0.1"):(t.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",t.style.color="white",t.style.boxShadow="0 10px 25px var(--color-shadow)",r.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",r.style.backgroundClip="text",r.style.webkitBackgroundClip="text",r.style.webkitTextFillColor="transparent",o.style.background="linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end))",o.style.opacity="0.3",a.style.opacity="0.1"))}function t(e){const t=document.querySelectorAll("[data-persona-content]");t.forEach(e=>{e.classList.add("persona-transitioning");const t=e;t.style.opacity="0",t.style.transform="translateY(10px)"}),setTimeout(()=>{t.forEach(t=>{const r=t.getAttribute("data-persona-content"),a=t;r===e?(t.classList.remove("hidden"),a.style.opacity="1",a.style.transform="translateY(0)"):t.classList.add("hidden"),t.classList.remove("persona-transitioning")})},150)}document.addEventListener("DOMContentLoaded",()=>{const r=document.documentElement.getAttribute("data-persona")||"executive";e(r),t(r)}),document.addEventListener("persona-change",r=>{const a=r.detail.persona;e(a),t(a)});</script>  <section id="about" class="section bg-brand-gray-300 scroll-animate" data-astro-cid-v2cbyr3p> <div class="container mx-auto" data-astro-cid-v2cbyr3p> <div class="max-w-4xl mx-auto" data-astro-cid-v2cbyr3p> <!-- Section Header with Persona Indicator --> <div class="text-center mb-12 animate-on-scroll" data-astro-cid-v2cbyr3p> <div class="inline-flex items-center space-x-2 mb-4" data-astro-cid-v2cbyr3p> <div class="persona-indicator-dot w-3 h-3 rounded-full transition-all duration-300" data-astro-cid-v2cbyr3p></div> <span class="text-sm uppercase tracking-wide persona-primary font-medium" data-astro-cid-v2cbyr3p>About</span> </div> <h2 class="text-3xl md:text-4xl font-display font-bold" data-astro-cid-v2cbyr3p> Who is Nick? </h2> </div> <!-- Executive Content --> <div data-persona-content="executive" class="persona-content animate-on-scroll-delay" data-astro-cid-v2cbyr3p> <div class="text-center mb-8" data-astro-cid-v2cbyr3p> <h3 class="text-5xl md:text-6xl font-bold text-brand-gray-800 mb-4" data-astro-cid-v2cbyr3p>Growth Mastermind</h3> <p class="text-xl text-brand-gray-900 mb-8" data-astro-cid-v2cbyr3p>I plan and execute market share dominance</p> <!-- Expertise Pills --> <div class="flex flex-wrap justify-center gap-2 mb-8" data-astro-cid-v2cbyr3p> <span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-blue-900 text-sm font-medium" data-astro-cid-v2cbyr3p> Revenue Growth Strategy </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-blue-900 text-sm font-medium" data-astro-cid-v2cbyr3p> Enterprise Partnerships </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-blue-900 text-sm font-medium" data-astro-cid-v2cbyr3p> Strategic Leadership </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-blue-900 text-sm font-medium" data-astro-cid-v2cbyr3p> Cross-functional Team Leadership </span> </div> </div> <div class="prose prose-lg mx-auto text-brand-gray-900 max-w-none persona-content-area" data-fix-encoding data-astro-cid-v2cbyr3p> <h2 id="what-kind-of-salesperson-is-nick">What kind of salesperson is Nick?</h2>
<p><strong>I'm a multi-vertical, multi-segment award-winning sales leader and full cycle hunter.</strong></p>
<p>I started in B2B tech selling custom computers, then moved into networks, websites, hosting, SaaS, wireless, edge computing, cybersecurity, and extended reality. Most recently, I’ve focused on Life Science AI SaaS.</p>
<p><strong>Professional Background</strong></p>
<p>Early experience selling innovative technology solutions mixed with high-end retail ingrained consultative selling from the beginning of my sales career.</p>
<p>Alongside a long career in technology sales and sales leadership, years of marketing consulting, from the post-MySpace era to TikTok, have given me a stronger understanding of social selling strategy and execution than most enterprise sellers.</p>
<p>I was raised in a high-tech household when that was still rare. If you consider the pace of innovation over the past four decades, my experience reflects that evolution and shows why I can sell nearly any modern technology.</p>
<p><strong>Strategic Approach</strong></p>
<p>I focus on building enterprise relationships that drive sustainable growth. I also work to improve the broader business ecosystem through aligned processes, efficiency, and long-term impact.</p> </div> <!-- Call-to-Action --> <div class="text-center mt-8" data-astro-cid-v2cbyr3p> <a href="#contact" class="inline-flex items-center px-6 py-3 pointer-coarse:px-8 pointer-coarse:py-4 persona-gradient text-white rounded-lg font-medium hover:opacity-90 transition-opacity" data-astro-cid-v2cbyr3p> Discuss Enterprise Sales Strategy <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Arrow right" data-astro-cid-v2cbyr3p> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-v2cbyr3p></path> </svg> </a> </div> </div> <!-- Engineer Content --> <div data-persona-content="engineer" class="persona-content hidden animate-on-scroll-delay" data-astro-cid-v2cbyr3p> <div class="text-center mb-8" data-astro-cid-v2cbyr3p> <h3 class="text-5xl md:text-6xl font-bold text-brand-gray-800 mb-4" data-astro-cid-v2cbyr3p>Growth Mastermind</h3> <p class="text-xl text-brand-gray-900 mb-8" data-astro-cid-v2cbyr3p>I optimize business growth</p> <!-- Expertise Pills --> <div class="flex flex-wrap justify-center gap-2 mb-8" data-astro-cid-v2cbyr3p> <span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-green-900  text-sm font-medium" data-astro-cid-v2cbyr3p> Growth Systems Engineering </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-green-900  text-sm font-medium" data-astro-cid-v2cbyr3p> Marketing Technology </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-green-900  text-sm font-medium" data-astro-cid-v2cbyr3p> Process Automation </span><span class="persona-badge px-3 py-1 rounded-full border persona-border-primary text-green-900  text-sm font-medium" data-astro-cid-v2cbyr3p> Technical Integration </span> </div> </div> <div class="prose prose-lg mx-auto text-brand-gray-900 max-w-none persona-content-area" data-fix-encoding data-astro-cid-v2cbyr3p> <h2 id="what-kind-of-gtm-engineer-is-nick">What kind of GTM engineer is Nick?</h2>
<p><strong>I'm not. I'm a GTM leader.</strong></p>
<p>I optimize business growth from series-A startups building early teams and systems to Fortune 500 global enterprises undergoing transformations.</p>
<p>I started social media marketing on bulletin board services, SEO with the launch of Lycos, web development before HTML was fully ratified.</p>
<p>But that's the tip of the iceberg. I run and unite product, marketing, sales, and retention teams and optimize operations across entire organizations through technical solutions, automation, and developing team members and leaders.</p>
<p><strong>Technical Expertise</strong></p>
<p>I’ve led and executed across marketing, sales, retention, product, and operations. I train teams, manage hiring across employees, contractors, and agencies, and streamline systems through automation.</p>
<p>I spend countless hours refining Python scripts, working with LLM APIs, and testing automation tools. These skills let me scale like a team of dozens — and I was doing it long before modern AI made it easier.</p>
<p>Years of hands-on experience, curiosity, mentorship, and a deep history in tech have given me a clear understanding of how every piece fits together.</p>
<p><strong>Systems Approach</strong></p>
<p>I create the most value in cross-functional leadership roles on growth-focused teams, where I can solve complex problems, scale systems, and develop emerging leaders through technical solutions and process design.</p>
<p>I’m just as effective in early-stage environments, where I help keep teams lean, break down silos, and build a scalable foundation from day one.</p> </div> <!-- Call-to-Action --> <div class="text-center mt-8" data-astro-cid-v2cbyr3p> <a href="#contact" class="inline-flex items-center px-6 py-3 pointer-coarse:px-8 pointer-coarse:py-4 persona-gradient text-white rounded-lg font-medium hover:opacity-90 transition-opacity" data-astro-cid-v2cbyr3p> Explore Go-To-Market Solutions <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Arrow right" data-astro-cid-v2cbyr3p> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-v2cbyr3p></path> </svg> </a> </div> </div> </div> </div> </section> <script type="module">const e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&e.target.classList.add("animate-visible")})},{threshold:.1,rootMargin:"0px 0px -50px 0px"});document.addEventListener("persona-change",e=>{e.detail.persona;const t=document.querySelector(".persona-indicator-dot"),r=document.querySelectorAll(".expertise-pill");t&&(t.style.backgroundColor="var(--color-primary)",r.forEach(e=>{e.classList.add("persona-bg-primary","text-white"),e.classList.remove("persona-primary")}),setTimeout(()=>{o()},100))});const t=()=>{e.disconnect()};function o(){document.querySelectorAll("[data-fix-encoding]").forEach(e=>{const t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null,!1),o=[];let r;for(;r=t.nextNode();)o.push(r);o.forEach(e=>{let t=e.textContent||"";t=t.replace(/â€™/g,"'").replace(/â€œ/g,'"').replace(/â€/g,'"').replace(/â€˜/g,"'").replace(/â€"/g,"–").replace(/â€"/g,"—").replace(/â€¦/g,"…").replace(/Â/g,""),t!==e.textContent&&(e.textContent=t)})})}document.addEventListener("DOMContentLoaded",()=>{o(),document.querySelectorAll(".animate-on-scroll, .animate-on-scroll-delay").forEach(t=>{e.observe(t)});document.documentElement.getAttribute("data-persona");const r=document.querySelector(".persona-indicator-dot");r&&(r.style.backgroundColor="var(--color-primary)"),document.addEventListener("visibilitychange",()=>{document.hidden&&t()}),window.addEventListener("beforeunload",t)});</script>  <section id="companies" class="section bg-white" data-astro-cid-h5tdzfsd> <div class="container mx-auto w-full" data-astro-cid-h5tdzfsd> <div class="text-center mb-12 animate-on-scroll" data-astro-cid-h5tdzfsd> <!-- Persona Indicator - matching About section exactly --> <div class="inline-flex items-center space-x-2 mb-4" data-astro-cid-h5tdzfsd> <div class="persona-indicator-dot w-3 h-3 rounded-full persona-bg-primary transition-all duration-300" data-astro-cid-h5tdzfsd></div> <span class="text-sm uppercase tracking-wide persona-primary font-medium" data-astro-cid-h5tdzfsd>Experience</span> </div> <h2 class="text-3xl md:text-4xl font-display font-bold mb-4" data-astro-cid-h5tdzfsd> <span data-persona-content="executive" class="persona-content" data-astro-cid-h5tdzfsd>Strategic Partnerships</span> <span data-persona-content="engineer" class="persona-content hidden" data-astro-cid-h5tdzfsd>GTM Leadership</span> </h2> <!-- Dynamic Description --> <div data-persona-content="executive" class="persona-content" data-astro-cid-h5tdzfsd> <p class="text-base md:text-lg text-brand-gray-600 max-w-4xl mx-auto" data-astro-cid-h5tdzfsd> Trusted by leading enterprises across telecommunications, retail, and technology sectors for strategic growth initiatives </p> </div> <div data-persona-content="engineer" class="persona-content hidden" data-astro-cid-h5tdzfsd> <p class="text-base md:text-lg text-brand-gray-600 max-w-4xl mx-auto" data-astro-cid-h5tdzfsd> Go to market strategies and growth engineering solutions across diverse technology environments </p> </div> </div> <!-- Enhanced Logo Slider with Persona Context --> <div class="animate-on-scroll-delay" data-astro-cid-h5tdzfsd> <!-- Executive Companies --><div data-persona-content="executive" class="persona-content"> <!-- Pure-CSS marquee logo wall. Duplicates list for seamless loop --><div class="logo-marquee" style> <div class="logo-track"> <div class="logo-item" data-testid="logo-lumen-technologies"> <img class="logo-img" src="/images/logos/lumen-technologies.svg" alt="Lumen Technologies Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-nordstrom"> <img class="logo-img" src="/images/logos/nordstrom-logo-2019.svg" alt="Nordstrom Logo" width="190" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-centurylink-2010"> <img class="logo-img" src="/images/logos/centurylink-2010-logo.svg" alt="Centurylink 2010 Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-chicago-title-insurance-company"> <img class="logo-img" src="/images/logos/chicago-title-insurance-company-logo-vector.svg" alt="Chicago Title Insurance Company Logo" width="324" height="90" loading="lazy"> </div><div class="logo-item" data-testid="logo-cingularlogonew"> <img class="logo-img" src="/images/logos/cingularlogonew.svg" alt="Cingularlogonew Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-cognex-corp"> <img class="logo-img" src="/images/logos/cognex-corp-logo.svg" alt="Cognex Corp Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-eagle-creek"> <img class="logo-img" src="/images/logos/eagle-creek-logo.svg" alt="Eagle Creek Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-jordan-jack"> <img class="logo-img" src="/images/logos/jordan-jack.svg" alt="Jordan Jack Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-lane-community-college"> <img class="logo-img" src="/images/logos/lane-community-college-logo.png" alt="Lane Community College Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-logo-ima-clinical-research-scaled"> <img class="logo-img" src="/images/logos/logo-ima-clinical-research-scaled.jpg" alt="Logo Ima Clinical Research Scaled Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-lokavant-brand-mark"> <img class="logo-img" src="/images/logos/lokavant-brand-mark.svg" alt="Lokavant Brand Mark Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-lp"> <img class="logo-img" src="/images/logos/lp-logo.jpg" alt="Lp Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-mm"> <img class="logo-img" src="/images/logos/mm-logo-main.png" alt="Mm Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-saama"> <img class="logo-img" src="/images/logos/saama.svg" alt="Saama Logo" width="180" height="50" loading="lazy"> </div>  <div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lumen-technologies.svg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/nordstrom-logo-2019.svg" alt="" width="190" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/centurylink-2010-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/chicago-title-insurance-company-logo-vector.svg" alt="" width="324" height="90" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/cingularlogonew.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/cognex-corp-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/eagle-creek-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/jordan-jack.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lane-community-college-logo.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/logo-ima-clinical-research-scaled.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lokavant-brand-mark.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lp-logo.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/mm-logo-main.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/saama.svg" alt="" width="180" height="50" loading="lazy"> </div> </div> </div>  </div> <!-- Engineer Companies --> <div data-persona-content="engineer" class="persona-content hidden"> <!-- Pure-CSS marquee logo wall. Duplicates list for seamless loop --><div class="logo-marquee" style> <div class="logo-track"> <div class="logo-item" data-testid="logo-lumen-technologies"> <img class="logo-img" src="/images/logos/lumen-technologies.svg" alt="Lumen Technologies Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-the-difference-engine"> <img class="logo-img" src="/images/logos/the-difference-engine.svg" alt="The Difference Engine Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-att"> <img class="logo-img" src="/images/logos/at-t-logo-2016.svg" alt="AT&#38;T Logo" width="120" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-3n2-sports"> <img class="logo-img" src="/images/logos/3n2-sports.jpg" alt="3n2 Sports Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-air-burners"> <img class="logo-img" src="/images/logos/air-burners-logo.jpg" alt="Air Burners Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-battle"> <img class="logo-img" src="/images/logos/battle.jpg" alt="Battle Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-chicago-title-insurance-company"> <img class="logo-img" src="/images/logos/chicago-title-insurance-company-logo-vector.svg" alt="Chicago Title Insurance Company Logo" width="324" height="90" loading="lazy"> </div><div class="logo-item" data-testid="logo-chronwell"> <img class="logo-img" src="/images/logos/chronwell-logo.svg" alt="Chronwell Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-cognex-corp"> <img class="logo-img" src="/images/logos/cognex-corp-logo.svg" alt="Cognex Corp Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-eagle-creek"> <img class="logo-img" src="/images/logos/eagle-creek-logo.svg" alt="Eagle Creek Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-jordan-jack"> <img class="logo-img" src="/images/logos/jordan-jack.svg" alt="Jordan Jack Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-lane-community-college"> <img class="logo-img" src="/images/logos/lane-community-college-logo.png" alt="Lane Community College Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-logo-ima-clinical-research-scaled"> <img class="logo-img" src="/images/logos/logo-ima-clinical-research-scaled.jpg" alt="Logo Ima Clinical Research Scaled Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-lokavant-brand-mark"> <img class="logo-img" src="/images/logos/lokavant-brand-mark.svg" alt="Lokavant Brand Mark Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-lp"> <img class="logo-img" src="/images/logos/lp-logo.jpg" alt="Lp Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-masthead"> <img class="logo-img" src="/images/logos/masthead.png" alt="Masthead Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-mm"> <img class="logo-img" src="/images/logos/mm-logo-main.png" alt="Mm Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-moodhoops"> <img class="logo-img" src="/images/logos/moodhoops.png" alt="Moodhoops Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-online-friedaslogo2015-notag"> <img class="logo-img" src="/images/logos/online-friedaslogo2015-notag.jpg" alt="Online Friedaslogo2015 Notag Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-rnl-jpe"> <img class="logo-img" src="/images/logos/rnl-jpe.jpg" alt="Rnl Jpe Logo" width="200" height="60" loading="lazy"> </div><div class="logo-item" data-testid="logo-saama"> <img class="logo-img" src="/images/logos/saama.svg" alt="Saama Logo" width="180" height="50" loading="lazy"> </div><div class="logo-item" data-testid="logo-scubanation"> <img class="logo-img" src="/images/logos/scubanation.jpg" alt="Scubanation Logo" width="200" height="60" loading="lazy"> </div>  <div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lumen-technologies.svg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/the-difference-engine.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/at-t-logo-2016.svg" alt="" width="120" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/3n2-sports.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/air-burners-logo.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/battle.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/chicago-title-insurance-company-logo-vector.svg" alt="" width="324" height="90" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/chronwell-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/cognex-corp-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/eagle-creek-logo.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/jordan-jack.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lane-community-college-logo.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/logo-ima-clinical-research-scaled.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lokavant-brand-mark.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/lp-logo.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/masthead.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/mm-logo-main.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/moodhoops.png" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/online-friedaslogo2015-notag.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/rnl-jpe.jpg" alt="" width="200" height="60" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/saama.svg" alt="" width="180" height="50" loading="lazy"> </div><div class="logo-item" aria-hidden="true"> <img class="logo-img" src="/images/logos/scubanation.jpg" alt="" width="200" height="60" loading="lazy"> </div> </div> </div>  </div> </div> <!-- Persona Summary --> <div class="mt-8 text-center animate-on-scroll-delay" data-astro-cid-h5tdzfsd> <div data-persona-content="executive" class="persona-content" data-astro-cid-h5tdzfsd> <p class="text-sm text-brand-gray-500 italic" data-astro-cid-h5tdzfsd>
"Strategic partnerships that drive sustainable enterprise growth"
</p> </div> <div data-persona-content="engineer" class="persona-content hidden" data-astro-cid-h5tdzfsd> <p class="text-sm text-brand-gray-500 italic" data-astro-cid-h5tdzfsd>
"Technical excellence in go to market engineering and systems optimization"
</p> </div> </div> </div> </section> <script type="module">const e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&e.target.classList.add("animate-visible")})},{threshold:.1,rootMargin:"0px 0px -50px 0px"});document.addEventListener("persona-change",e=>{e.detail.persona;const o=document.querySelector("#companies .persona-indicator-dot"),r=document.querySelector(".company-stat");o&&(o.style.backgroundColor="var(--color-primary)"),r&&r.classList.add("persona-bg-primary","persona-primary")}),document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("#companies .animate-on-scroll, #companies .animate-on-scroll-delay").forEach(o=>{e.observe(o)}),document.documentElement.getAttribute("data-persona");const o=document.querySelector("#companies .persona-indicator-dot");o&&(o.style.backgroundColor="var(--color-primary)")});</script>  <section id="contact" class="section bg-brand-gray-900 text-brand-light" data-astro-cid-xmivup5a> <div class="container mx-auto w-full" data-astro-cid-xmivup5a> <div class="max-w-6xl mx-auto" data-astro-cid-xmivup5a> <!-- Section Header --> <div class="text-center mb-12 animate-on-scroll" data-astro-cid-xmivup5a> <div class="inline-flex items-center space-x-2 mb-4" data-astro-cid-xmivup5a> <div class="persona-indicator-dot w-3 h-3 rounded-full persona-bg-primary transition-all duration-300" data-astro-cid-xmivup5a></div> <span class="text-sm uppercase tracking-wide persona-primary font-medium" data-astro-cid-xmivup5a>Contact</span> </div> <h2 class="text-2xl md:text-3xl lg:text-4xl font-display font-bold mb-6 text-brand-white" data-astro-cid-xmivup5a>
Tell me how I can help
</h2> <p class="text-base md:text-lg text-brand-gray-300 mb-8 max-w-4xl mx-auto" data-astro-cid-xmivup5a>
Ready to optimize your business growth? Let's discuss your specific needs and challenges.
</p> </div> <div class="grid lg:grid-cols-2 gap-12 items-start" data-astro-cid-xmivup5a> <!-- Contact Information --> <div class="animate-on-scroll flex flex-col gap-8" data-astro-cid-xmivup5a> <!-- Persona-specific messaging --> <div class="contact-card bg-brand-gray-800 rounded-lg p-6 transition-all duration-300 hover:bg-brand-gray-700" data-astro-cid-xmivup5a> <div data-persona-content="executive" class="persona-content" data-astro-cid-xmivup5a> <div class="flex items-center space-x-3 mb-3" data-astro-cid-xmivup5a> <div class="p-2 persona-gradient rounded-lg" data-astro-cid-xmivup5a> <!-- Executive icon --> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white lucide lucide-handshake-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" role="img" aria-label="Executive handshake icon" data-astro-cid-xmivup5a> <path d="m11 17 2 2a1 1 0 1 0 3-3" data-astro-cid-xmivup5a></path> <path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4" data-astro-cid-xmivup5a></path> <path d="m21 3 1 11h-2" data-astro-cid-xmivup5a></path> <path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" data-astro-cid-xmivup5a></path> <path d="M3 4h8" data-astro-cid-xmivup5a></path> </svg> </div> <h4 class="font-semibold text-brand-white" data-astro-cid-xmivup5a>Executive Consultation</h4> </div> <p class="text-brand-gray-200 text-sm" data-astro-cid-xmivup5a> I work with enterprise leaders on strategic growth initiatives, team development, and long-term business optimization. Let&#39;s discuss how I can help accelerate your organization&#39;s success. </p> </div> <div data-persona-content="engineer" class="persona-content hidden" data-astro-cid-xmivup5a> <div class="flex items-center space-x-3 mb-3" data-astro-cid-xmivup5a> <div class="p-2 persona-gradient rounded-lg" data-astro-cid-xmivup5a> <!-- Engineer icon --> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Technical icon" data-astro-cid-xmivup5a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" data-astro-cid-xmivup5a></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 616 0z" data-astro-cid-xmivup5a></path> </svg> </div> <h4 class="font-semibold text-brand-white" data-astro-cid-xmivup5a>Go to Market Solutions</h4> </div> <p class="text-brand-gray-200 text-sm" data-astro-cid-xmivup5a> I help organizations implement go to market engineering solutions, optimize technical systems, and automate business processes. Let&#39;s explore how technology can accelerate your growth. </p> </div> </div> <!-- Grid for quick contact cards --> <div class="grid grid-cols-1 md:grid-cols-2 gap-6" data-astro-cid-xmivup5a> <!-- Schedule Call --> <div class="contact-card bg-brand-gray-800 rounded-lg p-6 transition-all duration-300 hover:bg-brand-gray-700" data-astro-cid-xmivup5a> <div class="flex items-center space-x-3 mb-4" data-astro-cid-xmivup5a> <div class="p-2 persona-gradient rounded-lg" data-astro-cid-xmivup5a> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Calendar icon" data-astro-cid-xmivup5a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" data-astro-cid-xmivup5a></path> </svg> </div> <h3 class="text-lg font-semibold text-brand-white" data-astro-cid-xmivup5a>Schedule a Call</h3> </div> <p class="text-brand-gray-200 mb-4 text-sm" data-astro-cid-xmivup5a>
Book a time that works for both of us
</p> <a href="https://cal.com/nickbostic/30min" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-3 rounded-md text-sm persona-primary hover:persona-secondary transition-colors" data-astro-cid-xmivup5a>
Open Calendar
<svg xmlns="http://www.w3.org/2000/svg" class="ml-1 w-5 h-5 text-white lucide lucide-external-link-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" aria-label="Open scheduling modal" data-astro-cid-xmivup5a> <path d="M15 3h6v6" data-astro-cid-xmivup5a></path> <path d="M10 14 21 3" data-astro-cid-xmivup5a></path> <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" data-astro-cid-xmivup5a></path> </svg> </a> </div> <!-- Email Contact --> <div class="contact-card bg-brand-gray-800 rounded-lg p-6 transition-all duration-300 hover:bg-brand-gray-700" data-astro-cid-xmivup5a> <div class="flex items-center space-x-3 mb-4" data-astro-cid-xmivup5a> <div class="p-2 persona-gradient rounded-lg" data-astro-cid-xmivup5a> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Email icon" data-astro-cid-xmivup5a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" data-astro-cid-xmivup5a></path> </svg> </div> <h3 class="text-lg font-semibold text-brand-white" data-astro-cid-xmivup5a>Send an Email</h3> </div> <p class="text-brand-gray-200 mb-4 text-sm" data-astro-cid-xmivup5a>
Prefer email? Send me a note
</p> <a href="mailto:nick@nickbostic.com" class="inline-flex items-center gap-2 px-4 py-3 rounded-md text-sm persona-primary hover:persona-secondary transition-colors" data-astro-cid-xmivup5a>
nick@nickbostic.com
<svg xmlns="http://www.w3.org/2000/svg" class="ml-1 w-5 h-5 text-white lucide lucide-external-link-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" role="img" aria-label="External link" data-astro-cid-xmivup5a> <path d="M15 3h6v6" data-astro-cid-xmivup5a></path> <path d="M10 14 21 3" data-astro-cid-xmivup5a></path> <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" data-astro-cid-xmivup5a></path> </svg> </a> </div> </div> <!-- Response Time Widget (full width below grid) --> <div class="contact-card bg-brand-gray-800 rounded-lg p-6 transition-all duration-300 hover:bg-brand-gray-700 mt-2" data-astro-cid-xmivup5a> <div class="flex items-center space-x-3 mb-3" data-astro-cid-xmivup5a> <div class="p-2 persona-gradient rounded-lg" data-astro-cid-xmivup5a> <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Clock icon" data-astro-cid-xmivup5a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-xmivup5a></path> </svg> </div> <h4 class="font-semibold text-brand-white" data-astro-cid-xmivup5a>Response Time</h4> </div> <p class="text-brand-gray-200 text-sm" data-astro-cid-xmivup5a>
I typically respond to messages within 24 hours during business days. For urgent matters, please call or schedule a same-day consultation.
</p> </div> </div> <!-- Contact Form --> <div class="animate-on-scroll-delay" data-astro-cid-xmivup5a> <div class="contact-card bg-brand-gray-800 rounded-xl p-4 md:p-8 transition-all duration-300 hover:bg-brand-gray-700" data-astro-cid-xmivup5a> <form id="contact-form" class="contact-form space-y-6" novalidate role="form" aria-label="Contact form to reach out about services and projects" data-astro-cid-svshx33u> <!-- Hidden honeypot field for spam protection --> <div class="sr-only" data-astro-cid-svshx33u> <label for="website" data-astro-cid-svshx33u>Website (leave blank)</label> <input type="text" id="website" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" class="sr-only pointer-events-none" data-astro-cid-svshx33u> </div> <!-- Form error summary for screen readers --> <div id="form-errors" class="sr-only" aria-live="assertive" role="status" aria-label="Form validation summary" data-astro-cid-svshx33u></div> <!-- Form Header --> <div class="text-center mb-8" data-astro-cid-svshx33u> <h3 class="text-xl md:text-2xl font-display font-semibold mb-4 text-white" data-astro-cid-svshx33u>
Let's discuss your needs
</h3> <p class="text-brand-gray-300 text-sm md:text-base" data-astro-cid-svshx33u>
Fill out the form below and I'll get back to you within 24 hours
</p> </div> <!-- Name Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="name" class="form-label" data-astro-cid-svshx33u>
Full Name
<span class="required-indicator" aria-label="required" data-astro-cid-svshx33u>*</span> </label> <input type="text" id="name" name="name" class="form-input" required autocomplete="name" aria-describedby="name-error name-help" placeholder="Enter your full name" data-astro-cid-svshx33u> <div id="name-help" class="form-help" data-astro-cid-svshx33u>
Your name helps me personalize our conversation
</div> <div id="name-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Email Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="email" class="form-label" data-astro-cid-svshx33u>
Email Address
<span class="required-indicator" aria-label="required" data-astro-cid-svshx33u>*</span> </label> <input type="email" id="email" name="email" class="form-input" required autocomplete="email" aria-describedby="email-error email-help" placeholder="your.email@company.com" data-astro-cid-svshx33u> <div id="email-help" class="form-help" data-astro-cid-svshx33u>
I'll use this to send you a response
</div> <div id="email-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Company Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="company" class="form-label" data-astro-cid-svshx33u>
Company Name
</label> <input type="text" id="company" name="company" class="form-input" autocomplete="organization" aria-describedby="company-help" placeholder="Your company or organization" data-astro-cid-svshx33u> <div id="company-help" class="form-help" data-astro-cid-svshx33u>
Optional - helps me understand your context
</div> <div id="company-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Subject/Interest Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="subject" class="form-label" data-astro-cid-svshx33u>
What can I help with?
<span class="required-indicator" aria-label="required" data-astro-cid-svshx33u>*</span> </label> <select id="subject" name="subject" class="form-select" required aria-describedby="subject-error subject-help" data-astro-cid-svshx33u> <option value="" data-astro-cid-svshx33u>Select a topic...</option> <optgroup label="Executive Services" data-persona="executive" data-astro-cid-svshx33u> <option value="strategic-consulting" data-astro-cid-svshx33u>Strategic Consulting</option> <option value="enterprise-partnerships" data-astro-cid-svshx33u>Enterprise Partnerships</option> <option value="revenue-growth" data-astro-cid-svshx33u>Revenue Growth Strategy</option> <option value="team-leadership" data-astro-cid-svshx33u>Team Leadership Development</option> </optgroup> <optgroup label="GTM Engineering Services" data-persona="engineer" data-astro-cid-svshx33u> <option value="growth-engineering" data-astro-cid-svshx33u>Growth Engineering</option> <option value="technical-integration" data-astro-cid-svshx33u>Technical Integration</option> <option value="process-automation" data-astro-cid-svshx33u>Process Automation</option> <option value="systems-optimization" data-astro-cid-svshx33u>Systems Optimization</option> </optgroup> <optgroup label="General" data-astro-cid-svshx33u> <option value="general-inquiry" data-astro-cid-svshx33u>General Inquiry</option> <option value="speaking-opportunity" data-astro-cid-svshx33u>Speaking Opportunity</option> <option value="partnership" data-astro-cid-svshx33u>Partnership Discussion</option> <option value="other" data-astro-cid-svshx33u>Other</option> </optgroup> </select> <div id="subject-help" class="form-help" data-astro-cid-svshx33u>
This helps me prepare for our conversation
</div> <div id="subject-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Budget Range Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="budget" class="form-label" data-astro-cid-svshx33u>
Project Budget Range
</label> <select id="budget" name="budget" class="form-select" aria-describedby="budget-help" data-astro-cid-svshx33u> <option value="" data-astro-cid-svshx33u>Select range (optional)...</option> <option value="under-10k" data-astro-cid-svshx33u>Under $10,000</option> <option value="10k-25k" data-astro-cid-svshx33u>$10,000 - $25,000</option> <option value="25k-50k" data-astro-cid-svshx33u>$25,000 - $50,000</option> <option value="50k-100k" data-astro-cid-svshx33u>$50,000 - $100,000</option> <option value="100k-250k" data-astro-cid-svshx33u>$100,000 - $250,000</option> <option value="over-250k" data-astro-cid-svshx33u>Over $250,000</option> <option value="retainer" data-astro-cid-svshx33u>Ongoing Retainer</option> <option value="equity" data-astro-cid-svshx33u>Equity Partnership</option> <option value="discuss" data-astro-cid-svshx33u>Prefer to Discuss</option> </select> <div id="budget-help" class="form-help" data-astro-cid-svshx33u>
Helps me recommend the right approach
</div> <div id="budget-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Timeline Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="timeline" class="form-label" data-astro-cid-svshx33u>
Project Timeline
</label> <select id="timeline" name="timeline" class="form-select" aria-describedby="timeline-help" data-astro-cid-svshx33u> <option value="" data-astro-cid-svshx33u>Select timeline (optional)...</option> <option value="asap" data-astro-cid-svshx33u>ASAP</option> <option value="1-month" data-astro-cid-svshx33u>Within 1 month</option> <option value="3-months" data-astro-cid-svshx33u>Within 3 months</option> <option value="6-months" data-astro-cid-svshx33u>Within 6 months</option> <option value="planning" data-astro-cid-svshx33u>Just planning ahead</option> <option value="ongoing" data-astro-cid-svshx33u>Ongoing need</option> </select> <div id="timeline-help" class="form-help" data-astro-cid-svshx33u>
When you'd like to get started
</div> <div id="timeline-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Message Field --> <div class="form-group" data-astro-cid-svshx33u> <label for="message" class="form-label" data-astro-cid-svshx33u>
Message
<span class="required-indicator" aria-label="required" data-astro-cid-svshx33u>*</span> </label> <textarea id="message" name="message" rows="5" class="form-textarea" required aria-describedby="message-error message-help" placeholder="Tell me about your challenge, goals, or how I can help..." data-astro-cid-svshx33u></textarea> <div id="message-help" class="form-help" data-astro-cid-svshx33u>
The more context you provide, the better I can help
</div> <div class="flex justify-between items-center mt-1" data-astro-cid-svshx33u> <div id="message-error" class="form-error" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> <div id="message-count" class="text-xs text-brand-gray-400" data-astro-cid-svshx33u> <span class="current-count" data-astro-cid-svshx33u>0</span> / <span class="max-count" data-astro-cid-svshx33u>1000</span> characters
</div> </div> </div> <!-- Consent Checkbox --> <div class="form-group" data-astro-cid-svshx33u> <div class="flex items-start space-x-3" data-astro-cid-svshx33u> <input type="checkbox" id="consent" data-testid="consent" name="consent" class="form-checkbox appearance-none inline-block border rounded-md checked:bg-green-600 focus:ring-2 focus:ring-offset-2 focus:ring-green-600" style="width:44px;height:44px" required aria-describedby="consent-error" aria-label="I consent to being contacted about my inquiry and understand that my information will be handled according to the privacy policy." data-astro-cid-svshx33u> <label htmlFor="consent" class="form-checkbox-label !text-brand-gray-200" data-astro-cid-svshx33u>
I consent to being contacted about my inquiry and understand that my information will be handled according to the privacy policy.
<span class="required-indicator" aria-label="required" data-astro-cid-svshx33u>*</span> </label> </div> <div id="consent-error" class="form-error ml-6" role="alert" aria-live="polite" data-astro-cid-svshx33u></div> </div> <!-- Submit Button --> <div class="form-submit" data-astro-cid-svshx33u> <button type="submit" class="submit-button w-full px-6 py-4 font-medium rounded-lg persona-gradient text-white transition-all duration-200 focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed" aria-describedby="submit-status" data-astro-cid-svshx33u> <span class="button-text" data-astro-cid-svshx33u>Send Message</span> <span class="button-loading hidden" data-astro-cid-svshx33u> <svg class="animate-spin h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" role="img" aria-label="Loading spinner" data-astro-cid-svshx33u> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" data-astro-cid-svshx33u></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" data-astro-cid-svshx33u></path> </svg>
Sending...
</span> </button> <div id="submit-status" class="mt-2 text-sm" role="status" aria-live="polite" data-astro-cid-svshx33u></div> </div> </form> <!-- Form Success Message --> <div id="form-success" class="form-success hidden" role="alert" aria-live="polite" data-astro-cid-svshx33u> <div class="success-content" data-astro-cid-svshx33u> <svg class="success-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="Success checkmark" data-astro-cid-svshx33u> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" data-astro-cid-svshx33u></path> </svg> <h4 class="success-title" data-astro-cid-svshx33u>Message Sent Successfully!</h4> <p class="success-message" data-astro-cid-svshx33u>
Thank you for reaching out. I'll review your message and get back to you within 24 hours.
</p> </div> </div> <script type="module" src="/assets/ContactForm.astro_astro_type_script_index_0_lang.z8l5rI5x.js"></script>  </div> </div> </div> </div> </div> </section> <script type="module">const e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&e.target.classList.add("animate-visible")})},{threshold:.1,rootMargin:"0px 0px -50px 0px"});document.addEventListener("persona-change",function(e){e.detail.persona;const t=document.querySelector("#contact .persona-indicator-dot");t&&(t.style.backgroundColor="var(--color-primary)")}),document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("#contact .animate-on-scroll, #contact .animate-on-scroll-delay").forEach(t=>{e.observe(t)}),document.documentElement.getAttribute("data-persona");const t=document.querySelector("#contact .persona-indicator-dot");t&&(t.style.backgroundColor="var(--color-primary)")});</script>  </main>  </div> <!-- Footer landmark for accessibility --> <footer class="sr-only" data-astro-cid-sckkx6r4> <p data-astro-cid-sckkx6r4>&copy; 2025 Nick Bostic. All rights reserved.</p> </footer> <!-- Optimized persona management script (< 1KB) --> <script type="module">document.documentElement.classList.add("fonts-loaded");</script> <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "869ac020fdcc410093b3f00777417dc9"}'></script><!-- Cloudflare Pages Analytics --></body> </html>  <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "869ac020fdcc410093b3f00777417dc9"}'></script><!-- Cloudflare Pages Analytics --></body></html>