Apply this: Keep this description centered between the header and footer sections. The header and footer should remain the same—only add the description in between.
Browse filesDescription - Unify Operations. Unleash Velocity
The Complete Dynamics 365 Ecosystem Engineered for Your Growth Trajectory
Get your operations under control
____________________________________________________________________________
Our focus is on the process.
Gain access to lifecycle services that do a lot more than serve.
VLC Solutions unifies every layer of your enterprise, from online orders to factory floors, from inventory to customer care, into one agile, intelligent system. Built for multi-site, multi-channel operations, we turn disconnected processes into a single, seamless engine that drives growth, visibility, and control.
Microsoft Dynamics 365 - image
Microsoft Dynamics 365 Business Central - image
Microsoft Power Platform - image
Microsoft 365 - image
Microsoft Dynamics 365 Commerce - image
Magento Commerce - image
Stop reacting to complexity; start directing your future with a unified Microsoft ecosystem. Discover exactly how VLC integrates your entire operation for immediate business velocity.
Map Your Unification Strategy
- README.md +8 -5
- index.html +305 -19
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: VLC Velocity Unification Engine 🚀
|
| 3 |
+
colorFrom: blue
|
| 4 |
+
colorTo: blue
|
| 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,305 @@
|
|
| 1 |
-
|
| 2 |
-
<
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<meta charset="UTF-8" />
|
| 2 |
+
<meta
|
| 3 |
+
name="viewport"
|
| 4 |
+
content="width=device-width, initial-scale=1.0"
|
| 5 |
+
/>
|
| 6 |
+
<title>VLC Solutions - App-Powered ERP Solutions</title>
|
| 7 |
+
|
| 8 |
+
<!-- Tailwind + libs -->
|
| 9 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 10 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 11 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 13 |
+
|
| 14 |
+
<!-- VLC Brand Map + UI polish -->
|
| 15 |
+
<style id="vlc-brand-theme">
|
| 16 |
+
:root{
|
| 17 |
+
--vlc-navy:#002060;
|
| 18 |
+
--vlc-navy-700:#001a50;
|
| 19 |
+
--vlc-sky:#00A0E9;
|
| 20 |
+
--vlc-leaf:#8DC63F;
|
| 21 |
+
--vlc-leaf-700:#79b32e;
|
| 22 |
+
--vlc-ink:#1F2A44;
|
| 23 |
+
--vlc-tint:#F5F7FF;
|
| 24 |
+
--vlc-leaf-tint:#F3FAEA;
|
| 25 |
+
--vlc-card:#ffffff;
|
| 26 |
+
}
|
| 27 |
+
body{ color:#1f2937; }
|
| 28 |
+
.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) }
|
| 29 |
+
.chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
|
| 30 |
+
.btn-primary{ background:var(--vlc-navy); color:#fff }
|
| 31 |
+
.btn-primary:hover{ background:var(--vlc-navy-700) }
|
| 32 |
+
.btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
|
| 33 |
+
.btn-accent:hover{ background:var(--vlc-leaf-700) }
|
| 34 |
+
.link-brand{ color:var(--vlc-navy) }
|
| 35 |
+
.link-brand:hover{ color:var(--vlc-leaf) }
|
| 36 |
+
|
| 37 |
+
/* Accent top border like vlcsolutions.com cards */
|
| 38 |
+
.card-accent{ position:relative; }
|
| 39 |
+
.card-accent:before{
|
| 40 |
+
content:""; position:absolute; inset:0 0 auto 0; height:4px;
|
| 41 |
+
background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
|
| 42 |
+
}
|
| 43 |
+
|
| 44 |
+
/* Soft patterned sections */
|
| 45 |
+
.pattern-navy{
|
| 46 |
+
background:
|
| 47 |
+
radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
|
| 48 |
+
radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
|
| 49 |
+
radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
|
| 50 |
+
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
|
| 51 |
+
background-color:var(--vlc-navy);
|
| 52 |
+
}
|
| 53 |
+
.pattern-tint{
|
| 54 |
+
background:
|
| 55 |
+
radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
|
| 56 |
+
radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
|
| 57 |
+
background-color:#F7FBF1;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/* Footer */
|
| 61 |
+
footer a:hover{ color:var(--vlc-leaf) }
|
| 62 |
+
|
| 63 |
+
/* Make “Learn more” rows align across cards */
|
| 64 |
+
.card-body{ display:flex; flex-direction:column; height:100% }
|
| 65 |
+
.card-cta{ margin-top:auto }
|
| 66 |
+
</style>
|
| 67 |
+
</head>
|
| 68 |
+
|
| 69 |
+
<body class="font-sans antialiased">
|
| 70 |
+
|
| 71 |
+
<!-- Header / Nav -->
|
| 72 |
+
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
|
| 73 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 74 |
+
<div class="flex justify-between h-16">
|
| 75 |
+
<a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
|
| 76 |
+
<img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10">
|
| 77 |
+
</a>
|
| 78 |
+
|
| 79 |
+
<nav class="hidden md:flex items-center gap-2">
|
| 80 |
+
<!-- Direct link per your request -->
|
| 81 |
+
<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>
|
| 82 |
+
|
| 83 |
+
<!-- Solutions -->
|
| 84 |
+
<div class="relative group">
|
| 85 |
+
<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">
|
| 86 |
+
Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 87 |
+
</button>
|
| 88 |
+
<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">
|
| 89 |
+
<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>
|
| 90 |
+
</div>
|
| 91 |
+
</div>
|
| 92 |
+
|
| 93 |
+
<!-- Services -->
|
| 94 |
+
<div class="relative group">
|
| 95 |
+
<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">
|
| 96 |
+
Services <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 97 |
+
</button>
|
| 98 |
+
<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">
|
| 99 |
+
<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>
|
| 100 |
+
<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>
|
| 101 |
+
<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>
|
| 102 |
+
<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>
|
| 103 |
+
<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>
|
| 104 |
+
<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>
|
| 105 |
+
<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>
|
| 106 |
+
<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>
|
| 107 |
+
<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>
|
| 108 |
+
</div>
|
| 109 |
+
</div>
|
| 110 |
+
|
| 111 |
+
<!-- Industries -->
|
| 112 |
+
<div class="relative group">
|
| 113 |
+
<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">
|
| 114 |
+
Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 115 |
+
</button>
|
| 116 |
+
<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">
|
| 117 |
+
<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>
|
| 118 |
+
<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>
|
| 119 |
+
<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>
|
| 120 |
+
<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>
|
| 121 |
+
<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>
|
| 122 |
+
</div>
|
| 123 |
+
</div>
|
| 124 |
+
|
| 125 |
+
<!-- Products -->
|
| 126 |
+
<div class="relative group">
|
| 127 |
+
<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">
|
| 128 |
+
Products <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 129 |
+
</button>
|
| 130 |
+
<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">
|
| 131 |
+
<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>
|
| 132 |
+
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="pinline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
|
| 133 |
+
<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>
|
| 134 |
+
<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>
|
| 135 |
+
<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>
|
| 136 |
+
<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>
|
| 137 |
+
<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>
|
| 138 |
+
</div>
|
| 139 |
+
</div>
|
| 140 |
+
|
| 141 |
+
<!-- Who We Are -->
|
| 142 |
+
<div class="relative group">
|
| 143 |
+
<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">
|
| 144 |
+
Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 145 |
+
</button>
|
| 146 |
+
<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">
|
| 147 |
+
<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>
|
| 148 |
+
<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>
|
| 149 |
+
<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>
|
| 150 |
+
<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>
|
| 151 |
+
<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>
|
| 152 |
+
<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>
|
| 153 |
+
<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>
|
| 154 |
+
<a
|
| 155 |
+
href="https://www.vlcsolutions.com/contactus.html"
|
| 156 |
+
class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
|
| 157 |
+
</div>
|
| 158 |
+
</div>
|
| 159 |
+
|
| 160 |
+
<a href="https://www.vlcsolutions.com/contactus.html"
|
| 161 |
+
class="btn-primary rounded-md px-4 py-2 text-sm" href="https://www.vlcsolutions.com/contactus.html">Let’s Connect</a>
|
| 162 |
+
</nav>
|
| 163 |
+
|
| 164 |
+
<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">
|
| 165 |
+
<i data-feather="menu"></i>
|
| 166 |
+
</button>
|
| 167 |
+
</div>
|
| 168 |
+
</div>
|
| 169 |
+
</header>
|
| 170 |
+
|
| 171 |
+
<!-- Main Content Section -->
|
| 172 |
+
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
| 173 |
+
<div class="text-center mb-12">
|
| 174 |
+
<h1 class="text-4xl md:text-5xl font-bold text-[var(--vlc-navy)] mb-4" data-aos="fade-up">Unify Operations. Unleash Velocity</h1>
|
| 175 |
+
<p class="text-xl text-gray-600 mb-8" data-aos="fade-up" data-aos-delay="100">The Complete Dynamics 365 Ecosystem Engineered for Your Growth Trajectory</p>
|
| 176 |
+
|
| 177 |
+
<div class="max-w-3xl mx-auto mb-12">
|
| 178 |
+
<h2 class="text-2xl font-semibold text-[var(--vlc-leaf)] mb-4" data-aos="fade-up" data-aos-delay="150">Get your operations under control</h2>
|
| 179 |
+
<div class="border-b-2 border-gray-200 w-32 mx-auto mb-8" data-aos="fade-up" data-aos-delay="200"></div>
|
| 180 |
+
<p class="text-gray-700 mb-6" data-aos="fade-up" data-aos-delay="200">Our focus is on the process.</p>
|
| 181 |
+
<p class="text-gray-700" data-aos="fade-up" data-aos-delay="250">Gain access to lifecycle services that do a lot more than serve.</p>
|
| 182 |
+
</div>
|
| 183 |
+
|
| 184 |
+
<div class="max-w-4xl mx-auto text-lg text-gray-700 mb-16" data-aos="fade-up" data-aos-delay="300">
|
| 185 |
+
<p class="mb-6">VLC Solutions unifies every layer of your enterprise, from online orders to factory floors, from inventory to customer care, into one agile, intelligent system. Built for multi-site, multi-channel operations, we turn disconnected processes into a single, seamless engine that drives growth, visibility, and control.</p>
|
| 186 |
+
</div>
|
| 187 |
+
|
| 188 |
+
<!-- Product Logos Grid -->
|
| 189 |
+
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 mb-16" data-aos="fade-up" data-aos-delay="350">
|
| 190 |
+
<div class="flex items-center justify-center">
|
| 191 |
+
<img src="https://static.photos/technology/320x240/101" alt="Microsoft Dynamics 365" class="h-16">
|
| 192 |
+
</div>
|
| 193 |
+
<div class="flex items-center justify-center">
|
| 194 |
+
<img src="https://static.photos/technology/320x240/102" alt="Microsoft Dynamics 365 Business Central" class="h-16">
|
| 195 |
+
</div>
|
| 196 |
+
<div class="flex items-center justify-center">
|
| 197 |
+
<img src="https://static.photos/technology/320x240/103" alt="Microsoft Power Platform" class="h-16">
|
| 198 |
+
</div>
|
| 199 |
+
<div class="flex items-center justify-center">
|
| 200 |
+
<img src="https://static.photos/technology/320x240/104" alt="Microsoft 365" class="h-16">
|
| 201 |
+
</div>
|
| 202 |
+
<div class="flex items-center justify-center">
|
| 203 |
+
<img src="https://static.photos/technology/320x240/105" alt="Microsoft Dynamics 365 Commerce" class="h-16">
|
| 204 |
+
</div>
|
| 205 |
+
<div class="flex items-center justify-center">
|
| 206 |
+
<img src="https://static.photos/technology/320x240/106" alt="Magento Commerce" class="h-16">
|
| 207 |
+
</div>
|
| 208 |
+
</div>
|
| 209 |
+
|
| 210 |
+
<!-- CTA Section -->
|
| 211 |
+
<div class="text-center" data-aos="fade-up" data-aos-delay="400">
|
| 212 |
+
<p class="text-xl text-gray-700 mb-8">Stop reacting to complexity; start directing your future with a unified Microsoft ecosystem. Discover exactly how VLC integrates your entire operation for immediate business velocity.</p>
|
| 213 |
+
<a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary rounded-md px-6 py-3 text-lg font-medium">Map Your Unification Strategy</a>
|
| 214 |
+
</div>
|
| 215 |
+
</div>
|
| 216 |
+
</main>
|
| 217 |
+
<!-- FOOTER -->
|
| 218 |
+
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
|
| 219 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 220 |
+
<div class="grid md:grid-cols-3 gap-10 mb-10">
|
| 221 |
+
<div>
|
| 222 |
+
<h3 class="font-bold mb-3">Contact Us</h3>
|
| 223 |
+
<div class="text-gray-300 space-y-3">
|
| 224 |
+
<div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
|
| 225 |
+
<div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3"></i>+1 (224) 955-1818</div>
|
| 226 |
+
</div>
|
| 227 |
+
</div>
|
| 228 |
+
|
| 229 |
+
<div>
|
| 230 |
+
<h3 class="font-bold mb-3">Quick Links</h3>
|
| 231 |
+
<div class="grid grid-cols-2 gap-4 text-gray-300">
|
| 232 |
+
<ul class="space-y-2">
|
| 233 |
+
<li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
|
| 234 |
+
<li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
|
| 235 |
+
<li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
|
| 236 |
+
<li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
|
| 237 |
+
<li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
|
| 238 |
+
<li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
|
| 239 |
+
<li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
|
| 240 |
+
</ul>
|
| 241 |
+
<ul class="space-y-2">
|
| 242 |
+
<li><a href="https://www.vlcsolutions.com/contact-us.html" class="hover:text-white">Contact Us</a></li>
|
| 243 |
+
<li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
|
| 244 |
+
<li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
|
| 245 |
+
<li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
|
| 246 |
+
<li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms & Conditions</a></li>
|
| 247 |
+
<li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
|
| 248 |
+
<li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
|
| 249 |
+
</ul>
|
| 250 |
+
</div>
|
| 251 |
+
</div>
|
| 252 |
+
|
| 253 |
+
<div>
|
| 254 |
+
<h3 class="font-bold mb-3">VLC Solutions</h3>
|
| 255 |
+
<p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
|
| 256 |
+
<div class="flex gap-4">
|
| 257 |
+
<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"></i></a>
|
| 258 |
+
<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"></i></a>
|
| 259 |
+
<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"></i></a>
|
| 260 |
+
<a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
|
| 261 |
+
<img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
|
| 262 |
+
</a>
|
| 263 |
+
<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"></i></a>
|
| 264 |
+
</div>
|
| 265 |
+
</div>
|
| 266 |
+
</div>
|
| 267 |
+
|
| 268 |
+
<div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
|
| 269 |
+
© 2025 VLC Solutions. All rights reserved.
|
| 270 |
+
</div>
|
| 271 |
+
</div>
|
| 272 |
+
</footer>
|
| 273 |
+
|
| 274 |
+
<script>
|
| 275 |
+
// Init animations
|
| 276 |
+
AOS.init({
|
| 277 |
+
duration: 800,
|
| 278 |
+
easing: 'ease-in-out',
|
| 279 |
+
once: true,
|
| 280 |
+
mirror: false,
|
| 281 |
+
offset: 120,
|
| 282 |
+
disable: window.innerWidth < 768
|
| 283 |
+
});
|
| 284 |
+
|
| 285 |
+
// Replace icons when DOM is ready
|
| 286 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 287 |
+
feather.replace();
|
| 288 |
+
});
|
| 289 |
+
|
| 290 |
+
// Mobile menu placeholder
|
| 291 |
+
const mobileBtn = document.getElementById('mobile-menu-button');
|
| 292 |
+
if (mobileBtn) {
|
| 293 |
+
mobileBtn.addEventListener('click', () => {
|
| 294 |
+
console.log('Mobile menu clicked');
|
| 295 |
+
});
|
| 296 |
+
}
|
| 297 |
+
|
| 298 |
+
// Refresh AOS on resize
|
| 299 |
+
window.addEventListener('resize', function() {
|
| 300 |
+
AOS.refreshHard();
|
| 301 |
+
});
|
| 302 |
+
</script>
|
| 303 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 304 |
+
</body>
|
| 305 |
+
</html>
|