<?php
require_once __DIR__ . "/../includes/seo.php";
$pageTitle = 'Microsoft 365 & Cloud Solutions | Omni Telecom Ltd';
$pageDescription = 'Microsoft 365, Dynamics 365, Azure, and AI Copilot solutions from Omni Telecom. Transform your business with cloud productivity tools.';
$pageKeywords = 'Microsoft 365, Dynamics 365, Azure, cloud solutions, Copilot, AI, Teams, business cloud, Omni Telecom';
$pageSchema = [
    schemaService('Microsoft 365 & Cloud Solutions', $pageDescription, 'https://omnitelecom.co.uk/services/microsoft-365.php', 'Cloud Services'),
    schemaBreadcrumbs([
        ['name' => 'Home', 'url' => 'https://omnitelecom.co.uk/'],
        ['name' => 'Services', 'url' => 'https://omnitelecom.co.uk/#services'],
        ['name' => 'Microsoft 365 & Cloud'],
    ]),
    schemaFAQ([
        ['q' => 'Which Microsoft 365 plan is right for my business?', 'a' => 'It depends on your needs. Microsoft 365 Business Basic is great for cloud-only use, Business Standard adds desktop Office apps, and Business Premium includes advanced security features. We\'ll help you choose the right plan based on your team size and requirements.'],
        ['q' => 'Can you migrate our existing email to Microsoft 365?', 'a' => 'Yes, we handle complete email migrations from any provider to Exchange Online. We migrate all emails, contacts, and calendar data with minimal disruption to your business. Most migrations are completed out of hours.'],
        ['q' => 'What is Microsoft Copilot?', 'a' => 'Microsoft Copilot is an AI assistant built into Microsoft 365 apps. It can draft emails, create presentations, summarise meetings, analyse data in Excel, generate documents, and much more. It learns from your organisation\'s data to provide contextually relevant assistance.'],
        ['q' => 'Can Microsoft Teams replace our phone system?', 'a' => 'Yes. With Teams Phone, you can make and receive external calls using your existing business numbers. We can port your numbers to Teams and set up call queues, auto-attendants, and voicemail. It\'s a full replacement for traditional PBX systems.'],
        ['q' => 'Do you provide ongoing support for Microsoft 365?', 'a' => 'Absolutely. We provide full administration, user management, security configuration, and technical support for your Microsoft 365 environment. Our UK-based support team is available to help with any issues or changes you need.'],
    ]),
];
require_once __DIR__ . '/../includes/header.php';
?>

<!-- Service Hero -->
<section class="service-hero blue-theme">
    <div class="container">
        <nav class="breadcrumb-nav" aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?= siteUrl() ?>">Home</a></li>
                <li class="breadcrumb-item"><a href="<?= siteUrl() ?>#services">Services</a></li>
                <li class="breadcrumb-item active">Microsoft 365 & Cloud</li>
            </ol>
        </nav>
        <div class="row align-items-center">
            <div class="col-lg-7">
                <h1><span class="text-gradient">Microsoft 365</span> & Cloud Solutions</h1>
                <p class="lead">Microsoft 365, offered by Omni Telecom, is the all-in-one solution for modern business needs. Integrating seamlessly with Dynamics 365 and Azure to deliver a comprehensive suite of productivity, AI, and cloud capabilities.</p>
                <div class="d-flex gap-3 flex-wrap mt-4">
                    <a href="<?= siteUrl('contact.php') ?>" class="btn btn-gradient"><span>Get Started <i class="bi bi-arrow-right ms-1"></i></span></a>
                    <a href="tel:03300553326" class="btn btn-ghost"><i class="bi bi-telephone me-1"></i>Speak to Our Team</a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Microsoft Product Logos -->
