Spaces:

vlcsolutions
/

toolmaster-pro-erp-integrator

Running

File size: 44,322 Bytes

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0"/>
  <title>Tool Management for Dynamics 365 | VLC Solutions</title>
  <meta name="description" content="Optimize manufacturing tools with VLC's Dynamics 365 integration. Reduce downtime, track inventory & automate maintenance for peak efficiency."/>
  <meta name="keywords" content="Dynamics 365 tool management, manufacturing ERP, inventory tracking, production optimization, Business Central integration, AI-powered maintenance"/>
  <link rel="canonical" href="https://www.vlcsolutions.com/tool-management-for-microsoft-dynamics-365-business-central.html" />
	
	<!-- Twitter Card data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI-Powered Tool Management | VLC Solutions">
    <meta name="twitter:description" content="Transform manufacturing with our Dynamics 365 tool management system. Reduce downtime by 30% with predictive maintenance & real-time tracking.">

  <!-- Tailwind + libs -->
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>

  <!-- VLC Brand Map + UI polish -->
  <style id="vlc-brand-theme">
    :root{
      --vlc-navy:#002060;
      --vlc-navy-700:#001a50;
      --vlc-sky:#00A0E9;
      --vlc-leaf:#8DC63F;
      --vlc-leaf-700:#79b32e;
      --vlc-ink:#1F2A44;
      --vlc-tint:#F5F7FF;
      --vlc-leaf-tint:#F3FAEA;
      --vlc-card:#ffffff;
    }
    body{ color:#1f2937; }
    .service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
    .chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
    .btn-primary{ background:var(--vlc-navy); color:#fff }
    .btn-primary:hover{ background:var(--vlc-navy-700) }
    .btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
    .btn-accent:hover{ background:var(--vlc-leaf-700) }
    .link-brand{ color:var(--vlc-navy) }
    .link-brand:hover{ color:var(--vlc-leaf) }

    /* Accent top border like vlcsolutions.com cards */
    .card-accent{ position:relative; }
    .card-accent:before{
      content:""; position:absolute; inset:0 0 auto 0; height:4px;
      background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
    }

    /* Soft patterned sections */
    .pattern-navy{
      background:
        radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
        radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
        radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
        linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
      background-color:var(--vlc-navy);
    }
    .pattern-tint{
      background:
        radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
        radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
      background-color:#F7FBF1;
    }

    /* Footer */
    footer a:hover{ color:var(--vlc-leaf) }

    /* Make “Learn more” rows align across cards */
    .card-body{ display:flex; flex-direction:column; height:100% }
    .card-cta{ margin-top:auto }
  </style>
  
  <script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
	
	<!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
	<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Product",
  "url":"https://www.vlcsolutions.com/tool-management-for-microsoft-dynamics-365-business-central.html",
  "name":"VLC Tool Management for Dynamics 365",
  "headline":"AI-powered tool management for manufacturing efficiency",
  "description":"Reduce downtime by 30% with predictive maintenance and real-time tool tracking for Dynamics 365 Business Central.",
  "brand": {
    "@type":"Brand",
    "name":"VLC Solutions"
  },
  "publisher":{
    "@type":"Organization",
    "name":"VLC Solutions",
    "url":"https://www.vlcsolutions.com",
    "logo":{"@type":"ImageObject","url":"https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"}
  },
  "mainEntity":{
    "@type":"ItemList",
    "name":"Key Features",
    "itemListElement":[
      {"@type":"PropertyValue","name":"Tool Lifecycle Tracking","value":"Track tools from purchase to retirement"},
      {"@type":"PropertyValue","name":"Predictive Maintenance","value":"AI-powered wear prediction"},
      {"@type":"PropertyValue","name":"Barcode Integration","value":"Mobile scanning & tracking"},
      {"@type":"PropertyValue","name":"Automated Work Orders","value":"Seamless Business Central integration"}
    ]
  },
  "about":[
    "Manufacturing ERP",
    "Inventory Optimization",
    "Equipment Maintenance",
    "Business Central Integration",
    "AI for Manufacturing"
  ],
  "potentialAction":{
    "@type":"ContactAction",
    "target":"https://www.vlcsolutions.com/contactus.html",
    "name":"Request Demo",
    "description":"See how our tool management system can transform your manufacturing operations."
  }
}
</script>
</head>

<body class="font-sans antialiased">
  <!-- Header / Nav -->
  
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex justify-between h-16">
        <a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
          <img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10" loading="lazy">
        </a>

        <nav class="hidden md:flex items-center gap-2" aria-label="Primary">
          <!-- Direct link per your request -->
          <a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>

          <!-- Solutions -->
          <div class="relative group">
            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
              Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
            </button>
            <div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
              <a href="https://www.vlcsolutions.com/solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
            </div>
          </div>

          <!-- Services -->
          <div class="relative group">
            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
              Services <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
            </button>
            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
              <a href="https://www.vlcsolutions.com/services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
              <a href="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
              <a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
              <a href="https://www.vlcsolutions.com/managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
              <a href="https://www.vlcsolutions.com/managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
              <a href="https://www.vlcsolutions.com/compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
              <a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
              <a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
              <a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
            </div>
          </div>

          <!-- Industries -->
          <div class="relative group">
            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
              Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
            </button>
            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
              <a href="https://www.vlcsolutions.com/industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
              <a href="https://www.vlcsolutions.com/ecommerce-development-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">E-Commerce</a>
              <a href="https://www.vlcsolutions.com/government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
            </div>
          </div>

          <!-- Products -->
          <div class="relative group">
            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
              Products <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
            </button>
            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
              <a href="https://www.vlcsolutions.com/products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
              <a href="https://www.vlcsolutions.com/power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
              <a href="https://www.vlcsolutions.com/microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
              <a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
            </div>
          </div>

          <!-- Who We Are -->
          <div class="relative group">
            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
              Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
            </button>
            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
              <a href="https://www.vlcsolutions.com/who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
              <a href="https://www.vlcsolutions.com/partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
              <a href="https://www.vlcsolutions.com/terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
              <a href="https://www.vlcsolutions.com/privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
              <a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Client Protection</a>
              <a href="https://www.vlcsolutions.com/blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
              <a href="https://www.vlcsolutions.com/case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
              <a href="https://www.vlcsolutions.com/contactus.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
            </div>
          </div>

          <a href="https://www.vlcsolutions.com/contactus.html" class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let’s Connect</a>
        </nav>

        <button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
          <i data-feather="menu" aria-hidden="true"></i>
        </button>
      </div>
    </div>
  </header>
  <!-- ======= HERO / BANNER ======= -->
<!-- ====== HERO SECTION (Compact with Background Banner Image) ====== -->
<section class="relative py-12 md:py-16 overflow-hidden" style="background-color:#002060;">
  <!-- Banner Background Image -->
  <div class="absolute inset-0">
    <img 
      src="https://huggingface.co/spaces/vlcsolutions/toolmaster-pro-erp-integrator/resolve/main/images/ToolManagement-Banner-Nov2025.png"
      alt="Tool Management Banner"
      class="w-full h-full object-cover object-right"
    >
  </div>

  <!-- Light Overlay for Better Text Contrast (keeps image same) -->
  <div class="absolute inset-0 bg-black/20"></div>

  <!-- Content -->
  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">

    <!-- Title -->
    <h1 class="text-3xl md:text-4xl font-bold mb-2 text-white drop-shadow-[0_4px_6px_rgba(0,0,0,0.6)]">
      Bridge Production & Planning with<br>
      Real-Time Tool Insights
    </h1>

    <!-- Subtitle -->
    <p class="text-lg md:text-xl font-medium mb-6 text-white/90 drop-shadow-[0_2px_4px_rgba(0,0,0,0.6)]">
      Optimize Every Tool, Maximize Every Minute
    </p>

    <!-- Button -->
    <a href="https://www.vlcsolutions.com/contactus.html"
       class="mx-auto inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-dark)]
              text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-full
              text-xl md:text-2xl mb-8 transition-colors duration-200 shadow-lg hover:shadow-xl">
      Solve Your Downtime Problem
    </a>

  </div>
</section>


<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
<section class="pattern-navy text-white py-8 bg-[var(--vlc-navy-700)]">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex flex-col md:flex-row items-stretch gap-3 md:gap-4">

      <!-- Download Fact Sheet (opens modal) -->
      <button id="cta-open-modal"
              class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
        <i data-feather="download" class="w-5 h-5" aria-hidden="true"></i>
        <span>Download Fact Sheet</span>
      </button>

      <!-- AppSource -->
      <a href="https://appsource.microsoft.com/en-us/product/dynamics-365-business-central/PUBID.vlc-solutions-llc-1263055%7CAID.vlc_tool_management%7CPAPPID.a6719f47-5055-4d53-a89c-bc1493f4df94"
         class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
        <i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i>
        <span>View VLC TM ON APP SOURCE</span>
      </a>

      <!-- YouTube -->
      <a href="https://www.youtube.com/watch?v=zAiME9H0EVQ" rel="noopener"
         class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
        <i data-feather="play-circle" class="w-5 h-5" aria-hidden="true"></i>
        <span>Watch it in action</span>
      </a>

    </div>
  </div>
</section>

<!-- ====== DOWNLOAD FACT SHEET MODAL ====== -->
<form id="send_email_to_customer" action="./tool_management.php" method="post" novalidate>
  <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
  <input type="hidden" name="action" value="validate_captcha">

  <div id="cta-modal"
       class="fixed inset-0 z-[999] hidden"
       role="dialog" aria-modal="true" aria-labelledby="cta-modal-title">
    <!-- Backdrop -->
    <div class="absolute inset-0 bg-black/60"></div>

    <!-- Panel -->
    <div class="relative h-full w-full flex items-center justify-center p-4">
      <div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden">
        <div class="bg-[var(--vlc-navy)] text-white px-5 py-4">
          <div class="flex items-center justify-between">
            <h4 id="cta-modal-title" class="text-lg font-semibold">
              Enter your business email to download
            </h4>
            <button type="button" id="cta-close"
                    class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50"
                    aria-label="Close">
              <i data-feather="x" class="w-5 h-5" aria-hidden="true"></i>
            </button>
          </div>
        </div>

        <div class="p-6 space-y-4">
          <p id="cta-error" class="hidden text-sm text-red-600">
            Please use a valid business email (not a personal domain).
          </p>

          <label for="customer_email" class="block text-sm font-medium text-[var(--vlc-navy)]">
            Business Email
          </label>
          <input
            class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[var(--vlc-sky)]"
            name="customer_email" id="customer_email" type="email"
            placeholder="name@yourcompany.com" required autocomplete="email" />

          <div class="flex items-center justify-end gap-3 pt-2">
            <button type="button" id="cta-cancel"
                    class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50">
              Cancel
            </button>
            <button type="submit" id="magento_connector"
                    class="px-4 py-2 rounded-md bg-[var(--vlc-leaf)] hover:bg-[#79b32e] text-white font-semibold shadow">
              Submit &amp; Download
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<!-- ====== CTA BUTTON HOVER COLOR STYLES ====== -->
<style>
  /* VLC Leaf Green brand color */
  :root {
    --vlc-leaf: #8DC63F;
    --vlc-leaf-dark: #79b32e;
  }

  /* CTA ribbon buttons default style */
  .cta-btn {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transition: all 0.25s ease-in-out;
  }

  /* On hover: leaf green background and dark navy text */
  .cta-btn:hover {
    background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark));
    color: #002060;
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(141, 198, 63, 0.4);
    transform: translateY(-2px);
  }

  /* Icon color switch on hover */
  .cta-btn:hover i {
    color: #002060 !important;
  }

  /* Smooth transition for icons */
  .cta-btn i {
    transition: color 0.25s ease-in-out;
  }

  /* Accessibility focus ring */
  .cta-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5);
  }

  /* Modal button hover (already green effect included) */
  #cta-modal button:hover {
    background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3);
    transition: all 0.25s ease-in-out;
  }

  #cta-modal #cta-cancel {
    background: #f8fafc;
    color: var(--vlc-navy, #002060);
    border: 1px solid #d1d5db;
  }
