vlcsolutions commited on
Commit
a3e83e3
·
verified ·
1 Parent(s): 25dae41

Above footer, add this description - Inspection Management

Browse files

VLC Inspection Management is an agile, end-to-end solution designed to simplify and streamline incoming inspections. It not only enhances quality management but also helps mitigate risks. By focusing on quality material input, the system ensures that your business can better satisfy customer demands and maintain a reliable supply chain. This solution makes the complex process of quality control easier, ensuring inspections are conducted at the right time, with the right products, and from the right suppliers.
Features:
· Minimize risks with regards to suppliers.
· Manage the suppliers and high-risk products easily.
· Monitor performance of the supplier using a sampling mechanism.
· Use high quality data to maximize the use of your supplier base.
· Establish, accept and control incoming inspection plans.
· Facilitate quality inspection of products using Microsoft Dynamics 365 Business Central.
· Readily connects to existing business systems to facilitate a smooth working flow.
· Control the delivery patterns and property checkup.
· Automatically receive notifications and schedule of incoming quality trends.
· Centralized, safe control over handling of all inspection data.

The system enables companies to deal with operations such as the oversight of quotes, inspection calendar, inventory, and equipment calibration. It can also keep track of high-risk suppliers and materials, simplify performance management, decrease costs and enhance supplier relationships.
Start Optimizing Your Inspections Today
Request a demo and see how VLC Solutions can enhance your quality management. Automate inspections and ensure top-quality products with ease.

Files changed (2) hide show
  1. README.md +6 -3
  2. index.html +622 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Inspection Dynamo Pro
3
- emoji: 🏢
4
  colorFrom: red
5
  colorTo: red
 
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: Inspection Dynamo Pro 🚀
 
3
  colorFrom: red
