<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="AI Specialist | IT Consultant | Bespoke Software Developer - Professional portfolio and experience"
    />

    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#00D4FF" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Consultant Carl" />
    <meta name="msapplication-TileColor" content="#00D4FF" />

    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.webmanifest" />

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.svg" />
    <link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.svg" />

    <!-- Open Graph -->
    <meta property="og:title" content="Carl Bowen - AI Specialist & IT Consultant" />
    <meta
      property="og:description"
      content="Helping organizations implement secure, scalable AI systems that move beyond experimentation into measurable business value."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://carlbowen.me" />
    <meta property="og:image" content="/icons/icon-512x512.svg" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Carl Bowen - AI Specialist & IT Consultant" />
    <meta
      name="twitter:description"
      content="Helping organizations implement secure, scalable AI systems that move beyond experimentation into measurable business value."
    />
    <meta name="twitter:image" content="/icons/icon-512x512.svg" />

    <!-- Resource Hints for Performance -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="dns-prefetch" href="https://images.unsplash.com" />
    
    <!-- Preconnect to critical origins -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- Critical CSS - Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    
    <!-- Preload critical resources -->
    <link rel="preload" href="/favicon.svg" as="image" type="image/svg+xml" />
    <link rel="preload" href="/carl-bowen-logo-dark.svg" as="image" type="image/svg+xml" />

    <title>Consultant Carl - AI Transformation Consultant</title>
    <script type="module" crossorigin src="/assets/index--RWuhkHr.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/animation-vendor-C6Kg5pLR.js">
    <link rel="modulepreload" crossorigin href="/assets/chakra-vendor-BjOxHQMd.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-vendor-1y_CPRV1.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-vendor-CD1on94m.js">
    <link rel="modulepreload" crossorigin href="/assets/router-vendor-BPWwctjn.js">
    <link rel="stylesheet" crossorigin href="/assets/index-C8w2A-6v.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body>
    <div id="root"></div>
  </body>
</html>