</style>

<script>
  // --- CTA Modal controls ---
  (function () {
    const openBtn = document.getElementById('cta-open-modal');
    const modal = document.getElementById('cta-modal');
    const closeBtn = document.getElementById('cta-close');
    const cancelBtn = document.getElementById('cta-cancel');
    const form = document.getElementById('send_email_to_customer');
    const email = document.getElementById('customer_email');
    const error = document.getElementById('cta-error');

    if (!openBtn || !modal) return;

    function openModal() {
      modal.classList.remove('hidden');
      document.body.style.overflow = 'hidden';
      email && setTimeout(() => email.focus(), 50);
    }
    function closeModal() {
      modal.classList.add('hidden');
      document.body.style.overflow = '';
      error && error.classList.add('hidden');
    }

    openBtn.addEventListener('click', openModal);
    closeBtn && closeBtn.addEventListener('click', closeModal);
    cancelBtn && cancelBtn.addEventListener('click', closeModal);

    // Close on Esc / backdrop
    modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
    document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); });

    // --- Business email validation ---
    const personalDomains = [
      'gmail.com','googlemail.com','yahoo.com','yahoo.co.in','outlook.com','hotmail.com','live.com',
      'msn.com','icloud.com','me.com','aol.com','proton.me','protonmail.com','yandex.com','pm.me','mail.com','zoho.com'
    ];

    form && form.addEventListener('submit', (e) => {
      if (!email) return;
      const value = String(email.value || '').trim().toLowerCase();
      const isEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
      const domain = value.split('@')[1] || '';
      const isPersonal = personalDomains.includes(domain);

      if (!isEmail || isPersonal) {
        e.preventDefault();
        error.classList.remove('hidden');
        email.focus();
      }
    });
  })();
