|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
|
<meta name="description" content="VLC Solutions — App-Powered ERP solutions integrating Microsoft Dynamics 365 Business Central with Magento." /> |
|
|
<title>VLC Solutions - Business Central + E‑Commerce Integration</title> |
|
|
<meta name="description" content="Seamlessly connect Magento with Microsoft Dynamics 365 Business Central to sync data, streamline operations, and boost efficiency."/> |
|
|
<meta name="keywords" content="Magento Business Central Integration,VLC Magento Connector,Magento Business Central Integration"/> |
|
|
<link rel="canonical" href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" > |
|
|
|
|
|
<main id="main" class="w-full"> |
|
|
|
|
|
<div id="fail_email" class="hidden fixed top-4 right-4 max-w-md bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-lg z-50"> |
|
|
<div class="flex items-center"> |
|
|
<i data-feather="alert-triangle" class="w-5 h-5 mr-2"></i> |
|
|
<div class="flex-1"> |
|
|
Could not send an email! Please try again later. |
|
|
</div> |
|
|
<button onclick="removeQuery()" class="ml-4 text-red-700 hover:text-red-900"> |
|
|
<i data-feather="x" class="w-5 h-5"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="success_email" class="hidden fixed top-4 right-4 max-w-md bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded shadow-lg z-50"> |
|
|
<div class="flex items-center"> |
|
|
<i data-feather="check-circle" class="w-5 h-5 mr-2"></i> |
|
|
<div class="flex-1"> |
|
|
We have sent you an email. Please check your inbox. If you cannot view it in your primary inbox, please check your Spam or Junk folder. |
|
|
</div> |
|
|
<button onclick="removeQuery()" class="ml-4 text-green-700 hover:text-green-900"> |
|
|
<i data-feather="x" class="w-5 h-5"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image"> |
|
|
<meta name="twitter:title" content="Magento Connector with Dynamics 365 Business Central"> |
|
|
<meta name="twitter:description" content="Seamlessly connect Magento with Microsoft Dynamics 365 Business Central to sync data, streamline operations, and boost efficiency."> |
|
|
<meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"> |
|
|
|
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
|
|
<script defer src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
|
|
<script defer src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
|
|
|
|
|
|
<style id="vlc-brand-theme"> |
|
|
:root{ |
|
|
/* Core brand */ |
|
|
--vlc-navy:#002060; /* primary */ |
|
|
--vlc-navy-700:#001a50; |
|
|
--vlc-sky:#00A0E9; /* secondary */ |
|
|
--vlc-leaf:#8DC63F; /* accent */ |
|
|
--vlc-ink:#1F2A44; /* body text */ |
|
|
--vlc-card:#ffffff; /* surfaces */ |
|
|
|
|
|
/* Extended palette */ |
|
|
--vlc-navy-50:#F5F7FF; |
|
|
--vlc-navy-100:#ECF1FF; |
|
|
--vlc-sky-50:#F0FAFF; |
|
|
--vlc-leaf-50:#F4FAEC; |
|
|
--vlc-sky-700:#0086C1; |
|
|
--vlc-leaf-700:#79b32e; |
|
|
|
|
|
/* Section tints */ |
|
|
--vlc-tint:#F5F7FF; /* old */ |
|
|
--vlc-leaf-tint:#F3FAEA; /* old */ |
|
|
--vlc-sky-tint: var(--vlc-sky-50); |
|
|
--vlc-navy-tint: var(--vlc-navy-50); |
|
|
} |
|
|
html:focus-within { scroll-behavior: smooth; } |
|
|
body{ color:#1f2937; } |
|
|
|
|
|
.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) } |
|
|
.btn-outline{ border:1px solid rgba(255,255,255,.6); color:#fff } |
|
|
.btn-outline:hover{ background:rgba(255,255,255,.1) } |
|
|
.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)); } |
|
|
.card-body{ display:flex; flex-direction:column; height:100% } |
|
|
.card-cta{ margin-top:auto } |
|
|
|
|
|
/* ====== Brand Patterns (NEW + refreshed) ====== */ |
|
|
.pattern-grid{ /* fine grid overlay */ |
|
|
background: |
|
|
linear-gradient(transparent 23px, rgba(0,32,96,.06) 24px), |
|
|
linear-gradient(90deg, transparent 23px, rgba(0,32,96,.06) 24px); |
|
|
background-size:24px 24px; |
|
|
} |
|
|
.pattern-navy{ /* deep navy with soft spots */ |
|
|
background: |
|
|
radial-gradient(24px 24px at 12% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px), |
|
|
radial-gradient(24px 24px at 64% 28%, rgba(255,255,255,.05) 0 6px, transparent 7px), |
|
|
radial-gradient(24px 24px at 30% 72%, rgba(255,255,255,.04) 0 6px, transparent 7px), |
|
|
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.14)); |
|
|
background-color:var(--vlc-navy); |
|
|
color:#fff; |
|
|
} |
|
|
.pattern-leaf{ /* soft diagonal blend using leaf */ |
|
|
background: |
|
|
linear-gradient(135deg, rgba(141,198,63,.18), rgba(0,160,233,.12)), |
|
|
radial-gradient(600px 300px at 10% -10%, rgba(141,198,63,.20), transparent 60%), |
|
|
radial-gradient(600px 300px at 110% 110%, rgba(0,160,233,.18), transparent 60%); |
|
|
background-color:var(--vlc-leaf-50); |
|
|
} |
|
|
.pattern-sky{ /* airy bubbles using sky */ |
|
|
background: |
|
|
radial-gradient(18px 18px at 20% 30%, rgba(0,160,233,.14) 0 6px, transparent 7px), |
|
|
radial-gradient(18px 18px at 72% 64%, rgba(141,198,63,.14) 0 6px, transparent 7px), |
|
|
linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.25)); |
|
|
background-color:var(--vlc-sky-50); |
|
|
} |
|
|
.pattern-diamond{ /* subtle diamonds */ |
|
|
--c: rgba(0,32,96,.06); |
|
|
background: |
|
|
conic-gradient(from 45deg, transparent 0 25%, var(--c) 0 50%, transparent 0 75%, var(--c) 0) 12px 12px/24px 24px, |
|
|
conic-gradient(from 45deg, var(--c) 0 25%, transparent 0 50%, var(--c) 0 75%, transparent 0)/24px 24px; |
|
|
background-color:#fff; |
|
|
} |
|
|
|
|
|
/* Footer */ |
|
|
footer a:hover{ color:var(--vlc-leaf) } |
|
|
|
|
|
/* Dropdown: show on hover and keyboard focus */ |
|
|
.nav-group:focus-within .nav-panel, .nav-group:hover .nav-panel{ opacity:1; visibility:visible; transform:translateY(0) } |
|
|
|
|
|
<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script> |
|
|
|
|
|
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script> |
|
|
|
|
|
<script type="application/ld+json"> |
|
|
{ |
|
|
"@context": "https://schema.org/", |
|
|
"@type": "SoftwareApplication", |
|
|
"name": "Magento Connector with Dynamics 365 Business Central", |
|
|
"alternateName": "VLC E-Commerce Connector", |
|
|
"description": "Seamlessly integrate Microsoft Dynamics 365 Business Central with Magento for real-time synchronization of orders, inventory, and customers.", |
|
|
"applicationCategory": "BusinessApplication", |
|
|
"operatingSystem": "Web, Cloud", |
|
|
"softwareVersion": "2025", |
|
|
"publisher": { |
|
|
"@type": "Organization", |
|
|
"name": "VLC Solutions", |
|
|
"url": "https://vlcsolutions.com", |
|
|
"logo": { |
|
|
"@type": "ImageObject", |
|
|
"url": "https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/magento%20page.png" |
|
|
} |
|
|
}, |
|
|
"featureList": [ |
|
|
"Magento and Shopify Integration", |
|
|
"Real-Time Inventory Sync", |
|
|
"Automated Order Management", |
|
|
"Customer Data Synchronization", |
|
|
"Shipping and Payment Mapping", |
|
|
"Real-Time Reporting and Analytics" |
|
|
], |
|
|
"url": "https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html", |
|
|
"image": "https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/magento%20page.png" |
|
|
} |
|
|
</script> |
|
|
|
|
|
</style> |
|
|
<script src="./js/google_js_api/jquery.min.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"> |
|
|
|
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
let domains = [ |
|
|
|
|
|
"mdkm.com","1.com","2.com","3.com","4.com","5.com","6.com","7.com","8.com","9.com","10.com", "skincareproductoffers.com", "aol.com", "att.net", "comcast.net", "facebook.com", "gmail.com", "gmx.com", "googlemail.com", |
|
|
"google.com", "someemail.com", "hotmail.com", "hotmail.co.uk", "mac.com", "me.com", "mail.com", "msn.com", |
|
|
"live.com", "sbcglobal.net", "verizon.net", "yahoo.com", "yahoo.co.uk","aim.com", "example.com", |
|
|
|
|
|
|
|
|
"email.com", "fastmail.fm", "games.com" , "gmx.net", "hush.com", "hushmail.com", "icloud.com", |
|
|
"iname.com", "inbox.com", "lavabit.com", "love.com" , "outlook.com", "pobox.com", "protonmail.com", |
|
|
"rocketmail.com" , "safe-mail.net", "wow.com" , "ygm.com" , |
|
|
"ymail.com" , "zoho.com", "yandex.com", |
|
|
|
|
|
|
|
|
"bellsouth.net", "charter.net", "cox.net", "earthlink.net", "juno.com", |
|
|
|
|
|
|
|
|
"btinternet.com", "virginmedia.com", "blueyonder.co.uk", "freeserve.co.uk", "live.co.uk", |
|
|
"ntlworld.com", "o2.co.uk", "orange.net", "sky.com", "talktalk.co.uk", "tiscali.co.uk", |
|
|
"virgin.net", "wanadoo.co.uk", "bt.com", |
|
|
|
|
|
|
|
|
"sina.com", "sina.cn", "qq.com", "naver.com", "hanmail.net", "daum.net", "nate.com", "yahoo.co.jp", "yahoo.co.kr", "yahoo.co.id", "yahoo.co.in", "yahoo.com.sg", "yahoo.com.ph", "163.com", "126.com", "aliyun.com", "foxmail.com", |
|
|
|
|
|
|
|
|
"hotmail.fr", "live.fr", "laposte.net", "yahoo.fr", "wanadoo.fr", "orange.fr", "gmx.fr", "sfr.fr", "neuf.fr", "free.fr", |
|
|
|
|
|
|
|
|
"gmx.de", "hotmail.de", "live.de", "online.de", "t-online.de" , "web.de", "yahoo.de", |
|
|
|
|
|
|
|
|
"libero.it", "virgilio.it", "hotmail.it", "aol.it", "tiscali.it", "alice.it", "live.it", "yahoo.it", "email.it", "tin.it", "poste.it", "teletu.it", |
|
|
|
|
|
|
|
|
"mail.ru", "rambler.ru", "yandex.ru", "ya.ru", "list.ru", |
|
|
|
|
|
|
|
|
"hotmail.be", "live.be", "skynet.be", "voo.be", "tvcablenet.be", "telenet.be", |
|
|
|
|
|
|
|
|
"hotmail.com.ar", "live.com.ar", "yahoo.com.ar", "fibertel.com.ar", "speedy.com.ar", "arnet.com.ar", |
|
|
|
|
|
|
|
|
"yahoo.com.mx", "live.com.mx", "hotmail.es", "hotmail.com.mx", "prodigy.net.mx", |
|
|
|
|
|
|
|
|
"yahoo.com.br", "hotmail.com.br", "outlook.com.br", "uol.com.br", "bol.com.br", "terra.com.br", "ig.com.br", "itelefonica.com.br", "r7.com", "zipmail.com.br", "globo.com", "globomail.com", "oi.com.br" |
|
|
]; |
|
|
|
|
|
function isBusinessEmail(domainNameP){ |
|
|
var i; |
|
|
for (i = 0; i < domains.length; i++) { |
|
|
|
|
|
if(domains[i] === domainNameP) |
|
|
{ |
|
|
$('#error').show(); |
|
|
$('#magento_connector').prop('disabled', true); |
|
|
return; |
|
|
}else { |
|
|
$('#error').hide(); |
|
|
$('#magento_connector').prop('disabled', false); |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
$('#magento_connector').prop('disabled', true); |
|
|
|
|
|
$('#customer_email').keyup(function() { |
|
|
var inputVal = $(this).val(); |
|
|
var emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; |
|
|
if (emailReg.test(inputVal)) { |
|
|
$('#error').hide(); |
|
|
$('#magento_connector').prop('disabled', false); |
|
|
}else{ |
|
|
$('#error').show(); |
|
|
$('#magento_connector').prop('disabled', true); |
|
|
return; |
|
|
} |
|
|
|
|
|
var aSplit = inputVal.split("@"); |
|
|
isBusinessEmail(aSplit[1]); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
<script type="application/javascript"> |
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
$(window).scroll(function() { |
|
|
if ($(this).scrollTop() > 50) { |
|
|
$('#toTopBtn').fadeIn(); |
|
|
} else { |
|
|
$('#toTopBtn').fadeOut(); |
|
|
} |
|
|
}); |
|
|
|
|
|
$('#toTopBtn').click(function() { |
|
|
$("html, body").animate({ |
|
|
scrollTop: 0 |
|
|
}, 1000); |
|
|
return false; |
|
|
}); |
|
|
}); |
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
function getUrlVars() |
|
|
{ |
|
|
let vars = [], hash; |
|
|
let hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
|
|
for(let i = 0; i < hashes.length; i++) |
|
|
{ |
|
|
hash = hashes[i].split('='); |
|
|
vars.push(hash[0]); |
|
|
vars[hash[0]] = hash[1]; |
|
|
} |
|
|
return vars; |
|
|
} |
|
|
|
|
|
$('#fail_email').hide(); |
|
|
$('#success_email').hide(); |
|
|
|
|
|
let result = getUrlVars()["result"]; |
|
|
|
|
|
if(typeof(result) != 'undefined'){ |
|
|
|
|
|
if(result.includes('success')) |
|
|
{ |
|
|
$('#success_email').show(); |
|
|
$('#fail_email').hide(); |
|
|
} |
|
|
else |
|
|
{ |
|
|
$('#fail_email').show(); |
|
|
$('#success_email').hide(); |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
function removeQuery() { |
|
|
|
|
|
let url = window.location.href; |
|
|
|
|
|
let a = url.indexOf("?"); |
|
|
let b = url.substring(a); |
|
|
let c = url.replace(b,""); |
|
|
window.location.href = c; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
<script src="https://www.google.com/recaptcha/api.js?render=6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT"></script> |
|
|
|
|
|
<script> |
|
|
grecaptcha.ready(function() { |
|
|
|
|
|
|
|
|
grecaptcha.execute('6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT', {action:'validate_captcha'}) |
|
|
.then(function(token) { |
|
|
|
|
|
document.getElementById('g-recaptcha-response').value = token; |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<script> |
|
|
document.addEventListener("DOMContentLoaded", function () { |
|
|
|
|
|
const successAlert = document.getElementById("success_email"); |
|
|
const failAlert = document.getElementById("fail_email"); |
|
|
|
|
|
|
|
|
successAlert.classList.add("hidden"); |
|
|
failAlert.classList.add("hidden"); |
|
|
|
|
|
|
|
|
const params = new URLSearchParams(window.location.search); |
|
|
if (params.get("email") === "success") { |
|
|
successAlert.classList.remove("hidden"); |
|
|
} |
|
|
if (params.get("email") === "fail") { |
|
|
failAlert.classList.remove("hidden"); |
|
|
} |
|
|
|
|
|
|
|
|
document.querySelectorAll(".close-alert").forEach(btn => { |
|
|
btn.addEventListener("click", () => { |
|
|
successAlert.classList.add("hidden"); |
|
|
failAlert.classList.add("hidden"); |
|
|
removeQuery(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
if (window.feather) { |
|
|
feather.replace(); |
|
|
} |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
successAlert.classList.add("hidden"); |
|
|
failAlert.classList.add("hidden"); |
|
|
removeQuery(); |
|
|
}, 5000); |
|
|
}); |
|
|
|
|
|
|
|
|
function removeQuery() { |
|
|
const url = new URL(window.location); |
|
|
url.search = ""; |
|
|
window.history.replaceState({}, document.title, url); |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
|
|
|
<body class="font-sans antialiased bg-white"> |
|
|
<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:bg-white focus:text-[var(--vlc-navy)] focus:px-3 focus:py-2 focus:rounded">Skip to content</a> |
|
|
|
|
|
|
|
|
<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 items-center"> |
|
|
<a href="https://www.vlcsolutions.com/" class="flex items-center gap-2" aria-label="VLC Solutions home"> |
|
|
<img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10 w-auto" loading="eager" decoding="async"> |
|
|
</a> |
|
|
|
|
|
<nav class="hidden md:flex items-center gap-2" aria-label="Primary"> |
|
|
<a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]">Who We Serve</a> |
|
|
<div class="relative nav-group"> |
|
|
<button class="inline-flex items-center px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" 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="nav-panel 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"> |
|
|
<a href="https://www.vlcsolutions.com/solutions.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]">Business Central Apps</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="relative nav-group"> |
|
|
<button class="inline-flex items-center px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" 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="nav-panel 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" role="menu"> |
|
|
<a href="https://www.vlcsolutions.com/services.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Services Overview</a> |
|
|
<a href="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Advisory Services</a> |
|
|
<a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Implementation Services</a> |
|
|
<a href="https://www.vlcsolutions.com/managed-application-services.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Managed Application Services</a> |
|
|
<a href="https://www.vlcsolutions.com/managed-it-services.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Managed IT Services</a> |
|
|
<a href="https://www.vlcsolutions.com/compliance-services.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Compliance Services</a> |
|
|
<a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Cloud Services</a> |
|
|
<a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Marketing Services</a> |
|
|
<a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">AI and Analytics</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="relative nav-group"> |
|
|
<button class="inline-flex items-center px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" 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="nav-panel 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" role="menu"> |
|
|
<a href="https://www.vlcsolutions.com/industries.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Industries Overview</a> |
|
|
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">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="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Manufacturing</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="relative nav-group"> |
|
|
<button class="inline-flex items-center px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" 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="nav-panel 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" role="menu"> |
|
|
<a href="https://www.vlcsolutions.com/products.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Products Overview</a> |
|
|
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Dynamics 365</a> |
|
|
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Business Central</a> |
|
|
<a href="https://www.vlcsolutions.com/power-platform.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Power Platform</a> |
|
|
<a href="https://www.vlcsolutions.com/microsoft-365.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Microsoft 365</a> |
|
|
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Dynamics Commerce</a> |
|
|
<a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="block px-3 py-2 text-sm font-medium hover:text-[var(--vlc-leaf)]" role="menuitem">Magento Connector</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<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-600 hover:bg-gray-100" aria-label="Open menu" aria-controls="mobile-menu" aria-expanded="false"> |
|
|
<i data-feather="menu"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="mobile-menu" class="md:hidden hidden border-t border-gray-200"> |
|
|
<nav class="px-4 py-3 space-y-1" aria-label="Mobile"> |
|
|
<a href="https://www.vlcsolutions.com/who-we-serve.html" class="block py-2">Who We Serve</a> |
|
|
<a href="https://www.vlcsolutions.com/solutions.html" class="block py-2">Solutions</a> |
|
|
<a href="https://www.vlcsolutions.com/services.html" class="block py-2">Services</a> |
|
|
<a href="https://www.vlcsolutions.com/industries.html" class="block py-2">Industries</a> |
|
|
<a href="https://www.vlcsolutions.com/products.html" class="block py-2">Products</a> |
|
|
<a href="https://www.vlcsolutions.com/who-we-are.html" class="block py-2">Who We Are</a> |
|
|
<a href="https://www.vlcsolutions.com/contactus.html" class="block py-2 font-semibold text-[var(--vlc-navy)]">Contact</a> |
|
|
</nav> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<style id="vlc-brand-theme"> |
|
|
:root{ |
|
|
--vlc-navy:#002060; |
|
|
--vlc-navy-700:#00184b; |
|
|
--vlc-sky:#00A0E9; |
|
|
--vlc-leaf:#8DC63F; |
|
|
--vlc-leaf-tint: rgba(141,198,63,.08); |
|
|
--ink:#0f172a; |
|
|
} |
|
|
|
|
|
|
|
|
.btn-accent{ |
|
|
background: linear-gradient(180deg, #8DC63F, #7ab739); |
|
|
color:#fff; |
|
|
box-shadow: 0 6px 18px rgba(141,198,63,.35); |
|
|
transition: transform .15s ease, box-shadow .15s ease, background .2s ease; |
|
|
} |
|
|
.btn-accent:hover{ |
|
|
transform: translateY(-2px); |
|
|
background: linear-gradient(180deg, #9ddf48, #8DC63F); |
|
|
box-shadow: 0 10px 24px rgba(141,198,63,.45); |
|
|
} |
|
|
.btn-accent:focus{ |
|
|
outline:2px solid #fff; |
|
|
outline-offset:2px; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.card-accent{ |
|
|
border:1px solid rgba(0,32,96,.08); |
|
|
transition: transform .15s ease, box-shadow .15s ease, border-color .2s ease; |
|
|
} |
|
|
.card-accent:hover{ |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 10px 24px rgba(0,32,96,.08); |
|
|
border-color: rgba(0,160,233,.25); |
|
|
} |
|
|
|
|
|
|
|
|
.pattern-grid{ |
|
|
background-image: |
|
|
linear-gradient(to right, rgba(255,255,255,.12) 1px, transparent 1px), |
|
|
linear-gradient(to bottom, rgba(255,255,255,.12) 1px, transparent 1px); |
|
|
background-size:24px 24px; |
|
|
} |
|
|
.pattern-navy{ |
|
|
background: |
|
|
radial-gradient(circle at 10% 10%, rgba(255,255,255,.06) 0 25%, transparent 26% 100%), |
|
|
radial-gradient(circle at 80% 30%, rgba(255,255,255,.05) 0 20%, transparent 21% 100%), |
|
|
var(--vlc-navy); |
|
|
} |
|
|
.pattern-leaf{ |
|
|
background: |
|
|
radial-gradient(ellipse at 0 0, rgba(141,198,63,.15) 0 40%, transparent 41% 100%), |
|
|
radial-gradient(ellipse at 100% 100%, rgba(0,160,233,.12) 0 35%, transparent 36% 100%), |
|
|
linear-gradient(0deg, #fff, #fff); |
|
|
} |
|
|
.pattern-diamond{ |
|
|
background: |
|
|
linear-gradient(135deg, rgba(0,160,233,.08) 12.5%, transparent 12.5% 37.5%, rgba(0,160,233,.08) 37.5% 62.5%, transparent 62.5% 87.5%, rgba(0,160,233,.08) 87.5%), |
|
|
linear-gradient(45deg, rgba(141,198,63,.09) 12.5%, transparent 12.5% 37.5%, rgba(141,198,63,.09) 37.5% 62.5%, transparent 62.5% 87.5%, rgba(141,198,63,.09) 87.5%); |
|
|
background-size:24px 24px; |
|
|
background-position:0 0, 12px 12px; |
|
|
} |
|
|
|
|
|
|
|
|
.heading-navy{ color: var(--vlc-navy); } |
|
|
.prose-lg{ font-size:1.125rem; line-height:1.75rem; color:#334155; } |
|
|
.vlc-ring:focus{ outline:3px solid rgba(0,160,233,.5); outline-offset:2px; } |
|
|
|
|
|
|
|
|
.li-check i{ flex:0 0 auto; margin-top:.15rem; } |
|
|
</style> |
|
|
<script src="./js/google_js_api/jquery.min.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"> |
|
|
|
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
let domains = [ |
|
|
|
|
|
"mdkm.com","1.com","2.com","3.com","4.com","5.com","6.com","7.com","8.com","9.com","10.com", "skincareproductoffers.com", "aol.com", "att.net", "comcast.net", "facebook.com", "gmail.com", "gmx.com", "googlemail.com", |
|
|
"google.com", "someemail.com", "hotmail.com", "hotmail.co.uk", "mac.com", "me.com", "mail.com", "msn.com", |
|
|
"live.com", "sbcglobal.net", "verizon.net", "yahoo.com", "yahoo.co.uk","aim.com", "example.com", |
|
|
|
|
|
|
|
|
"email.com", "fastmail.fm", "games.com" , "gmx.net", "hush.com", "hushmail.com", "icloud.com", |
|
|
"iname.com", "inbox.com", "lavabit.com", "love.com" , "outlook.com", "pobox.com", "protonmail.com", |
|
|
"rocketmail.com" , "safe-mail.net", "wow.com" , "ygm.com" , |
|
|
"ymail.com" , "zoho.com", "yandex.com", |
|
|
|
|
|
|
|
|
"bellsouth.net", "charter.net", "cox.net", "earthlink.net", "juno.com", |
|
|
|
|
|
|
|
|
"btinternet.com", "virginmedia.com", "blueyonder.co.uk", "freeserve.co.uk", "live.co.uk", |
|
|
"ntlworld.com", "o2.co.uk", "orange.net", "sky.com", "talktalk.co.uk", "tiscali.co.uk", |
|
|
"virgin.net", "wanadoo.co.uk", "bt.com", |
|
|
|
|
|
|
|
|
"sina.com", "sina.cn", "qq.com", "naver.com", "hanmail.net", "daum.net", "nate.com", "yahoo.co.jp", "yahoo.co.kr", "yahoo.co.id", "yahoo.co.in", "yahoo.com.sg", "yahoo.com.ph", "163.com", "126.com", "aliyun.com", "foxmail.com", |
|
|
|
|
|
|
|
|
"hotmail.fr", "live.fr", "laposte.net", "yahoo.fr", "wanadoo.fr", "orange.fr", "gmx.fr", "sfr.fr", "neuf.fr", "free.fr", |
|
|
|
|
|
|
|
|
"gmx.de", "hotmail.de", "live.de", "online.de", "t-online.de" , "web.de", "yahoo.de", |
|
|
|
|
|
|
|
|
"libero.it", "virgilio.it", "hotmail.it", "aol.it", "tiscali.it", "alice.it", "live.it", "yahoo.it", "email.it", "tin.it", "poste.it", "teletu.it", |
|
|
|
|
|
|
|
|
"mail.ru", "rambler.ru", "yandex.ru", "ya.ru", "list.ru", |
|
|
|
|
|
|
|
|
"hotmail.be", "live.be", "skynet.be", "voo.be", "tvcablenet.be", "telenet.be", |
|
|
|
|
|
|
|
|
"hotmail.com.ar", "live.com.ar", "yahoo.com.ar", "fibertel.com.ar", "speedy.com.ar", "arnet.com.ar", |
|
|
|
|
|
|
|
|
"yahoo.com.mx", "live.com.mx", "hotmail.es", "hotmail.com.mx", "prodigy.net.mx", |
|
|
|
|
|
|
|
|
"yahoo.com.br", "hotmail.com.br", "outlook.com.br", "uol.com.br", "bol.com.br", "terra.com.br", "ig.com.br", "itelefonica.com.br", "r7.com", "zipmail.com.br", "globo.com", "globomail.com", "oi.com.br" |
|
|
]; |
|
|
|
|
|
function isBusinessEmail(domainNameP){ |
|
|
var i; |
|
|
for (i = 0; i < domains.length; i++) { |
|
|
|
|
|
if(domains[i] === domainNameP) |
|
|
{ |
|
|
$('#error').show(); |
|
|
$('#magento_connector').prop('disabled', true); |
|
|
return; |
|
|
}else { |
|
|
$('#error').hide(); |
|
|
$('#magento_connector').prop('disabled', false); |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
$('#magento_connector').prop('disabled', true); |
|
|
|
|
|
$('#customer_email').keyup(function() { |
|
|
var inputVal = $(this).val(); |
|
|
var emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; |
|
|
if (emailReg.test(inputVal)) { |
|
|
$('#error').hide(); |
|
|
$('#magento_connector').prop('disabled', false); |
|
|
}else{ |
|
|
$('#error').show(); |
|
|
$('#magento_connector').prop('disabled', true); |
|
|
return; |
|
|
} |
|
|
|
|
|
var aSplit = inputVal.split("@"); |
|
|
isBusinessEmail(aSplit[1]); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
</script> |
|
|
<script type="application/javascript"> |
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
$(window).scroll(function() { |
|
|
if ($(this).scrollTop() > 50) { |
|
|
$('#toTopBtn').fadeIn(); |
|
|
} else { |
|
|
$('#toTopBtn').fadeOut(); |
|
|
} |
|
|
}); |
|
|
|
|
|
$('#toTopBtn').click(function() { |
|
|
$("html, body").animate({ |
|
|
scrollTop: 0 |
|
|
}, 1000); |
|
|
return false; |
|
|
}); |
|
|
}); |
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
function getUrlVars() |
|
|
{ |
|
|
let vars = [], hash; |
|
|
let hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
|
|
for(let i = 0; i < hashes.length; i++) |
|
|
{ |
|
|
hash = hashes[i].split('='); |
|
|
vars.push(hash[0]); |
|
|
vars[hash[0]] = hash[1]; |
|
|
} |
|
|
return vars; |
|
|
} |
|
|
|
|
|
$('#fail_email').hide(); |
|
|
$('#success_email').hide(); |
|
|
let result = getUrlVars()["result"]; |
|
|
|
|
|
if(typeof(result) != 'undefined'){ |
|
|
if(result.includes('success')) { |
|
|
$('#success_email').show().fadeIn(300); |
|
|
$('#fail_email').hide(); |
|
|
setTimeout(() => { |
|
|
$('#success_email').fadeOut(500, () => removeQuery()); |
|
|
}, 5000); |
|
|
} else { |
|
|
$('#fail_email').show().fadeIn(300); |
|
|
$('#success_email').hide(); |
|
|
setTimeout(() => { |
|
|
$('#fail_email').fadeOut(500, () => removeQuery()); |
|
|
}, 5000); |
|
|
} |
|
|
} |
|
|
}); |
|
|
function removeQuery() { |
|
|
let url = window.location.href; |
|
|
if (url.includes('?')) { |
|
|
url = url.split('?')[0]; |
|
|
history.replaceState(null, '', url); |
|
|
$('#success_email, #fail_email').fadeOut(300); |
|
|
} |
|
|
} |
|
|
</script> |
|
|
|
|
|
<script src="https://www.google.com/recaptcha/api.js?render=6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT"></script> |
|
|
|
|
|
<script> |
|
|
grecaptcha.ready(function() { |
|
|
|
|
|
|
|
|
grecaptcha.execute('6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT', {action:'validate_captcha'}) |
|
|
.then(function(token) { |
|
|
|
|
|
document.getElementById('g-recaptcha-response').value = token; |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
|
|
|
<main id="main" class="w-full"> |
|
|
|
|
|
<section class="relative text-white" |
|
|
style=" |
|
|
height: 346px; |
|
|
background: url('https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/magento%20page.png') no-repeat center center / cover; |
|
|
"> |
|
|
<div class="max-w-7xl mx-auto h-full flex items-center px-8"> |
|
|
<div class="max-w-2xl text-left" data-aos="fade-up"> |
|
|
<h1 class="text-4xl md:text-4xl font-bold mb-4 text-white"> |
|
|
One Platform. Full Integration. All Your </br> E-Commerce Needs Met. |
|
|
</h1> |
|
|
<p class="text-lg md:text-xl text-gray-100 mb-8 leading-relaxed" data-aos="fade-up" data-aos-delay="100"> |
|
|
Microsoft Dynamics 365 Business Central: Connecting E-Commerce with Efficiency |
|
|
</p> |
|
|
<a href="https://www.vlcsolutions.com/contactus.html" |
|
|
class="bg-[#9BE14E] hover:bg-[#8AD03E] text-[#002060] rounded-lg px-6 py-3 text-lg font-semibold inline-flex items-center shadow-lg transition-all duration-300" |
|
|
data-aos="fade-up" data-aos-delay="200"> |
|
|
Sync Magento with Business Central |
|
|
<i data-feather="arrow-right" class="w-5 h-5 ml-2" aria-hidden="true"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div id="youtube-modal" |
|
|
class="fixed inset-0 z-[999] hidden" |
|
|
role="dialog" aria-modal="true" aria-labelledby="youtube-modal-title"> |
|
|
|
|
|
<div class="absolute inset-0 bg-black/60"></div> |
|
|
|
|
|
|
|
|
<div class="relative h-full w-full flex items-center justify-center p-4"> |
|
|
<div class="w-full max-w-4xl bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden"> |
|
|
<div class="bg-[var(--vlc-navy)] text-white px-5 py-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<h4 id="youtube-modal-title" class="text-lg font-semibold"> |
|
|
VLC Magento Connector Demo |
|
|
</h4> |
|
|
<button type="button" id="youtube-close" |
|
|
class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50" |
|
|
aria-label="Close"> |
|
|
<i data-feather="x" class="w-5 h-5" aria-hidden="true"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="p-0 aspect-video"> |
|
|
<iframe id="youtube-iframe" class="w-full h-full" src="https://www.youtube.com/embed/4ojpvb19Bqw?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<section class="pattern-navy text-white py-8"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex flex-col md:flex-row items-stretch gap-3 md:gap-4"> |
|
|
|
|
|
|
|
|
<button id="cta-open-modal" |
|
|
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50"> |
|
|
<i data-feather="download" class="w-5 h-5" aria-hidden="true"></i> |
|
|
<span>Download Fact Sheet</span> |
|
|
</button> |
|
|
|
|
|
|
|
|
<a href="https://appsource.microsoft.com/en-us/product/dynamics-365-business-central/PUBID.vlc-solutions-llc-1263055%7CAID.vlc-magento-connector%7CPAPPID.333d2c55-7a39-4168-bc6c-8da3bab6c7a0" |
|
|
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50"> |
|
|
<i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i> |
|
|
<span>View VLC Magento Connector on AppSource</span> |
|
|
</a> |
|
|
|
|
|
<button id="youtube-open-modal" |
|
|
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50"> |
|
|
<i data-feather="play-circle" class="w-5 h-5" aria-hidden="true"></i> |
|
|
<span>Watch it in action</span> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<form id="send_email_to_customer" action="./magentoConnector.php" method="post" novalidate> |
|
|
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response"> |
|
|
<input type="hidden" name="action" value="validate_captcha"> |
|
|
|
|
|
<div id="cta-modal" |
|
|
class="fixed inset-0 z-[999] hidden" |
|
|
role="dialog" aria-modal="true" aria-labelledby="cta-modal-title"> |
|
|
|
|
|
<div class="absolute inset-0 bg-black/60"></div> |
|
|
|
|
|
|
|
|
<div class="relative h-full w-full flex items-center justify-center p-4"> |
|
|
<div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden"> |
|
|
<div class="bg-[var(--vlc-navy)] text-white px-5 py-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<h4 id="cta-modal-title" class="text-lg font-semibold"> |
|
|
Enter your business email to download |
|
|
</h4> |
|
|
<button type="button" id="cta-close" |
|
|
class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50" |
|
|
aria-label="Close"> |
|
|
<i data-feather="x" class="w-5 h-5" aria-hidden="true"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="p-6 space-y-4"> |
|
|
<p id="cta-error" class="hidden text-sm text-red-600"> |
|
|
Please use a valid business email (not a personal domain). |
|
|
</p> |
|
|
|
|
|
<label for="customer_email" class="block text-sm font-medium text-[var(--vlc-navy)]"> |
|
|
Business Email |
|
|
</label> |
|
|
<input |
|
|
class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[var(--vlc-sky)]" |
|
|
name="customer_email" id="customer_email" type="email" |
|
|
placeholder="name@yourcompany.com" required autocomplete="email" /> |
|
|
|
|
|
<div class="flex items-center justify-end gap-3 pt-2"> |
|
|
<button type="button" id="cta-cancel" |
|
|
class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50"> |
|
|
Cancel |
|
|
</button> |
|
|
<button type="submit" id="magento_connector" |
|
|
class="px-4 py-2 rounded-md bg-[var(--vlc-leaf)] hover:bg-[#79b32e] text-white font-semibold shadow"> |
|
|
Submit & Download |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</form> |
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
:root { |
|
|
--vlc-leaf: #8DC63F; |
|
|
--vlc-leaf-dark: #79b32e; |
|
|
} |
|
|
|
|
|
|
|
|
.cta-btn { |
|
|
background: rgba(255, 255, 255, 0.08); |
|
|
color: #ffffff; |
|
|
transition: all 0.25s ease-in-out; |
|
|
} |
|
|
|
|
|
|
|
|
.cta-btn:hover { |
|
|
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)); |
|
|
color: #002060; |
|
|
border-color: transparent; |
|
|
box-shadow: 0 8px 20px rgba(141, 198, 63, 0.4); |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
|
|
|
|
|
|
.cta-btn:hover i { |
|
|
color: #002060 !important; |
|
|
} |
|
|
|
|
|
|
|
|
.cta-btn i { |
|
|
transition: color 0.25s ease-in-out; |
|
|
} |
|
|
|
|
|
|
|
|
.cta-btn:focus { |
|
|
outline: none; |
|
|
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5); |
|
|
} |
|
|
|
|
|
|
|
|
#cta-modal button:hover { |
|
|
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)) !important; |
|
|
color: #fff !important; |
|
|
border-color: transparent !important; |
|
|
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3); |
|
|
transition: all 0.25s ease-in-out; |
|
|
} |
|
|
|
|
|
#cta-modal #cta-cancel { |
|
|
background: #f8fafc; |
|
|
color: var(--vlc-navy, #002060); |
|
|
border: 1px solid #d1d5db; |
|
|
} |
|
|
</style> |
|
|
|
|
|
<script> |
|
|
|
|
|
(function () { |
|
|
const openBtn = document.getElementById('youtube-open-modal'); |
|
|
const modal = document.getElementById('youtube-modal'); |
|
|
const closeBtn = document.getElementById('youtube-close'); |
|
|
const iframe = document.getElementById('youtube-iframe'); |
|
|
|
|
|
if (!openBtn || !modal) return; |
|
|
|
|
|
function openModal() { |
|
|
modal.classList.remove('hidden'); |
|
|
document.body.style.overflow = 'hidden'; |
|
|
|
|
|
iframe.src = 'https://www.youtube.com/embed/4ojpvb19Bqw?enablejsapi=1&autoplay=1'; |
|
|
} |
|
|
function closeModal() { |
|
|
modal.classList.add('hidden'); |
|
|
document.body.style.overflow = ''; |
|
|
|
|
|
iframe.src = iframe.src.replace('&autoplay=1', ''); |
|
|
} |
|
|
|
|
|
openBtn.addEventListener('click', openModal); |
|
|
closeBtn && closeBtn.addEventListener('click', closeModal); |
|
|
|
|
|
|
|
|
modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); }); |
|
|
document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); }); |
|
|
})(); |
|
|
|
|
|
|
|
|
(function () { |
|
|
const openBtn = document.getElementById('cta-open-modal'); |
|
|
const modal = document.getElementById('cta-modal'); |
|
|
const closeBtn = document.getElementById('cta-close'); |
|
|
const cancelBtn = document.getElementById('cta-cancel'); |
|
|
const form = document.getElementById('send_email_to_customer'); |
|
|
const email = document.getElementById('customer_email'); |
|
|
const error = document.getElementById('cta-error'); |
|
|
|
|
|
if (!openBtn || !modal) return; |
|
|
|
|
|
function openModal() { |
|
|
modal.classList.remove('hidden'); |
|
|
document.body.style.overflow = 'hidden'; |
|
|
email && setTimeout(() => email.focus(), 50); |
|
|
} |
|
|
function closeModal() { |
|
|
modal.classList.add('hidden'); |
|
|
document.body.style.overflow = ''; |
|
|
error && error.classList.add('hidden'); |
|
|
} |
|
|
|
|
|
openBtn.addEventListener('click', openModal); |
|
|
closeBtn && closeBtn.addEventListener('click', closeModal); |
|
|
cancelBtn && cancelBtn.addEventListener('click', closeModal); |
|
|
|
|
|
|
|
|
modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); }); |
|
|
document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); }); |
|
|
|
|
|
|
|
|
const personalDomains = [ |
|
|
'gmail.com','googlemail.com','yahoo.com','yahoo.co.in','outlook.com','hotmail.com','live.com', |
|
|
'msn.com','icloud.com','me.com','aol.com','proton.me','protonmail.com','yandex.com','pm.me','mail.com','zoho.com' |
|
|
]; |
|
|
|
|
|
form && form.addEventListener('submit', (e) => { |
|
|
if (!email) return; |
|
|
const value = String(email.value || '').trim().toLowerCase(); |
|
|
const isEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value); |
|
|
const domain = value.split('@')[1] || ''; |
|
|
const isPersonal = personalDomains.includes(domain); |
|
|
|
|
|
if (!isEmail || isPersonal) { |
|
|
e.preventDefault(); |
|
|
error.classList.remove('hidden'); |
|
|
email.focus(); |
|
|
} |
|
|
}); |
|
|
})(); |
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> |
|
|
|
|
|
<section id="intro" class="mb-16"> |
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div> |
|
|
<h2 class="text-3xl font-bold mb-6 heading-navy"> |
|
|
Seamless Integration with Magento for a Unified E-Commerce Experience |
|
|
</h2> |
|
|
<p class="prose-lg mb-6"> |
|
|
Microsoft Dynamics 365 Business Central offers seamless integration with Magento, creating a unified experience for businesses. By linking your e-commerce store with Business Central, you can streamline operations, ensure real-time data sync, and enhance efficiency, all from a single platform. |
|
|
</p> |
|
|
<p class="prose-lg"> |
|
|
This ERP solution simplifies inventory management, order processing, customer synchronization, and more, allowing businesses to focus on growth without worrying about manual data handling. |
|
|
</p> |
|
|
</div> |
|
|
<div> |
|
|
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/leftside%20image-Magento%20page.png" |
|
|
alt="E-Commerce Integration" loading="lazy" decoding="async"> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16 pattern-leaf p-8 rounded-xl border border-[rgba(0,32,96,.08)]"> |
|
|
<h2 class="text-3xl font-bold mb-6 heading-navy">Streamline Your E-Commerce Business</h2> |
|
|
<p class="prose-lg mb-6"> |
|
|
Operating an online store demands efficient tools with powerful features capable of integrating different functions. Business Central integrates directly with Magento and, therefore, provides real-time updates on the same platform on stock, orders and customer details etc. This comprehensive solution eliminates human error and makes the business processes run smoothly. |
|
|
</p> |
|
|
<p class="prose-lg"> |
|
|
The synchronization of critical data has been automated in Microsoft Dynamics 365 Business Central, and this means that your business will not have to wait longer and your customers will receive accurate and timely information. |
|
|
</p> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-6 heading-navy">Meets customer expectations</h2> |
|
|
<p class="prose-lg mb-6"> |
|
|
In this current digital landscape, consumers demand timely and precise information. Business Central allows your business to handle these demands by synchronizing all important data, regardless of whether you use Magento. Your customers will be able to access updated information on products, their orders status and shipping details. |
|
|
</p> |
|
|
<p class="prose-lg"> |
|
|
The system is integrated and allows managing the inventory in real time, which means that your store will display the real stock position, avoiding over-selling or losing customer trust. |
|
|
</p> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-8 heading-navy text-center">Key Features for a Unified E-Commerce Experience</h2> |
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md card-accent"> |
|
|
<h3 class="text-xl font-bold mb-4 heading-navy">Complete Customer Address Sync</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Integrate customer registrations between Magento as well as Business Central seamlessly.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Sync multiple address types, including billing & shipping details, across all the platforms.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Ensure customer information stays updated on all platforms in real-time.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Simplify data management by having a unified customer database across your systems.</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md card-accent"> |
|
|
<h3 class="text-xl font-bold mb-4 heading-navy">Product & Inventory Updates</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Synchronize product details such as tier pricing and inventory status between your e-commerce solution and Business Central.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Ensure real-time visibility on product availability and prevent inventory errors.</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md card-accent"> |
|
|
<h3 class="text-xl font-bold mb-4 heading-navy">Order & Payment Management</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Automatically convert online orders into Business Central sales orders.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Synchronize all related details such as payment, shipping and tax across both platforms for effective order processing.</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md card-accent"> |
|
|
<h3 class="text-xl font-bold mb-4 heading-navy">Shipping and Payment Integration</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Map shipping methods and payment solutions between Business Central and Magento.</li> |
|
|
<li class="flex items-start li-check"><i data-feather="check" class="w-5 h-5 mr-2 text-[var(--vlc-leaf)]" aria-hidden="true"></i> Provide smooth checkout experiences and accurate shipping charges for your customers.</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16 pattern-leaf p-8 rounded-xl border border-[rgba(0,32,96,.08)]"> |
|
|
<h3 class="text-2xl font-bold mb-6 heading-navy">Simplified Customer Data Management</h3> |
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Complete Customer Sync</h4> |
|
|
<p>Web customer registrations and address information are synced with Business Central in real time. This integration ensures accurate customer profiles across both platforms.</p> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Product and Inventory Sync</h4> |
|
|
<p>Push product updates, sales prices, and inventory levels from Business Central to Magento. Real-time synchronization ensures your customers see the most up-to-date product availability and pricing.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16 pattern-diamond p-8 rounded-xl border border-[rgba(0,32,96,.08)]"> |
|
|
<h3 class="text-2xl font-bold mb-6 heading-navy">Real-Time Order & Payment Processing</h3> |
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Guest Checkout Integration</h4> |
|
|
<p>Allow guest customers to place orders, and sync their information directly with Business Central. Orders from guest users are converted into sales orders, streamlining the fulfillment process.</p> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Order Status Sync</h4> |
|
|
<p>Sales order shipment statuses, tracking numbers, and payment status are synced between Business Central and your e-commerce platform. Keep your customers informed throughout the order fulfillment process.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-16 pattern-leaf p-8 rounded-xl border border-[rgba(0,32,96,.08)]"> |
|
|
<h3 class="text-2xl font-bold mb-6 heading-navy">Shipping, Taxes, and Payment Integration</h3> |
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Integrated Payment Processing</h4> |
|
|
<p>Payment data is automatically transferred between Magento and Business Central, including payment methods and statuses. This ensures a seamless transaction experience for customers and reduces manual intervention.</p> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg p-6 shadow-sm card-accent"> |
|
|
<h4 class="font-semibold heading-navy mb-2">Shipping Data Sync</h4> |
|
|
<p>Keep your shipping rates and tax information consistent between platforms. The integration ensures that shipping charges and tax rates are synchronized for accurate customer billing.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-6 heading-navy">Why Integrate Microsoft Dynamics 365 Business Central with Your E-Commerce Platform?</h2> |
|
|
<p class="prose-lg mb-8 max-w-4xl mx-auto"> |
|
|
The potential benefits of integrating Microsoft Dynamics 365 Business Central with Magento are many, and include boosting the efficiency of the operational process, real-time syncing of data, and enhanced overall customer experience. |
|
|
</p> |
|
|
<div class="grid md:grid-cols-3 gap-8 mb-12"> |
|
|
<div class="bg-[var(--vlc-leaf-tint)] p-6 rounded-lg"> |
|
|
<i data-feather="activity" class="w-10 h-10 mb-4 text-[var(--vlc-leaf)]" aria-hidden="true"></i> |
|
|
<h3 class="text-xl font-bold mb-3 heading-navy">Real-Time Data Insights</h3> |
|
|
<p>Get full visibility of business operations with real-time updates of data to allow faster and more informed decision-making.</p> |
|
|
</div> |
|
|
<div class="bg-[var(--vlc-leaf-tint)] p-6 rounded-lg"> |
|
|
<i data-feather="clock" class="w-10 h-10 mb-4 text-[var(--vlc-leaf)]" aria-hidden="true"></i> |
|
|
<h3 class="text-xl font-bold mb-3 heading-navy">Saved Human Labor</h3> |
|
|
<p>Reduce the number of manual tasks by automatizing the process of transferring data between the platforms and allowing your team to perform more strategic work.</p> |
|
|
</div> |
|
|
<div class="bg-[var(--vlc-leaf-tint)] p-6 rounded-lg"> |
|
|
<i data-feather="smile" class="w-10 h-10 mb-4 text-[var(--vlc-leaf)]" aria-hidden="true"></i> |
|
|
<h3 class="text-xl font-bold mb-3 heading-navy">Enhanced Customer Satisfaction</h3> |
|
|
<p>Make sure to have the correct product availability, quick order fulfillment, and clear communication with customers by synchronizing order and shipping information.</p> |
|
|
</div> |
|
|
</div> |
|
|
<a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-4 text-lg font-bold rounded-lg inline-block">Integrate Today</a> |
|
|
<p class="mt-4 prose-lg max-w-3xl mx-auto"> |
|
|
Connect Microsoft Dynamics 365 Business Central with Magento to enhance your e-commerce processes. Discover how our VLC Magento Connector and Business Central integration can help you increase efficiency and streamline your workflows. |
|
|
</p> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="text-center mb-16"> |
|
|
<div class="flex flex-wrap justify-center gap-4 max-w-4xl mx-auto"> |
|
|
<a href="./magento-connector-with-business-central.html" |
|
|
class="btn-primary px-8 py-4 text-lg font-bold rounded-lg inline-flex items-center"> |
|
|
Magento Connector Service |
|
|
<i data-feather="arrow-right" class="w-5 h-5 ml-2"></i> |
|
|
</a> |
|
|
<a href="./magento-connector-with-business-central.html" |
|
|
class="btn-accent px-8 py-4 text-lg font-bold rounded-lg inline-flex items-center"> |
|
|
Frequently Asked Questions |
|
|
<i data-feather="help-circle" class="w-5 h-5 ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<script> |
|
|
if (window.feather) feather.replace(); |
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<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 & 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" rel="noopener" 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" rel="noopener" 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" rel="noopener" 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" rel="noopener" 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" rel="noopener" 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> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; |
|
|
AOS.init({ duration: reduce ? 0 : 800, easing: 'ease-in-out', once: true, mirror: false, offset: 120, disable: () => window.innerWidth < 768 }); |
|
|
feather.replace(); |
|
|
}); |
|
|
|
|
|
|
|
|
(function(){ |
|
|
const btn = document.getElementById('mobile-menu-button'); |
|
|
const panel = document.getElementById('mobile-menu'); |
|
|
if(!btn || !panel) return; |
|
|
function setOpen(open){ |
|
|
panel.classList.toggle('hidden', !open); |
|
|
btn.setAttribute('aria-expanded', String(open)); |
|
|
btn.innerHTML = open ? feather.icons['x'].toSvg() : feather.icons['menu'].toSvg(); |
|
|
} |
|
|
let open = false; |
|
|
btn.addEventListener('click', () => { open = !open; setOpen(open); }); |
|
|
document.addEventListener('keydown', (e) => { if(e.key === 'Escape' && open){ open = false; setOpen(open); } }); |
|
|
})(); |
|
|
|
|
|
|
|
|
(function(){ let t; window.addEventListener('resize', () => { clearTimeout(t); t = setTimeout(() => AOS.refreshHard(), 150); }); })(); |
|
|
</script> |
|
|
<script defer src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
