Apply: Add description after CTA RIBBON - Tired of Manual Errors and Wasted Time?
Browse filesWarehouse management is a crucial contributor towards the smooth running of your business operations. It includes the organization of the inventory, the maintenance of the equipment, the incoming stock, and the processing of the orders. When equipped with the appropriate system, your warehouse can be as efficient as possible, with minimal errors.
This is made possible by the VLC Smart Warehouse Management App for Microsoft Dynamics 365 Business Central. This is a robust application that supports distributors, online retailers, and manufacturers requiring to streamline their warehouse management. It is a seamless integration with Microsoft Dynamics 365 Business Central that allows warehouse teams to keep track of tasks, even when using mobile devices. This prevents the need to be attached to workstations, enhancing productivity and operational efficiency.
Salient Features of VLC Smart Warehouse Management:
● Custom User Profiles: Create custom user profiles with specific roles in the warehouse, ensuring safe, secure and efficient operations.
● Full Mobile Access: Perform all warehouse management tasks, such as receiving, storing, picking, packing, shipping, all directly on mobile devices and cut bottlenecks and improve flexibility.
● Advanced Barcode Scanning: Eliminate manual data entries with the use of barcode scanning of documents, items, and bins.
● Quick Scan Processing: Tasks such as receipts, shipments, and inventory movements can be done within seconds with a few scans.
● Instant Inventory Access: Quickly access inventory information and bin contents on various screens so you always know what is going on in your warehouse.
● Attachment Support: Attach receipts, pictures of items, and shipment information within the app, simplifying the documentation process and decreasing paper-based manual work.
● Text and Speech Search: Accelerate inventory searches using text and voice search options, enhancing warehouse operations.
● User-Specific Journals: Prepare movement and physical inventory journals on each user to have the correct movement tracking of activities at different locations.
● Multi-Location Support: Manage your business in multiple warehouses with ease as your business grows.
Experience Smarter Operations
Built for Seamless Integration
The VLC Smart Warehouse Management App is powered by Microsoft Power Platform, including PowerApps and Power Automate, for smooth automation and integration with your existing systems. The app seamlessly integrates with Microsoft Dynamics 365 Business Central for optimized warehouse operations, improving data flow and reducing operational overhead.
________________________________________
Build the Warehouse of Tomorrow, Today.
By using VLC Smart Warehouse Management for Microsoft Dynamics 365 Business Central, you’ll gain a powerful tool for inventory management, warehouse automation, and supply chain optimization. This app ensures accurate and efficient operations, from put-aways to shipments, helping your business stay competitive in a constantly changing market
- README.md +7 -4
- index.html +614 -19
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
colorFrom: blue
|
| 5 |
colorTo: purple
|
|
|
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: VLC SmartWare SyncHub 🚀
|
| 3 |
+
colorFrom: green
|
|
|
|
| 4 |
colorTo: purple
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://huggingface.co/deepsite).
|
index.html
CHANGED
|
@@ -1,19 +1,614 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta
|
| 6 |
+
name="viewport"
|
| 7 |
+
content="width=device-width, initial-scale=1.0"/>
|
| 8 |
+
<title>Barcode & Report Management in Dynamics 365</title>
|
| 9 |
+
<meta name="description" content="Automate inventory control with real-time barcode scanning and report management in Microsoft Dynamics 365 Business Central. Boost accuracy and speed."/>
|
| 10 |
+
<meta name="keywords" content="Barcode and Report Management,Barcode Scanning ERP Integration,VLC Solutions Inventory Automation"/>
|
| 11 |
+
<link rel="canonical" href="https://www.vlcsolutions.com/barcode-inventory-management-system.html"/>
|
| 12 |
+
|
| 13 |
+
<!-- Twitter Card data -->
|
| 14 |
+
<meta name="twitter:card" content="summary_large_image">
|
| 15 |
+
<meta name="twitter:title" content="Barcode & Report Management in Dynamics 365">
|
| 16 |
+
<meta name="twitter:description" content="Automate inventory control with real-time barcode scanning and report management in Microsoft Dynamics 365 Business Central. Boost accuracy and speed.">
|
| 17 |
+
<meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png">
|
| 18 |
+
|
| 19 |
+
<!-- Tailwind + libs -->
|
| 20 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 21 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 22 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
|
| 23 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>
|
| 24 |
+
|
| 25 |
+
<!-- VLC Brand Map + UI polish -->
|
| 26 |
+
<style id="vlc-brand-theme">
|
| 27 |
+
:root{
|
| 28 |
+
--vlc-navy:#002060;
|
| 29 |
+
--vlc-navy-700:#001a50;
|
| 30 |
+
--vlc-sky:#00A0E9;
|
| 31 |
+
--vlc-leaf:#8DC63F;
|
| 32 |
+
--vlc-leaf-700:#79b32e;
|
| 33 |
+
--vlc-ink:#1F2A44;
|
| 34 |
+
--vlc-tint:#F5F7FF;
|
| 35 |
+
--vlc-leaf-tint:#F3FAEA;
|
| 36 |
+
--vlc-card:#ffffff;
|
| 37 |
+
}
|
| 38 |
+
body{ color:#1f2937; }
|
| 39 |
+
.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) }
|
| 40 |
+
.chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
|
| 41 |
+
.btn-primary{ background:var(--vlc-navy); color:#fff }
|
| 42 |
+
.btn-primary:hover{ background:var(--vlc-navy-700) }
|
| 43 |
+
.btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
|
| 44 |
+
.btn-accent:hover{ background:var(--vlc-leaf-700) }
|
| 45 |
+
.link-brand{ color:var(--vlc-navy) }
|
| 46 |
+
.link-brand:hover{ color:var(--vlc-leaf) }
|
| 47 |
+
|
| 48 |
+
/* Accent top border like vlcsolutions.com cards */
|
| 49 |
+
.card-accent{ position:relative; }
|
| 50 |
+
.card-accent:before{
|
| 51 |
+
content:""; position:absolute; inset:0 0 auto 0; height:4px;
|
| 52 |
+
background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
/* Soft patterned sections */
|
| 56 |
+
.pattern-navy{
|
| 57 |
+
background:
|
| 58 |
+
radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
|
| 59 |
+
radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
|
| 60 |
+
radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
|
| 61 |
+
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
|
| 62 |
+
background-color:var(--vlc-navy);
|
| 63 |
+
}
|
| 64 |
+
.pattern-tint{
|
| 65 |
+
background:
|
| 66 |
+
radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
|
| 67 |
+
radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
|
| 68 |
+
background-color:#F7FBF1;
|
| 69 |
+
}
|
| 70 |
+
|
| 71 |
+
/* Footer */
|
| 72 |
+
footer a:hover{ color:var(--vlc-leaf) }
|
| 73 |
+
|
| 74 |
+
/* Make “Learn more” rows align across cards */
|
| 75 |
+
.card-body{ display:flex; flex-direction:column; height:100% }
|
| 76 |
+
.card-cta{ margin-top:auto }
|
| 77 |
+
</style>
|
| 78 |
+
|
| 79 |
+
<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
|
| 80 |
+
|
| 81 |
+
<!-- Google tag (gtag.js) -->
|
| 82 |
+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
|
| 83 |
+
|
| 84 |
+
<script type="application/ld+json">
|
| 85 |
+
{
|
| 86 |
+
"@context": "https://schema.org",
|
| 87 |
+
"@type": "Product",
|
| 88 |
+
"name": "Barcode and Report Management for Microsoft Dynamics 365 Business Central",
|
| 89 |
+
"alternateName": "VLC Barcode & Reporting Automation",
|
| 90 |
+
"image": "https://huggingface.co/spaces/vlcsolutions/vlc-turbobiz-insights/resolve/main/images/BRM%20Banner_2025.png",
|
| 91 |
+
"description": "Gain real-time insights with Barcode and Report Management powered by Microsoft Dynamics 365 Business Central. Automate inventory, reporting, and warehouse processes to improve efficiency, accuracy, and control.",
|
| 92 |
+
"brand": {
|
| 93 |
+
"@type": "Brand",
|
| 94 |
+
"name": "VLC Solutions",
|
| 95 |
+
"url": "https://www.vlcsolutions.com"
|
| 96 |
+
},
|
| 97 |
+
"featureList": [
|
| 98 |
+
"Real-Time Barcode Scanning",
|
| 99 |
+
"AutoGen Reporting",
|
| 100 |
+
"Easy ERP Integration",
|
| 101 |
+
"On-the-fly Product Traceability",
|
| 102 |
+
"Custom Configurable Reports",
|
| 103 |
+
"Actionable Real-Time Insights",
|
| 104 |
+
"Automated Order Fulfillment",
|
| 105 |
+
"Seamless Data Synchronization",
|
| 106 |
+
"Scalable for Multi-Warehouse Operations"
|
| 107 |
+
],
|
| 108 |
+
"potentialAction": {
|
| 109 |
+
"@type": "ContactAction",
|
| 110 |
+
"name": "Automate Inventory Management and Reporting on a Real-time Basis",
|
| 111 |
+
"target": "https://www.vlcsolutions.com/contact-us.html"
|
| 112 |
+
},
|
| 113 |
+
"keywords": [
|
| 114 |
+
"Barcode and Report Management",
|
| 115 |
+
"Microsoft Dynamics 365 Business Central",
|
| 116 |
+
"Warehouse Automation Software",
|
| 117 |
+
"Real-Time Inventory Management",
|
| 118 |
+
"Barcode Scanning ERP Integration",
|
| 119 |
+
"VLC Solutions Inventory Automation"
|
| 120 |
+
]
|
| 121 |
+
}
|
| 122 |
+
|
| 123 |
+
</script>
|
| 124 |
+
|
| 125 |
+
</head>
|
| 126 |
+
|
| 127 |
+
<body class="font-sans antialiased">
|
| 128 |
+
<!-- Header / Nav -->
|
| 129 |
+
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
|
| 130 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 131 |
+
<div class="flex justify-between h-16">
|
| 132 |
+
<a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
|
| 133 |
+
<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">
|
| 134 |
+
</a>
|
| 135 |
+
|
| 136 |
+
<nav class="hidden md:flex items-center gap-2" aria-label="Primary">
|
| 137 |
+
<!-- Direct link per your request -->
|
| 138 |
+
<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>
|
| 139 |
+
|
| 140 |
+
<!-- Solutions -->
|
| 141 |
+
<div class="relative group">
|
| 142 |
+
<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">
|
| 143 |
+
Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
|
| 144 |
+
</button>
|
| 145 |
+
<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">
|
| 146 |
+
<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>
|
| 147 |
+
</div>
|
| 148 |
+
</div>
|
| 149 |
+
|
| 150 |
+
<!-- Services -->
|
| 151 |
+
<div class="relative group">
|
| 152 |
+
<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">
|
| 153 |
+
Services <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
|
| 154 |
+
</button>
|
| 155 |
+
<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">
|
| 156 |
+
<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>
|
| 157 |
+
<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>
|
| 158 |
+
<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>
|
| 159 |
+
<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>
|
| 160 |
+
<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>
|
| 161 |
+
<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>
|
| 162 |
+
<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>
|
| 163 |
+
<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>
|
| 164 |
+
<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>
|
| 165 |
+
</div>
|
| 166 |
+
</div>
|
| 167 |
+
|
| 168 |
+
<!-- Industries -->
|
| 169 |
+
<div class="relative group">
|
| 170 |
+
<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">
|
| 171 |
+
Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
|
| 172 |
+
</button>
|
| 173 |
+
<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">
|
| 174 |
+
<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>
|
| 175 |
+
<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>
|
| 176 |
+
<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>
|
| 177 |
+
<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>
|
| 178 |
+
<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>
|
| 179 |
+
</div>
|
| 180 |
+
</div>
|
| 181 |
+
|
| 182 |
+
<!-- Products -->
|
| 183 |
+
<div class="relative group">
|
| 184 |
+
<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">
|
| 185 |
+
Products <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
|
| 186 |
+
</button>
|
| 187 |
+
<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">
|
| 188 |
+
<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>
|
| 189 |
+
<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>
|
| 190 |
+
<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>
|
| 191 |
+
<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>
|
| 192 |
+
<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>
|
| 193 |
+
<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>
|
| 194 |
+
<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>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
|
| 198 |
+
<!-- Who We Are -->
|
| 199 |
+
<div class="relative group">
|
| 200 |
+
<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">
|
| 201 |
+
Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
|
| 202 |
+
</button>
|
| 203 |
+
<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">
|
| 204 |
+
<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>
|
| 205 |
+
<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>
|
| 206 |
+
<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>
|
| 207 |
+
<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>
|
| 208 |
+
<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>
|
| 209 |
+
<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>
|
| 210 |
+
<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>
|
| 211 |
+
<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>
|
| 212 |
+
</div>
|
| 213 |
+
</div>
|
| 214 |
+
|
| 215 |
+
<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>
|
| 216 |
+
</nav>
|
| 217 |
+
|
| 218 |
+
<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">
|
| 219 |
+
<i data-feather="menu" aria-hidden="true"></i>
|
| 220 |
+
</button>
|
| 221 |
+
</div>
|
| 222 |
+
</div>
|
| 223 |
+
</header>
|
| 224 |
+
<!-- MAIN -->
|
| 225 |
+
<main id="content" class="bg-white">
|
| 226 |
+
<!-- Hero / Banner (centered between header & footer) -->
|
| 227 |
+
<section class="relative text-white"
|
| 228 |
+
style="
|
| 229 |
+
height: 346px;
|
| 230 |
+
background:
|
| 231 |
+
linear-gradient(rgba(0, 32, 96, 0.7), rgba(0, 32, 96, 0.7)),
|
| 232 |
+
url('https://static.photos/technology/1200x630/42')
|
| 233 |
+
no-repeat center center / cover;
|
| 234 |
+
">
|
| 235 |
+
<div class="max-w-7xl mx-auto h-full flex items-center px-8">
|
| 236 |
+
<div class="max-w-3xl text-left" data-aos="fade-up">
|
| 237 |
+
|
| 238 |
+
<!-- Slightly smaller heading with better spacing -->
|
| 239 |
+
<h1
|
| 240 |
+
class="text-3xl md:text-4xl font-extrabold leading-tight antialiased drop-shadow-[0_3px_10px_rgba(0,0,0,0.45)] mb-6"
|
| 241 |
+
style="color:#E9FBFF; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;">
|
| 242 |
+
Reinvent Warehouse Workflows with VLC Smart Management
|
| 243 |
+
</h1>
|
| 244 |
+
|
| 245 |
+
<!-- Add extra spacing for visual comfort -->
|
| 246 |
+
<p class="text-base md:text-lg mb-8 leading-relaxed drop-shadow-[0_2px_6px_rgba(0,0,0,0.35)]"
|
| 247 |
+
style="color:#D3EEFF;">
|
| 248 |
+
Beyond basic inventory
|
| 249 |
+
</p>
|
| 250 |
+
|
| 251 |
+
<!-- CTA: consistent VLC green -->
|
| 252 |
+
<a href="https://www.vlcsolutions.com/contact-us.html"
|
| 253 |
+
class="rounded-lg px-6 py-3 text-lg font-semibold inline-flex items-center shadow-lg transition-all duration-300"
|
| 254 |
+
style="background:#A6E840; color:#002060;">
|
| 255 |
+
Find your path to efficiency.
|
| 256 |
+
<iclass="w-5 h-5 ml-2" aria-hidden="true"></i>
|
| 257 |
+
</a>
|
| 258 |
+
|
| 259 |
+
</div>
|
| 260 |
+
</div>
|
| 261 |
+
</section>
|
| 262 |
+
|
| 263 |
+
<!-- Intro -->
|
| 264 |
+
|
| 265 |
+
<style>
|
| 266 |
+
.no-accent.card-accent::before {
|
| 267 |
+
display: none !important;
|
| 268 |
+
}
|
| 269 |
+
</style>
|
| 270 |
+
|
| 271 |
+
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
|
| 272 |
+
<section class="pattern-navy text-white py-8">
|
| 273 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 274 |
+
<div class="flex flex-col md:flex-row items-stretch gap-3 md:gap-4">
|
| 275 |
+
|
| 276 |
+
<!-- Download Fact Sheet (opens modal) -->
|
| 277 |
+
<button id="cta-open-modal"
|
| 278 |
+
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">
|
| 279 |
+
<i data-feather="download" class="w-5 h-5" aria-hidden="true"></i>
|
| 280 |
+
<span>Download Fact Sheet</span>
|
| 281 |
+
</button>
|
| 282 |
+
|
| 283 |
+
<!-- AppSource -->
|
| 284 |
+
<a href="https://appsource.microsoft.com/en-us/product/dynamics-365-business-central/PUBID.vlc-solutions-llc-1263055%7CAID.vlc_barcode_report_management_us%7CPAPPID.1fe315d4-1c16-45fe-aa09-c447f2223c76?tab=Overview"
|
| 285 |
+
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">
|
| 286 |
+
<i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i>
|
| 287 |
+
<span>View VLC BRM ON APP SOURCE</span>
|
| 288 |
+
</a>
|
| 289 |
+
|
| 290 |
+
<!-- YouTube -->
|
| 291 |
+
<a href="https://www.youtube.com/watch?v=nQZszxq3c1w" rel="noopener"
|
| 292 |
+
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">
|
| 293 |
+
<i data-feather="play-circle" class="w-5 h-5" aria-hidden="true"></i>
|
| 294 |
+
<span>Watch it in action</span>
|
| 295 |
+
</a>
|
| 296 |
+
|
| 297 |
+
</div>
|
| 298 |
+
</div>
|
| 299 |
+
</section>
|
| 300 |
+
<!-- Description Section -->
|
| 301 |
+
<section class="py-16 bg-[var(--vlc-tint)]">
|
| 302 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 303 |
+
<div class="text-center mb-12">
|
| 304 |
+
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4">Tired of Manual Errors and Wasted Time?</h2>
|
| 305 |
+
<p class="text-lg text-gray-700 max-w-4xl mx-auto">
|
| 306 |
+
Warehouse management is a crucial contributor towards the smooth running of your business operations.
|
| 307 |
+
When equipped with the appropriate system, your warehouse can be as efficient as possible, with minimal errors.
|
| 308 |
+
</p>
|
| 309 |
+
</div>
|
| 310 |
+
|
| 311 |
+
<div class="grid md:grid-cols-2 gap-12 items-center">
|
| 312 |
+
<div class="space-y-6">
|
| 313 |
+
<h3 class="text-2xl font-semibold text-[var(--vlc-navy)]">VLC Smart Warehouse Management for Dynamics 365</h3>
|
| 314 |
+
<p class="text-gray-700">
|
| 315 |
+
This robust application supports distributors, online retailers, and manufacturers requiring to streamline their warehouse management.
|
| 316 |
+
It seamlessly integrates with Microsoft Dynamics 365 Business Central, allowing warehouse teams to track tasks from mobile devices.
|
| 317 |
+
</p>
|
| 318 |
+
|
| 319 |
+
<div class="space-y-4">
|
| 320 |
+
<h4 class="text-xl font-semibold text-[var(--vlc-navy)]">Salient Features:</h4>
|
| 321 |
+
<ul class="space-y-3 list-disc pl-5 text-gray-700">
|
| 322 |
+
<li><span class="font-medium">Custom User Profiles:</span> Create roles for safe, secure operations</li>
|
| 323 |
+
<li><span class="font-medium">Full Mobile Access:</span> Perform all warehouse tasks from mobile</li>
|
| 324 |
+
<li><span class="font-medium">Advanced Barcode Scanning:</span> Eliminate manual data entry</li>
|
| 325 |
+
<li><span class="font-medium">Quick Scan Processing:</span> Complete tasks in seconds</li>
|
| 326 |
+
<li><span class="font-medium">Instant Inventory Access:</span> Real-time visibility of bin contents</li>
|
| 327 |
+
<li><span class="font-medium">Attachment Support:</span> Document with receipts and photos</li>
|
| 328 |
+
<li><span class="font-medium">Text/Speech Search:</span> Accelerate inventory searches</li>
|
| 329 |
+
<li><span class="font-medium">User-Specific Journals:</span> Track activities by location</li>
|
| 330 |
+
<li><span class="font-medium">Multi-Location Support:</span> Manage multiple warehouses easily</li>
|
| 331 |
+
</ul>
|
| 332 |
+
</div>
|
| 333 |
+
</div>
|
| 334 |
+
|
| 335 |
+
<div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
|
| 336 |
+
<h3 class="text-2xl font-semibold text-[var(--vlc-navy)] mb-4">Built for Seamless Integration</h3>
|
| 337 |
+
<p class="text-gray-700 mb-6">
|
| 338 |
+
Powered by Microsoft Power Platform for smooth automation and integration with your existing systems.
|
| 339 |
+
The app seamlessly connects with Dynamics 365 Business Central for optimized operations.
|
| 340 |
+
</p>
|
| 341 |
+
<div class="bg-[var(--vlc-leaf-tint)] p-6 rounded-lg border border-[var(--vlc-leaf)] border-opacity-30">
|
| 342 |
+
<h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-3">Build the Warehouse of Tomorrow, Today</h4>
|
| 343 |
+
<p class="text-gray-700">
|
| 344 |
+
Gain a powerful tool for inventory management, warehouse automation, and supply chain optimization.
|
| 345 |
+
This app ensures accurate and efficient operations, helping your business stay competitive.
|
| 346 |
+
</p>
|
| 347 |
+
</div>
|
| 348 |
+
</div>
|
| 349 |
+
</div>
|
| 350 |
+
</div>
|
| 351 |
+
</section>
|
| 352 |
+
|
| 353 |
+
<!-- ====== DOWNLOAD FACT SHEET MODAL ====== -->
|
| 354 |
+
<form id="send_email_to_customer" action="./BarcodeManagement.php" method="post" novalidate>
|
| 355 |
+
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
|
| 356 |
+
<input type="hidden" name="action" value="validate_captcha">
|
| 357 |
+
|
| 358 |
+
<div id="cta-modal"
|
| 359 |
+
class="fixed inset-0 z-[999] hidden"
|
| 360 |
+
role="dialog" aria-modal="true" aria-labelledby="cta-modal-title">
|
| 361 |
+
<!-- Backdrop -->
|
| 362 |
+
<div class="absolute inset-0 bg-black/60"></div>
|
| 363 |
+
|
| 364 |
+
<!-- Panel -->
|
| 365 |
+
<div class="relative h-full w-full flex items-center justify-center p-4">
|
| 366 |
+
<div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden">
|
| 367 |
+
<div class="bg-[var(--vlc-navy)] text-white px-5 py-4">
|
| 368 |
+
<div class="flex items-center justify-between">
|
| 369 |
+
<h4 id="cta-modal-title" class="text-lg font-semibold">
|
| 370 |
+
Enter your business email to download
|
| 371 |
+
</h4>
|
| 372 |
+
<button type="button" id="cta-close"
|
| 373 |
+
class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50"
|
| 374 |
+
aria-label="Close">
|
| 375 |
+
<i data-feather="x" class="w-5 h-5" aria-hidden="true"></i>
|
| 376 |
+
</button>
|
| 377 |
+
</div>
|
| 378 |
+
</div>
|
| 379 |
+
|
| 380 |
+
<div class="p-6 space-y-4">
|
| 381 |
+
<p id="cta-error" class="hidden text-sm text-red-600">
|
| 382 |
+
Please use a valid business email (not a personal domain).
|
| 383 |
+
</p>
|
| 384 |
+
|
| 385 |
+
<label for="customer_email" class="block text-sm font-medium text-[var(--vlc-navy)]">
|
| 386 |
+
Business Email
|
| 387 |
+
</label>
|
| 388 |
+
<input
|
| 389 |
+
class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[var(--vlc-sky)]"
|
| 390 |
+
name="customer_email" id="customer_email" type="email"
|
| 391 |
+
placeholder="name@yourcompany.com" required autocomplete="email" />
|
| 392 |
+
|
| 393 |
+
<div class="flex items-center justify-end gap-3 pt-2">
|
| 394 |
+
<button type="button" id="cta-cancel"
|
| 395 |
+
class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50">
|
| 396 |
+
Cancel
|
| 397 |
+
</button>
|
| 398 |
+
<button type="submit" id="magento_connector"
|
| 399 |
+
class="px-4 py-2 rounded-md bg-[var(--vlc-leaf)] hover:bg-[#79b32e] text-white font-semibold shadow">
|
| 400 |
+
Submit & Download
|
| 401 |
+
</button>
|
| 402 |
+
</div>
|
| 403 |
+
</div>
|
| 404 |
+
</div>
|
| 405 |
+
</div>
|
| 406 |
+
</div>
|
| 407 |
+
</form>
|
| 408 |
+
|
| 409 |
+
<!-- ====== CTA BUTTON HOVER COLOR STYLES ====== -->
|
| 410 |
+
<style>
|
| 411 |
+
/* VLC Leaf Green brand color */
|
| 412 |
+
:root {
|
| 413 |
+
--vlc-leaf: #8DC63F;
|
| 414 |
+
--vlc-leaf-dark: #79b32e;
|
| 415 |
+
}
|
| 416 |
+
|
| 417 |
+
/* CTA ribbon buttons default style */
|
| 418 |
+
.cta-btn {
|
| 419 |
+
background: rgba(255, 255, 255, 0.08);
|
| 420 |
+
color: #ffffff;
|
| 421 |
+
transition: all 0.25s ease-in-out;
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
/* On hover: leaf green background and dark navy text */
|
| 425 |
+
.cta-btn:hover {
|
| 426 |
+
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark));
|
| 427 |
+
color: #002060;
|
| 428 |
+
border-color: transparent;
|
| 429 |
+
box-shadow: 0 8px 20px rgba(141, 198, 63, 0.4);
|
| 430 |
+
transform: translateY(-2px);
|
| 431 |
+
}
|
| 432 |
+
|
| 433 |
+
/* Icon color switch on hover */
|
| 434 |
+
.cta-btn:hover i {
|
| 435 |
+
color: #002060 !important;
|
| 436 |
+
}
|
| 437 |
+
|
| 438 |
+
/* Smooth transition for icons */
|
| 439 |
+
.cta-btn i {
|
| 440 |
+
transition: color 0.25s ease-in-out;
|
| 441 |
+
}
|
| 442 |
+
|
| 443 |
+
/* Accessibility focus ring */
|
| 444 |
+
.cta-btn:focus {
|
| 445 |
+
outline: none;
|
| 446 |
+
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5);
|
| 447 |
+
}
|
| 448 |
+
|
| 449 |
+
/* Modal button hover (already green effect included) */
|
| 450 |
+
#cta-modal button:hover {
|
| 451 |
+
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)) !important;
|
| 452 |
+
color: #fff !important;
|
| 453 |
+
border-color: transparent !important;
|
| 454 |
+
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3);
|
| 455 |
+
transition: all 0.25s ease-in-out;
|
| 456 |
+
}
|
| 457 |
+
|
| 458 |
+
#cta-modal #cta-cancel {
|
| 459 |
+
background: #f8fafc;
|
| 460 |
+
color: var(--vlc-navy, #002060);
|
| 461 |
+
border: 1px solid #d1d5db;
|
| 462 |
+
}
|
| 463 |
+
</style>
|
| 464 |
+
|
| 465 |
+
<script>
|
| 466 |
+
// --- CTA Modal controls ---
|
| 467 |
+
(function () {
|
| 468 |
+
const openBtn = document.getElementById('cta-open-modal');
|
| 469 |
+
const modal = document.getElementById('cta-modal');
|
| 470 |
+
const closeBtn = document.getElementById('cta-close');
|
| 471 |
+
const cancelBtn = document.getElementById('cta-cancel');
|
| 472 |
+
const form = document.getElementById('send_email_to_customer');
|
| 473 |
+
const email = document.getElementById('customer_email');
|
| 474 |
+
const error = document.getElementById('cta-error');
|
| 475 |
+
|
| 476 |
+
if (!openBtn || !modal) return;
|
| 477 |
+
|
| 478 |
+
function openModal() {
|
| 479 |
+
modal.classList.remove('hidden');
|
| 480 |
+
document.body.style.overflow = 'hidden';
|
| 481 |
+
email && setTimeout(() => email.focus(), 50);
|
| 482 |
+
}
|
| 483 |
+
function closeModal() {
|
| 484 |
+
modal.classList.add('hidden');
|
| 485 |
+
document.body.style.overflow = '';
|
| 486 |
+
error && error.classList.add('hidden');
|
| 487 |
+
}
|
| 488 |
+
|
| 489 |
+
openBtn.addEventListener('click', openModal);
|
| 490 |
+
closeBtn && closeBtn.addEventListener('click', closeModal);
|
| 491 |
+
cancelBtn && cancelBtn.addEventListener('click', closeModal);
|
| 492 |
+
|
| 493 |
+
// Close on Esc / backdrop
|
| 494 |
+
modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
|
| 495 |
+
document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); });
|
| 496 |
+
|
| 497 |
+
// --- Business email validation ---
|
| 498 |
+
const personalDomains = [
|
| 499 |
+
'gmail.com','googlemail.com','yahoo.com','yahoo.co.in','outlook.com','hotmail.com','live.com',
|
| 500 |
+
'msn.com','icloud.com','me.com','aol.com','proton.me','protonmail.com','yandex.com','pm.me','mail.com','zoho.com'
|
| 501 |
+
];
|
| 502 |
+
|
| 503 |
+
form && form.addEventListener('submit', (e) => {
|
| 504 |
+
if (!email) return;
|
| 505 |
+
const value = String(email.value || '').trim().toLowerCase();
|
| 506 |
+
const isEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
|
| 507 |
+
const domain = value.split('@')[1] || '';
|
| 508 |
+
const isPersonal = personalDomains.includes(domain);
|
| 509 |
+
|
| 510 |
+
if (!isEmail || isPersonal) {
|
| 511 |
+
e.preventDefault();
|
| 512 |
+
error.classList.remove('hidden');
|
| 513 |
+
email.focus();
|
| 514 |
+
}
|
| 515 |
+
});
|
| 516 |
+
})();
|
| 517 |
+
</script>
|
| 518 |
+
|
| 519 |
+
|
| 520 |
+
</main>
|
| 521 |
+
<!-- FOOTER -->
|
| 522 |
+
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
|
| 523 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 524 |
+
<div class="grid md:grid-cols-3 gap-10 mb-10">
|
| 525 |
+
<div>
|
| 526 |
+
<h3 class="font-bold mb-3">Contact Us</h3>
|
| 527 |
+
<div class="text-gray-300 space-y-3">
|
| 528 |
+
<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>
|
| 529 |
+
<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>
|
| 530 |
+
</div>
|
| 531 |
+
</div>
|
| 532 |
+
|
| 533 |
+
<div>
|
| 534 |
+
<h3 class="font-bold mb-3">Quick Links</h3>
|
| 535 |
+
<div class="grid grid-cols-2 gap-4 text-gray-300">
|
| 536 |
+
<ul class="space-y-2">
|
| 537 |
+
<li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
|
| 538 |
+
<li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
|
| 539 |
+
<li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
|
| 540 |
+
<li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
|
| 541 |
+
<li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
|
| 542 |
+
<li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
|
| 543 |
+
<li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
|
| 544 |
+
</ul>
|
| 545 |
+
<ul class="space-y-2">
|
| 546 |
+
<li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
|
| 547 |
+
<li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
|
| 548 |
+
<li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
|
| 549 |
+
<li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
|
| 550 |
+
<li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms & Conditions</a></li>
|
| 551 |
+
<li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
|
| 552 |
+
<li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
|
| 553 |
+
</ul>
|
| 554 |
+
</div>
|
| 555 |
+
</div>
|
| 556 |
+
|
| 557 |
+
<div>
|
| 558 |
+
<h3 class="font-bold mb-3">VLC Solutions</h3>
|
| 559 |
+
<p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
|
| 560 |
+
<div class="flex gap-4">
|
| 561 |
+
<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>
|
| 562 |
+
<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>
|
| 563 |
+
<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>
|
| 564 |
+
<a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
|
| 565 |
+
<img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
|
| 566 |
+
</a>
|
| 567 |
+
<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>
|
| 568 |
+
</div>
|
| 569 |
+
</div>
|
| 570 |
+
</div>
|
| 571 |
+
|
| 572 |
+
<div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
|
| 573 |
+
© 2025 VLC Solutions. All rights reserved.
|
| 574 |
+
</div>
|
| 575 |
+
</div>
|
| 576 |
+
</footer>
|
| 577 |
+
|
| 578 |
+
<script>
|
| 579 |
+
// Init animations (after scripts loaded)
|
| 580 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 581 |
+
if (window.AOS) {
|
| 582 |
+
AOS.init({
|
| 583 |
+
duration: 800,
|
| 584 |
+
easing: 'ease-in-out',
|
| 585 |
+
once: true,
|
| 586 |
+
mirror: false,
|
| 587 |
+
offset: 120,
|
| 588 |
+
disable: window.innerWidth < 768
|
| 589 |
+
});
|
| 590 |
+
}
|
| 591 |
+
if (window.feather) {
|
| 592 |
+
feather.replace();
|
| 593 |
+
}
|
| 594 |
+
|
| 595 |
+
// Mobile menu placeholder
|
| 596 |
+
const mobileBtn = document.getElementById('mobile-menu-button');
|
| 597 |
+
if (mobileBtn) {
|
| 598 |
+
mobileBtn.addEventListener('click', () => {
|
| 599 |
+
console.log('Mobile menu clicked');
|
| 600 |
+
});
|
| 601 |
+
}
|
| 602 |
+
});
|
| 603 |
+
|
| 604 |
+
// Refresh AOS on resize (guard if AOS present)
|
| 605 |
+
window.addEventListener('resize', function() {
|
| 606 |
+
if (window.AOS && AOS.refreshHard) {
|
| 607 |
+
AOS.refreshHard();
|
| 608 |
+
}
|
| 609 |
+
});
|
| 610 |
+
</script>
|
| 611 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 612 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 613 |
+
</body>
|
| 614 |
+
</html>
|