</script>

<!-- ======= VLC Brand Tokens & Patterns ======= -->
<style>
  :root{
    --vlc-navy:#002060;
    --vlc-sky:#00A0E9;
    --vlc-leaf:#8DC63F;

    /* supportive tints & utilities */
    --vlc-navy-04: rgba(0,32,96,.04);
    --vlc-navy-06: rgba(0,32,96,.06);
    --vlc-navy-08: rgba(0,32,96,.08);
    --vlc-sky-18: rgba(0,160,233,.18);
    --vlc-sky-08: rgba(0,160,233,.08);
    --vlc-leaf-18: rgba(141,198,63,.18);
    --vlc-leaf-08: rgba(141,198,63,.08);
    --vlc-tint: rgba(0,160,233,.22);   /* subtle border tint */
  }

  /* Soft paper pattern with brand tints */
  .pattern-paper {
    background:
      linear-gradient(180deg, rgba(0,160,233,.06), rgba(141,198,63,.06)),
      repeating-linear-gradient(135deg, rgba(0,32,96,.05) 0px, rgba(0,32,96,.05) 1.5px, transparent 1.5px, transparent 6px);
  }

  /* Clean white with soft branded halos + micro-stripes */
  .pattern-white {
    background:
      radial-gradient(circle at 80% 10%, var(--vlc-leaf-18) 0%, transparent 60%),
      radial-gradient(circle at 15% 85%, var(--vlc-sky-18) 0%, transparent 60%),
      repeating-linear-gradient(45deg, var(--vlc-navy-04) 0px, var(--vlc-navy-04) 2px, transparent 2px, transparent 7px);
  }

  /* Dots & stripes accent (very light) */
  .pattern-dots-stripes {
    background:
      radial-gradient(circle at 12% 18%, rgba(0,32,96,.10) 2px, transparent 3px) 0 0/22px 22px,
      radial-gradient(circle at 80% 75%, var(--vlc-sky-18) 2px, transparent 3px) 0 0/28px 28px,
      repeating-linear-gradient(90deg, var(--vlc-navy-04) 0px, var(--vlc-navy-04) 1px, transparent 1px, transparent 5px);
  }

  /* Brand gradient button */
  .btn-vlc {
    background-image: linear-gradient(90deg, var(--vlc-navy), var(--vlc-sky));
    color:#fff;
    border-radius:.5rem;
    transition: filter .2s ease, transform .05s ease;
  }
  .btn-vlc:hover { filter: brightness(1.05); }
  .btn-vlc:active { transform: translateY(1px); }

  /* Leaf badges for checkmarks */
  .badge-check{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:1.5rem;height:1.5rem;border-radius:9999px;
    background:var(--vlc-leaf);color:#fff;font-weight:700;font-size:.75rem;line-height:1;
  }

  /* Thin ribbon accent */
  .ribbon {
    height:6px;width:96px;border-radius:9999px;
    background-image: linear-gradient(90deg, var(--vlc-navy), var(--vlc-leaf));
  }

  /* Image overlay gradient using brand navy */
  .img-overlay::after{
    content:"";position:absolute;inset:0;
    background: linear-gradient(to top, rgba(0,32,96,.7), transparent 60%);
  }
