| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta |
| name="viewport" |
| content="width=device-width, initial-scale=1.0"/> |
| <title>Visitor Management App | VLC Solutions</title> |
| <meta name="description" content="AI-powered visitor management for secure check-ins. Digital check-in/out, approvals, compliance & reporting. Integrates with Dynamics 365."/> |
| <meta name="keywords" content="visitor management software, digital check-in system, workplace security app, Dynamics 365 integration, visitor tracking, compliance reporting"/> |
| <link rel="canonical" href="https://www.vlcsolutions.com/visitor-management.html" /> |
| |
| |
| <meta name="twitter:card" content="summary_large_image"> |
| <meta name="twitter:title" content="AI Visitor Management | VLC Solutions"> |
| <meta name="twitter:description" content="Secure digital check-ins with Dynamics 365 integration. Automate approvals, track visitors & ensure compliance."> |
|
|
| |
| <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 Visitor Management App", |
| "url":"https://www.vlcsolutions.com/visitor-management.html", |
| "description":"AI-powered visitor management system with digital check-in, approvals, compliance tracking and Dynamics 365 integration.", |
| "applicationCategory":"BusinessApplication", |
| "operatingSystem":"Web", |
| "offers": { |
| "@type":"Offer", |
| "price":"0", |
| "priceCurrency":"USD", |
| "description":"30-day free trial available" |
| }, |
| "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"} |
| }, |
| "featureList":[ |
| "Digital visitor check-in/out", |
| "Host approval workflows", |
| "Visitor photo capture", |
| "Compliance reporting", |
| "Dynamics 365 integration", |
| "Real-time notifications" |
| ], |
| "potentialAction":{ |
| "@type":"ContactAction", |
| "target":"https://www.vlcsolutions.com/contactus.html", |
| "name":"Request Demo", |
| "description":"Schedule a personalized demo of our visitor management solution." |
| } |
| } |
| </script> |
| </head> |
| |
| <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 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> |
|
|
| |
| <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="text-white py-16 md:py-24 px-4 sm:px-6 lg:px-8 relative overflow-hidden"> |
| <div class="absolute inset-0 z-0"> |
| <img |
| src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/Visitor%20Management%20-2025.png" |
| alt="Visitor Management Banner" |
| class="w-full h-full object-cover" |
| loading="lazy" |
| > |
| </div> |
| <div class="max-w-7xl mx-auto relative z-10" data-aos="fade-up"> |
| <div class="w-full md:w-1/2"> |
| <h1 class="text-3xl md:text-5xl font-bold leading-tight mb-4">Smarter Security Starts at the Door</h1> |
| <p class="text-xl md:text-2xl mb-8">AI-Powered Visitor Management for Every Workplace</p> |
| <a href="#demo" class="btn-accent px-6 py-3 rounded-lg text-lg font-semibold">Access Made Effortless</a> |
| </div> |
| </div> |
| </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://appsource.microsoft.com/en-us/product/dynamics-365-business-central/PUBID.vlc-solutions-llc-1263055%7CAID.vlc_vistor_mgmt%7CPAPPID.1742f83d-c9dd-43d5-9f35-b15ac46c588b" |
| class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50"> |
| <i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i> |
| <span>View VLC VM ON APP SOURCE</span> |
| </a> |
|
|
| |
| <a href="https://www.youtube.com/watch?v=wwSDaL911qc" 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="./visitor_management.php" method="post" novalidate> |
| <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response"> |
| <input type="hidden" name="action" value="validate_captcha"> |
|
|
| <div id="cta-modal" |
| class="fixed inset-0 z-[999] hidden" |
| role="dialog" aria-modal="true" aria-labelledby="cta-modal-title"> |
| |
| <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> |
| #visitor-management-features ul li { |
| transition: transform 0.2s ease; |
| } |
| #visitor-management-features ul li:hover { |
| transform: translateX(4px); |
| } |
| |
| :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); |
| |
| |
| modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); }); |
| document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) 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 px-4 sm:px-6 lg:px-8"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="grid md:grid-cols-2 gap-12 items-center"> |
| <div data-aos="fade-right"> |
| <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Welcome with Confidence, Manage with Precision</h2> |
| <p class="text-lg text-gray-600 mb-6"> |
| Workplace security isn’t just about doors and badges—it’s about creating a safe, efficient, and compliant environment for everyone who enters. Whether it's customers, vendors, consultants, or guests, a structured Business Automation Solutions system ensures every visit is smooth, safe and well-documented. |
| </p> |
| <p class="text-lg text-gray-600 mb-8"> |
| VLC Visitor Management App is an Artificial Intelligence - Driven ERP solution designed to replace outdated logbooks and manual processes with a modern, integrated and intuitive solution, making your front desk smarter and operations safer. It can be integrated with your Microsoft Dynamics ERP Solutions and is a key part of your Digital Transformation Services. |
| </p> |
| <a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-6 py-3 rounded-lg text-lg font-semibold">Try It on the Go</a> |
| </div> |
| <div data-aos="fade-left"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/VM-2025-right.png" alt="Visitor Management Dashboard" class="rounded-lg shadow-xl"> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="pattern-tint py-16 px-4 sm:px-6 lg:px-8"> |
| <div class="max-w-7xl mx-auto"> |
| <h2 class="text-3xl font-bold text-center text-[var(--vlc-navy)] mb-6" data-aos="fade-up">Solve Your Visitor Management Challenges</h2> |
| <p class="text-lg text-center text-gray-600 mb-12 max-w-3xl mx-auto" data-aos="fade-up"> |
| No more long queues for checking in, manual entries and misunderstandings. Through our app, your team can: |
| </p> |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/maintain-visitor-records-1.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Maintain Visitor Records</h3> |
| </div> |
| <p class="text-gray-600">Digitally track all visitor information with secure, searchable records.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="100"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/automate-approvals-2.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Automate Approvals</h3> |
| </div> |
| <p class="text-gray-600">Streamline visitor approvals with automated notifications and workflows.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="200"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/enhance-security-3.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Enhance Security</h3> |
| </div> |
| <p class="text-gray-600">Secure your facilities with photo capture, ID verification and access controls.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/ensure-compliance-4.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Ensure Compliance</h3> |
| </div> |
| <p class="text-gray-600">Meet internal policies and regulatory requirements with audit-ready logs.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="100"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/visitor-image-capture-5.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Visitor Image Capture</h3> |
| </div> |
| <p class="text-gray-600">Take photos during check-in or upload ID photos for verification.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="200"> |
| <div class="flex items-center mb-4"> |
| <img src="https://huggingface.co/spaces/vlcsolutions/vlc-visitor-management-wizard/resolve/main/images/activity-logs-&-reporting-6.png" alt="Maintain Visitor Records" class="w-16 h-16 mr-3 object-contain"> |
| <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Activity Logs & Reporting</h3> |
| </div> |
| <p class="text-gray-600">Monitor visitor information for auditing, tracking and analytics.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white"> |
| <section id="visitor-management-features" class="py-16 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| |
| <div class="mb-16"> |
| <h2 class="text-3xl font-bold text-center text-[var(--vlc-navy)] mb-8" data-aos="fade-up"> |
| Key Features |
| </h2> |
| <div class="grid md:grid-cols-2 lg:grid-cols-2 gap-8"> |
| <div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="zoom-in"> |
| <ul class="space-y-4 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="clock" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Rapid Digital Check-In/Check-Out – Record visitor time and automatically notify hosts.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="user-plus" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Pre-Registration and Visitor Dashboard – Employees can create and manage visitor requests; admins have full visibility.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="bell" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Real-Time Alerts – Notify employees and admins instantly when visitors arrive on-site.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="maximize-2" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>QR Codes – Print and scan visitor badges for secure access.</span> |
| </li> |
| </ul> |
| </div> |
|
|
| <div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="100"> |
| <ul class="space-y-4 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="camera" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Visitor Image Capture & Document Upload – Capture ID photos or upload documents for verification.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Host Approvals & Meeting Room Assignment – Enable smoother experiences with pre-assigned hosts and rooms.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="activity" class="w-5 h-5 text-[var(--vlc-sky)] mr-3 mt-0.5"></i> |
| <span>Activity Logs & Reporting – Track visitor data for audits, occupancy analytics, and insights.</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="mb-16"> |
| <h2 class="text-3xl font-bold text-center text-[var(--vlc-navy)] mb-8" data-aos="fade-up"> |
| Advantages |
| </h2> |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="zoom-in"> |
| <ul class="space-y-4 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="shield" class="w-6 h-6 text-[var(--vlc-leaf)] mr-3 mt-0.5"></i> |
| <span>Improved Workplace Security – Allow only verified visitors through secure approval processes.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="zap" class="w-6 h-6 text-[var(--vlc-leaf)] mr-3 mt-0.5"></i> |
| <span>Enhanced Front Desk Productivity – Automate repetitive tasks with an intuitive interface.</span> |
| </li> |
| </ul> |
| </div> |
|
|
| <div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="100"> |
| <ul class="space-y-4 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="lock" class="w-6 h-6 text-[var(--vlc-leaf)] mr-3 mt-0.5"></i> |
| <span>Data Privacy & Compliance – Securely store data and comply with protection regulations.</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="smile" class="w-6 h-6 text-[var(--vlc-leaf)] mr-3 mt-0.5"></i> |
| <span>Flawless User Experience – Simplified, professional check-in process for visitors.</span> |
| </li> |
| </ul> |
| </div> |
|
|
| <div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="200"> |
| <ul class="space-y-3 text-gray-600"> |
| <li class="flex items-start"> |
| <span class="text-[var(--vlc-leaf)] mr-2">✓</span> |
| Scalable & Configurable – Tailor the app to your organization’s roles, approvals, and settings. |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
|
|
| |
| |
| </div> |
| </section> |
|
|
| |
| <div class="bg-gradient-to-r from-[var(--vlc-navy)] to-[var(--vlc-sky)] p-8 rounded-lg max-w-4xl mx-auto text-white" data-aos="fade-up"> |
| <h3 class="text-2xl font-semibold mb-4 text-center">Built for Modern Workplaces</h3> |
| <p class="text-center max-w-3xl mx-auto"> |
| Integrated with Microsoft's ecosystem (Power Platform, Teams, SharePoint), this app brings together key tools to create a cohesive visitor management process, supporting internal coordination, faster approvals and secure data handling. |
| <br><br> |
| Whether you're a mid-sized office or a large enterprise, our app is designed to scale your business, ensuring consistent and professional visitor experiences across all locations. |
| </p> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white text-[var(--vlc-navy)]"> |
| <div class="max-w-4xl mx-auto text-center"> |
| <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Free Trial & Quick Deployment</h2> |
| <p class="text-xl mb-8" data-aos="fade-up" data-aos-delay="100"> |
| A 30-day trial subscription is available to explore the full capabilities. Get started in as little as 4 weeks with expert implementation support from our team. |
| </p> |
| <p class="text-lg mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="150"> |
| Contact us today to schedule a personalized demo and see how our Visitor Management App can secure your workplace, streamline check-ins, and improve compliance. |
| </p> |
| <a href="https://www.vlcsolutions.com/contact-us.html" class="btn-primary px-8 py-4 rounded-lg text-lg font-semibold" data-aos="fade-up" data-aos-delay="200"> |
| Schedule a Personalized 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) { |
| 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'); |
| }); |
| } |
| }); |
| |
| |
| window.addEventListener('resize', function() { |
| if (window.AOS && AOS.refreshHard) { |
| AOS.refreshHard(); |
| } |
| }); |
| </script> |
| </body> |
| </html> |
