Apply this description after the header sectiion : Banner: start

Bridging the Gap from Design to Delivery using AI
Unify your data. Unify your teams.
Get Total Control
Banner : Completed
*************************************************************************************

section 1 : The End of Disconnected Operations
To outpace the competition and drive efficiency, your engineering and manufacturing teams must function as a single, cohesive unit. Without the right tools, engineering changes can be a source of chaos, leading to communication gaps, costly rework and project delays. Our VLC Engineering Management solution provides a vital link, uniting your teams on a single platform to bring structure, discipline and full visibility to every product change.
This platform leverages AI to proactively flag potential conflicts and delays before they impact production. With Dynamics 365 Business Central integration, we provide a streamlined system that eliminates the need for manual data entry, allowing teams to use AI-driven insights for strategic decision-making and ensuring changes are managed with AI-powered precision.
Our solution is designed for end-to-end ERP integrations, ensuring seamless connections between engineering, purchasing and manufacturing.
CTA : Request DemO

section 2 :
A Unified Platform for True Efficiency
The greatest source of inefficiency is fragmented data. Our solution is natively integrated with your existing ERP systems, such as Dynamics 365 business central, to form a single data model that brings engineers and the shop floor to a common platform.
Single Source of Truth: The entire team works off the same, current information.
Eliminate Data Silos: Break down the barrier between engineering, purchasing and manufacturing.
Seamless Integration: Integrate directly with your back-office business systems to have a seamless workflow.
CTA :Secure Your Competitive Advantage

section 3 :
Master the Art of Change
Managing change is not just about a new process; it’s about establishing control. Our solution gives you full command over your product’s lifecycle, from a simple request to a major revision.
Engineering Change Request (ECR): A formal system to document problems, suggest enhancements, and analyze the impact on affected parts and costs.
Engineering Change Note (ECN): An automated process that authorizes and manages the modification of BOMs and production orders, ensuring changes are applied consistently.
Version and Status Control: Track all revisions of items, drawings, and documentation for complete traceability.
Impact Analysis: Monitor open transactions like purchase orders and inventory that may be affected by changes.

CTA : Achieve Operational Synchronization

section 4 :
Data-Driven Decisions, Not Guesswork
You can’t optimize what you can’t measure. Our platform brings to bear a data-first approach, offering real-time metrics and insights into your engineering and manufacturing operations. With this solution, you'll get past manual analysis and make strategic, data-driven decisions that enhance profitability. Digital transformation services ensure that your business operates at its most efficient, with all systems integrated for a smooth flow of information.
Real-Time Analytics: Gain live insights into program health, team productivity, and cost performance.
Automated Alerts: Receive notifications for any changes or issues that require your immediate attention.
Cost Simulation: Analyze the cost impact of a change before it is applied to the production floor.

section 5 :
Capabilities
Change Management
Data Integration
Cost Control
Process Automation
Version Control
Features
Unified Platform
Real-Time Analytics
Automated Workflows
Change Request (ECR)
Change Notice (ECN)
Cost Simulation
Benefits
Increased Productivity
Reduced Rework
Improved Traceability
Enhanced Visibility
Accelerated Time-to-Market
Eliminated Errors

section 6 :
Stop operating in the dark. Gain Enterprise-Wide Visibility now and control your product's future.

README.md

@@ -1,10 +1,13 @@
 ---
-title: Vlc Engineering Sync Pro
-emoji: 🦀
-colorFrom: red
-colorTo: gray
+title: VLC Engineering Sync Pro 🚀
+colorFrom: pink
+colorTo: blue
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).

index.html