</style>


<!-- ======= VLC Brand Tokens & Patterns ======= -->
<style>
  :root{
    --vlc-navy:#002060;
    --vlc-sky:#00A0E9;
    --vlc-leaf:#8DC63F;

    /* supportive tints & utilities */
    --vlc-navy-04: rgba(0,32,96,.04);
    --vlc-navy-06: rgba(0,32,96,.06);
    --vlc-navy-08: rgba(0,32,96,.08);
    --vlc-sky-18: rgba(0,160,233,.18);
    --vlc-sky-08: rgba(0,160,233,.08);
    --vlc-leaf-18: rgba(141,198,63,.18);
    --vlc-leaf-08: rgba(141,198,63,.08);
    --vlc-tint: rgba(0,160,233,.22);   /* subtle border tint */
  }

  /* Soft paper pattern with brand tints */
  .pattern-paper {
    background:
      linear-gradient(180deg, rgba(0,160,233,.06), rgba(141,198,63,.06)),
      repeating-linear-gradient(135deg, rgba(0,32,96,.05) 0px, rgba(0,32,96,.05) 1.5px, transparent 1.5px, transparent 6px);
  }

  /* Clean white with soft branded halos + micro-stripes */
  .pattern-white {
    background:
      radial-gradient(circle at 80% 10%, var(--vlc-leaf-18) 0%, transparent 60%),
      radial-gradient(circle at 15% 85%, var(--vlc-sky-18) 0%, transparent 60%),
      repeating-linear-gradient(45deg, var(--vlc-navy-04) 0px, var(--vlc-navy-04) 2px, transparent 2px, transparent 7px);
  }

  /* Dots & stripes accent (very light) */
  .pattern-dots-stripes {
    background:
      radial-gradient(circle at 12% 18%, rgba(0,32,96,.10) 2px, transparent 3px) 0 0/22px 22px,
      radial-gradient(circle at 80% 75%, var(--vlc-sky-18) 2px, transparent 3px) 0 0/28px 28px,
      repeating-linear-gradient(90deg, var(--vlc-navy-04) 0px, var(--vlc-navy-04) 1px, transparent 1px, transparent 5px);
  }

  /* Brand gradient button */
  .btn-vlc {
    background-image: linear-gradient(90deg, var(--vlc-navy), var(--vlc-sky));
    color:#fff;
    border-radius:.5rem;
    transition: filter .2s ease, transform .05s ease;
  }
  .btn-vlc:hover { filter: brightness(1.05); }
  .btn-vlc:active { transform: translateY(1px); }

  /* Leaf badges for checkmarks */
  .badge-check{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:1.5rem;height:1.5rem;border-radius:9999px;
    background:var(--vlc-leaf);color:#fff;font-weight:700;font-size:.75rem;line-height:1;
  }

  /* Thin ribbon accent */
  .ribbon {
    height:6px;width:96px;border-radius:9999px;
    background-image: linear-gradient(90deg, var(--vlc-navy), var(--vlc-leaf));
  }

  /* Image overlay gradient using brand navy */
  .img-overlay::after{
    content:"";position:absolute;inset:0;
    background: linear-gradient(to top, rgba(0,32,96,.7), transparent 60%);
  }