<style>
@keyframes logoPopIn {
    0% { opacity: 0; transform: scale(0.3) rotate(-15deg); }
    60% { opacity: 1; transform: scale(1.1) rotate(3deg); }
    80% { transform: scale(0.95) rotate(-1deg); }
    100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes logoDriftIn {
    0% { opacity: 0; transform: translateY(30px) scale(0.5); }
    70% { opacity: 1; transform: translateY(-5px) scale(1.05); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes logoFlipIn {
    0% { opacity: 0; transform: perspective(400px) rotateY(-90deg) scale(0.6); }
    60% { opacity: 1; transform: perspective(400px) rotateY(10deg) scale(1.05); }
    100% { opacity: 1; transform: perspective(400px) rotateY(0deg) scale(1); }
}
@keyframes logoSlideUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes logoZoomSpin {
    0% { opacity: 0; transform: scale(0) rotate(180deg); }
    70% { opacity: 1; transform: scale(1.1) rotate(-10deg); }
    100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
.ms-logo-item {
    opacity: 0;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ms-logo-item:nth-child(1) { animation-name: logoPopIn; animation-delay: 0.3s; }
.ms-logo-item:nth-child(2) { animation-name: logoDriftIn; animation-delay: 0.9s; }
.ms-logo-item:nth-child(3) { animation-name: logoFlipIn; animation-delay: 1.5s; }
.ms-logo-item:nth-child(4) { animation-name: logoSlideUp; animation-delay: 2.1s; }
.ms-logo-item:nth-child(5) { animation-name: logoZoomSpin; animation-delay: 2.7s; }
.ms-logo-item:nth-child(6) { animation-name: logoDriftIn; animation-delay: 3.3s; }
.ms-logo-item:nth-child(7) { animation-name: logoPopIn; animation-delay: 3.9s; }
.ms-logo-item:nth-child(8) { animation-name: logoFlipIn; animation-delay: 4.5s; }
.ms-logo-item:nth-child(9) { animation-name: logoSlideUp; animation-delay: 5.1s; }
.ms-logo-item { cursor: pointer; position: relative; }
.ms-logo-item:hover svg { transform: scale(1.15); }
.ms-logo-item svg { transition: transform 0.2s ease; }
.ms-popup-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);
    z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease;
}
.ms-popup-overlay.active { opacity: 1; visibility: visible; }
.ms-popup {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8);
    background: var(--bg-card, #12121A); border: 1px solid var(--border, #1E1E2E);
    border-radius: 16px; padding: 2rem; max-width: 420px; width: 90%; z-index: 9999;
    opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
}
.ms-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }
.ms-popup-logo { text-align: center; margin-bottom: 1rem; }
.ms-popup-logo svg { width: 60px; height: 60px; }
.ms-popup h4 { color: #fff; text-align: center; margin-bottom: 0.75rem; }
.ms-popup p { color: #9ca3af; font-size: 0.95rem; line-height: 1.6; margin: 0; }
.ms-popup-close {
    position: absolute; top: 12px; right: 12px; background: none; border: none;
    color: #6b7280; font-size: 1.5rem; cursor: pointer; line-height: 1; padding: 4px 8px;
    border-radius: 6px; transition: all 0.2s;
}
.ms-popup-close:hover { color: #fff; background: rgba(255,255,255,0.1); }
</style>
<section class="py-4" style="border-bottom: 1px solid var(--border);">
    <div class="container">
        <div class="d-flex flex-wrap justify-content-center align-items-center gap-4 gap-lg-5">
            <!-- Office 365 / Microsoft 365 -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Office 365" data-desc="The complete Microsoft productivity suite including Word, Excel, PowerPoint, Outlook, and OneDrive. Cloud-based apps and services to help your team create, communicate, and collaborate from anywhere.">
                <svg width="40" height="40" viewBox="23.3 -0.05 465.5 512.07" xmlns="http://www.w3.org/2000/svg"><radialGradient id="m365a" cx="-44.794" cy="657.774" r="11.637" gradientTransform="matrix(-11.7002 31.247 54.5012 20.4075 -36194.156 -11923.366)" gradientUnits="userSpaceOnUse"><stop offset=".064" style="stop-color:#ae7fe2"/><stop offset="1" style="stop-color:#0078d4"/></radialGradient><path d="m210.4 11.9-2.6 1.6q-6.3 3.75-11.7 8.4l7.5-5.3h64l11.6 88.1-58.2 58.2-58.2 40.4V250c0 32.6 17 62.8 44.9 79.6l61.3 37.1-129.4 75.5h-25L68.2 414c-27.9-16.9-44.9-47.1-44.9-79.6V177.6c0-32.6 17-62.8 44.9-79.7l139.6-84.5c.9-.5 1.8-1 2.6-1.5" style="fill:url(#m365a)"/><linearGradient id="m365b" x1="253.635" x2="198.236" y1="138.912" y2="234.727" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#114a8b"/><stop offset="1" style="stop-color:#0078d4;stop-opacity:0"/></linearGradient><path d="m210.4 11.9-2.6 1.6q-6.3 3.75-11.7 8.4l7.5-5.3h64l11.6 88.1-58.2 58.2-58.2 40.4V250c0 32.6 17 62.8 44.9 79.6l61.3 37.1-129.4 75.5h-25L68.2 414c-27.9-16.9-44.9-47.1-44.9-79.6V177.6c0-32.6 17-62.8 44.9-79.7l139.6-84.5c.9-.5 1.8-1 2.6-1.5" style="fill:url(#m365b)"/><radialGradient id="m365c" cx="-47" cy="627.798" r="11.637" gradientTransform="matrix(30.7198 -4.5183 -2.9847 -20.2925 3415.678 12926.943)" gradientUnits="userSpaceOnUse"><stop offset=".134" style="stop-color:#d59dff"/><stop offset="1" style="stop-color:#5e438f"/></radialGradient><path d="M349.1 197.8v52.1c0 32.6-17 62.8-44.9 79.6L164.6 414c-28.6 17.4-64.1 18-93.2 2l136.4 82.6c29.6 17.9 66.8 17.9 96.4 0L443.8 414c27.9-16.9 44.9-47.1 44.9-79.6v-37.7l-11.6-17.5z" style="fill:url(#m365c)"/><linearGradient id="m365d" x1="389.743" x2="330.378" y1="281.462" y2="196.34" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#493474"/><stop offset="1" style="stop-color:#8c66ba;stop-opacity:0"/></linearGradient><path d="M349.1 197.8v52.1c0 32.6-17 62.8-44.9 79.6L164.6 414c-28.6 17.4-64.1 18-93.2 2l136.4 82.6c29.6 17.9 66.8 17.9 96.4 0L443.8 414c27.9-16.9 44.9-47.1 44.9-79.6v-37.7l-11.6-17.5z" style="fill:url(#m365d)"/><radialGradient id="m365e" cx="-70.906" cy="659.478" r="11.637" gradientTransform="matrix(-24.1583 -6.1256 -10.3118 40.6682 5541.9 -26969.008)" gradientUnits="userSpaceOnUse"><stop offset=".058" style="stop-color:#50e6ff"/><stop offset="1" style="stop-color:#436dcd"/></radialGradient><path d="M443.8 97.9 304.2 13.4C275.5-4 239.8-4.5 210.6 11.8l-2.8 1.7a93.13 93.13 0 0 0-44.9 79.7v110.4l44.9-27.2c29.6-17.9 66.7-17.9 96.4 0l139.6 84.5c27 16.3 43.8 45.2 44.9 76.6 0-1 .1-2 .1-3.1V177.6c-.1-32.6-17.1-62.8-45-79.7" style="fill:url(#m365e)"/><linearGradient id="m365f" x1="174.261" x2="261.665" y1="345.286" y2="345.286" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2d3f80"/><stop offset="1" style="stop-color:#436dcd;stop-opacity:0"/></linearGradient><path d="M443.8 97.9 304.2 13.4C275.5-4 239.8-4.5 210.6 11.8l-2.8 1.7a93.13 93.13 0 0 0-44.9 79.7v110.4l44.9-27.2c29.6-17.9 66.7-17.9 96.4 0l139.6 84.5c27 16.3 43.8 45.2 44.9 76.6 0-1 .1-2 .1-3.1V177.6c-.1-32.6-17.1-62.8-45-79.7" style="fill:url(#m365f)"/></svg>
                <div class="small text-muted mt-1">Office 365</div>
            </div>
            <!-- Teams -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft Teams" data-desc="The hub for teamwork. Combines chat, video meetings, calling, and file collaboration in one app. With Teams Phone, you can replace your traditional PBX and make external calls directly from Teams.">
                <svg width="40" height="40" viewBox="0 17.9 512 476.3" xmlns="http://www.w3.org/2000/svg"><circle cx="446.5" cy="119.1" r="53.6" fill="#5059c9"/><path fill="#5059c9" d="M357.1 196.5h132.3c12.5 0 22.6 10.1 22.6 22.6v120.5c0 45.9-37.2 83.1-83.1 83.1h-.4c-45.9 0-83.2-37.2-83.2-83.1V208.3c0-6.5 5.3-11.8 11.8-11.8"/><circle cx="279.8" cy="95.3" r="77.4" fill="#7b83eb"/><path fill="#7b83eb" d="M383 196.5H164.7c-12.3.3-22.1 10.6-21.8 22.9v137.4c-1.7 74.1 56.9 135.6 131 137.4 74.1-1.8 132.7-63.3 131-137.4V219.4c.2-12.4-9.5-22.6-21.9-22.9"/><path d="M285.8 196.5V389c-.1 8.8-5.4 16.8-13.6 20.1-2.6 1.1-5.4 1.7-8.2 1.7H153.4c-1.5-3.9-3-7.9-4.2-11.9-4.2-13.7-6.3-27.9-6.3-42.2V219.3c-.3-12.3 9.5-22.6 21.8-22.9h121.1z" opacity=".2"/><path d="M273.9 196.5v204.4c0 2.8-.6 5.6-1.7 8.2-3.4 8.2-11.3 13.5-20.1 13.6H159c-2-3.9-3.9-7.9-5.6-11.9s-3-7.9-4.2-11.9c-4.2-13.7-6.3-27.9-6.3-42.2V219.3c-.3-12.3 9.5-22.6 21.8-22.9h109.2z" opacity=".1"/><path d="M273.9 196.5v180.6c-.1 12-9.8 21.7-21.8 21.8H149.2c-4.2-13.7-6.3-27.9-6.3-42.2V219.3c-.3-12.3 9.5-22.6 21.8-22.9h109.2z" opacity=".2"/><path d="M262 196.5v180.6c-.1 12-9.8 21.7-21.8 21.8h-91c-4.2-13.7-6.3-27.9-6.3-42.2V219.3c-.3-12.3 9.5-22.6 21.8-22.9H262z" opacity=".1"/><linearGradient id="teams_g" x1="45.507" x2="216.447" y1="-1175.364" y2="-879.303" gradientTransform="translate(0 1283.333)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5a62c3"/><stop offset=".5" stop-color="#4d55bd"/><stop offset="1" stop-color="#3940ab"/></linearGradient><path d="M21.8 125h218.3c12.1 0 21.8 9.8 21.8 21.8v218.3c0 12.1-9.8 21.8-21.8 21.8H21.8C9.8 387 0 377.2 0 365.2V146.8c0-12 9.8-21.8 21.8-21.8" fill="url(#teams_g)"/><path fill="#fff" d="M188.4 208.1h-43.6v118.8H117V208.1H73.5V185h114.9z"/></svg>
                <div class="small text-muted mt-1">Teams</div>
            </div>
            <!-- Azure -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft Azure" data-desc="Microsoft's cloud computing platform. Build, deploy, and manage applications through a global network of data centres. Includes virtual machines, cloud backup, disaster recovery, and hybrid cloud solutions.">
                <svg width="40" height="40" viewBox="4 6.54 87.99 82.91" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="az_a" x1="-1032.172" x2="-1059.213" y1="145.312" y2="65.426" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#114a8b"/><stop offset="1" stop-color="#0669bc"/></linearGradient><linearGradient id="az_b" x1="-1023.725" x2="-1029.98" y1="108.083" y2="105.968" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".3"/><stop offset=".071" stop-opacity=".2"/><stop offset=".321" stop-opacity=".1"/><stop offset=".623" stop-opacity=".05"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="az_c" x1="-1027.165" x2="-997.482" y1="147.642" y2="68.561" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3ccbf4"/><stop offset="1" stop-color="#2892df"/></linearGradient></defs><path fill="url(#az_a)" d="M33.338 6.544h26.038l-27.03 80.087a4.15 4.15 0 0 1-3.933 2.824H8.149a4.145 4.145 0 0 1-3.928-5.47L29.404 9.368a4.15 4.15 0 0 1 3.934-2.825z"/><path fill="#0078d4" d="M71.175 60.261h-41.29a1.911 1.911 0 0 0-1.305 3.309l26.532 24.764a4.17 4.17 0 0 0 2.846 1.121h23.38z"/><path fill="url(#az_b)" d="M33.338 6.544a4.12 4.12 0 0 0-3.943 2.879L4.252 83.917a4.14 4.14 0 0 0 3.908 5.538h20.787a4.44 4.44 0 0 0 3.41-2.9l5.014-14.777 17.91 16.705a4.24 4.24 0 0 0 2.666.972H81.24L71.024 60.261l-29.781.007L59.47 6.544z"/><path fill="url(#az_c)" d="M66.595 9.364a4.145 4.145 0 0 0-3.928-2.82H33.648a4.15 4.15 0 0 1 3.928 2.82l25.184 74.62a4.146 4.146 0 0 1-3.928 5.472h29.02a4.146 4.146 0 0 0 3.927-5.472z"/></svg>
                <div class="small text-muted mt-1">Azure</div>
            </div>
            <!-- Dynamics 365 -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Dynamics 365" data-desc="Enterprise resource planning and CRM in one platform. Manage sales, customer service, finance, and operations. Integrates seamlessly with Microsoft 365 and includes AI-powered insights via Copilot.">
                <svg width="40" height="40" viewBox="0 0 30.806 50" xmlns="http://www.w3.org/2000/svg"><path fill="#002050" d="M0 50l9.741-27.956L0 15.659V50zm30.806-17.291V16.838L0 50l30.806-17.291zM0 0v13.397l20.103 9.86 9.344-7.601L0 0z"/></svg>
                <div class="small text-muted mt-1">Dynamics 365</div>
            </div>
            <!-- Intune -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft Intune" data-desc="Cloud-based endpoint management. Manage and secure your organisation's devices — laptops, phones, and tablets — from a single console. Enforce security policies, deploy apps, and protect company data remotely.">
                <svg width="40" height="40" viewBox="0.69 5.4 400 390.62" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="int_a" x1="171.501" y1="396.026" x2="314.256" y2="90.5646" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#1169DA"/><stop offset=".435" stop-color="#0151BD"/><stop offset=".614" stop-color="#014DB7"/><stop offset="1" stop-color="#126AD9"/></linearGradient><radialGradient id="int_b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(439.444 5.401) rotate(134.068) scale(563.957 434.374)"><stop offset=".249" stop-color="#23C0FE"/><stop offset=".717" stop-color="#23C0FE"/><stop offset=".995" stop-color="#1C91FF"/></radialGradient><linearGradient id="int_c" x1="114.72" y1="97.523" x2="182.067" y2="383.699" gradientUnits="userSpaceOnUse"><stop stop-color="#92EEFE"/><stop offset=".565" stop-color="#35DDFF"/><stop offset="1" stop-color="#08B1F9"/></linearGradient></defs><path d="M0.685 65.852C0.685 14.765 67.486-13.203 111.616 19.408L207.551 90.254 288.514 44.373C331.305 21.039 399.874 37.775 400.685 101.559V336.622C400.685 387.71 335.845 414.343 291.715 381.732L194.031 309.34 112.973 355.23C69.778 378.784 0.753 360.714 0.753 298.637V65.852z" fill="url(#int_a)"/><path d="M111.616 19.408C67.486-13.203 0.685 14.765 0.685 65.852V295.742c0-5.589 2.848-16.716 2.848-16.716 13.163-43.025 69.116-59.157 107.828-30.803L291.715 381.732c44.13 32.611 108.97 5.978 108.97-45.11V101.559c0 43.642-57.042 87.452-110.93 49.492L111.616 19.408z" fill="url(#int_b)"/><path d="M111.616 149.691c-44.13-32.611-110.931-4.643-110.931 46.444V65.852c0-51.088 66.8-79.055 110.931-46.444 59.38 43.88 118.758 87.763 178.139 131.643 53.888 37.96 110.93-5.85 110.93-49.492v133.331c0 51.088-66.8 79.088-110.93 46.444L111.616 149.691z" fill="url(#int_c)"/></svg>
                <div class="small text-muted mt-1">Intune</div>
            </div>
            <!-- Exchange -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft Exchange" data-desc="Enterprise-grade email, calendaring, and contacts. Exchange Online provides 50GB mailboxes, shared calendars, advanced spam filtering, and compliance features including litigation hold and data loss prevention.">
                <svg width="40" height="40" viewBox="4 8 55 48" xmlns="http://www.w3.org/2000/svg"><path fill="#28a8ea" d="M55.51 8H43.303a3.5 3.5 0 0 0-2.468 1.022L12.022 37.835A3.5 3.5 0 0 0 11 40.303V52.51A3.49 3.49 0 0 0 14.49 56h12.207a3.5 3.5 0 0 0 2.468-1.022l28.813-28.813A3.5 3.5 0 0 0 59 23.697V11.49A3.49 3.49 0 0 0 55.51 8"/><path fill="#0078d4" d="M55.51 56H43.303a3.5 3.5 0 0 1-2.468-1.022L35 49.143V38.24A6.24 6.24 0 0 1 41.24 32h10.903l5.835 5.835A3.5 3.5 0 0 1 59 40.303V52.51A3.49 3.49 0 0 1 55.51 56"/><path fill="#50d9ff" d="M14.49 8h12.207a3.5 3.5 0 0 1 2.468 1.022L35 14.857V25.76A6.24 6.24 0 0 1 28.76 32H17.857l-5.835-5.835A3.5 3.5 0 0 1 11 23.697V11.49A3.49 3.49 0 0 1 14.49 8"/><path d="M33 20.33v26.34a1.7 1.7 0 0 1-.04.4A2.314 2.314 0 0 1 30.67 49H11V18h19.67A2.326 2.326 0 0 1 33 20.33" opacity=".2"/><path d="M34 20.33v24.34A3.36 3.36 0 0 1 30.67 48H11V17h19.67A3.34 3.34 0 0 1 34 20.33" opacity=".1"/><path d="M33 20.33v24.34A2.326 2.326 0 0 1 30.67 47H11V18h19.67A2.326 2.326 0 0 1 33 20.33" opacity=".2"/><path d="M32 20.33v24.34A2.326 2.326 0 0 1 29.67 47H11V18h18.67A2.326 2.326 0 0 1 32 20.33" opacity=".1"/><rect width="28" height="28" x="4" y="18" fill="#0078d4" rx="2.333"/><path fill="#fff" d="M22.585 26.881h-6.547v3.829h6.145v2.454h-6.145v3.976h6.896v2.443h-9.868V24.417h9.52Z"/></svg>
                <div class="small text-muted mt-1">Exchange</div>
            </div>
            <!-- SharePoint -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft SharePoint" data-desc="Intranet and document management platform. Create team sites, share files, manage content, and build workflows. Provides a central hub for company news, knowledge bases, and collaboration across your organisation.">
                <svg width="40" height="40" viewBox="0 5.9 512 500.1" xmlns="http://www.w3.org/2000/svg"><circle cx="262" cy="148.8" r="142.9" fill="#036c70"/><circle cx="381" cy="279.8" r="131" fill="#1a9ba1"/><circle cx="279.8" cy="404.8" r="101.2" fill="#37c6d0"/><path d="M285.8 134.9V389c-.1 8.8-5.4 16.8-13.6 20.1-2.6 1.1-5.4 1.7-8.2 1.7h-85.3c-.1-2-.1-3.9-.1-6 0-2 0-4 .2-6 2.2-38.1 25.6-71.6 60.6-86.8v-22.1c-77.8-12.3-131-85.4-118.6-163.3.1-.5.2-1.1.3-1.6.6-4 1.4-8 2.5-11.9H264c12 .1 21.7 9.8 21.8 21.8" opacity=".1"/><path d="M252.1 125h-131c-13.2 77.7 39 151.4 116.7 164.7 2.4.4 4.7.7 7.1 1-36.9 17.5-63.8 67.2-66.1 108.2-.2 2-.3 4-.2 6 0 2 0 3.9.1 6 .2 4 .7 8 1.5 11.9H252c8.8-.1 16.8-5.4 20.1-13.6 1.1-2.6 1.7-5.4 1.7-8.2V146.8c0-12-9.7-21.7-21.7-21.8" opacity=".2"/><path d="M252.1 125h-131c-13.2 77.7 39 151.4 116.8 164.7 1.6.3 3.2.5 4.8.7-35.7 18.8-61.6 68.4-63.8 108.5h73.2c12-.1 21.7-9.8 21.8-21.8V146.8c-.1-12-9.8-21.7-21.8-21.8" opacity=".2"/><path d="M240.2 125H121.1c-12.5 73.4 33.5 144 105.6 162.3-27.3 31.2-44.1 70.2-47.9 111.5h61.3c12 0 21.7-9.8 21.8-21.8V146.8c0-12-9.7-21.8-21.7-21.8" opacity=".2"/><linearGradient id="sp_g" x1="45.507" x2="216.447" y1="-1048.031" y2="-751.97" gradientTransform="translate(0 1156)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#058f92"/><stop offset=".5" stop-color="#038489"/><stop offset="1" stop-color="#026d71"/></linearGradient><path d="M21.8 125h218.3c12.1 0 21.8 9.8 21.8 21.8v218.3c0 12.1-9.8 21.8-21.8 21.8H21.8C9.8 387 0 377.2 0 365.2V146.8c0-12 9.8-21.8 21.8-21.8" fill="url(#sp_g)"/><path fill="#fff" d="M97.5 253.3c-5.1-3.4-9.4-7.9-12.5-13.2-3-5.5-4.5-11.8-4.3-18.1-.3-8.5 2.6-16.9 8.1-23.4 5.8-6.6 13.2-11.4 21.5-14 9.5-3.1 19.4-4.7 29.4-4.5 13.1-.5 26.2 1.4 38.7 5.4v27.4c-5.4-3.3-11.3-5.7-17.5-7.1-6.7-1.6-13.6-2.5-20.5-2.5-7.3-.3-14.5 1.3-21 4.5-5 2.2-8.3 7.1-8.3 12.6 0 3.3 1.3 6.5 3.6 9 2.7 2.8 6 5.1 9.5 6.8 4 2 9.9 4.6 17.9 7.9.9.3 1.7.6 2.5 1q11.7 4.65 22.5 11.1c5.4 3.4 10 7.9 13.3 13.4 3.4 6.2 5 13.2 4.8 20.2.4 8.8-2.3 17.4-7.6 24.4-5.3 6.4-12.3 11.2-20.2 13.6-9.3 2.9-19.1 4.3-28.9 4.2-8.8 0-17.5-.7-26.2-2.1-7.3-1.2-14.4-3.3-21.2-6.2v-28.9c6.5 4.6 13.7 8.1 21.4 10.2 7.7 2.4 15.6 3.7 23.6 3.8 7.4.5 14.8-1.1 21.4-4.5 4.6-2.6 7.4-7.5 7.3-12.8 0-3.7-1.4-7.2-4-9.8-3.3-3.2-7-5.8-11.2-7.8-4.8-2.4-11.8-5.5-21-9.4-7.4-3.1-14.5-6.8-21.1-11.2"/></svg>
                <div class="small text-muted mt-1">SharePoint</div>
            </div>
            <!-- Copilot -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Microsoft Copilot" data-desc="AI-powered assistant built into every Microsoft 365 app. Draft emails, create presentations, summarise meetings, analyse spreadsheets, and generate documents — all using natural language. Transforms how your team works.">
                <svg width="40" height="40" viewBox="0 23.3 512.1 465.4" xmlns="http://www.w3.org/2000/svg"><radialGradient id="cp_a" cx="-79.674" cy="645.551" r="11.637" gradientTransform="matrix(-10.9605 -13.3892 -12.5901 10.3064 7673.291 -7504.614)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00aeff"/><stop offset=".773" stop-color="#2253ce"/><stop offset="1" stop-color="#0736c4"/></radialGradient><path d="M374 62c-6.7-22.9-27.8-38.7-51.7-38.7h-15.7c-26 0-48.3 18.6-53 44.2l-26.9 146.8 6.7-22.9c6.7-23 27.8-38.8 51.7-38.8h91.4l38.3 14.9 36.9-14.9H441c-23.9 0-45-15.8-51.7-38.7z" fill="url(#cp_a)"/><radialGradient id="cp_b" cx="-20.581" cy="641.788" r="11.637" gradientTransform="matrix(9.8803 12.5737 12.1968 -9.5842 -7518.271 6768.395)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb657"/><stop offset=".634" stop-color="#ff5f3d"/><stop offset=".923" stop-color="#c02b3c"/></radialGradient><path d="M143.5 449.8c6.7 23 27.8 38.9 51.8 38.9h33.4c29.2 0 53.1-23.3 53.9-52.5l3.6-141.5-7.6 26c-6.7 23-27.8 38.7-51.7 38.7h-92.2l-32.9-17.8-35.6 17.8h10.6c24 0 45.1 15.9 51.8 38.9z" fill="url(#cp_b)"/><linearGradient id="cp_c" x1="151.476" x2="178.106" y1="452.543" y2="144.451" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".156" stop-color="#0d91e1"/><stop offset=".487" stop-color="#52b471"/><stop offset=".652" stop-color="#98bd42"/><stop offset=".937" stop-color="#ffc800"/></linearGradient><path d="M320 23.3H133.4C80 23.3 48 93.7 26.7 164.2 1.4 247.7-31.6 359.4 64 359.4h80.6c24.1 0 45.2-15.9 51.8-39.1 14-49 38.6-134.5 57.9-199.6 9.8-33.1 18-61.5 30.5-79.2 7.1-9.9 18.8-18.2 35.2-18.2" fill="url(#cp_c)"/><linearGradient id="cp_d" x1="154.129" x2="168.669" y1="491.116" y2="155.012" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3dcbff"/><stop offset=".247" stop-color="#0588f7" stop-opacity="0"/></linearGradient><path d="M320 23.3H133.4C80 23.3 48 93.7 26.7 164.2 1.4 247.7-31.6 359.4 64 359.4h80.6c24.1 0 45.2-15.9 51.8-39.1 14-49 38.6-134.5 57.9-199.6 9.8-33.1 18-61.5 30.5-79.2 7.1-9.9 18.8-18.2 35.2-18.2" fill="url(#cp_d)"/><radialGradient id="cp_e" cx="-46.943" cy="664.318" r="11.637" gradientTransform="matrix(-12.6711 36.2357 43.4092 15.1796 -28974.764 -8263.428)" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8c48ff"/><stop offset=".5" stop-color="#f2598a"/><stop offset=".896" stop-color="#ffb152"/></radialGradient><path d="M192 488.7h186.7c53.3 0 85.3-70.5 106.7-141 25.3-83.5 58.3-195.2-37.3-195.2h-80.6c-24.1 0-45.2 15.9-51.8 39.1-14 49-38.6 134.6-57.9 199.7-9.8 33.1-18 61.5-30.5 79.2-7.2 9.9-18.9 18.2-35.3 18.2" fill="url(#cp_e)"/><linearGradient id="cp_f" x1="352.459" x2="352.268" y1="382.231" y2="290.663" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#f8adfa"/><stop offset=".708" stop-color="#a86edd" stop-opacity="0"/></linearGradient><path d="M192 488.7h186.7c53.3 0 85.3-70.5 106.7-141 25.3-83.5 58.3-195.2-37.3-195.2h-80.6c-24.1 0-45.2 15.9-51.8 39.1-14 49-38.6 134.6-57.9 199.7-9.8 33.1-18 61.5-30.5 79.2-7.2 9.9-18.9 18.2-35.3 18.2" fill="url(#cp_f)"/></svg>
                <div class="small text-muted mt-1">Copilot</div>
            </div>
            <!-- Exclaimer -->
            <div class="text-center ms-logo-item" style="min-width: 80px;" data-product="Exclaimer" data-desc="Professional email signature management for Microsoft 365. Centrally design, manage, and deploy branded email signatures across your entire organisation. Includes marketing banners, legal disclaimers, and social media links.">
                <svg width="40" height="40" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="4" fill="#1B2037"/><path d="M0.003 0.5V1.74h13.31c1.49 0 2.7 1.25 2.7 3.03V19.7h3.14V6.37c0-3.36-2.71-5.87-5.69-5.87H0.003zM7.81 10.56L0.003 5.37v1.51l7.02 4.67c1.25 1 1.57 2.8.72 4.17L4.57 19.7H8.31l.41-.67c1.99-3.24.84-6.91-1.51-8.47M3.82 12.25L0 8.15v1.83l2.84 3.05c1.03 1.11.95 2.94-.09 4.07-0.66.66-2.65 2.6-2.65 2.6H4.21c2.03-3.34 1.06-5.9-.39-7.45zM15.07 12.87c.67-3.19-1.25-6.6-4.57-7.39L0.004 2.89v1.3L10.39 6.65c1.45.33 2.35 1.89 2.01 3.5L9.88 19.7h3.21l1.45-6.89z" fill="#D4CBC1" transform="translate(2.5 2) scale(0.79)"/></svg>
                <div class="small text-muted mt-1">Exclaimer</div>
            </div>
        </div>
    </div>
</section>

<!-- Core Products -->
<section class="feature-grid">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Our Microsoft Solutions</h2>
            <p class="section-subtitle mx-auto">A complete ecosystem of cloud tools to transform how your business operates.</p>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-4">
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="bi bi-microsoft"></i>
                    </div>
                    <h3>Microsoft 365</h3>
                    <p>The complete productivity suite including Word, Excel, PowerPoint, Outlook, and Teams. Cloud-based collaboration and communication for your entire organisation.</p>
                    <ul>
                        <li>Exchange Online email</li>
                        <li>SharePoint & OneDrive storage</li>
                        <li>Microsoft Teams</li>
                        <li>Office desktop apps</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="bi bi-diagram-3"></i>
                    </div>
                    <h3>Dynamics 365</h3>
                    <p>Enterprise resource planning and CRM solutions that integrate with your existing Microsoft tools. Manage sales, customer service, finance, and operations from a single platform.</p>
                    <ul>
                        <li>Customer Service Enterprise</li>
                        <li>Sales & Marketing</li>
                        <li>Finance & Operations</li>
                        <li>Contact Center integration</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="feature-card">
                    <div class="feature-icon">
                        <i class="bi bi-cloud"></i>
                    </div>
                    <h3>Azure Cloud Infrastructure</h3>
                    <p>Scalable cloud computing, storage, and networking powered by Microsoft Azure. Build, deploy, and manage applications through Microsoft's global data centres.</p>
                    <ul>
                        <li>Virtual machines & containers</li>
                        <li>Cloud backup & recovery</li>
                        <li>Azure Active Directory</li>
                        <li>Hybrid cloud solutions</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- AI & Copilot -->
<section class="py-5" style="background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <h2 class="section-title">AI-Powered with Microsoft Copilot</h2>
                <p class="text-muted">Transform your business with real-time AI-powered tools. Microsoft Copilot integrates across the entire 365 ecosystem to enhance agent productivity, automate routine tasks, and deliver exceptional customer experiences.</p>
                <div class="row g-3 mt-3">
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-robot me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">Live call transcription</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-emoji-smile me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">Sentiment analysis</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-lightbulb me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">AI-based suggestions</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-file-earmark-text me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">Document generation</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-bar-chart me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">Data analysis & insights</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-calendar-check me-2 mt-1" style="color: var(--purple);"></i>
                            <span class="text-muted">Meeting summaries</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="content-card p-4">
                    <h4 class="fw-bold mb-3">Omnichannel Customer Service</h3>
                    <p class="text-muted">Omni Telecom's Microsoft 365 offering integrates seamlessly with Omnichannel for Customer Service, extending the power of Dynamics 365 Customer Service Enterprise.</p>
                    <p class="text-muted">The voice channel allows customer service representatives to communicate effectively through PSTN calls within Dynamics 365. Integration with Dynamics 365 Contact Center further modernises service experiences with generative AI, transforming every customer engagement channel.</p>
                    <p class="text-muted mb-0">This Copilot-first approach ensures that organisations can connect and engage with customers across digital messaging channels, maximising current investments and driving efficiency.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Teams Integration -->
<section class="py-5">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Microsoft Teams Phone</h2>
            <p class="section-subtitle mx-auto">Replace your traditional phone system with Teams calling for seamless communication.</p>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-telephone-forward"></i></div>
                    <h3>PSTN Calling</h3>
                    <p>Make and receive external calls directly from Teams with business phone numbers.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-camera-video"></i></div>
                    <h3>Video Meetings</h3>
                    <p>HD video conferencing with screen sharing, recording, and live captions.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-chat-dots"></i></div>
                    <h3>Instant Messaging</h3>
                    <p>Real-time chat with colleagues, channels for team discussions, and file sharing.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-arrow-left-right"></i></div>
                    <h3>Full Integration</h3>
                    <p>Seamlessly integrates with Outlook, SharePoint, and all other Microsoft 365 apps.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Microsoft 365 Secure Videos -->
<section class="py-5" style="background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Microsoft 365 Secure</h2>
            <p class="section-subtitle mx-auto">Your business-boosting security bundle. Watch these short videos to learn how M365 Secure protects your organisation.</p>
        </div>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="content-card p-3 h-100">
                    <div class="ratio ratio-16x9 mb-3" style="border-radius: 8px; overflow: hidden;">
                        <iframe src="https://www.youtube.com/embed/h__nxWlm5Nc" allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowfullscreen title="An Introduction to M365 Secure"></iframe>
                    </div>
                    <h5 class="fw-bold">Introduction to M365 Secure</h5>
                    <p class="text-muted small mb-0">An overview of the M365 Secure bundle and how it boosts your business productivity and security.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="content-card p-3 h-100">
                    <div class="ratio ratio-16x9 mb-3" style="border-radius: 8px; overflow: hidden;">
                        <iframe src="https://www.youtube.com/embed/-E7NDx_rsUQ" allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowfullscreen title="M365 Secure for MSPs"></iframe>
                    </div>
                    <h5 class="fw-bold">M365 Secure for MSPs</h5>
                    <p class="text-muted small mb-0">How managed service providers can leverage M365 Secure for their clients.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="content-card p-3 h-100">
                    <div class="ratio ratio-16x9 mb-3" style="border-radius: 8px; overflow: hidden;">
                        <iframe src="https://www.youtube.com/embed/nLWCVSbuIKo" allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowfullscreen title="M365 Secure for SMBs"></iframe>
                    </div>
                    <h5 class="fw-bold">M365 Secure for SMBs</h5>
                    <p class="text-muted small mb-0">Discover how small and medium businesses benefit from enterprise-grade security.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="py-5">
    <div class="container">
        <div class="content-card text-center py-5">
            <div class="icon-box mx-auto mb-3">
                <i class="bi bi-microsoft"></i>
            </div>
            <h2 class="fw-bold mb-3">Ready to Transform Your Organisation?</h2>
            <p class="text-muted mb-4 mx-auto" style="max-width: 600px;">Speak to our team about our service offerings and how we can help make your organisation more productive with the leverage of Microsoft 365.</p>
            <a href="<?= siteUrl('contact.php') ?>" class="btn btn-gradient btn-lg px-5"><span><i class="bi bi-envelope me-2"></i>Contact Us</span></a>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="faq-section">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Frequently Asked Questions</h2>
        </div>
        <div class="mx-auto" style="max-width: 800px;">
            <div class="faq-item">
                <button class="faq-question">Which Microsoft 365 plan is right for my business?<span class="faq-icon">+</span></button>
                <div class="faq-answer"><div class="faq-answer-inner">It depends on your needs. Microsoft 365 Business Basic is great for cloud-only use, Business Standard adds desktop Office apps, and Business Premium includes advanced security features. We'll help you choose the right plan based on your team size and requirements.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">Can you migrate our existing email to Microsoft 365?<span class="faq-icon">+</span></button>
                <div class="faq-answer"><div class="faq-answer-inner">Yes, we handle complete email migrations from any provider to Exchange Online. We migrate all emails, contacts, and calendar data with minimal disruption to your business. Most migrations are completed out of hours.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">What is Microsoft Copilot?<span class="faq-icon">+</span></button>
                <div class="faq-answer"><div class="faq-answer-inner">Microsoft Copilot is an AI assistant built into Microsoft 365 apps. It can draft emails, create presentations, summarise meetings, analyse data in Excel, generate documents, and much more. It learns from your organisation's data to provide contextually relevant assistance.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">Can Microsoft Teams replace our phone system?<span class="faq-icon">+</span></button>
                <div class="faq-answer"><div class="faq-answer-inner">Yes. With Teams Phone, you can make and receive external calls using your existing business numbers. We can port your numbers to Teams and set up call queues, auto-attendants, and voicemail. It's a full replacement for traditional PBX systems.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">Do you provide ongoing support for Microsoft 365?<span class="faq-icon">+</span></button>
                <div class="faq-answer"><div class="faq-answer-inner">Absolutely. We provide full administration, user management, security configuration, and technical support for your Microsoft 365 environment. Our UK-based support team is available to help with any issues or changes you need.</div></div>
            </div>
        </div>
    </div>
</section>

<!-- Related Services -->
<section class="py-5">
    <div class="container">
        <h3 class="text-center mb-4">Related Services</h3>
        <div class="row g-4 justify-content-center">
            <div class="col-md-4">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-telephone-forward"></i></div>
                    <h3>IP Communications</h3>
                    <p>VoIP, SIP trunking, and hosted PBX to complement your Teams setup.</p>
                    <a href="<?= siteUrl('services/ip-communications.php') ?>" class="text-decoration-none">Learn More <i class="bi bi-arrow-right"></i></a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-tools"></i></div>
                    <h3>IT Support</h3>
                    <p>Managed IT services to keep your cloud infrastructure running smoothly.</p>
                    <a href="<?= siteUrl('services/it-support.php') ?>" class="text-decoration-none">Learn More <i class="bi bi-arrow-right"></i></a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-card text-center">
                    <div class="feature-icon mx-auto"><i class="bi bi-shield-lock"></i></div>
                    <h3>Security Solutions</h3>
                    <p>Protect your data with cybersecurity and compliance solutions.</p>
                    <a href="<?= siteUrl('services/security.php') ?>" class="text-decoration-none">Learn More <i class="bi bi-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Product Popup -->
<div class="ms-popup-overlay" id="msPopupOverlay"></div>
<div class="ms-popup" id="msPopup">
    <button class="ms-popup-close" id="msPopupClose">&times;</button>
    <div class="ms-popup-logo" id="msPopupLogo"></div>
    <h4 id="msPopupTitle"></h3>
    <p id="msPopupDesc"></p>
</div>
<script>
(function() {
    const overlay = document.getElementById('msPopupOverlay');
    const popup = document.getElementById('msPopup');
    const popupLogo = document.getElementById('msPopupLogo');
    const popupTitle = document.getElementById('msPopupTitle');
    const popupDesc = document.getElementById('msPopupDesc');
    const closeBtn = document.getElementById('msPopupClose');

    document.querySelectorAll('.ms-logo-item[data-product]').forEach(function(item) {
        item.addEventListener('click', function() {
            popupLogo.innerHTML = item.querySelector('svg').outerHTML;
            popupTitle.textContent = item.dataset.product;
            popupDesc.textContent = item.dataset.desc;
            overlay.classList.add('active');
            popup.classList.add('active');
        });
    });

    function closePopup() {
        overlay.classList.remove('active');
        popup.classList.remove('active');
    }
    closeBtn.addEventListener('click', closePopup);
    overlay.addEventListener('click', closePopup);
    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closePopup(); });
})();
</script>

<?php require_once __DIR__ . '/../includes/footer.php'; ?>
