Hugging Face's logo

Spaces:
vlcsolutions
/
dynamics-unify-hub
Running

App Files Community
vlcsolutions commited on
Commit
1094818
·
verified ·
1 Parent(s): f58585c

menu and footer same : https://www.vlcsolutions.com/magento-connector-with-business-central.html

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +397 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Dynamics Unify Hub
3
- emoji: 😻
4
- colorFrom: yellow
5
- colorTo: purple
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: Dynamics Unify Hub ⚡
3
+ colorFrom: blue
4
+ colorTo: yellow
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,398 @@
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 name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Unify Operations with Microsoft Dynamics 365</title>
7
+ <meta name="description" content="Transform your business with VLC Solutions. Unify Microsoft Dynamics 365, Power Platform, and Commerce for seamless, growth-driven operations."/>
8
+ <meta name="keywords" content="Microsoft Dynamics 365 Ecosystem, VLC Solutions Dynamics Integration, Unified Business Operations, Dynamics 365 Business Central, Power Platform Integration"/>
9
+ <link rel="canonical" href="https://www.vlcsolutions.com/products.html" />
10
+
11
+ <!-- Twitter Card data -->
12
+ <meta name="twitter:card" content="summary_large_image">
13
+ <meta name="twitter:title" content="Unify E-Commerce with Dynamics 365 Business Central">
14
+ <meta name="twitter:description" content="Transform your business with VLC Solutions. Unify Microsoft Dynamics 365, Power Platform, and Commerce for seamless, growth-driven operations.">
15
+ <meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png">
16
+
17
+
18
+ <!-- Tailwind + libs -->
19
+ <script src="https://cdn.tailwindcss.com"></script>
20
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
21
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
22
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
23
+
24
+ <!-- VLC Brand Map + UI polish -->
25
+ <style id="vlc-brand-theme">
26
+ :root{
27
+ --vlc-navy:#002060;
28
+ --vlc-navy-700:#001a50;
29
+ --vlc-sky:#00A0E9;
30
+ --vlc-leaf:#8DC63F;
31
+ --vlc-leaf-700:#79b32e;
32
+ --vlc-ink:#1F2A44;
33
+ --vlc-tint:#F5F7FF;
34
+ --vlc-leaf-tint:#F3FAEA;
35
+ --vlc-card:#ffffff;
36
+ }
37
+ html,body{width:100%;margin:0;padding:0}
38
+ body{ color:#1f2937; overflow-x:hidden }
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{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky)); }
51
+
52
+ /* Soft patterned sections */
53
+ .pattern-navy{
54
+ background:
55
+ radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
56
+ radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
57
+ radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
58
+ linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
59
+ background-color:var(--vlc-navy);
60
+ }
61
+
62
+ /* Footer */
63
+ footer a:hover{ color:var(--vlc-leaf) }
64
+
65
+ /* Make “Learn more” rows align across cards */
66
+ .card-body{ display:flex; flex-direction:column; height:100% }
67
+ .card-cta{ margin-top:auto }
68
+ </style>
69
+
70
+ <script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
71
+
72
+ <!-- Google tag (gtag.js) -->
73
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
74
+
75
+ <script type="application/ld+json">
76
+ {
77
+ "@context": "https://schema.org/",
78
+ "@type": "Product",
79
+ "name": "Microsoft Dynamics 365 Unified Ecosystem",
80
+ "alternateName": "VLC Dynamics 365 Integration Suite",
81
+ "image": "https://huggingface.co/spaces/vlcsolutions/vlc-velocity-unification-engine/resolve/main/images/Products.png",
82
+ "description": "VLC Solutions offers a complete Microsoft Dynamics 365 ecosystem integrating Business Central, Power Platform, and Commerce to unify operations and accelerate growth.",
83
+ "brand": {
84
+ "@type": "Brand",
85
+ "name": "VLC Solutions",
86
+ "url": "https://vlcsolutions.com"
87
+ },
88
+ }
89
+
90
+ </script>
91
+
92
+ </head>
93
+
94
+ <body class="font-sans antialiased">
95
+ <!-- Header / Nav -->
96
+ <header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
97
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
98
+ <div class="flex justify-between h-16">
99
+ <a href="./index.html" class="flex items-center gap-2">
100
+ <img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10">
101
+ </a>
102
+
103
+ <nav class="hidden md:flex items-center gap-2">
104
+ <a href="./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>
105
+
106
+ <div class="relative group">
107
+ <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">
108
+ Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
109
+ </button>
110
+ <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">
111
+ <a href="./solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
112
+ <a href="./magento-connector-with-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
113
+ </div>
114
+ </div>
115
+
116
+ <div class="relative group">
117
+ <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">
118
+ Services <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
119
+ </button>
120
+ <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">
121
+ <a href="./services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
122
+ <a href="./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>
123
+ <a href="./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>
124
+ <a href="./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>
125
+ <a href="./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>
126
+ <a href="./compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
127
+ <a href="./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>
128
+ </div>
129
+ </div>
130
+
131
+ <div class="relative group">
132
+ <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">
133
+ Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
134
+ </button>
135
+ <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">
136
+ <a href="./industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
137
+ <a href="./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>
138
+ <a href="./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>
139
+ <a href="./government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
140
+ <a href="./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>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="relative group">
145
+ <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">
146
+ Products <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
147
+ </button>
148
+ <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">
149
+ <a href="./products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
150
+ <a href="./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>
151
+ <a href="./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>
152
+ <a href="./power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
153
+ <a href="./microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
154
+ <a href="./magento-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Commerce</a>
155
+ <a href="./magento-connector-with-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
156
+ </div>
157
+ </div>
158
+
159
+ <div class="relative group">
160
+ <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">
161
+ Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
162
+ </button>
163
+ <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">
164
+ <a href="./who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
165
+ <a href="./partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
166
+ <a href="./terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
167
+ <a href="./privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
168
+ <a href="./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>
169
+ <a href="./blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
170
+ <a href="./case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
171
+ <a href="./contact-us.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
172
+ </div>
173
+ </div>
174
+
175
+ <a href="./contact-us.html" class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let's Connect</a>
176
+ </nav>
177
+ <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">
178
+ <i data-feather="menu"></i>
179
+ </button>
180
+ </div>
181
+ <!-- Mobile Menu -->
182
+ <div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-white shadow-lg z-50">
183
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
184
+ <a href="./who-we-serve.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Who We Serve</a>
185
+
186
+ <div class="relative">
187
+ <button onclick="toggleMobileDropdown('solutions-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
188
+ <span>Solutions</span>
189
+ <i data-feather="chevron-down" class="w-4 h-4"></i>
190
+ </button>
191
+ <div id="solutions-dropdown" class="hidden pl-4">
192
+ <a href="./solutions.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central Apps</a>
193
+ <a href="./magento-connector-with-business-central.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Magento Connector</a>
194
+ </div>
195
+ </div>
196
+
197
+ <div class="relative">
198
+ <button onclick="toggleMobileDropdown('services-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
199
+ <span>Services</span>
200
+ <i data-feather="chevron-down" class="w-4 h-4"></i>
201
+ </button>
202
+ <div id="services-dropdown" class="hidden pl-4">
203
+ <a href="./services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Services Overview</a>
204
+ <a href="./choosing-advisory-services-for-your-business.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Advisory Services</a>
205
+ <a href="./software-implementation-partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Implementation Services</a>
206
+ <a href="./managed-application-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed Application Services</a>
207
+ <a href="./managed-it-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed IT Services</a>
208
+ <a href="./compliance-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Compliance Services</a>
209
+ <a href="./cloud-services-for-microsoft-dynamics.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Cloud Services</a>
210
+ </div>
211
+ </div>
212
+
213
+ <div class="relative">
214
+ <button onclick="toggleMobileDropdown('industries-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
215
+ <span>Industries</span>
216
+ <i data-feather="chevron-down" class="w-4 h-4"></i>
217
+ </button>
218
+ <div id="industries-dropdown" class="hidden pl-4">
219
+ <a href="./industries.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Industries Overview</a>
220
+ <a href="./microsoft-dynamics-365-business-central-for-distribution.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Distribution</a>
221
+ <a href="./ecommerce-development-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">E-Commerce</a>
222
+ <a href="./government-contractors.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Government Contractors</a>
223
+ <a href="./microsoft-dynamics-365-for-manufacturing.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Manufacturing</a>
224
+ </div>
225
+ </div>
226
+
227
+ <div class="relative">
228
+ <button onclick="toggleMobileDropdown('products-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
229
+ <span>Products</span>
230
+ <i data-feather="chevron-down" class="w-4 h-4"></i>
231
+ </button>
232
+ <div id="products-dropdown" class="hidden pl-4">
233
+ <a href="./products.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Products Overview</a>
234
+ <a href="./microsoft-dynamics-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics 365</a>
235
+ <a href="./microsoft-dynamics-365-business-central.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central</a>
236
+ <a href="./power-platform.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Power Platform</a>
237
+ <a href="./microsoft-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Microsoft 365</a>
238
+ <a href="./magento-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Magento Commerce</a>
239
+ <a href="./magento-connector-with-business-central.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Magento Connector</a>
240
+ </div>
241
+ </div>
242
+
243
+ <div class="relative">
244
+ <button onclick="toggleMobileDropdown('about-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
245
+ <span>Who We Are</span>
246
+ <i data-feather="chevron-down" class="w-4 h-4"></i>
247
+ </button>
248
+ <div id="about-dropdown" class="hidden pl-4">
249
+ <a href="./who-we-are.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Overview</a>
250
+ <a href="./partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Partner</a>
251
+ <a href="./terms-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Terms</a>
252
+ <a href="./privacy.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Privacy Policy</a>
253
+ <a href="./protecting-our-clients.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Client Protection</a>
254
+ <a href="./blog/" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Blog</a>
255
+ <a href="./case-studies.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Case Studies</a>
256
+ <a href="./contact-us.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Contact VLC</a>
257
+ </div>
258
+ </div>
259
+
260
+ <a href="./contact-us.html" class="block w-full text-center bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-base font-medium">Let's Connect</a>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </header>
265
+ <!-- FOOTER -->
266
+ <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
267
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
268
+ <div class="grid md:grid-cols-3 gap-10 mb-10">
269
+ <div>
270
+ <h3 class="font-bold mb-3">Contact Us</h3>
271
+ <div class="text-gray-300 space-y-3">
272
+ <div class="flex items-start">
273
+ <i data-feather="map-pin" class="w-5 h-5 mr-3"></i>
274
+ <span>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</span>
275
+ </div>
276
+ <div class="flex items-center">
277
+ <i data-feather="phone" class="w-5 h-5 mr-3"></i>
278
+ <span>+1 (224) 955-1818</span>
279
+ </div>
280
+ </div>
281
+ </div>
282
+
283
+ <div>
284
+ <h3 class="font-bold mb-3">Quick Links</h3>
285
+ <div class="grid grid-cols-2 gap-4 text-gray-300">
286
+ <ul class="space-y-2">
287
+ <li><a href="./index.html" class="hover:text-white">Home</a></li>
288
+ <li><a href="./who-we-are.html" class="hover:text-white">About Us</a></li>
289
+ <li><a href="./solutions.html" class="hover:text-white">Solutions</a></li>
290
+ <li><a href="./services.html" class="hover:text-white">Services</a></li>
291
+ <li><a href="./industries.html" class="hover:text-white">Industries</a></li>
292
+ </ul>
293
+ <ul class="space-y-2">
294
+ <li><a href="./products.html" class="hover:text-white">Products</a></li>
295
+ <li><a href="./who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
296
+ <li><a href="./blog/" class="hover:text-white">Blog</a></li>
297
+ <li><a href="./case-studies.html" class="hover:text-white">Case Studies</a></li>
298
+ <li><a href="./contact-us.html" class="hover:text-white">Contact Us</a></li>
299
+ </ul>
300
+ </div>
301
+ </div>
302
+
303
+ <div>
304
+ <h3 class="font-bold mb-3">VLC Solutions</h3>
305
+ <p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
306
+ <div class="flex gap-4">
307
+ <a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn">
308
+ <i data-feather="linkedin" class="w-5 h-5"></i>
309
+ </a>
310
+ <a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram">
311
+ <i data-feather="instagram" class="w-5 h-5"></i>
312
+ </a>
313
+ <a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X">
314
+ <i data-feather="twitter" class="w-5 h-5"></i>
315
+ </a>
316
+ <a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
317
+ <img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
318
+ </a>
319
+ <a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube">
320
+ <i data-feather="youtube" class="w-5 h-5"></i>
321
+ </a>
322
+ </div>
323
+ </div>
324
+ </div>
325
+
326
+ <div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
327
+ © 2025 VLC Solutions. All rights reserved.
328
+ </div>
329
+ </div>
330
+ </footer>
331
+
332
+
333
+ <script>
334
+ // Init animations and handle mobile menu functionality after scripts loaded
335
+ document.addEventListener('DOMContentLoaded', () => {
336
+ // Initialize AOS (Animation On Scroll)
337
+ if (window.AOS) {
338
+ AOS.init({
339
+ duration: 800,
340
+ easing: 'ease-in-out',
341
+ once: true,
342
+ mirror: false,
343
+ offset: 120,
344
+ disable: window.innerWidth < 768
345
+ });
346
+ }
347
+
348
+ // Replace Feather icons
349
+ if (window.feather) {
350
+ feather.replace();
351
+ }
352
+
353
+ // Mobile menu toggle functionality
354
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
355
+ const mobileMenu = document.getElementById('mobile-menu');
356
+
357
+ if (mobileMenuButton && mobileMenu) {
358
+ mobileMenuButton.addEventListener('click', () => {
359
+ // Toggle the mobile menu visibility
360
+ mobileMenu.classList.toggle('hidden');
361
+
362
+ // Change icon from menu to close (or vice versa)
363
+ const icon = mobileMenuButton.querySelector('i');
364
+ if (mobileMenu.classList.contains('hidden')) {
365
+ feather.icons.menu.replace(); // Show menu icon
366
+ } else {
367
+ feather.icons.x.replace(); // Show close (X) icon
368
+ }
369
+ });
370
+ }
371
+
372
+ // Function to toggle mobile dropdowns
373
+ window.toggleMobileDropdown = function(id) {
374
+ const dropdown = document.getElementById(id);
375
+ dropdown.classList.toggle('hidden');
376
+
377
+ // Update chevron icon
378
+ const button = dropdown.previousElementSibling;
379
+ const icon = button.querySelector('i');
380
+ if (dropdown.classList.contains('hidden')) {
381
+ feather.icons['chevron-down'].replace(); // Show down arrow
382
+ } else {
383
+ feather.icons['chevron-up'].replace(); // Show up arrow
384
+ }
385
+ };
386
+
387
+ });
388
+
389
+ // Refresh AOS on window resize (guard if AOS is present)
390
+ window.addEventListener('resize', function() {
391
+ if (window.AOS && AOS.refreshHard) {
392
+ AOS.refreshHard();
393
+ }
394
+ });
395
+ </script>
396
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
397
+ </body>
398
+ </html>