</style>


<!-- ======= SECTION 2 (Narrative + Highlight) ======= -->
<section class="relative py-16 overflow-hidden bg-white">
  <!-- Soft paper-like brand pattern removed for clarity -->
  <!-- <div class="absolute inset-0 opacity-25 pointer-events-none pattern-paper"></div> -->

  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex flex-col md:flex-row gap-8 items-center">
      <div class="flex-1">
        <h2 class="text-3xl font-bold mb-6" style="color:var(--vlc-navy);">
          The Critical Role of Manufacturing in Today's Digital Economy
        </h2>
        <p class="text-gray-700">
          Manufacturing remains the backbone of global industry, and with the rise of Smart Factory Integration with Business Central, companies are embracing digital transformation to gain a competitive edge. A robust Tool Management System for Microsoft Dynamics 365 Business Central is essential for reducing hidden costs, improving asset visibility, and streamlining operations to prevent revenue loss and enhance efficiency.
        </p>
      </div>

      <!-- Image Content -->
      <div class="w-full md:w-1/2 lg:w-2/5">
        <div class="relative rounded-xl overflow-hidden">
          <img src="https://huggingface.co/spaces/vlcsolutions/toolmaster-pro-erp-integrator/resolve/main/images/TM-left.png"
               alt="Modern manufacturing facility with tool management system"
               class="w-full h-auto object-cover">
        </div>
      </div>
    </div>

    <div class="relative bg-white/80 p-6 rounded-xl border shadow-sm mt-8" style="border-color:var(--vlc-tint);">
      <!-- inner ribbon -->
      <div class="absolute -top-2 left-6 ribbon"></div>

      <h3 class="text-xl font-bold mb-3" style="color:var(--vlc-navy);">
        Why You Need Advanced Tool Management for Business Central
      </h3>
      <p class="text-gray-700">
        Tool management today goes beyond physical tracking, it's about integrating and maintaining production-critical data. With Tool Management for Microsoft Dynamics 365 Business Central, manufacturers can centralize tool specifications, measurements, and lifecycle data. An AI-powered tool management system can use this data to predict tool wear and proactively schedule maintenance, minimizing unexpected downtime and optimizing production schedules. This ensures production integrity and supports Quality Management for Manufacturing through real-time insights and automation.
      </p>
    </div>
  </div>
