| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta |
| name="viewport" |
| content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> |
| <title>VLC Visual Scheduler for Dynamics 365 – VLC Solutions</title> |
| <meta name="description" content="Transform production planning with VLC Visual Scheduler. Get real-time visibility, finite capacity scheduling, and seamless Dynamics 365 integration."/> |
| <meta name="keywords" content="VLC Visual Scheduler, production scheduling, Dynamics 365 Business Central, manufacturing planning, finite capacity scheduling, Gantt chart planner, ERP scheduling, real-time production visibility, drag-and-drop scheduler, manufacturing efficiency"/> |
| <link rel="canonical" href="https://www.vlcsolutions.com/visual-scheduling.html" /> |
| |
| |
| <meta name="twitter:card" content="summary_large_image"> |
| <meta name="twitter:title" content="VLC Visual Scheduler for Smart Production"> |
| <meta name="twitter:description" content="Optimize production planning with real-time visibility, drag-and-drop scheduling, and full Dynamics 365 Business Central integration."> |
|
|
| |
| <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> |
|
|
| |
| <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) } |
| |
| |
| .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)); |
| } |
| |
| |
| .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 a:hover{ color:var(--vlc-leaf) } |
| |
| |
| .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> |
| |
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script> |
| |
| <script type="application/ld+json"> |
| { |
| "@context": "https://schema.org", |
| "@type": "SoftwareApplication", |
| "name": "VLC Visual Scheduler", |
| "applicationCategory": "BusinessApplication", |
| "operatingSystem": "Cloud, Web", |
| "description": "VLC Visual Scheduler delivers advanced production planning with real-time visualization, finite capacity scheduling, and seamless Dynamics 365 Business Central integration.", |
| "provider": { |
| "@type": "Organization", |
| "name": "VLC Solutions" |
| "url": "https://www.vlcsolutions.com/" |
| }, |
| "featureList": [ |
| "Finite Capacity Scheduling", |
| "Interactive Gantt Chart", |
| "Visual Calendar Views", |
| "Real-Time Data Access", |
| "Drag-and-Drop Adjustments", |
| "Intelligent Conflict Detection", |
| "Capacity Overload Warnings", |
| "Integrated ERP Data", |
| "Machine Center Filters", |
| "Material Availability Insights" |
| ], |
| } |
| |
| </script> |
|
|
| </head> |
| </head> |
| <body class="font-sans antialiased"> |
| |
| <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"> |
| |
| <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> |
| |
| <div class="relative"> |
| <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium group" 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 group-focus-within:opacity-100 group-focus-within:visible group-focus-within: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> |
| |
| <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> |
|
|
| |
| <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> |
|
|
| |
| <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> |
|
|
| |
| <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> |
| <body class="font-sans antialiased"> |
| |
| |
| <section class="pattern-navy text-white py-16 md:py-24 hero-bg" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/vlc-visual-scheduler-wizardry/resolve/main/images/Visual%20scheduler-banner-25-1.png'); background-size: cover; background-position: center; height: 400px;"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-start"> |
| <div class="w-full md:w-1/2 text-left"> |
| |
| <h1 class="text-3xl md:text-4xl font-bold leading-tight mb-2 text-left"> |
| Visual Production Planning: Stop Drowning in Spreadsheets |
| </h1> |
| |
| |
| <p class="text-xl md:text-2xl text-[var(--vlc-sky)] font-medium mb-8 text-left"> |
| Visualize • Manage • Deliver |
| </p> |
| |
| |
| <div class="flex flex-wrap gap-4 justify-start"> |
| <a href="#demo" class="btn-accent px-8 py-3 rounded-md font-bold hover:shadow-lg transition-all"> |
| Reimagine Readiness Alongside Timelines |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
|
|
|
|
|
|
|
|
|
|
| </section> |
|
|
| |
| <section class="pattern-navy text-white py-8"> |
| <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"> |
|
|
| |
| <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> |
|
|
| |
|
|
| |
| <a href="https://www.youtube.com/watch?v=sgj-SmHxjIM&t=25s" 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> |
|
|
| |
| <form id="send_email_to_customer" action="./visual_scheduling.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"> |
| |
| <div class="absolute inset-0 bg-black/60"></div> |
|
|
| |
| <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 & Download |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </form> |
|
|
| |
| <style> |
| |
| :root { |
| --vlc-leaf: #8DC63F; |
| --vlc-leaf-dark: #79b32e; |
| } |
| |
| |
| .cta-btn { |
| background: rgba(255, 255, 255, 0.08); |
| color: #ffffff; |
| transition: all 0.25s ease-in-out; |
| } |
| |
| |
| .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); |
| } |
| |
| |
| .cta-btn:hover i { |
| color: #002060 !important; |
| } |
| |
| |
| .cta-btn i { |
| transition: color 0.25s ease-in-out; |
| } |
| |
| |
| .cta-btn:focus { |
| outline: none; |
| box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5); |
| } |
| |
| |
| #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> |
| |
| (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); |
| |
| document.addEventListener('keydown', (e) => { |
| if (e.key === 'Escape' && !modal.classList.contains('hidden')) { |
| closeModal(); |
| } |
| }); |
| |
| |
| modal.addEventListener('click', (e) => { |
| if (e.target === modal) { |
| closeModal(); |
| } |
| }); |
| |
| 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> |
| |
| <section class="py-16 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-8"> |
| VLC Visual Scheduler: The End of Production Planning Chaos |
| </h2> |
| <div class="prose-lg text-gray-700 text-left max-w-5xl mx-auto"> |
| <p class="mb-6"> |
| Are you a production planner in the manufacturing industry who feels buried under a deep hierarchy of tables, struggling to get a clear picture of your shop floor? Are you tired of manual tracking and the inability to provide reliable delivery times? |
| </p> |
| <p class="mb-16"> |
| At VLC Solutions, we understand that in a smart factory, every minute and every resource counts. That's why we've developed a powerful advanced production scheduling solution that fully integrates with Microsoft Dynamics 365 Business Central. Our tool transforms complex data into an intuitive, interactive Gantt chart and calendar view, giving you the clarity and control you need to master your entire production schedule. |
| </p> |
| <div class="text-center"> |
| <a href="https://www.vlcsolutions.com/contactus.html" |
| class="inline-flex items-center gap-2 bg-[var(--vlc-navy)] text-white font-semibold px-6 py-3 rounded-lg shadow hover:opacity-90 transition"> |
| See Where Tools Limit Capacity — Before It's Too Late |
| <i data-feather="arrow-right" class="w-5 h-5"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid md:grid-cols-2 gap-12 items-center mb-16"> |
| <div> |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Clutter to Clarity</h3> |
| <p class="text-gray-700 mb-4"> |
| Standard ERPs often present your production data in a way that's hard to read and even harder to manage. As a certified Dynamics 365 Business Central add-on, our visual scheduler is the essential tool that brings all your planning information together in one place. |
| </p> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Single Source of Truth: Everyone works from the same, up-to-date information.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Eliminate Data Silos: Bridge the gap between engineering, purchasing, and manufacturing.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Seamless Integration: Connect with your core Microsoft Dynamics ERP Solutions for a streamlined workflow.</li> |
| </ul> |
| </div> |
| <div class="relative" data-aos="fade-left"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visual-scheduler-wizardry/resolve/main/images/Clutter%20to%20Clarity-VS.png" alt="Production Planning Interface" > |
| </div> |
| </div> |
|
|
| |
| <div class="grid md:grid-cols-2 gap-12 items-center mb-16"> |
| <div class="order-last md:order-first"> |
| <div class="relative" data-aos="fade-right"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visual-scheduler-wizardry/resolve/main/images/Precision%20&%20Control.png" alt="Precision Scheduling"> |
| </div> |
| </div> |
| <div> |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Precision & Control</h3> |
| <p class="text-gray-700 mb-4"> |
| Our solution goes far beyond simple visualization. It gives you the power you need to optimize your plant and make informed decisions, transforming your manufacturing solutions. |
| </p> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Finite Capacity Scheduling: Plan with precision by considering the actual capacity of your machine centers and resources.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Smart Automation: Define alternative machine centers and apply powerful color schemes to highlight different aspects of your schedule.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Material Availability: Make smarter scheduling decisions by including real-time material availability information.</li> |
| </ul> |
| </div> |
| </div> |
|
|
| |
| <div class="grid md:grid-cols-2 gap-12 items-center mb-16"> |
| <div> |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Real-Time Agility</h3> |
| <p class="text-gray-700 mb-4"> |
| The shop floor is unpredictable, and your schedule needs to be agile. Our solution empowers you to react quickly to any unplanned incident and maintain control, contributing to your digital transformation services. |
| </p> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Real-Time Visualization: See the immediate impact of changes and instantly understand dependencies.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Quick Adjustments: Easily reschedule maintenance jobs or adjust production orders.</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Boost Productivity: By minimizing manual effort, you can significantly boost overall productivity.</li> |
| </ul> |
| </div> |
| <div class="relative" data-aos="fade-left"> |
| |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visual-scheduler-wizardry/resolve/main/images/Real-Time%20Agility-VS.png" alt="Real-Time Scheduling" > |
| </div> |
| </div> |
| |
| <div class="grid md:grid-cols-3 gap-8 mb-16"> |
| <div class="bg-white p-6 rounded-xl border border-gray-200 shadow-md hover:shadow-lg transition-all"> |
| <div class="bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)] text-white p-3 rounded-lg mb-4 text-center"> |
| <h3 class="text-xl font-bold">Capabilities</h3> |
| </div> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Finite Capacity Scheduling</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Intuitive Drag-and-Drop</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Quick Schedule Adjustments</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Intelligent Conflict Detection</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Real-Time Data Access</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Integrated ERP Data</li> |
| </ul> |
| </div> |
| <div class="bg-white p-6 rounded-xl border border-gray-200 shadow-md hover:shadow-lg transition-all"> |
| <div class="bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)] text-white p-3 rounded-lg mb-4 text-center"> |
| <h3 class="text-xl font-bold">Benefits</h3> |
| </div> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Optimized Production Efficiency</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Enhanced Resource Utilization</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> On-Time Delivery</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Improved Communication</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Reduced Scheduling Errors</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Maximized Profitability</li> |
| </ul> |
| </div> |
| <div class="bg-white p-6 rounded-xl border border-gray-200 shadow-md hover:shadow-lg transition-all"> |
| <div class="bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)] text-white p-3 rounded-lg mb-4 text-center"> |
| <h3 class="text-xl font-bold">Features</h3> |
| </div> |
| <ul class="space-y-3 text-gray-700"> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Interactive Gantt Chart</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Visual Calendar Views</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Machine Center Filters</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Conflict Highlighting</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Capacity Overload Warnings</li> |
| <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">●</span> Integrated ERP Data</li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="text-center"> |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-6">Integrate Tool Availability Into Your Drag-and-Drop Scheduler</h3> |
| <p class="text-gray-700 mb-8 max-w-3xl mx-auto"> |
| Our VLC Visual Scheduler solution, a leading Microsoft Dynamics 365 Business Central App, turns your manufacturing schedule into a powerful, actionable tool. |
| </p> |
| <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md font-bold hover:shadow-lg transition-all inline-block"> |
| Request a Demo |
| </a> |
| </div> |
| </section> |
|
|
| |
| <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 & 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> |
| |
| document.addEventListener('DOMContentLoaded', () => { |
| if (window.AOS && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { |
| AOS.init({ |
| duration: 800, |
| easing: 'ease-in-out', |
| once: true, |
| mirror: false, |
| offset: 120, |
| disable: window.innerWidth < 768 |
| }); |
| } |
| if (window.feather) { |
| feather.replace(); |
| } |
| |
| |
| const mobileBtn = document.getElementById('mobile-menu-button'); |
| if (mobileBtn) { |
| mobileBtn.addEventListener('click', () => { |
| console.log('Mobile menu clicked'); |
| }); |
| } |
| }); |
| |
| if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) { |
| window.addEventListener('resize', function() { |
| if (window.AOS && AOS.refreshHard) { |
| AOS.refreshHard(); |
| } |
| }); |
| } |
| </script> |
| </body> |
| </html> |