4
  colorTo: red
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,622 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Industries We Serve – VLC Solutions</title>
9
+ <meta name="description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration."/>
10
+ <meta name="keywords" content="Microsoft Dynamics 365 Business Central, ERP solutions for industries, Manufacturing ERP software, Ecommerce ERP integration, Government compliance solutions, Power Platform and Microsoft 365 integration"/>
11
+ <link rel="canonical" href="https://www.vlcsolutions.com/industries.html" />
12
+
13
+ <!-- Twitter Card data -->
14
+ <meta name="twitter:card" content="summary_large_image">
15
+ <meta name="twitter:title" content="Industries We Serve – VLC Solutions">
16
+ <meta name="twitter:description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.">
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":"WebPage",
88
+ "url":"https://www.vlcsolutions.com/industries",
89
+ "name":"Industries We Serve – VLC Solutions",
90
+ "headline":"Empowering businesses with smarter systems, seamless workflows, and adaptive solutions for every industry.",
91
+ "description":"Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.",
92
+ "publisher":{
93
+ "@type":"Organization",
94
+ "name":"VLC Solutions",
95
+ "url":"https://www.vlcsolutions.com",
96
+ "logo":{"@type":"ImageObject","url":"https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"}
97
+ },
98
+ "mainEntity":{
99
+ "@type":"ItemList",
100
+ "name":"Industries We Serve",
101
+ "itemListElement":[
102
+ {"@type":"Service","name":"Manufacturing ERP & AI Solutions","serviceType":"ProfessionalService","description":"Tool management, visual scheduling, barcode/reporting, CMMS, inventory optimization, AI-driven ERP."},
103
+ {"@type":"Service","name":"Distribution & Supply Chain Solutions","serviceType":"ProfessionalService","description":"Warehouse/logistics ERP, smart WMS, shipping for Business Central, Dynamics 365 supply chain."},
104
+ {"@type":"Service","name":"Ecommerce ERP Integrations","serviceType":"ProfessionalService","description":"Magento & Shopify connectors, ERP integration, PrintNode reporting, Power BI analytics."},
105
+ {"@type":"Service","name":"Government Contractor Compliance","serviceType":"ProfessionalService","description":"Compliance ERP, cybersecurity & GRC, CMMC/NIST services, IT compliance for SMBs."}
106
+ ]
107
+ },
108
+ "about":[
109
+ "Microsoft Dynamics 365 Business Central",
110
+ "ERP integrations",
111
+ "Power Platform",
112
+ "Governance, Risk & Compliance",
113
+ "Cloud hosting & Managed IT"
114
+ ],
115
+ "potentialAction":{
116
+ "@type":"ContactAction",
117
+ "target":"https://www.vlcsolutions.com/contactus.html",
118
+ "name":"Contact Us",
119
+ "description":"Ready to transform your industry? Automate, integrate, and scale with confidence."
120
+ },
121
+ }
122
+ </script>
123
+
124
+ </head>
125
+
126
+ <body class="font-sans antialiased">
127
+
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="px-4 py-2 text-sm rounded hover:bg-[var(--vlc-leaf)] hover:text-white">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="btn-primary rounded-md px-4 py-2 text-sm">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
+ <!-- Hero / Banner (centered between header & footer) -->
225
+ <section class="relative text-white"
226
+ style="
227
+ height: 346px;
228
+ background:
229
+ url('')
230
+ no-repeat center center / cover;
231
+ ">
232
+ <div class="max-w-7xl mx-auto h-full flex items-center px-8">
233
+ <div class="max-w-3xl text-left" data-aos="fade-up">
234
+
235
+ <!-- Slightly smaller heading with better spacing -->
236
+ <h1
237
+ class="text-3xl md:text-4xl font-extrabold leading-tight antialiased drop-shadow-[0_3px_10px_rgba(0,0,0,0.45)] mb-6"
238
+ style="color:#E9FBFF; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;">
239
+ Compliance Without Chaos
240
+ </h1>
241
+
242
+ <!-- Add extra spacing for visual comfort -->
243
+ <p class="text-base md:text-lg mb-8 leading-relaxed drop-shadow-[0_2px_6px_rgba(0,0,0,0.35)]"
244
+ style="color:#D3EEFF;">
245
+ Smarter Inspections. Stronger Compliance.
246
+ </p>
247
+
248
+ <!-- CTA: consistent VLC green -->
249
+ <a href="https://www.vlcsolutions.com/contact-us.html"
250
+ class="rounded-lg px-6 py-3 text-lg font-semibold inline-flex items-center shadow-lg transition-all duration-300"
251
+ style="background:#A6E840; color:#002060;">
252
+ Skip the Setup. Get the Insights.
253
+ <i data-feather="zap" class="w-5 h-5 ml-2" aria-hidden="true"></i>
254
+ </a>
255
+
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- Intro -->
261
+
262
+ <style>
263
+ .no-accent.card-accent::before {
264
+ display: none !important;
265
+ }
266
+ </style>
267
+
268
+ <!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
269
+ <section class="pattern-navy text-white py-8">
270
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
271
+ <div class="flex flex-col md:flex-row items-stretch gap-3 md:gap-4">
272
+
273
+ <!-- Download Fact Sheet (opens modal) -->
274
+ <button id="cta-open-modal"
275
+ 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">
276
+ <i data-feather="download" class="w-5 h-5" aria-hidden="true"></i>
277
+ <span>Download Fact Sheet</span>
278
+ </button>
279
+
280
+ <!-- AppSource -->
281
+ <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"
282
+ 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">
283
+ <i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i>
284
+ <span>View VLC BRM ON APP SOURCE</span>
285
+ </a>
286
+
287
+ <!-- YouTube -->
288
+ <a href="https://www.youtube.com/watch?v=nQZszxq3c1w" rel="noopener"
289
+ 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">
290
+ <i data-feather="play-circle" class="w-5 h-5" aria-hidden="true"></i>
291
+ <span>Watch it in action</span>
292
+ </a>
293
+
294
+ </div>
295
+ </div>
296
+ </section>
297
+
298
+ <!-- ====== DOWNLOAD FACT SHEET MODAL ====== -->
299
+ <form id="send_email_to_customer" action="./BarcodeManagement.php" method="post" novalidate>
300
+ <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
301
+ <input type="hidden" name="action" value="validate_captcha">
302
+
303
+ <div id="cta-modal"
304
+ class="fixed inset-0 z-[999] hidden"
305
+ role="dialog" aria-modal="true" aria-labelledby="cta-modal-title">
306
+ <!-- Backdrop -->
307
+ <div class="absolute inset-0 bg-black/60"></div>
308
+
309
+ <!-- Panel -->
310
+ <div class="relative h-full w-full flex items-center justify-center p-4">
311
+ <div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden">
312
+ <div class="bg-[var(--vlc-navy)] text-white px-5 py-4">
313
+ <div class="flex items-center justify-between">
314
+ <h4 id="cta-modal-title" class="text-lg font-semibold">
315
+ Enter your business email to download
316
+ </h4>
317
+ <button type="button" id="cta-close"
318
+ class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50"
319
+ aria-label="Close">
320
+ <i data-feather="x" class="w-5 h-5" aria-hidden="true"></i>
321
+ </button>
322
+ </div>
323
+ </div>
324
+
325
+ <div class="p-6 space-y-4">
326
+ <p id="cta-error" class="hidden text-sm text-red-600">
327
+ Please use a valid business email (not a personal domain).
328
+ </p>
329
+
330
+ <label for="customer_email" class="block text-sm font-medium text-[var(--vlc-navy)]">
331
+ Business Email
332
+ </label>
333
+ <input
334
+ class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[var(--vlc-sky)]"
335
+ name="customer_email" id="customer_email" type="email"
336
+ placeholder="name@yourcompany.com" required autocomplete="email" />
337
+
338
+ <div class="flex items-center justify-end gap-3 pt-2">
339
+ <button type="button" id="cta-cancel"
340
+ class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50">
341
+ Cancel
342
+ </button>
343
+ <button type="submit" id="magento_connector"
344
+ class="px-4 py-2 rounded-md bg-[var(--vlc-leaf)] hover:bg-[#79b32e] text-white font-semibold shadow">
345
+ Submit &amp; Download
346
+ </button>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ </form>
353
+
354
+ <!-- ====== CTA BUTTON HOVER COLOR STYLES ====== -->
355
+ <style>
356
+ /* VLC Leaf Green brand color */
357
+ :root {
358
+ --vlc-leaf: #8DC63F;
359
+ --vlc-leaf-dark: #79b32e;
360
+ }
361
+
362
+ /* CTA ribbon buttons default style */
363
+ .cta-btn {
364
+ background: rgba(255, 255, 255, 0.08);
365
+ color: #ffffff;
366
+ transition: all 0.25s ease-in-out;
367
+ }
368
+
369
+ /* On hover: leaf green background and dark navy text */
370
+ .cta-btn:hover {
371
+ background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark));
372
+ color: #002060;
373
+ border-color: transparent;
374
+ box-shadow: 0 8px 20px rgba(141, 198, 63, 0.4);
375
+ transform: translateY(-2px);
376
+ }
377
+
378
+ /* Icon color switch on hover */
379
+ .cta-btn:hover i {
380
+ color: #002060 !important;
381
+ }
382
+
383
+ /* Smooth transition for icons */
384
+ .cta-btn i {
385
+ transition: color 0.25s ease-in-out;
386
+ }
387
+
388
+ /* Accessibility focus ring */
389
+ .cta-btn:focus {
390
+ outline: none;
391
+ box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5);
392
+ }
393
+
394
+ /* Modal button hover (already green effect included) */
395
+ #cta-modal button:hover {
396
+ background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)) !important;
397
+ color: #fff !important;
398
+ border-color: transparent !important;
399
+ box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3);
400
+ transition: all 0.25s ease-in-out;
401
+ }
402
+
403
+ #cta-modal #cta-cancel {
404
+ background: #f8fafc;
405
+ color: var(--vlc-navy, #002060);
406
+ border: 1px solid #d1d5db;
407
+ }
408
+ </style>
409
+
410
+ <script>
411
+ // --- CTA Modal controls ---
412
+ (function () {
413
+ const openBtn = document.getElementById('cta-open-modal');
414
+ const modal = document.getElementById('cta-modal');
415
+ const closeBtn = document.getElementById('cta-close');
416
+ const cancelBtn = document.getElementById('cta-cancel');
417
+ const form = document.getElementById('send_email_to_customer');
418
+ const email = document.getElementById('customer_email');
419
+ const error = document.getElementById('cta-error');
420
+
421
+ if (!openBtn || !modal) return;
422
+
423
+ function openModal() {
424
+ modal.classList.remove('hidden');
425
+ document.body.style.overflow = 'hidden';
426
+ email && setTimeout(() => email.focus(), 50);
427
+ }
428
+ function closeModal() {
429
+ modal.classList.add('hidden');
430
+ document.body.style.overflow = '';
431
+ error && error.classList.add('hidden');
432
+ }
433
+
434
+ openBtn.addEventListener('click', openModal);
435
+ closeBtn && closeBtn.addEventListener('click', closeModal);
436
+ cancelBtn && cancelBtn.addEventListener('click', closeModal);
437
+
438
+ // Close on Esc / backdrop
439
+ modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
440
+ document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); });
441
+
442
+ // --- Business email validation ---
443
+ const personalDomains = [
444
+ 'gmail.com','googlemail.com','yahoo.com','yahoo.co.in','outlook.com','hotmail.com','live.com',
445
+ 'msn.com','icloud.com','me.com','aol.com','proton.me','protonmail.com','yandex.com','pm.me','mail.com','zoho.com'
446
+ ];
447
+
448
+ form && form.addEventListener('submit', (e) => {
449
+ if (!email) return;
450
+ const value = String(email.value || '').trim().toLowerCase();
451
+ const isEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
452
+ const domain = value.split('@')[1] || '';
453
+ const isPersonal = personalDomains.includes(domain);
454
+
455
+ if (!isEmail || isPersonal) {
456
+ e.preventDefault();
457
+ error.classList.remove('hidden');
458
+ email.focus();
459
+ }
460
+ });
461
+ })();
462
+ </script>
463
+ <!-- Inspection Management Section -->
464
+ <section class="bg-white py-16">
465
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
466
+ <div class="text-center mb-12">
467
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4">Inspection Management</h2>
468
+ <p class="text-lg text-gray-600 max-w-4xl mx-auto">
469
+ VLC Inspection Management is an agile, end-to-end solution designed to simplify and streamline incoming inspections. It not only enhances quality management but also helps mitigate risks. By focusing on quality material input, the system ensures that your business can better satisfy customer demands and maintain a reliable supply chain.
470
+ </p>
471
+ </div>
472
+
473
+ <div class="grid md:grid-cols-2 gap-12">
474
+ <div>
475
+ <h3 class="text-xl font-semibold text-[var(--vlc-navy)] mb-6">Key Features</h3>
476
+ <ul class="space-y-4">
477
+ <li class="flex items-start">
478
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
479
+ <span>Minimize risks with regards to suppliers</span>
480
+ </li>
481
+ <li class="flex items-start">
482
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
483
+ <span>Manage suppliers and high-risk products easily</span>
484
+ </li>
485
+ <li class="flex items-start">
486
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
487
+ <span>Monitor performance of the supplier using sampling mechanism</span>
488
+ </li>
489
+ <li class="flex items-start">
490
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
491
+ <span>Use high quality data to maximize your supplier base</span>
492
+ </li>
493
+ <li class="flex items-start">
494
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
495
+ <span>Establish, accept and control incoming inspection plans</span>
496
+ </li>
497
+ <li class="flex items-start">
498
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
499
+ <span>Facilitate quality inspection using Microsoft Dynamics 365</span>
500
+ </li>
501
+ <li class="flex items-start">
502
+ <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
503
+ <span>Connects to existing business systems for smooth workflow</span>
504
+ </li>
505
+ </ul>
506
+ </div>
507
+
508
+ <div>
509
+ <div class="bg-[var(--vlc-tint)] p-8 rounded-xl">
510
+ <h3 class="text-xl font-semibold text-[var(--vlc-navy)] mb-4">System Capabilities</h3>
511
+ <p class="text-gray-600 mb-6">
512
+ The system enables companies to deal with operations such as the oversight of quotes, inspection calendar, inventory, and equipment calibration. It can also keep track of high-risk suppliers and materials, simplify performance management, decrease costs and enhance supplier relationships.
513
+ </p>
514
+ <div class="mt-8 text-center">
515
+ <h4 class="text-lg font-medium text-[var(--vlc-navy)] mb-4">Start Optimizing Your Inspections Today</h4>
516
+ <p class="text-gray-600 mb-6">
517
+ Request a demo and see how VLC Solutions can enhance your quality management. Automate inspections and ensure top-quality products with ease.
518
+ </p>
519
+ <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent rounded-md px-6 py-3 text-lg font-semibold inline-flex items-center">
520
+ Request Demo
521
+ <i data-feather="arrow-right" class="w-5 h-5 ml-2" aria-hidden="true"></i>
522
+ </a>
523
+ </div>
524
+ </div>
525
+ </div>
526
+ </div>
527
+ </div>
528
+ </section>
529
+
530
+ <!-- FOOTER -->
531
+ <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
532
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
533
+ <div class="grid md:grid-cols-3 gap-10 mb-10">
534
+ <div>
535
+ <h3 class="font-bold mb-3">Contact Us</h3>
536
+ <div class="text-gray-300 space-y-3">
537
+ <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>
538
+ <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>
539
+ </div>
540
+ </div>
541
+
542
+ <div>
543
+ <h3 class="font-bold mb-3">Quick Links</h3>
544
+ <div class="grid grid-cols-2 gap-4 text-gray-300">
545
+ <ul class="space-y-2">
546
+ <li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
547
+ <li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
548
+ <li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
549
+ <li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
550
+ <li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
551
+ <li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
552
+ <li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
553
+ </ul>
554
+ <ul class="space-y-2">
555
+ <li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
556
+ <li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
557
+ <li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
558
+ <li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
559
+ <li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
560
+ <li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
561
+ <li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
562
+ </ul>
563
+ </div>
564
+ </div>
565
+
566
+ <div>
567
+ <h3 class="font-bold mb-3">VLC Solutions</h3>
568
+ <p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
569
+ <div class="flex gap-4">
570
+ <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>
571
+ <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>
572
+ <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>
573
+ <a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
574
+ <img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
575
+ </a>
576
+ <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>
577
+ </div>
578
+ </div>
579
+ </div>
580
+
581
+ <div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
582
+ © 2025 VLC Solutions. All rights reserved.
583
+ </div>
584
+ </div>
585
+ </footer>
586
+
587
+ <script>
588
+ // Init animations (after scripts loaded)
589
+ document.addEventListener('DOMContentLoaded', () => {
590
+ if (window.AOS) {
591
+ AOS.init({
592
+ duration: 800,
593
+ easing: 'ease-in-out',
594
+ once: true,
595
+ mirror: false,
596
+ offset: 120,
597
+ disable: window.innerWidth < 768
598
+ });
599
+ }
600
+ if (window.feather) {
601
+ feather.replace();
602
+ }
603
+
604
+ // Mobile menu placeholder
605
+ const mobileBtn = document.getElementById('mobile-menu-button');
606
+ if (mobileBtn) {
607
+ mobileBtn.addEventListener('click', () => {
608
+ console.log('Mobile menu clicked');
609
+ });
610
+ }
611
+ });
612
+
613
+ // Refresh AOS on resize (guard if AOS present)
614
+ window.addEventListener('resize', function() {
615
+ if (window.AOS && AOS.refreshHard) {
616
+ AOS.refreshHard();
617
+ }
618
+ });
619
+ </script>
620
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
621
+ </body>
622
+ </html>