</section>

<!-- ======= SECTION 3 (Integration; Split Layout Pattern) ======= -->
<section class="relative py-20 bg-white overflow-hidden">
  <!-- Subtle brand pattern removed for clarity -->
  <!-- <div class="absolute inset-0 pointer-events-none opacity-25 pattern-white"></div> -->

  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex flex-col md:flex-row gap-8 items-center">
      <div class="flex-1">
        <h2 class="text-3xl font-bold mb-6" style="color:var(--vlc-navy);">
          VLC Tool Management System + Business Central Integration
        </h2>
      
        <p class="text-gray-700">
          The VLC Tool Management System, fully compatible with Microsoft Dynamics 365 Business Central Apps,
          enables complete lifecycle tracking — from quoting and estimating to production and quality control.
          With Visual Scheduling for Microsoft Dynamics 365 Business Central, users can monitor tool status,
          automate maintenance, and manage work orders seamlessly.
        </p>

        <p class="text-gray-700">
          VLC's solution bridges planning and production using a centralized database that promotes transparency
          and consistency across all stakeholders. It also supports Business Central Third-Party App Integration,
          allowing distributors to connect with multiple manufacturers for optimized workflows and accelerated delivery.
        </p>
        
      </div>

      <!-- Image Content -->
      <div class="w-full md:w-1/2 lg:w-2/5">
        <div class="relative rounded-xl overflow-hidden">
          <img src="https://huggingface.co/spaces/vlcsolutions/toolmaster-pro-erp-integrator/resolve/main/images/TM-left-1.png"
               alt="Modern manufacturing facility with tool management system"
               class="w-full h-auto object-cover">
        </div>
      </div>
    </div>

    <!-- Decorative floating leaf element removed for clarity -->
    <!-- <div class="absolute -top-5 -right-5 w-16 h-16 bg-[var(--vlc-leaf)] rounded-full opacity-20 blur-md"></div> -->
  </div>
</section>

