<!doctype html>
<html lang="en">
  <head>
    <!-- Preconnect to external resources -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com">

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ForgeCoreAI | AI Automation for Real Business Growth</title>
    <meta name="description" content="ForgeCoreAI builds AI agents and workflow automation that remove repetitive work, speed up operations, and help your team scale. Local SEO supports the system." />
    <meta name="keywords" content="AI automation, AI agents, workflow automation, business process automation, local SEO" />
    <meta name="author" content="ForgeCoreAI" />

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="alternate icon" href="/favicon.ico" type="image/x-icon" />

    <!-- Critical CSS -->
    <style>
      /* Minimal critical CSS for initial render */
      body {
        margin: 0;
        padding: 0;
        font-family: 'Inter', sans-serif;
      }
      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
      }
      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        border-top-color: #3b82f6;
        animation: spin 1s ease-in-out infinite;
      }
      @keyframes spin {
        to { transform: rotate(360deg); }
      }
    </style>

    <!-- Preload the main JS and CSS -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnCmltcG9ydCBBcHAgZnJvbSAnLi9BcHAudHN4JwppbXBvcnQgJy4vaW5kZXguY3NzJwppbXBvcnQgJy4vZmVhdHVyZXMvY2hhdC9zdHlsZXMuY3NzJyAvLyBJbXBvcnQgY2hhdCB3aWRnZXQgc3R5bGVzCgpjcmVhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJyb290IikhKS5yZW5kZXIoPEFwcCAvPik7Cg==" as="script" />

    <!-- Google Analytics & Tag Manager (async loading) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RS54Y958MY"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-RS54Y958MY');

      // Google Tag Manager
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-THVG5H69');
    </script>

    <!-- Font loading with font-display: swap -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
    </noscript>

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://forgecoreai.com/" />
    <meta property="og:title" content="ForgeCoreAI | AI Automation for Real Business Growth" />
    <meta property="og:description" content="Build AI agents and workflow automation that reduce manual work, improve response speed, and scale operations with confidence." />
    <meta property="og:image" content="/og-image.jpg" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://forgecoreai.com/" />
    <meta property="twitter:title" content="ForgeCoreAI | AI Automation for Real Business Growth" />
    <meta property="twitter:description" content="Build AI agents and workflow automation that reduce manual work, improve response speed, and scale operations with confidence." />
    <meta property="twitter:image" content="/og-image.jpg" />
    <script type="module" crossorigin src="/assets/index-DHOAhOnz.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BUJSpfPc.css">
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THVG5H69"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    <div id="root">
      <!-- Initial loading state -->
      <div class="loading">
        <div class="spinner"></div>
      </div>
    </div>

    <!-- Netlify Forms - Hidden forms that Netlify can detect at build time -->
    <!-- Main Contact Form -->
    <form hidden method='post' name='contact'><input type='hidden' name='form-name' value='contact' />
      <input type="text" name="fullName" />
      <input type="email" name="email" />
      <input type="text" name="website" />
      <input type="text" name="company" />
      <textarea name="message"></textarea>
    </form>

    <!-- Contact Page Form -->
    <form hidden method='post' name='contact-page'><input type='hidden' name='form-name' value='contact-page' />
      <input type="text" name="name" />
      <input type="email" name="email" />
      <input type="text" name="company" />
      <input type="radio" name="inquiry" />
      <textarea name="message"></textarea>
    </form>

    <!-- Simple Contact Form -->
    <form hidden method='post' name='simple-contact'><input type='hidden' name='form-name' value='simple-contact' />
      <input type="text" name="fullName" />
      <input type="email" name="email" />
      <input type="text" name="website" />
      <input type="text" name="company" />
      <textarea name="message"></textarea>
    </form>

    <!-- Contact Sales Form -->
    <form hidden method='post' name='contact-sales'><input type='hidden' name='form-name' value='contact-sales' />
      <input type="text" name="fullName" />
      <input type="email" name="email" />
      <input type="text" name="company" />
      <textarea name="message"></textarea>
    </form>

    <!-- Package Order Form -->
    <form hidden method='post' name='package-order'><input type='hidden' name='form-name' value='package-order' />
      <input type="text" name="firstName" />
      <input type="text" name="lastName" />
      <input type="email" name="email" />
      <input type="text" name="company" />
      <input type="text" name="address" />
      <input type="text" name="city" />
      <input type="text" name="country" />
      <input type="text" name="vatNumber" />
      <input type="text" name="selectedPlan" />
      <input type="text" name="selectedSupport" />
      <input type="text" name="selectedUpsells" />
      <input type="text" name="totalPrice" />
    </form>

  </body>
</html>
