Spaces:

vlcsolutions
/

vlc-shopify-connector-wizardry

Running

App Files Files Community

vlcsolutions commited on Dec 16, 2025

Commit

5697752

verified ·

1 Parent(s): 1940722

Add a button beside Looking for smarter Shopify solutions? Connect with us: Shopify Connector Service: url: ./shopify-connector-for-business-central.html

Browse files

Files changed (2) hide show

index.html +18 -12
shopify-connector-for-business-central.html +114 -0

index.html CHANGED Viewed

@@ -499,18 +499,24 @@ class="cta-btn inline-flex items-center justify-center gap-2 rounded-lg px-6 py-
           </p>
         </article>
       </div>
-      <div class="text-center mt-10" data-aos="fade-up">
-        <a href="https://www.vlcsolutions.com/contact-us.html"
-           class="btn-accent inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg font-semibold shadow-md">
-          Looking for smarter Shopify solutions? Connect with us
-          <i data-feather="message-circle" class="w-4 h-4"></i>
-        </a>
-        <p class="text-sm text-gray-500 mt-3">
-          Our Microsoft Dynamics 365 Consulting Services and ERP Software Consulting can help you implement an agile, launch-ready solution.
-        </p>
-      </div>
-    </div>
   </section>
 </main>

           </p>
         </article>
       </div>
+        <div class="text-center mt-10" data-aos="fade-up">
+          <div class="flex flex-col md:flex-row gap-4 justify-center">
+            <a href="https://www.vlcsolutions.com/contact-us.html"
+               class="btn-accent inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg font-semibold shadow-md">
+              Looking for smarter Shopify solutions? Connect with us
+              <i data-feather="message-circle" class="w-4 h-4"></i>
+            </a>
+            <a href="./shopify-connector-for-business-central.html"
+               class="btn-primary inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg font-semibold shadow-md">
+              Shopify Connector Service
+              <i data-feather="shopping-bag" class="w-4 h-4"></i>
+            </a>
+          </div>
+          <p class="text-sm text-gray-500 mt-3">
+            Our Microsoft Dynamics 365 Consulting Services and ERP Software Consulting can help you implement an agile, launch-ready solution.
+          </p>
+        </div>
+</div>
   </section>
 </main>

shopify-connector-for-business-central.html ADDED Viewed

	@@ -0,0 +1,114 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shopify Connector Service | VLC Solutions</title>
+    <meta name="description" content="Detailed information about our Shopify Connector Service for Microsoft Dynamics 365 Business Central">
+    <link rel="stylesheet" href="style.css">
+    <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>
+</head>
+<body class="font-sans antialiased">
+  <!-- Header / Nav -->
+  <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>
+        <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>
+  <!-- Main Content -->
+  <main class="bg-white">
+    <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+      <div class="text-center mb-12" data-aos="fade-up">
+        <h1 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-4">Shopify Connector Service</h1>
+        <p class="text-lg text-gray-600 max-w-3xl mx-auto">Seamlessly integrate your Shopify store with Microsoft Dynamics 365 Business Central</p>
+      </div>
+      <div class="grid md:grid-cols-2 gap-8">
+        <div class="bg-[var(--vlc-tint)] p-8 rounded-xl" data-aos="fade-right">
+          <h2 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Service Features</h2>
+          <ul class="space-y-4">
+            <li class="flex items-start gap-3">
+              <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mt-1"></i>
+              <span>Real-time inventory synchronization</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mt-1"></i>
+              <span>Automated order processing</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mt-1"></i>
+              <span>Customer data integration</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mt-1"></i>
+              <span>Multi-store support</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mt-1"></i>
+              <span>Customizable sync intervals</span>
+            </li>
+          </ul>
+        </div>
+        <div class="bg-[var(--vlc-leaf-tint)] p-8 rounded-xl" data-aos="fade-left">
+          <h2 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Implementation Process</h2>
+          <ol class="space-y-4 list-decimal list-inside">
+            <li class="pl-2">Initial consultation and requirements analysis</li>
+            <li class="pl-2">System configuration and setup</li>
+            <li class="pl-2">Data mapping and field matching</li>
+            <li class="pl-2">Test synchronization and validation</li>
+            <li class="pl-2">User training and documentation</li>
+            <li class="pl-2">Go-live and ongoing support</li>
+          </ol>
+        </div>
+      </div>
+      <div class="mt-12 text-center" data-aos="fade-up">
+        <a href="https://www.vlcsolutions.com/contact-us.html"
+           class="btn-primary inline-flex items-center justify-center gap-2 px-8 py-4 rounded-lg font-semibold shadow-lg text-lg">
+          Get Started with Shopify Connector
+          <i data-feather="arrow-right" class="w-5 h-5"></i>
+        </a>
+      </div>
+    </section>
+  </main>
+  <!-- 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="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
+        © 2025 VLC Solutions. All rights reserved.
+      </div>
+    </div>
+  </footer>
+  <script>
+    // Initialize animations and icons
+    document.addEventListener('DOMContentLoaded', () => {
+      if (window.AOS) {
+        AOS.init({
+          duration: 800,
+          easing: 'ease-in-out',
+          once: true,
+          mirror: false,
+          offset: 80
+        });
+      }
+      if (window.feather) {
+        feather.replace();
+      }
+    });
+  </script>
+</body>
+</html>