Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta | |
| name="viewport" | |
| content="width=device-width, initial-scale=1.0"/> | |
| <title>Business Central Implementation | VLC Solutions</title> | |
| <meta name="description" content="Guided ERP implementation for Business Central. Empower your team with hands-on training, cost-effective setup, and expert support from VLC Solutions."/> | |
| <meta name="keywords" content="Business Central implementation, Dynamics 365 setup, ERP training, Microsoft ERP deployment, guided ERP rollout, VLC Solutions"/> | |
| <link rel="canonical" href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" /> | |
| <!-- Twitter Card data --> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <meta name="twitter:title" content="Business Central Implementation Services"> | |
| <meta name="twitter:description" content="Guided or full-service Business Central implementation options from ERP experts at VLC Solutions."> | |
| <meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/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" 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":"WebPage", | |
| "url":"https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html", | |
| "name":"Business Central Implementation | VLC Solutions", | |
| "headline":"Guided or full-service Business Central ERP implementation options", | |
| "description":"Empower your team with hands-on training or opt for comprehensive expert-led Business Central deployment from 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":"Industries We Serve", | |
| "itemListElement":[ | |
| {"@type":"Service","name":"Manufacturing ERP & AI Solutions","serviceType":"ProfessionalService","description":"Tool management, visual scheduling, barcode/reporting, CMMS, inventory optimization, AI-driven ERP."}, | |
| {"@type":"Service","name":"Distribution & Supply Chain Solutions","serviceType":"ProfessionalService","description":"Warehouse/logistics ERP, smart WMS, shipping for Business Central, Dynamics 365 supply chain."}, | |
| {"@type":"Service","name":"Ecommerce ERP Integrations","serviceType":"ProfessionalService","description":"Magento & Shopify connectors, ERP integration, PrintNode reporting, Power BI analytics."}, | |
| {"@type":"Service","name":"Government Contractor Compliance","serviceType":"ProfessionalService","description":"Compliance ERP, cybersecurity & GRC, CMMC/NIST services, IT compliance for SMBs."} | |
| ] | |
| }, | |
| "about":[ | |
| "Microsoft Dynamics 365 Business Central", | |
| "ERP integrations", | |
| "Power Platform", | |
| "Governance, Risk & Compliance", | |
| "Cloud hosting & Managed IT" | |
| ], | |
| "potentialAction":{ | |
| "@type":"ContactAction", | |
| "target":"https://www.vlcsolutions.com/contactus.html", | |
| "name":"Contact Us", | |
| "description":"Ready to transform your industry? Automate, integrate, and scale with confidence." | |
| }, | |
| } | |
| </script> | |
| </head> | |
| <!-- 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> | |
| <!-- Banner Section --> | |
| <section class="pattern-navy text-white py-20 px-4 bg-cover bg-center" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Business-Central-main-page-2025-1.png')"> | |
| <div class="max-w-4xl ml-8 text-left"> | |
| <h1 class="text-4xl md:text-4xl font-bold mb-6" data-aos="fade-up">VLC + BC: Precision and Speed in Every Step</h1> | |
| <p class="text-xl md:text-2xl mb-8 text-white" data-aos="fade-up" data-aos-delay="100">Turning complexity into simple, seamless flow.</p> | |
| <div class="flex flex-col sm:flex-row justify-start gap-4" data-aos="fade-up" data-aos-delay="200"> | |
| <a href="#industry-expertise" class="btn-accent px-8 py-3 rounded-md font-medium">Own Your ERP Rollout</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 1 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center"> | |
| <div> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6" data-aos="fade-up">Empower Your Team with a Smart, Guided Approach to Implementation</h2> | |
| <p class="text-lg text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="100"> | |
| Implementing a new ERP does not necessarily imply ceding control - or busting the bank. Through our Guided Implementation Program, you can make your team the force behind your Business Central implementation with the support of our experts throughout the entire process. | |
| </p> | |
| <p class="text-lg text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="150"> | |
| You may be new to ERP systems, or going through a different platform, but our approach would provide you with a balanced approach: hands-on learning, cost-efficiency, and strategic direction to put you up and running with a sense of confidence. | |
| </p> | |
| <a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-8 py-3 rounded-md font-medium inline-block" data-aos="fade-up" data-aos-delay="200">Unlock Seamless Efficiency Now</a> | |
| </div> | |
| <div > | |
| <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Business-Central-rightside-2025.png" alt="ERP Implementation" > | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 2 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-8 text-center" data-aos="fade-up">Connecting Vision to Outcomes </h2> | |
| <p class="text-lg text-gray-600 mb-12 text-center max-w-4xl mx-auto" data-aos="fade-up" data-aos-delay="100"> | |
| Instead of a traditional implementation, our Guided Implementation model empowers organizations to take an active role in their ERP setup — building skills, confidence, and long-term control. | |
| </p> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-white p-8 rounded-lg shadow-md" data-aos="fade-up"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">What You Can Expect:</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Tailored Discovery Session</strong> - We'll kick things off by understanding your business goals, data landscape, and team structure.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Initial System Setup</strong> - Our consultants will help configure your Business Central environment.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>16 Live Workshops</strong> - Delivered over 6 weeks covering all core functional areas.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Hands-On Coaching & Office Hours</strong> - Tailored support as they apply what they've learned.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Ongoing Support & Resources</strong> - Stay connected through monitored channels.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Best Practices Review</strong> - Walk through key takeaways and review progress.</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-[var(--vlc-leaf-tint)] p-8 rounded-lg border border-[var(--vlc-leaf)]" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="mb-6"> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Investment:</h4> | |
| <p class="text-2xl font-bold text-[var(--vlc-leaf)]">$19,500</p> | |
| </div> | |
| <div class="mb-6"> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Timeline:</h4> | |
| <p class="text-xl text-gray-700">10 Weeks</p> | |
| </div> | |
| <a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-6 py-3 rounded-md font-medium inline-block">Get Started</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 3 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6" data-aos="fade-up">What You'll Walk Away With</h2> | |
| <p class="text-lg text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="100"> | |
| By the end of the program, your team will not only have a fully configured Business Central environment but also the knowledge and confidence to manage it independently. This approach is ideal for companies looking to build internal capability while keeping costs under control. | |
| </p> | |
| <p class="text-lg text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="150"> | |
| Schedule a demo to see if this approach aligns with your business. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Section 4 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4" data-aos="fade-up">Prefer a Premium Experience? Go Full-Service</h2> | |
| <p class="text-lg text-gray-600 mb-8 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100"> | |
| For organizations seeking a completely hands-off approach, we also offer a Full-Service Implementation — a robust, end-to-end solution tailored to your unique business requirements. | |
| </p> | |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-6 mt-12" data-aos="fade-up">Full-Service Business Central Launch: Your Tailored Success Plan</h3> | |
| <p class="text-lg text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="100"> | |
| This approach guarantees a comprehensive, expert-led transition to Dynamics 365 Business Central, ensuring the system is perfectly calibrated to your unique operational requirements. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Section 5 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-8" data-aos="fade-up">End-to-End Strategic Oversight</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4 flex items-center"> | |
| <span class="bg-[var(--vlc-navy)] text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">1</span> | |
| Executive Guidance | |
| </h3> | |
| <p class="text-gray-600">Gain specialized insight from a dedicated Project Manager and a Lead Consultant who actively steer every phase of the deployment.</p> | |
| </div> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4 flex items-center"> | |
| <span class="bg-[var(--vlc-navy)] text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">2</span> | |
| Agile Blueprinting | |
| </h3> | |
| <p class="text-gray-600">We craft a detailed, agile deployment roadmap (scope of work) meticulously aligned with your core strategic objectives, ensuring rapid delivery and precision.</p> | |
| </div> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="150"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4 flex items-center"> | |
| <span class="bg-[var(--vlc-navy)] text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">3</span> | |
| Deep Dive Analysis | |
| </h3> | |
| <p class="text-gray-600">We execute an exhaustive process mapping of your existing business flows to ensure the final Business Central configuration meets every specific functional requirement.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 6 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-8 text-center" data-aos="fade-up">Precision, Customization & Readiness</h2> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Custom-Fit Systems</h3> | |
| <p class="text-gray-600">The system is custom engineered to match your unique internal operations, accommodating specific workflows rather than forcing change.</p> | |
| </div> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Comprehensive Knowledge Transfer</h3> | |
| <p class="text-gray-600">Your teams receive in-depth, targeted instruction focused exclusively on the areas identified as critical during the initial analysis phase.</p> | |
| </div> | |
| <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="150"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Ready-to-Run Environment</h3> | |
| <p class="text-gray-600">We handle the entire technical rollout, including complete environment provisioning (multi-company setup and advanced configurations), making the system production-ready from day one.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 7 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-leaf-tint)]"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-8 text-center" data-aos="fade-up">Validation, Integration, and Continuity</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up"> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Seamless Data Transition</strong> - Achieve a risk-free migration of all existing datasets, ensuring data integrity and business continuity during the switch.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Stakeholder Sign-Off (UAT)</strong> - Mandatory User Acceptance Testing (UAT) ensures every module and functionality is rigorously validated by your team against established business rules.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Ecosystem Integration</strong> - We actively identify, vet, and integrate necessary third-party extensions and add-ons to complete your functional ecosystem.</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0 h-6 w-6 text-[var(--vlc-leaf)] mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </div> | |
| <span class="text-gray-600"><strong>Sustainable Adoption & Care</strong> - We provide active hands-on support throughout the launch and crucial post-implementation assistance.</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-[var(--vlc-navy)] text-white p-8 rounded-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="mb-6"> | |
| <h4 class="text-xl font-bold mb-2">Investment:</h4> | |
| <p class="text-2xl font-bold text-[var(--vlc-leaf)]">$75,000+</p> | |
| </div> | |
| <div class="mb-6"> | |
| <h4 class="text-xl font-bold mb-2">Timeline:</h4> | |
| <p class="text-xl">Custom based on scope</p> | |
| </div> | |
| <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-6 py-3 rounded-md font-medium inline-block">Request Custom Quote</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 8 --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6 text-center" data-aos="fade-up">The Expert-Led Integration Program</h2> | |
| <div class="space-y-8" data-aos="fade-up"> | |
| <div class="border-l-4 border-[var(--vlc-leaf)] pl-6"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Week 1: Discovery & Setup</h3> | |
| <p class="text-gray-600">During the first week, our consultants will coordinate with your team to evaluate business objectives, existing data and systems, team skills, security requirements, and reporting needs.</p> | |
| </div> | |
| <div class="border-l-4 border-[var(--vlc-sky)] pl-6"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Weeks 2-6: Group Training</h3> | |
| <p class="text-gray-600">16 total training sessions covering essential accounting principles, purchasing/AP management, sales/AR systems, inventory management, and technical training.</p> | |
| </div> | |
| <div class="border-l-4 border-[var(--vlc-leaf)] pl-6"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Weeks 5-10: Coaching & Support</h3> | |
| <p class="text-gray-600">Dedicated weekly hours for personalized coaching to address questions as your team applies their training.</p> | |
| </div> | |
| <div class="border-l-4 border-[var(--vlc-sky)] pl-6"> | |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Week 10: Best Practices Review</h3> | |
| <p class="text-gray-600">Final review of results and suggestions for additional system improvements.</p> | |
| </div> | |
| </div> | |
| <div class="mt-12 text-center" data-aos="fade-up"> | |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Launch Smarter with VLC</h3> | |
| <p class="text-xl text-gray-600 mb-6">Accelerate decisions and strengthen performance through expert‑led ERP guidance.</p> | |
| <p class="text-xl font-medium text-[var(--vlc-navy)]">Go Live Smarter. Perform Better.</p> | |
| <p class="text-lg text-gray-600 mt-4">Don't just launch Dynamics 365 BC—master it.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 9 - Resources --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4 text-center" data-aos="fade-up">Resources</h2> | |
| <p class="text-lg text-gray-600 mb-12 text-center max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="50"> | |
| Explore our collection of guides, checklists, and insights to help you make informed decisions about your ERP journey. | |
| </p> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <!-- Resource Card 1 --> | |
| <div class="resource-card group bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-aos="fade-up"> | |
| <div class="relative overflow-hidden" style="height: 180px; display: flex; justify-content: center; align-items: center;"> | |
| <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Questions-1.png" | |
| alt="Essential Questions to Ask" | |
| class="transition-transform duration-500 group-hover:scale-105" style="max-width: 70%; max-height: 100%; object-fit: contain;"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <span class="inline-block w-2 h-2 bg-[var(--vlc-leaf)] rounded-full mr-2"></span> | |
| <span class="text-sm font-medium text-[var(--vlc-navy)]">Guide</span> | |
| </div> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-3">Essential Questions to Ask</h4> | |
| <p class="text-gray-600 mb-5">When evaluating a cloud-based solution, ensure you ask key questions that help assess reliability, security, scalability, support, and long-term value.</p> | |
| <div class="flex justify-center"> | |
| <button onclick="document.getElementById('downloadResource').value='Essential Questions to Ask'; openDownloadModal('Ask_sendEmailToCustomer.php')" | |
| class="btn-primary px-6 py-3 rounded-md font-medium w-full flex items-center justify-center mb-3"> | |
| <span>Download</span> | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Resource Card 2 --> | |
| <div class="resource-card group bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="relative overflow-hidden" style="height: 180px; display: flex; justify-content: center; align-items: center;"> | |
| <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Migration-2.png" | |
| alt="Migration from GP to Business Central" | |
| class="transition-transform duration-500 group-hover:scale-105" style="max-width: 70%; max-height: 100%; object-fit: contain;"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <span class="inline-block w-2 h-2 bg-[var(--vlc-sky)] rounded-full mr-2"></span> | |
| <span class="text-sm font-medium text-[var(--vlc-navy)]">Case Study</span> | |
| </div> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-3">GP to Business Central Migration</h4> | |
| <p class="text-gray-600 mb-5">Make your transition seamless with VLC’s expert guidance, ensuring a smooth, efficient, and future-ready upgrade from GP to Business Central.</p> | |
| <div class="flex justify-center"> | |
| <a href="https://www.vlcsolutions.com/migrating-from-microsoft-gp-to-dynamics-365-business-central.html" | |
| class="btn-primary px-6 py-3 rounded-md font-medium w-full flex items-center justify-center mb-3"> | |
| <span>Learn More</span> | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Resource Card 3 --> | |
| <div class="resource-card group bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-aos="fade-up" data-aos-delay="150"> | |
| <div class="relative overflow-hidden" style="height: 180px; display: flex; justify-content: center; align-items: center;"> | |
| <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Enhance-3.png" | |
| alt="Cloud ERP Benefits" | |
| class="transition-transform duration-500 group-hover:scale-105" style="max-width: 70%; max-height: 100%; object-fit: contain;"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <span class="inline-block w-2 h-2 bg-[var(--vlc-leaf)] rounded-full mr-2"></span> | |
| <span class="text-sm font-medium text-[var(--vlc-navy)]">Whitepaper</span> | |
| </div> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-3">Cloud ERP Advantages</h4> | |
| <p class="text-gray-600 mb-5">Cloud-based ERP in Microsoft boosts efficiency with real-time data, automation, scalability, reduced IT costs, and better decision-making for business growth.</p> | |
| <div class="flex justify-center"> | |
| <button onclick="document.getElementById('downloadResource').value='Enhance Your Organization in the Cloud'; openDownloadModal('empower_organization.php')" | |
| class="btn-primary px-6 py-3 rounded-md font-medium w-full flex items-center justify-center mb-3"> | |
| <span>Download</span> | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Resource Card 4 --> | |
| <div class="resource-card group bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="relative overflow-hidden" style="height: 180px; display: flex; justify-content: center; align-items: center;"> | |
| <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Make-4.png" | |
| alt="Business Intelligence" | |
| class="transition-transform duration-500 group-hover:scale-105" style="max-width: 70%; max-height: 100%; object-fit: contain;"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <span class="inline-block w-2 h-2 bg-[var(--vlc-sky)] rounded-full mr-2"></span> | |
| <span class="text-sm font-medium text-[var(--vlc-navy)]">Checklist</span> | |
| </div> | |
| <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-3">Data-Driven Decisions</h4> | |
| <p class="text-gray-600 mb-5">Turn raw data into actionable insights with Business Central, enabling faster, smarter decision-making for administrators and employees across your organization.</p> | |
| <div class="flex justify-center"> | |
| <button onclick="document.getElementById('downloadResource').value='Make intelligent Business Decisions'; openDownloadModal('sendEmailtoABD.php')" | |
| class="btn-primary px-6 py-3 rounded-md font-medium w-full flex items-center justify-center mb-3"> | |
| <span>Get Checklist</span> | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Download Modal --> | |
| <form id="send_email_to_vM_customer" action="./Ask_sendEmailToCustomer.php" method="post"> | |
| <div id="downloadModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center transition-opacity duration-300 hidden"> | |
| <div class="bg-white p-8 rounded-lg w-full max-w-md mx-4 relative"> | |
| <button onclick="closeDownloadModal()" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700"> | |
| <i data-feather="x" class="w-6 h-6"></i> | |
| </button> | |
| <h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-6">Download Resource</h3> | |
| <div class="space-y-6"> | |
| <div> | |
| <label for="vM_customer_email" class="block text-sm font-medium text-gray-700 mb-1">Enter your email to download</label> | |
| <span id="VMerror" class="hidden text-sm text-red-500">Please enter a valid business email</span> | |
| <input | |
| name="vM_customer_email" | |
| id="vM_customer_email" | |
| type="email" | |
| placeholder="Email address*" | |
| required | |
| autocomplete="email" | |
| class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[var(--vlc-sky)] focus:border-[var(--vlc-sky)]" | |
| /> | |
| </div> | |
| <input type="hidden" id="downloadResource" name="resource" value=""> | |
| <button type="submit" class="w-full btn-primary py-3 rounded-md font-medium"> | |
| Download Now | |
| </button> | |
| <input type="hidden" id="g-recaptcha-response-three" name="g-recaptcha-response-three"> | |
| <input type="hidden" name="action" value="validate_captcha_three"> | |
| </div> | |
| </div> | |
| </div> | |
| </form> | |
| <script> | |
| // Function to open the download modal with the specific resource | |
| function openDownloadModal(resourceName) { | |
| document.getElementById('downloadResource').value = resourceName; | |
| document.getElementById('downloadModal').classList.remove('hidden'); | |
| } | |
| // Function to close the download modal | |
| function closeDownloadModal() { | |
| document.getElementById('downloadModal').classList.add('hidden'); | |
| } | |
| </script> | |
| <!-- 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 & 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> | |
| // Download modal functions | |
| function openDownloadModal(resourceName, actionUrl) { | |
| document.getElementById('downloadResource').value = resourceName; | |
| document.getElementById('send_email_to_vM_customer').action = actionUrl; | |
| document.getElementById('downloadModal').classList.remove('hidden'); | |
| document.body.classList.add('overflow-hidden'); | |
| } | |
| function closeDownloadModal() { | |
| document.getElementById('downloadModal').classList.add('hidden'); | |
| document.body.classList.remove('overflow-hidden'); | |
| document.getElementById('VMerror').classList.add('hidden'); | |
| } | |
| // Handle form submission | |
| document.getElementById('send_email_to_vM_customer').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| const email = document.getElementById('vM_customer_email').value; | |
| const resource = document.getElementById('downloadResource').value; | |
| if (!email || !validateEmail(email)) { | |
| document.getElementById('VMerror').style.display = 'block'; | |
| return false; | |
| } | |
| // Submit the form | |
| this.submit(); | |
| closeDownloadModal(); | |
| }); | |
| function validateEmail(email) { | |
| const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; | |
| return re.test(email); | |
| } | |
| // 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> |