<!-- ======= SECTION 4 (Benefits; stacked content) ======= -->
<section class="relative py-16 overflow-hidden bg-white">
  <!-- Dots + stripes accent in brand tints -->
  <div class="absolute inset-0 pointer-events-none opacity-20 pattern-dots-stripes"></div>

  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <h3 class="text-2xl font-bold mb-4" style="color:var(--vlc-navy);">
      Tool & Equipment Management with ERP Connectors
    </h3>
    <p class="text-gray-700 mb-6">
      Integrate your ERP for Manufacturing Industry with shop floor machinery, warehouse systems, and loading docks using Smart Warehouse Management for Microsoft Dynamics 365 Business Central. VLC's system enables barcode-based tracking, automated notifications, and real-time updates, reducing downtime and improving operational efficiency.
    </p>

    <h3 class="text-2xl font-bold mb-4" style="color:var(--vlc-navy);">
      Mobile Tool Management & Barcode Integration
    </h3>
    <p class="text-gray-700 mb-6">
      Manual inventory tracking is prone to errors. VLC's Mobile Tool Management solution integrates with barcode scanners and supports Business Central Barcode Integration on Android and iOS devices. This empowers teams to manage tool data on the go, improving accuracy and saving time.
    </p>

    <h3 class="text-2xl font-bold mb-4" style="color:var(--vlc-navy);">
      Efficient Consumable & Inventory Tracking
    </h3>
    <p class="text-gray-700 mb-8">
      Beyond tools, VLC's system supports Inventory Management for Manufacturers and Barcode and Report Management for Microsoft Dynamics 365 Business Central. It automates purchase orders, stock transfers, and reordering, ensuring optimal inventory levels and reducing waste.
    </p>

    <h3 class="text-2xl font-bold mb-4" style="color:var(--vlc-navy);">
      VLC Tool Management Key Benefits
    </h3>
    <ul class="grid grid-cols-1 gap-3">
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Improved Accountability & Tracking</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Scheduled Maintenance & Upgrades</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Quick Identification of Tool Location</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Accurate Consumable Stock Levels</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Reduced Operational Errors</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Custom Barcode Generation</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Tracking Defective, Leased & Misplaced Equipment</span></li>
      <li class="flex items-center gap-3"><span class="badge-check">✓</span><span>Seamless CMMS for Microsoft Dynamics 365 Business Central Integration</span></li>
    </ul>

    <div class="mt-10 bg-white/80 p-6 rounded-xl border shadow-sm" style="border-color:var(--vlc-tint);">
      <h3 class="text-xl font-bold mb-3" style="color:var(--vlc-navy);">
        Why Choose VLC Tool Management for Dynamics 365
      </h3>
      <p class="text-gray-700 mb-4">
        Whether you're a small-scale manufacturer or a large enterprise, VLC's Tool Management System for Microsoft Dynamics 365 Business Central helps you scale, optimize, and sustain operations. With AI and Analytics in Microsoft Business Central, you gain actionable insights, reduce costs, and stay ahead of the competition.
      </p>
      <div class="flex flex-wrap gap-4">
        <a href="https://www.vlcsolutions.com/contactus.html"
           class="inline-flex items-center px-6 py-3 bg-[var(--vlc-navy)] hover:bg-[var(--vlc-navy-700)] text-white rounded-lg">
          Discover Smart Factory Solutions
        </a>
        <a href="./tool-management-for-microsoft-dynamics-365-business-central-faq.html"
           class="inline-flex items-center px-6 py-3 bg-[var(--vlc-navy)] hover:bg-[var(--vlc-navy-700)] text-white rounded-lg">
          FAQs
        </a>
      </div>
</div>
  </div>
</section>



  <!-- FOOTER -->
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="grid md:grid-cols-3 gap-10 mb-10">
        <div>
          <h3 class="font-bold mb-3">Contact Us</h3>
          <div class="text-gray-300 space-y-3">
            <div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3" aria-hidden="true"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
            <div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3" aria-hidden="true"></i>+1 (224) 955-1818</div>
          </div>
        </div>

        <div>
          <h3 class="font-bold mb-3">Quick Links</h3>
          <div class="grid grid-cols-2 gap-4 text-gray-300">
            <ul class="space-y-2">
              <li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
              <li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
              <li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
              <li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
              <li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
              <li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
              <li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
            </ul>
            <ul class="space-y-2">
              <li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
              <li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
              <li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
              <li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
              <li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
              <li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
              <li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
            </ul>
          </div>
        </div>

        <div>
          <h3 class="font-bold mb-3">VLC Solutions</h3>
          <p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
          <div class="flex gap-4">
            <a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn"><i data-feather="linkedin" class="w-5 h-5" aria-hidden="true"></i></a>
            <a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram"><i data-feather="instagram" class="w-5 h-5" aria-hidden="true"></i></a>
            <a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X"><i data-feather="twitter" class="w-5 h-5" aria-hidden="true"></i></a>
            <a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
              <img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
            </a>
            <a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube"><i data-feather="youtube" class="w-5 h-5" aria-hidden="true"></i></a>
          </div>
        </div>
      </div>

      <div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
        © 2025 VLC Solutions. All rights reserved.
      </div>
    </div>
  </footer>

  <script>
    // Init animations (after scripts loaded)
    document.addEventListener('DOMContentLoaded', () => {
      if (window.AOS) {
        AOS.init({
          duration: 800,
          easing: 'ease-in-out',
          once: true,
          mirror: false,
          offset: 120,
          disable: window.innerWidth < 768
        });
      }
      if (window.feather) {
        feather.replace();
      }

      // Mobile menu placeholder
      const mobileBtn = document.getElementById('mobile-menu-button');
      if (mobileBtn) {
        mobileBtn.addEventListener('click', () => {
          console.log('Mobile menu clicked');
        });
      }
    });

    // Refresh AOS on resize (guard if AOS present)
    window.addEventListener('resize', function() {
      if (window.AOS && AOS.refreshHard) {
        AOS.refreshHard();
      }
    });
  </script>
</body>
</html>