Hugging Face's logo

Spaces:
vlcsolutions
/
vlc-smart-warehouse-wizardry
Running

App Files Community
vlc-smart-warehouse-wizardry / index.html
vlcsolutions's picture
vlcsolutions
change Meta Title: Each up to 55 characters, based on the data I’ve given you
fd711df verified
raw
history blame contribute delete
37.9 kB
<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8" />
 <link rel="shortcut icon" href="./images/favicon/favicon.png">
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>VLC Smart Warehouse FAQ | Business Central Solutions</title>
 <meta name="description" content="Get answers about VLC Smart Warehouse for Business Central. Learn about licensing, implementation, pricing and more for warehouse management."/>
 <meta name="keywords" content="VLC Smart Warehouse, Business Central FAQ, Warehouse Management, ERP Solutions, Microsoft Dynamics, Power Platform, Barcode Scanning"/>
<link rel="canonical" href="https://www.vlcsolutions.com/smart-warehouse-management-faq.html" />
 <!-- Twitter Card data -->
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="VLC Smart Warehouse FAQ | Business Central">
 <meta name="twitter:description" content="Answers to common questions about VLC's Smart Warehouse solution for Microsoft Business Central warehouse management.">
<meta name="twitter:image:src" content="https://www.vlcsolutions.com/images/logo/VLC_Logo.png">
<!-- 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"></script>
 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></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;
 }
 html,body{width:100%;margin:0;padding:0}
 body{ color:#1f2937; overflow-x:hidden }
 .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);
 }
 /* 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": "FAQPage",
 "mainEntity": [{
 "@type": "Question",
 "name": "Which Business Central licenses work with VLC Smart Warehouse?",
 "acceptedAnswer": {
 "@type": "Answer",
 "text": "VLC Smart Warehouse works with both BC Essential and Premium license options."
 }
 },{
 "@type": "Question",
 "name": "Does VLC Smart Warehouse require external software?",
 "acceptedAnswer": {
 "@type": "Answer",
 "text": "Yes, it requires Microsoft Power Platform including Power Apps and Power Automate."
 }
 },{
 "@type": "Question",
 "name": "Is the connection to Business Central real-time?",
 "acceptedAnswer": {
 "@type": "Answer",
 "text": "Yes, the connection between VLC Smart Warehouse and BC is in real-time."
 }
 }],
 "publisher": {
 "@type": "Organization",
 "name": "VLC Solutions",
 "url": "https://vlcsolutions.com",
 "logo": "https://www.vlcsolutions.com/images/logo/VLC_Logo.png"
 }
}
</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="./index.html" class="flex items-center gap-2">
 <img src="./images/logo/VLC_Logo.png" alt="VLC Solutions" class="h-10">
 </a>
<nav class="hidden md:flex items-center gap-2">
 <!-- Direct link per your request -->
 <a href="./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"></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="./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"></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="./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="./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="./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="./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="./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="./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="./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="./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="./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"></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="./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="./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="./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="./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="./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"></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="./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="./microsoft-dynamics-365.html" class="pinline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
 <a href="./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="./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="./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="./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="./magento-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Commerce</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"></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="./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="./partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
 <a href="./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="./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="./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="./blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
 <a href="./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="./contact-us.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="./contact-us.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"></i>
 </button>
 </div>
<!-- Mobile Menu -->
 <div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-white shadow-lg z-50">
 <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
 <a href="./who-we-serve.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Who We Serve</a>
<!-- Solutions Dropdown -->
 <div class="relative">
 <button onclick="toggleMobileDropdown('solutions-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
 <span>Solutions</span>
 <i data-feather="chevron-down" class="w-4 h-4"></i>
 </button>
 <div id="solutions-dropdown" class="hidden pl-4">
 <a href="./solutions.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central Apps</a>
 </div>
 </div>
<!-- Services Dropdown -->
 <div class="relative">
 <button onclick="toggleMobileDropdown('services-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
 <span>Services</span>
 <i data-feather="chevron-down" class="w-4 h-4"></i>
 </button>
 <div id="services-dropdown" class="hidden pl-4">
 <a href="./services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Services Overview</a>
 <a href="./choosing-advisory-services-for-your-business.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Advisory Services</a>
 <a href="./software-implementation-partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Implementation Services</a>
 <a href="./managed-application-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed Application Services</a>
 <a href="./managed-it-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed IT Services</a>
 <a href="./compliance-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Compliance Services</a>
 <a href="./cloud-services-for-microsoft-dynamics.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Cloud Services</a>
 <a href="./marketing-solutions-strategic-growth.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Marketing Services</a>
 <a href="./data-and-ai-transformation.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">AI and Analytics</a>
 </div>
 </div>
<!-- Industries Dropdown -->
 <div class="relative">
 <button onclick="toggleMobileDropdown('industries-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
 <span>Industries</span>
 <i data-feather="chevron-down" class="w-4 h-4"></i>
 </button>
 <div id="industries-dropdown" class="hidden pl-4">
 <a href="./industries.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Industries Overview</a>
 <a href="./microsoft-dynamics-365-business-central-for-distribution.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Distribution</a>
 <a href="./ecommerce-development-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">E-Commerce</a>
 <a href="./government-contractors.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Government Contractors</a>
 <a href="./microsoft-dynamics-365-for-manufacturing.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Manufacturing</a>
 </div>
 </div>
<!-- Products Dropdown -->
 <div class="relative">
 <button onclick="toggleMobileDropdown('products-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
 <span>Products</span>
 <i data-feather="chevron-down" class="w-4 h-4"></i>
 </button>
 <div id="products-dropdown" class="hidden pl-4">
 <a href="./products.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Products Overview</a>
 <a href="./microsoft-dynamics-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics 365</a>
 <a href="./microsoft-dynamics-365-business-central.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central</a>
 <a href="./power-platform.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Power Platform</a>
 <a href="./microsoft-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Microsoft 365</a>
 <a href="./microsoft-dynamics-365-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics Commerce</a>
 <a href="./magento-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Magento Commerce</a>
 </div>
 </div>
<!-- Who We Are Dropdown -->
 <div class="relative">
 <button onclick="toggleMobileDropdown('about-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
 <span>Who We Are</span>
 <i data-feather="chevron-down" class="w-4 h-4"></i>
 </button>
 <div id="about-dropdown" class="hidden pl-4">
 <a href="./who-we-are.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Overview</a>
 <a href="./partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Partner</a>
 <a href="./terms-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Terms</a>
 <a href="./privacy.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Privacy Policy</a>
 <a href="./protecting-our-clients.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Client Protection</a>
 <a href="./blog/" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Blog</a>
 <a href="./case-studies.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Case Studies</a>
 <a href="./contact-us.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Contact VLC</a>
 </div>
 </div>
<a href="./contact-us.html" class="block w-full text-center bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-base font-medium">Let's Connect</a>
 </div>
 </div>
 </div>
 </header>
 <!-- FAQ Section -->
 <section class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
 <div class="text-center mb-12">
 <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-4">Smart Warehouse FAQs</h2>
 <p class="text-lg text-[var(--vlc-ink)] max-w-3xl mx-auto">Find answers to common questions about VLC Smart Warehouse for Business Central</p>
 </div>
<div class="space-y-6">
 <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent" style="border-top: 4px solid linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Which Business Central (BC) licenses are compatible with VLC Smart Warehouse?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 VLC Smart Warehouse works with both BC Essential and Premium license options.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Does VLC Smart Warehouse require any external software?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, it requires Microsoft Power Platform, including Power Apps and Power Automate, in addition to BC.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Is the connection between VLC Smart Warehouse and BC real-time?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, the connection between VLC Smart Warehouse and BC is in real-time.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Does VLC Smart Warehouse work with both BC Cloud and On-Premise?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, it is compatible with both the Cloud and On-Premise editions of BC.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">How is VLC Smart Warehouse priced?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Pricing includes a one-time professional service fee for installation and configuration, plus a monthly subscription fee. Please contact us for specific details.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Is there an intermediary application between the smart warehouse system and BC?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 No, VLC Smart Warehouse and BC are connected directly, eliminating the risk of a middle-tier point of failure.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Are BC roles and permissions supported for this system?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, specific roles and permissions are defined for VLC Smart Warehouse within BC.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Can I get a trial of VLC Smart Warehouse on the cloud?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, a cloud-based trial is available. Please contact us for more information on demos and trials.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Do you provide implementation services?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, we offer implementation services to both customers and partners.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">Is post-implementation support included?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 Yes, we and our partners provide ongoing support after implementation.
 </div>
 </details>
 </div>
<div class="bg-white rounded-xl shadow-lg overflow-hidden border border-[var(--vlc-tint)] card-accent">
 <details class="group">
 <summary class="flex justify-between items-center p-6 cursor-pointer hover:bg-[var(--vlc-tint)] transition-colors duration-200">
 <h3 class="text-lg font-semibold text-[var(--vlc-navy)]">What is the typical implementation time for the system?</h3>
 <span class="transition-transform duration-300 group-open:rotate-180">
 <i data-feather="chevron-down" class="w-5 h-5 text-[var(--vlc-sky)]"></i>
 </span>
 </summary>
 <div class="px-6 pb-6 pt-2 text-[var(--vlc-ink)]">
 VLC Smart Warehouse can be implemented within 5 days.
 </div>
 </details>
 </div>
</div>
 <div class="text-center mt-12">
 <a href="./contact-us.html" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-lg shadow-lg text-white bg-[var(--vlc-navy)] hover:bg-[var(--vlc-navy-700)] transition-colors duration-300">
 Get Started with VLC Smart Warehouse
 <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
 </a>
 </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"></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"></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="./index.html" class="hover:text-white">Home</a></li>
 <li><a href="./who-we-are.html" class="hover:text-white">About Us</a></li>
 <li><a href="./solutions.html" class="hover:text-white">Solutions</a></li>
 <li><a href="./services.html" class="hover:text-white">Services</a></li>
 <li><a href="./industries.html" class="hover:text-white">Industries</a></li>
 <li><a href="./products.html" class="hover:text-white">Products</a></li>
 <li><a href="./who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
 </ul>
 <ul class="space-y-2">
 <li><a href="./contact-us.html" class="hover:text-white">Contact Us</a></li>
 <li><a href="./blog/" class="hover:text-white">Blog</a></li>
 <li><a href="./case-studies.html" class="hover:text-white">Case Studies</a></li>
 <li><a href="./privacy.html" class="hover:text-white">Privacy Policy</a></li>
 <li><a href="./terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
 <li><a href="./protecting-our-clients.html" class="hover:text-white">Client Protection</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"></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"></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"></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"></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 and handle mobile menu functionality after scripts loaded
 document.addEventListener('DOMContentLoaded', () => {
 // Initialize AOS (Animation On Scroll)
 if (window.AOS) {
 AOS.init({
 duration: 800,
 easing: 'ease-in-out',
 once: true,
 mirror: false,
 offset: 120,
 disable: window.innerWidth < 768
 });
 }
 // Replace Feather icons
 if (window.feather) {
 feather.replace();
 }
 // Mobile menu toggle functionality
 const mobileMenuButton = document.getElementById('mobile-menu-button');
 const mobileMenu = document.getElementById('mobile-menu');
 if (mobileMenuButton && mobileMenu) {
 mobileMenuButton.addEventListener('click', () => {
 // Toggle the mobile menu visibility
 mobileMenu.classList.toggle('hidden');
 // Change icon from menu to close (or vice versa)
 const icon = mobileMenuButton.querySelector('i');
 if (mobileMenu.classList.contains('hidden')) {
 feather.icons.menu.replace(); // Show menu icon
 } else {
 feather.icons.x.replace(); // Show close (X) icon
 }
 });
 }
 // Function to toggle mobile dropdowns
 window.toggleMobileDropdown = function(id) {
 const dropdown = document.getElementById(id);
 dropdown.classList.toggle('hidden');
 // Update chevron icon
 const button = dropdown.previousElementSibling;
 const icon = button.querySelector('i');
 if (dropdown.classList.contains('hidden')) {
 feather.icons['chevron-down'].replace(); // Show down arrow
 } else {
 feather.icons['chevron-up'].replace(); // Show up arrow
 }
 };
 });
 // Refresh AOS on window resize (guard if AOS is present)
 window.addEventListener('resize', function() {
 if (window.AOS && AOS.refreshHard) {
 AOS.refreshHard();
 }
 });
</script>
</body>
</html>