vlcsolutions's picture
Manual changes saved
81a6226 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"/>
<title>Power Platform Solutions | VLC Dynamics 365 Experts</title>
<meta name="description" content="VLC Solutions delivers Microsoft Power Platform services: Power BI, Power Apps, Power Automate & Virtual Agents. Transform workflows with low-code solutions."/>
<meta name="keywords" content="Microsoft Power Platform, Power BI consulting, Power Apps development, Power Automate workflow, Business Central integration, Dynamics 365 solutions, low-code automation"/>
<link rel="canonical" href="https://www.vlcsolutions.com/power-platform.html" />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Power Platform Solutions | VLC Experts">
<meta name="twitter:description" content="Transform workflows with Microsoft Power Platform: Power BI, Power Apps, Power Automate & Virtual Agents. Low-code solutions for business automation.">
<meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png">
<!-- Tailwind + libs -->
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>
<!-- 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;
}
body{ color:#1f2937; }
.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);
}
.pattern-tint{
background:
radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
background-color:#F7FBF1;
}
/* 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":"WebPage",
"url":"https://www.vlcsolutions.com/power-platform.html",
"name":"Power Platform Solutions | VLC Dynamics Experts",
"headline":"Low-code automation solutions with Microsoft Power Platform",
"description":"VLC delivers Power Platform services including Power BI, Power Apps, Power Automate & Virtual Agents to streamline business workflows.",
"publisher":{
"@type":"Organization",
"name":"VLC Solutions",
"url":"https://www.vlcsolutions.com",
"logo":{"@type":"ImageObject","url":"https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"}
},
"mainEntity":{
"@type":"ItemList",
"name":"Industries We Serve",
"itemListElement":[
{"@type":"Service","name":"Power BI Analytics","serviceType":"ProfessionalService","description":"Interactive dashboards and real-time business intelligence with Power BI."},
{"@type":"Service","name":"Power Apps Development","serviceType":"ProfessionalService","description":"Custom business apps built with Microsoft Power Apps platform."},
{"@type":"Service","name":"Power Automate Workflows","serviceType":"ProfessionalService","description":"Automate business processes across Microsoft 365 and Dynamics 365."},
{"@type":"Service","name":"Virtual Agent Chatbots","serviceType":"ProfessionalService","description":"AI-powered chatbots for customer service and internal support."}
]
},
"about":[
"Microsoft Power Platform",
"Power BI Analytics",
"Power Apps Development",
"Power Automate Workflows",
"Business Process Automation"
],
"potentialAction":{
"@type":"ContactAction",
"target":"https://www.vlcsolutions.com/contactus.html",
"name":"Contact Power Platform Experts",
"description":"Transform workflows with Microsoft Power Platform solutions."
},
}
</script>
</head>
<!-- Header / Nav -->
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
<img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10" loading="lazy">
</a>
<nav class="hidden md:flex items-center gap-2" aria-label="Primary">
<!-- Direct link per your request -->
<a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>
<!-- 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" aria-hidden="true"></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="https://www.vlcsolutions.com/solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
</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" 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/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="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
<a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
<a href="https://www.vlcsolutions.com/managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
<a href="https://www.vlcsolutions.com/managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
<a href="https://www.vlcsolutions.com/compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
<a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
<a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
<a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
</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" 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/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="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
<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="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" 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/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="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
<a href="https://www.vlcsolutions.com/power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
<a href="https://www.vlcsolutions.com/microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
<a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
</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" 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-500 hover:bg-gray-100" aria-label="Open menu">
<i data-feather="menu" aria-hidden="true"></i>
</button>
</div>
</div>
</header>
<!-- Hero Banner -->
<section class="relative overflow-hidden">
<div class="absolute inset-0">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/M-PowerPlatform%20main%20banners%20all-2025.png"
alt="Microsoft Power Platform"
class="w-full h-full object-cover">
</div>
<div class="relative z-10 py-12 md:py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center md:text-left md:ml-auto md:w-1/2" data-aos="fade-up">
<h1 class="text-4xl md:text-5xl font-bold mb-4 text-white">Insight, Action, and Automation Converge</h1>
<p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8 text-white">Build smarter apps, automate workflows, and unlock insights — <span class="font-bold bg-white/20 px-2 py-1 rounded-md">all with Microsoft's low-code Power Platform</span></p>
<a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md text-lg font-medium hover:shadow-lg transition-all duration-300">Cut Complexity Fast</a>
</div>
</div>
</div>
</section>
<!-- Section 1: Blueprint -->
<section class="py-16 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="md:flex items-center gap-12">
<div class="md:w-1/2 mb-8 md:mb-0" data-aos="fade-right">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Your Blueprint for Operational Excellence</h2>
<p class="text-lg mb-6">In today's digital-first economy, businesses need more than just software; they need agility, automation, and actionable insights. Microsoft Power Platform delivers exactly that. As a trusted Microsoft partner, VLC Solutions helps organizations unlock the full potential of this low-code platform to streamline operations, build custom applications, and make smarter decisions, all without incurring heavy development overhead.</p>
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">What Is Microsoft Power Platform?</h3>
<p class="mb-6">Microsoft Power Platform is a suite of four integrated tools that empower users to solve complex business challenges with minimal coding:</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start"><i data-feather="check-circle" class="w-5 h-5 mr-3 text-[var(--vlc-leaf)]"></i><span><strong>Power BI:</strong> Transform data into interactive dashboards and real-time insights.</span></li>
<li class="flex items-start"><i data-feather="check-circle" class="w-5 h-5 mr-3 text-[var(--vlc-leaf)]"></i><span><strong>Power Apps:</strong> Build custom applications tailored to your business needs.</span></li>
<li class="flex items-start"><i data-feather="check-circle" class="w-5 h-5 mr-3 text-[var(--vlc-leaf)]"></i><span><strong>Power Automate:</strong> Automate repetitive tasks and orchestrate workflows.</span></li>
<li class="flex items-start"><i data-feather="check-circle" class="w-5 h-5 mr-3 text-[var(--vlc-leaf)]"></i><span><strong>Power Pages:</strong> Quickly create secure, low-code websites and external portals.</span></li>
<li class="flex items-start"><i data-feather="check-circle" class="w-5 h-5 mr-3 text-[var(--vlc-leaf)]"></i><span><strong>Copilot Studio:</strong> Design custom, conversational AI agents and assistants.</span></li>
</ul>
<a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-6 py-3 rounded-md text-md font-medium">See How It Works</a>
</div>
<div class="md:w-1/2" data-aos="fade-left">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/M-PowerPlatform%20rightside-2025.png" alt="Microsoft Power Platform">
</div>
</div>
</div>
</section>
<!-- Section 2: VLC Approach -->
<section class="pattern-tint py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12" data-aos="fade-up">
<h2 class="text-3xl font-bold text-[var(--vlc-navy)]">VLC's Approach to Power Platform Solutions</h2>
<div class="max-w-3xl mx-auto mt-6 text-lg">
<p>At VLC Solutions, we don't just implement tools; we deliver Power Platform Solutions that are secure, scalable, and aligned with your business goals. Whether you're looking to digitize manual processes, enhance customer engagement, or integrate with existing Microsoft systems, we provide end-to-end support from strategy to deployment.</p>
</div>
</div>
</div>
</section>
<!-- Section 3-6: Solutions Grid -->
<section class="py-16 bg-white" id="solutions">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-2 gap-8">
<!-- Power BI -->
<div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="fade-up">
<div class="flex items-center mb-4">
<div class="p-3">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/Power BI.png" alt="Power BI Icon" class="w-12 h-12">
</div>
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Microsoft Power BI Integration</h3>
</div>
<p class="mb-6">Your most valuable asset is data, but only if you can act on it. VLC Solutions supports Microsoft Power BI Integration to enable the visualization of KPIs, tracking performance, and discovering trends. We deliver data accessibility and actionability across your organization, starting with executive dashboards and moving to department-level analytics.</p>
<a href="#" class="link-brand font-medium inline-flex items-center">Learn More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i></a>
</div>
<!-- Power Apps -->
<div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="fade-up">
<div class="flex items-center mb-4">
<div class="p-3">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/Power apps.png" alt="Power BI Icon" class="w-12 h-12">
</div>
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Microsoft Power Apps Development</h3>
</div>
<p class="mb-6">Need a custom app to manage inventory, onboard employees, or track field activities? VLC Solutions focuses on Microsoft Power Apps Development, which enables teams to create secure and scalable applications using drag-and-drop tools and templates, along with AI modules, all on a low-code platform.</p>
<a href="#" class="link-brand font-medium inline-flex items-center">Learn More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i></a>
</div>
<!-- Power Automate -->
<div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="fade-up">
<div class="flex items-center mb-4">
<div class="p-3">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/power automation.png" alt="Power BI Icon" class="w-12 h-12">
</div>
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Power Automate for Business Central</h3>
</div>
<p class="mb-6">Manual workflows reduce productivity. VLC Solutions provides Power Automate for Business Central to automatically approve, integrate data between systems, and remove redundancies. Whether it be finance, human resources, or operations, we simplify your operations so that your team can focus on what is important.</p>
<a href="#" class="link-brand font-medium inline-flex items-center">Learn More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i></a>
</div>
<!-- Power Pages -->
<div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="fade-up">
<div class="flex items-center mb-4">
<div class="p-3">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/power virtual agent-1.png" alt="Power BI Icon" class="w-12 h-12">
</div>
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Microsoft Power Pages Development</h3>
</div>
<p class="mb-6">Creating secure, data-connected websites is easier than ever with Microsoft Power Pages. Organizations can quickly launch customer portals, partner dashboards, and service request sites using built-in templates, Dataverse integration, and responsive design tools.</p>
<a href="#" class="link-brand font-medium inline-flex items-center">Learn More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i></a>
</div>
<!-- Copilot Studio -->
<div class="card-accent bg-white p-8 rounded-lg shadow-md" data-aos="fade-up">
<div class="flex items-center mb-4">
<div class="p-3">
<img src="https://huggingface.co/spaces/vlcsolutions/powerplatform-prodigy-suite/resolve/main/images/Copilot Studio.png" alt="Power BI Icon" class="w-12 h-12">
</div>
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Microsoft Copilot Studio Solutions</h3>
</div>
<p class="mb-6">Intelligent AI assistants can now be built with minimal effort through Microsoft Copilot Studio. Teams gain the ability to design conversational agents, automate support tasks, and streamline internal workflows using natural language prompts and customizable logic.</p>
<a href="#" class="link-brand font-medium inline-flex items-center">Learn More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i></a>
</div>
</div>
</div>
</section>
<!-- Adjust grid for 5 items -->
<style id="solutions-grid">
@media (min-width: 768px) {
#solutions .grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
#solutions .grid {
grid-template-columns: repeat(2, 1fr);
}
}
</style>
<!-- Section 7: Why Choose VLC -->
<section class="bg-[var(--vlc-leaf-tint)] text-[var(--vlc-navy)] py-16" id="contact">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12" data-aos="fade-up">
<h2 class="text-3xl font-bold mb-6">Why Choose VLC Solutions?</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto">
<div class="bg-white p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="100">
<i data-feather="award" class="w-10 h-10 mx-auto mb-4"></i>
<p>Deep expertise in Microsoft ecosystem integration</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="200">
<i data-feather="code" class="w-10 h-10 mx-auto mb-4"></i>
<p>Proven success in low-code and no-code development</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="300">
<i data-feather="layers" class="w-10 h-10 mx-auto mb-4"></i>
<p>Scalable, industry-specific solutions</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="400">
<i data-feather="life-buoy" class="w-10 h-10 mx-auto mb-4"></i>
<p>End-to-end support, from planning to optimization</p>
</div>
</div>
</div>
<div class="text-center" data-aos="fade-up">
<h3 class="text-2xl font-bold mb-6">Empower your workforce. Automate your operations. Make data work for you.</h3>
<p class="text-xl mb-8 max-w-3xl mx-auto">Collaborate with VLC Solutions and transform your enterprise with Microsoft Power Platform.</p>
<a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md text-lg font-medium">Activate Data Momentum</a>
</div>
</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" 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 &amp; 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" 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" 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" 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" 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" 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>
// Init animations (after scripts loaded)
document.addEventListener('DOMContentLoaded', () => {
if (window.AOS) {
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true,
mirror: false,
offset: 120,
disable: window.innerWidth < 768
});
}
if (window.feather) {
feather.replace();
}
// Mobile menu placeholder
const mobileBtn = document.getElementById('mobile-menu-button');
if (mobileBtn) {
mobileBtn.addEventListener('click', () => {
console.log('Mobile menu clicked');
});
}
});
// Refresh AOS on resize (guard if AOS present)
window.addEventListener('resize', function() {
if (window.AOS && AOS.refreshHard) {
AOS.refreshHard();
}
});
</script>
</body>
</html>