@@ -1,19 +1,511 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1.0"/>
+  <title>Industries We Serve – VLC Solutions</title>
+  <meta name="description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration."/>
+  <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"/>
+  <link rel="canonical" href="https://www.vlcsolutions.com/industries.html" />
+	
+	<!-- Twitter Card data -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Industries We Serve – VLC Solutions">
+    <meta name="twitter:description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.">
+    <meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png">
+
+  <!-- Tailwind + libs -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
+  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>
+
+  <!-- VLC Brand Map + UI polish -->
+  <style id="vlc-brand-theme">
+    :root{
+      --vlc-navy:#002060;
+      --vlc-navy-700:#001a50;
+      --vlc-sky:#00A0E9;
+      --vlc-leaf:#8DC63F;
+      --vlc-leaf-700:#79b32e;
+      --vlc-ink:#1F2A44;
+      --vlc-tint:#F5F7FF;
+      --vlc-leaf-tint:#F3FAEA;
+      --vlc-card:#ffffff;
+    }
+    body{ color:#1f2937; }
+    .service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
+    .chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
+    .btn-primary{ background:var(--vlc-navy); color:#fff }
+    .btn-primary:hover{ background:var(--vlc-navy-700) }
+    .btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
+    .btn-accent:hover{ background:var(--vlc-leaf-700) }
+    .link-brand{ color:var(--vlc-navy) }
+    .link-brand:hover{ color:var(--vlc-leaf) }
+
+    /* Accent top border like vlcsolutions.com cards */
+    .card-accent{ position:relative; }
+    .card-accent:before{
+      content:""; position:absolute; inset:0 0 auto 0; height:4px;
+      background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
+    }
+
+    /* Soft patterned sections */
+    .pattern-navy{
+      background:
+        radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
+        radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
+        radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
+        linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
+      background-color:var(--vlc-navy);
+    }
+    .pattern-tint{
+      background:
+        radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
+        radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
+      background-color:#F7FBF1;
+    }
+
+    /* Footer */
+    footer a:hover{ color:var(--vlc-leaf) }
+
+    /* Make “Learn more” rows align across cards */
+    .card-body{ display:flex; flex-direction:column; height:100% }
+    .card-cta{ margin-top:auto }
+  </style>
+  
+  <script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
+	
+	<!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
+	
+	<script type="application/ld+json">
+{
+  "@context":"https://schema.org",
+  "@type":"WebPage",
+  "url":"https://www.vlcsolutions.com/industries",
+  "name":"Industries We Serve – VLC Solutions",
+  "headline":"Empowering businesses with smarter systems, seamless workflows, and adaptive solutions for every industry.",
+  "description":"Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.",
+  "publisher":{
+    "@type":"Organization",
+    "name":"VLC Solutions",
+    "url":"https://www.vlcsolutions.com",
+    "logo":{"@type":"ImageObject","url":"https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"}
+  },
+  "mainEntity":{
+    "@type":"ItemList",
+    "name":"Industries We Serve",
+    "itemListElement":[
+      {"@type":"Service","name":"Manufacturing ERP & AI Solutions","serviceType":"ProfessionalService","description":"Tool management, visual scheduling, barcode/reporting, CMMS, inventory optimization, AI-driven ERP."},
+      {"@type":"Service","name":"Distribution & Supply Chain Solutions","serviceType":"ProfessionalService","description":"Warehouse/logistics ERP, smart WMS, shipping for Business Central, Dynamics 365 supply chain."},
+      {"@type":"Service","name":"Ecommerce ERP Integrations","serviceType":"ProfessionalService","description":"Magento & Shopify connectors, ERP integration, PrintNode reporting, Power BI analytics."},
+      {"@type":"Service","name":"Government Contractor Compliance","serviceType":"ProfessionalService","description":"Compliance ERP, cybersecurity & GRC, CMMC/NIST services, IT compliance for SMBs."}
+    ]
+  },
+  "about":[
+    "Microsoft Dynamics 365 Business Central",
+    "ERP integrations",
+    "Power Platform",
+    "Governance, Risk & Compliance",
+    "Cloud hosting & Managed IT"
+  ],
+  "potentialAction":{
+    "@type":"ContactAction",
+    "target":"https://www.vlcsolutions.com/contactus.html",
+    "name":"Contact Us",
+    "description":"Ready to transform your industry? Automate, integrate, and scale with confidence."
+  },
+}
+</script>
+
+</head>
+
+<body class="font-sans antialiased">
+  <!-- Header / Nav -->
+  
+  <!-- Hero Banner -->
+  <section class="pattern-navy text-white py-20 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-7xl mx-auto text-center">
+      <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Bridging the Gap from Design to Delivery using AI</h1>
+      <p class="text-xl md:text-2xl mb-8" data-aos="fade-up" data-aos-delay="100">Unify your data. Unify your teams.</p>
+      <button class="btn-accent px-8 py-3 rounded-md text-lg font-semibold" data-aos="fade-up" data-aos-delay="200">Get Total Control</button>
+    </div>
+  </section>
+
+  <!-- Section 1: The End of Disconnected Operations -->
+  <section class="py-16 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
+      <div data-aos="fade-right">
+        <h2 class="text-3xl font-bold mb-6 text-[var(--vlc-navy)]">The End of Disconnected Operations</h2>
+        <div class="space-y-4 text-gray-700">
+          <p>To outpace the competition and drive efficiency, your engineering and manufacturing teams must function as a single, cohesive unit. Without the right tools, engineering changes can be a source of chaos, leading to communication gaps, costly rework and project delays.</p>
+          <p>Our VLC Engineering Management solution provides a vital link, uniting your teams on a single platform to bring structure, discipline and full visibility to every product change.</p>
+          <p>This platform leverages AI to proactively flag potential conflicts and delays before they impact production. With Dynamics 365 Business Central integration, we provide a streamlined system that eliminates the need for manual data entry, allowing teams to use AI-driven insights for strategic decision-making and ensuring changes are managed with AI-powered precision.</p>
+          <p>Our solution is designed for end-to-end ERP integrations, ensuring seamless connections between engineering, purchasing and manufacturing.</p>
+        </div>
+        <button class="btn-primary mt-8 px-8 py-3 rounded-md">Request Demo</button>
+      </div>
+      <div data-aos="fade-left">
+        <img src="http://static.photos/technology/1024x576/1" alt="Engineering Team Collaboration" class="rounded-lg shadow-xl">
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 2: A Unified Platform -->
+  <section class="pattern-tint py-16 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
+      <div data-aos="fade-right">
+        <img src="http://static.photos/workspace/1024x576/2" alt="Unified Platform" class="rounded-lg shadow-xl">
+      </div>
+      <div data-aos="fade-left">
+        <h2 class="text-3xl font-bold mb-6 text-[var(--vlc-navy)]">A Unified Platform for True Efficiency</h2>
+        <p class="text-gray-700 mb-6">The greatest source of inefficiency is fragmented data. Our solution is natively integrated with your existing ERP systems, such as Dynamics 365 business central, to form a single data model that brings engineers and the shop floor to a common platform.</p>
+        <div class="space-y-4">
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1">
+              <div class="chip px-3 py-1 rounded-full text-xs font-semibold">1</div>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Single Source of Truth</h4>
+              <p class="text-gray-600">The entire team works off the same, current information.</p>
+            </div>
+          </div>
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1">
+              <div class="chip px-3 py-1 rounded-full text-xs font-semibold">2</div>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Eliminate Data Silos</h4>
+              <p class="text-gray-600">Break down the barrier between engineering, purchasing and manufacturing.</p>
+            </div>
+          </div>
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1">
+              <div class="chip px-3 py-1 rounded-full text-xs font-semibold">3</div>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Seamless Integration</h4>
+              <p class="text-gray-600">Integrate directly with your back-office business systems to have a seamless workflow.</p>
+            </div>
+          </div>
+        </div>
+        <button class="btn-primary mt-8 px-8 py-3 rounded-md">Secure Your Competitive Advantage</button>
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 3: Master the Art of Change -->
+  <section class="py-16 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-7xl mx-auto">
+      <h2 class="text-3xl font-bold mb-12 text-center text-[var(--vlc-navy)]" data-aos="fade-up">Master the Art of Change</h2>
+      <p class="text-xl text-center mb-12 max-w-3xl mx-auto text-gray-700" data-aos="fade-up">Managing change is not just about a new process; it's about establishing control. Our solution gives you full command over your product's lifecycle, from a simple request to a major revision.</p>
+      
+      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+        <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in">
+          <h3 class="font-bold text-lg mb-3 text-[var(--vlc-navy)]">Engineering Change Request (ECR)</h3>
+          <p class="text-gray-600">A formal system to document problems, suggest enhancements, and analyze the impact on affected parts and costs.</p>
+        </div>
+        <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="100">
+          <h3 class="font-bold text-lg mb-3 text-[var(--vlc-navy)]">Engineering Change Note (ECN)</h3>
+          <p class="text-gray-600">An automated process that authorizes and manages the modification of BOMs and production orders, ensuring changes are applied consistently.</p>
+        </div>
+        <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="200">
+          <h3 class="font-bold text-lg mb-3 text-[var(--vlc-navy)]">Version and Status Control</h3>
+          <p class="text-gray-600">Track all revisions of items, drawings, and documentation for complete traceability.</p>
+        </div>
+        <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="zoom-in" data-aos-delay="300">
+          <h3 class="font-bold text-lg mb-3 text-[var(--vlc-navy)]">Impact Analysis</h3>
+          <p class="text-gray-600">Monitor open transactions like purchase orders and inventory that may be affected by changes.</p>
+        </div>
+      </div>
+      <div class="text-center mt-12" data-aos="fade-up">
+        <button class="btn-primary px-8 py-3 rounded-md">Achieve Operational Synchronization</button>
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 4: Data-Driven Decisions -->
+  <section class="pattern-tint py-16 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
+      <div data-aos="fade-right">
+        <h2 class="text-3xl font-bold mb-6 text-[var(--vlc-navy)]">Data-Driven Decisions, Not Guesswork</h2>
+        <div class="space-y-4 text-gray-700">
+          <p>You can't optimize what you can't measure. Our platform brings to bear a data-first approach, offering real-time metrics and insights into your engineering and manufacturing operations.</p>
+          <p>With this solution, you'll get past manual analysis and make strategic, data-driven decisions that enhance profitability. Digital transformation services ensure that your business operates at its most efficient, with all systems integrated for a smooth flow of information.</p>
+        </div>
+        <div class="mt-8 space-y-4">
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1 text-[var(--vlc-sky)]">
+              <i data-feather="bar-chart-2" class="w-5 h-5"></i>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Real-Time Analytics</h4>
+              <p class="text-gray-600">Gain live insights into program health, team productivity, and cost performance.</p>
+            </div>
+          </div>
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1 text-[var(--vlc-sky)]">
+              <i data-feather="bell" class="w-5 h-5"></i>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Automated Alerts</h4>
+              <p class="text-gray-600">Receive notifications for any changes or issues that require your immediate attention.</p>
+            </div>
+          </div>
+          <div class="flex items-start">
+            <div class="flex-shrink-0 mt-1 text-[var(--vlc-sky)]">
+              <i data-feather="dollar-sign" class="w-5 h-5"></i>
+            </div>
+            <div class="ml-3">
+              <h4 class="font-bold text-[var(--vlc-navy)]">Cost Simulation</h4>
+              <p class="text-gray-600">Analyze the cost impact of a change before it is applied to the production floor.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div data-aos="fade-left">
+        <img src="http://static.photos/finance/1024x576/3" alt="Data Analytics Dashboard" class="rounded-lg shadow-xl">
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 5: Capabilities -->
+  <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-3 gap-8">
+        <div data-aos="fade-up">
+          <h3 class="text-xl font-bold mb-6 text-center text-[var(--vlc-navy)]">Capabilities</h3>
+          <ul class="space-y-3 text-center">
+            <li class="chip inline-block px-4 py-2 rounded-full">Change Management</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Data Integration</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Cost Control</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Process Automation</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Version Control</li>
+          </ul>
+        </div>
+        <div data-aos="fade-up" data-aos-delay="100">
+          <h3 class="text-xl font-bold mb-6 text-center text-[var(--vlc-navy)]">Features</h3>
+          <ul class="space-y-3 text-center">
+            <li class="chip inline-block px-4 py-2 rounded-full">Unified Platform</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Real-Time Analytics</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Automated Workflows</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Change Request (ECR)</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Change Notice (ECN)</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Cost Simulation</li>
+          </ul>
+        </div>
+        <div data-aos="fade-up" data-aos-delay="200">
+          <h3 class="text-xl font-bold mb-6 text-center text-[var(--vlc-navy)]">Benefits</h3>
+          <ul class="space-y-3 text-center">
+            <li class="chip inline-block px-4 py-2 rounded-full">Increased Productivity</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Reduced Rework</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Improved Traceability</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Enhanced Visibility</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Accelerated Time-to-Market</li>
+            <li class="chip inline-block px-4 py-2 rounded-full">Eliminated Errors</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Section 6: CTA -->
+  <section class="pattern-navy text-white py-20 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-4xl mx-auto text-center">
+      <h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">Stop operating in the dark.</h2>
+      <p class="text-xl md:text-2xl mb-8" data-aos="fade-up" data-aos-delay="100">Gain Enterprise-Wide Visibility now and control your product's future.</p>
+      <button class="btn-accent px-8 py-3 rounded-md text-lg font-semibold" data-aos="fade-up" data-aos-delay="200">Request Demo</button>
+    </div>
+  </section>
+<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex justify-between h-16">
+        <a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
+          <img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10" loading="lazy">
+        </a>
+
+        <nav class="hidden md:flex items-center gap-2" aria-label="Primary">
+          <!-- Direct link per your request -->
+          <a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>
+
+          <!-- Solutions -->
+          <div class="relative group">
+            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
+              Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
+            </button>
+            <div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
+              <a href="https://www.vlcsolutions.com/solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
+            </div>
+          </div>
+
+          <!-- Services -->
+          <div class="relative group">
+            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
+              Services <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
+            </button>
+            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
+              <a href="https://www.vlcsolutions.com/services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
+              <a href="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
+              <a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
+              <a href="https://www.vlcsolutions.com/managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
+              <a href="https://www.vlcsolutions.com/managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
+              <a href="https://www.vlcsolutions.com/compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
+              <a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
+              <a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
+              <a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
+            </div>
+          </div>
+
+          <!-- Industries -->
+          <div class="relative group">
+            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
+              Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
+            </button>
+            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
+              <a href="https://www.vlcsolutions.com/industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
+              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
+              <a href="https://www.vlcsolutions.com/ecommerce-development-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">E-Commerce</a>
+              <a href="https://www.vlcsolutions.com/government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
+              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
+            </div>
+          </div>
+
+          <!-- Products -->
+          <div class="relative group">
+            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
+              Products <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
+            </button>
+            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
+              <a href="https://www.vlcsolutions.com/products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
+              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
+              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
+              <a href="https://www.vlcsolutions.com/power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
+              <a href="https://www.vlcsolutions.com/microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
+              <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
+              <a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
+            </div>
+          </div>
+
+          <!-- Who We Are -->
+          <div class="relative group">
+            <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
+              Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
+            </button>
+            <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
+              <a href="https://www.vlcsolutions.com/who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
+              <a href="https://www.vlcsolutions.com/partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
+              <a href="https://www.vlcsolutions.com/terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
+              <a href="https://www.vlcsolutions.com/privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
+              <a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Client Protection</a>
+              <a href="https://www.vlcsolutions.com/blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
+              <a href="https://www.vlcsolutions.com/case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
+              <a href="https://www.vlcsolutions.com/contactus.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
+            </div>
+          </div>
+
+          <a href="https://www.vlcsolutions.com/contactus.html" class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let’s Connect</a>
+        </nav>
+
+        <button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
+          <i data-feather="menu" aria-hidden="true"></i>
+        </button>
+      </div>
+    </div>
+  </header>
+  
+  <!-- FOOTER -->
+  <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="grid md:grid-cols-3 gap-10 mb-10">
+        <div>
+          <h3 class="font-bold mb-3">Contact Us</h3>
+          <div class="text-gray-300 space-y-3">
+            <div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3" aria-hidden="true"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
+            <div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3" aria-hidden="true"></i>+1 (224) 955-1818</div>
+          </div>
+        </div>
+
+        <div>
+          <h3 class="font-bold mb-3">Quick Links</h3>
+          <div class="grid grid-cols-2 gap-4 text-gray-300">
+            <ul class="space-y-2">
+              <li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
+              <li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
+              <li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
+              <li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
+              <li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
+              <li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
+              <li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
+            </ul>
+            <ul class="space-y-2">
+              <li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
+              <li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
+              <li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
+              <li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
+              <li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms &amp; 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>
+    // Init animations (after scripts loaded)
+    document.addEventListener('DOMContentLoaded', () => {
+      if (window.AOS) {
+        AOS.init({
+          duration: 800,
+          easing: 'ease-in-out',
+          once: true,
+          mirror: false,
+          offset: 120,
+          disable: window.innerWidth < 768
+        });
+      }
+      if (window.feather) {
+        feather.replace();
+      }
+
+      // Mobile menu placeholder
+      const mobileBtn = document.getElementById('mobile-menu-button');
+      if (mobileBtn) {
+        mobileBtn.addEventListener('click', () => {
+          console.log('Mobile menu clicked');
+        });
+      }
+    });
+
+    // Refresh AOS on resize (guard if AOS present)
+    window.addEventListener('resize', function() {
+      if (window.AOS && AOS.refreshHard) {
+        AOS.refreshHard();
+      }
+    });
+  </script>
+<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+</body>
+</html>