Hugging Face's logo

Spaces:
vlcsolutions
/
vlc-securedynamics-shieldguard
Running

App Files Community
vlc-securedynamics-shieldguard / index.html
vlcsolutions's picture
vlcsolutions
change Meta Title: Each up to 55 characters, based on the data I’ve given you
3d4533d verified
raw
history blame contribute delete
39.8 kB
 <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="shortcut icon" href="./images/favicon/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dynamics 365 Security | Power Platform Protection | VLC</title>
<meta name="description" content="Enterprise-grade security for Dynamics 365 & Power Platform. 99.99% uptime, data protection & business continuity solutions from VLC experts."/>
<meta name="keywords" content="Dynamics 365 security, Power Platform protection, enterprise data security, business continuity, compliance, Microsoft cloud security, data encryption, threat protection"/>
<link rel="canonical" href="https://www.vlcsolutions.com/products.html" />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Dynamics 365 Security Solutions | VLC">
<meta name="twitter:description" content="Protect your Dynamics 365 & Power Platform with enterprise-grade security, 99.99% uptime SLA & military-grade data protection.">
<meta name="twitter:image:src" content="https://www.vlcsolutions.com/images/logo/VLC_Logo.png">
<!-- Tailwind + libs -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<!-- VLC Brand Map + UI polish -->
<style id="vlc-brand-theme">
:root{
--vlc-navy:#002060;
--vlc-navy-700:#001a50;
--vlc-sky:#00A0E9;
--vlc-leaf:#8DC63F;
--vlc-leaf-700:#79b32e;
--vlc-ink:#1F2A44;
--vlc-tint:#F5F7FF;
--vlc-leaf-tint:#F3FAEA;
--vlc-card:#ffffff;
}
html,body{width:100%;margin:0;padding:0}
body{ color:#1f2937; overflow-x:hidden }
.service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
.chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
.btn-primary{ background:var(--vlc-navy); color:#fff }
.btn-primary:hover{ background:var(--vlc-navy-700) }
.btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
.btn-accent:hover{ background:var(--vlc-leaf-700) }
.link-brand{ color:var(--vlc-navy) }
.link-brand:hover{ color:var(--vlc-leaf) }
/* Accent top border like vlcsolutions.com cards */
.card-accent{ position:relative; }
.card-accent:before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky)); }
/* Soft patterned sections */
.pattern-navy{
background:
radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
background-color:var(--vlc-navy);
}
/* Footer */
footer a:hover{ color:var(--vlc-leaf) }
/* Make “Learn more” rows align across cards */
.card-body{ display:flex; flex-direction:column; height:100% }
.card-cta{ margin-top:auto }
</style>
<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Dynamics 365 Security Framework",
"alternateName": "VLC SecureDynamics",
"image": "https://huggingface.co/spaces/vlcsolutions/vlc-velocity-unification-engine/resolve/main/images/Products.png",
"description": "Military-grade security for Dynamics 365 with 99.99% uptime SLA, enterprise data protection & business continuity solutions.",
"brand": {
"@type": "Brand",
"name": "VLC Solutions",
"url": "https://vlcsolutions.com"
},
"offers": {
"@type": "Offer",
"url": "https://vlcsolutions.com/contact-us.html",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
}
</script>
</head>
<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="./index.html" 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">
</a>
<nav class="hidden md:flex items-center gap-2">
<!-- Direct link per your request -->
<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>
<!-- Solutions -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="./solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
</div>
</div>
<!-- Services -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Services <i data-feather="chevron-down" class="w-4 h-4 ml-1"></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="./services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
<a href="./technology-advisor.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
<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>
<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>
<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>
<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>
<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>
<a href="./marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
<a href="./data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
</div>
</div>
<!-- Industries -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1"></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="./industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
<a href="./microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
<a href="./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="./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="./microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
</div>
</div>
<!-- Products -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Products <i data-feather="chevron-down" class="w-4 h-4 ml-1"></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="./products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
<a href="./microsoft-dynamics-365.html" class="pinline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
<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>
<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>
<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>
<a href="./microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
<a href="./magento-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Commerce</a>
</div>
</div>
<!-- Who We Are -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1"></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="./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="./partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
<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>
<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>
<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>
<a href="./blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
<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>
<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>
</div>
</div>
<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>
</nav>
<button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
<i data-feather="menu"></i>
</button>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-white shadow-lg z-50">
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<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>
<!-- Solutions Dropdown -->
<div class="relative">
<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">
<span>Solutions</span>
<i data-feather="chevron-down" class="w-4 h-4"></i>
</button>
<div id="solutions-dropdown" class="hidden pl-4">
<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>
</div>
</div>
<!-- Services Dropdown -->
<div class="relative">
<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">
<span>Services</span>
<i data-feather="chevron-down" class="w-4 h-4"></i>
</button>
<div id="services-dropdown" class="hidden pl-4">
<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>
<a href="./technology-advisor.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Advisory Services</a>
<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>
<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>
<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>
<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>
<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>
<a href="./marketing-solutions-strategic-growth.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Marketing Services</a>
<a href="./data-and-ai-transformation.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">AI and Analytics</a>
</div>
</div>
<!-- Industries Dropdown -->
<div class="relative">
<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">
<span>Industries</span>
<i data-feather="chevron-down" class="w-4 h-4"></i>
</button>
<div id="industries-dropdown" class="hidden pl-4">
<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>
<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>
<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>
<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>
<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>
</div>
</div>
<!-- Products Dropdown -->
<div class="relative">
<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">
<span>Products</span>
<i data-feather="chevron-down" class="w-4 h-4"></i>
</button>
<div id="products-dropdown" class="hidden pl-4">
<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>
<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>
<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>
<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>
<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>
<a href="./microsoft-dynamics-365-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics Commerce</a>
<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>
</div>
</div>
<!-- Who We Are Dropdown -->
<div class="relative">
<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">
<span>Who We Are</span>
<i data-feather="chevron-down" class="w-4 h-4"></i>
</button>
<div id="about-dropdown" class="hidden pl-4">
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</div>
</div>
<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>
</div>
</div>
</div>
</header>
<body class="font-sans antialiased">
<!-- Header / Nav -->
<!-- Security Banner -->
<section class="text-white py-14 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/data-defence-main-page-and-other.png')] bg-cover bg-center">
<!-- Push content to the right side -->
<div class="w-full flex justify-end">
<!-- Center text inside this block -->
<div class="max-w-2xl text-center pr-4 md:pr-40">
<h1 class="text-5xl md:text-3xl font-bold mb-6 text-white drop-shadow-lg">
Enterprise-Grade Security. Built for Continuity.
</h1>
<p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
Protect your data, maintain up time, and operate with confidence
</p>
<a href="./contact-us.html" class="inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-md text-lg transition-all duration-300 transform hover:scale-105" data-aos="fade-up" data-aos-delay="200">
Explore Security Framework
</a>
</div>
</div>
</div>
</section>
<!-- Section 1: Trust Foundation -->
<section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div class="max-w-6xl mx-auto" data-aos="fade-up">
<div class="flex flex-col md:flex-row gap-12 items-center">
<div class="md:w-1/2">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">A Foundation You Can Trust</h2>
<p class="text-lg text-gray-700 mb-6">VLC's technology foundation is intentionally designed to maintain operational stability and protect business continuity. Our first security approach, supported by regular validation and testing, ensures customer data always remains protected with unwavering attention.</p>
<p class="text-lg text-gray-700 mb-8">We combine enterprise-grade security with continuous monitoring to deliver peace of mind for your critical business operations.</p>
<a href="./contact-us.html" class="btn-primary px-6 py-3 rounded-md text-lg font-semibold inline-flex items-center gap-2">
Request Security Audit <i data-feather="shield" class="w-5 h-5"></i>
</a>
</div>
<div class="md:w-1/2">
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/data-defence-a-foundation-Yo-001.png" alt="Secure Data Center" class="hovered-element">
</div>
</div>
</div>
</section>
<!-- Section 2: High Availability -->
<section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]">
<div class="max-w-4xl mx-auto" data-aos="fade-up">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">High Availability</h2>
<p class="text-lg text-gray-700 mb-6">We utilize enterprise-grade data center environments to ensure physical data protection and uninterrupted system availability. These facilities undergo independent third-party audits aligned with AICPA SSAE 18 compliance requirements, reinforcing strong governance and data security controls.</p>
<p class="text-lg text-gray-700 mb-8">Our data centers are connected through multiple independent internet service providers to maintain continuous connectivity. Redundant infrastructure is implemented across the network layer, allowing traffic to flow seamlessly even during component failures. Load balancing and clustered systems further eliminate single points of failure and enhance overall reliability.</p>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-lg shadow-md">
<i data-feather="shield" class="w-10 h-10 text-[var(--vlc-leaf)] mb-4"></i>
<h3 class="font-bold text-lg mb-2">Redundant Systems</h3>
<p class="text-gray-600">No single point of failure in our architecture</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<i data-feather="cloud" class="w-10 h-10 text-[var(--vlc-leaf)] mb-4"></i>
<h3 class="font-bold text-lg mb-2">Multi-Cloud</h3>
<p class="text-gray-600">Distributed across multiple cloud providers</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<i data-feather="refresh-cw" class="w-10 h-10 text-[var(--vlc-leaf)] mb-4"></i>
<h3 class="font-bold text-lg mb-2">99.99% Uptime</h3>
<p class="text-gray-600">Enterprise-grade SLA guarantees</p>
</div>
</div>
</div>
</section>
<!-- Section 3: Security Framework -->
<section id="security-framework" class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div class="max-w-4xl mx-auto" data-aos="fade-up">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Our Security Framework</h2>
<p class="text-lg text-gray-700 mb-8">We recognize the responsibility that comes with managing mission-critical business information. To maintain trust and safeguard operations, we employ proven, enterprise-level security technologies and best practices.</p>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<ul class="space-y-3 text-gray-700">
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Intrusion Prevention Mechanisms</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Web Application Security Gateways</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Centralized Security Event Monitoring</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Ethical Penetration Assessments</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Dynamic Application Security Testing</li>
</ul>
<ul class="space-y-3 text-gray-700">
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Intrusion Monitoring and Detection</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Network-Level Firewalls</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Malware and Threat Protection</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Ongoing Vulnerability Identification</li>
<li class="flex items-start"><i data-feather="check" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i> Static Code Security Analysis</li>
</ul>
</div>
<p class="text-lg text-gray-700">VLC's product portfolio supports configurable security controls tailored to individual business requirements. Sensitive customer information is protected using strong encryption standards that align with enterprise and regulatory expectations.</p>
</div>
</section>
<!-- Section 4: Monitoring & Data Protection -->
<section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]">
<div class="max-w-6xl mx-auto" data-aos="fade-up">
<div class="flex flex-col md:flex-row gap-12 items-center">
<div class="md:w-1/2 relative">
<div ></div>
<div></div>
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/data-defence-monitoring-and-data-pr-2nd.png" alt="Data Monitoring Dashboard">
</div>
<div class="md:w-1/2">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Monitoring and Data Protection</h2>
<p class="text-lg text-gray-700 mb-6">Comprehensive monitoring is embedded throughout our application stack and infrastructure layers. Centralized oversight enables real-time alerts, rapid detection of anomalies, and immediate response to potential risks.</p>
<p class="text-lg text-gray-700 mb-8">Our data protection strategy follows a layered and resilient backup architecture. Critical customer data is captured through daily snapshots stored across multiple secure repositories. Backup logs are reviewed routinely, with scheduled monthly archives maintained for long-term retention. Recovery processes are tested on a recurring basis to ensure data restoration remains dependable.</p>
<a href="./contact-us.html" class="btn-primary px-6 py-3 rounded-md text-lg font-semibold inline-flex items-center gap-2">
Learn About Our Monitoring <i data-feather="eye" class="w-5 h-5"></i>
</a>
</div>
</div>
</div>
</section>
<!-- Section 5: Disaster Recovery -->
<section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div class="max-w-4xl mx-auto" data-aos="fade-up">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Disaster Recovery</h2>
<p class="text-lg text-gray-700 mb-8">VLC continuously evaluates, updates, and validates its disaster recovery framework to ensure readiness for unexpected events. Our recovery planning addresses personnel coordination, infrastructure restoration, application availability, data integrity, and elevated post-incident security controls.</p>
<div class="bg-[var(--vlc-leaf-tint)] p-6 rounded-lg border border-[var(--vlc-leaf)]">
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Our Recovery Process</h3>
<ol class="list-decimal list-inside space-y-3 text-gray-700">
<li>We routinely conduct recovery simulations to measure effectiveness</li>
<li>Identify improvement areas from each exercise</li>
<li>Incorporate findings into updated procedures</li>
<li>Strengthen our preparedness and response capabilities</li>
</ol>
</div>
</div>
</section>
<!-- Section 6: Product Security -->
<section class="py-16 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-tint)]">
<div class="max-w-4xl mx-auto" data-aos="fade-up">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Built-In Product Security</h2>
<p class="text-lg text-gray-700 mb-8">Protecting critical business information requires safeguards at the application level. VLC solutions include integrated security features that empower organizations to strengthen access control and data protection.</p>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Multi-Factor Authentication</h3>
<p class="text-gray-700 mb-4">Customers can enable multi-factor authentication for secure system access and enforce elevated approval workflows when sensitive data changes are requested.</p>
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/multi-factor-authentication-3.png" alt="MFA Security" class="rounded-md w-full">
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Custom Security Controls</h3>
<p class="text-gray-700 mb-4">For a detailed overview of available security capabilities, organizations are encouraged to contact VLC Solutions directly to discuss their specific requirements.</p>
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/multi-factor-authentication-4.png" alt="Security Controls" class="rounded-md w-full">
</div>
</div>
</div>
</section>
<!-- Section 7: CTA -->
<section class="pattern-navy text-white py-16 px-4 sm:px-6 lg:px-8">
<div class="max-w-4xl mx-auto text-center" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Discover how VLC safeguards your applications, infrastructure, and critical business data.</h2>
<p class="text-xl text-gray-200 mb-8">Connect with our experts to build a secure and resilient operating environment.</p>
<a href="./contact-us.html" class="btn-accent px-8 py-3 rounded-md text-lg font-semibold inline-flex items-center gap-2">
Talk to a Security Expert <i data-feather="arrow-right" class="w-5 h-5"></i>
</a>
</div>
</section>
<!-- FOOTER -->
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-3 gap-10 mb-10">
<div>
<h3 class="font-bold mb-3">Contact Us</h3>
<div class="text-gray-300 space-y-3">
<div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3"></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"></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="./index.html" class="hover:text-white">Home</a></li>
<li><a href="./who-we-are.html" class="hover:text-white">About Us</a></li>
<li><a href="./solutions.html" class="hover:text-white">Solutions</a></li>
<li><a href="./services.html" class="hover:text-white">Services</a></li>
<li><a href="./industries.html" class="hover:text-white">Industries</a></li>
<li><a href="./products.html" class="hover:text-white">Products</a></li>
<li><a href="./who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
</ul>
<ul class="space-y-2">
<li><a href="./contact-us.html" class="hover:text-white">Contact Us</a></li>
<li><a href="./blog/" class="hover:text-white">Blog</a></li>
<li><a href="./case-studies.html" class="hover:text-white">Case Studies</a></li>
<li><a href="./privacy.html" class="hover:text-white">Privacy Policy</a></li>
<li><a href="./terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
<li><a href="./protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
</ul>
</div>
</div>
<div>
<h3 class="font-bold mb-3">VLC Solutions</h3>
<p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
<div class="flex gap-4">
<a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn"><i data-feather="linkedin" class="w-5 h-5"></i></a>
<a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram"><i data-feather="instagram" class="w-5 h-5"></i></a>
<a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X"><i data-feather="twitter" class="w-5 h-5"></i></a>
<a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
<img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
</a>
<a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube"><i data-feather="youtube" class="w-5 h-5"></i></a>
</div>
</div>
</div>
<div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
© 2026 VLC Solutions. All rights reserved.
</div>
</div>
</footer>
<script>
// Init animations and handle mobile menu functionality after scripts loaded
document.addEventListener('DOMContentLoaded', () => {
// Initialize AOS (Animation On Scroll)
if (window.AOS) {
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true,
mirror: false,
offset: 120,
disable: window.innerWidth < 768
});
}
// Replace Feather icons
if (window.feather) {
feather.replace();
}
// Mobile menu toggle functionality
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', () => {
// Toggle the mobile menu visibility
mobileMenu.classList.toggle('hidden');
// Change icon from menu to close (or vice versa)
const icon = mobileMenuButton.querySelector('i');
if (mobileMenu.classList.contains('hidden')) {
feather.icons.menu.replace(); // Show menu icon
} else {
feather.icons.x.replace(); // Show close (X) icon
}
});
}
// Function to toggle mobile dropdowns
window.toggleMobileDropdown = function(id) {
const dropdown = document.getElementById(id);
dropdown.classList.toggle('hidden');
// Update chevron icon
const button = dropdown.previousElementSibling;
const icon = button.querySelector('i');
if (dropdown.classList.contains('hidden')) {
feather.icons['chevron-down'].replace(); // Show down arrow
} else {
feather.icons['chevron-up'].replace(); // Show up arrow
}
};
});
// Refresh AOS on window resize (guard if AOS is present)
window.addEventListener('resize', function() {
if (window.AOS && AOS.refreshHard) {
AOS.refreshHard();
}
});
</script>
</body>
</html>