<?php
$page_title = 'Managed IT Services';
$meta_description = 'CVN Managed Services provides comprehensive Managed IT Services in London, Ontario. Proactive monitoring, unlimited support, cybersecurity, cloud backups, and more.';
require_once __DIR__ . '/../config.php';
require_once __DIR__ . '/../includes/header.php';
?>

<section class="page-hero">
  <div class="container">
    <div class="section-label">Services</div>
    <h1>Managed IT Services</h1>
    <p>Proactive, comprehensive IT management for businesses across South Western Ontario. Focus on your business — we'll handle the technology.</p>
  </div>
</section>

<section class="content-section">
  <div class="container">
    <div class="about-grid">
      <div class="about-content">
        <div class="section-label">What is Managed IT?</div>
        <h2>Your IT, Fully Managed</h2>
        <p style="color:var(--text-secondary);margin-top:16px;line-height:1.8;">Managed IT Services means having a dedicated team of experts proactively managing, monitoring, and supporting your entire technology infrastructure — for a predictable, flat monthly fee.</p>
        <p style="color:var(--text-secondary);margin-top:12px;line-height:1.8;">Instead of waiting for problems to arise (break-fix model), we continuously monitor your systems, apply patches and updates, and resolve issues proactively — often before you even notice anything is wrong.</p>
        <ul class="check-list">
          <li><span class="chk">✓</span> 24/7 system monitoring and alerting</li>
          <li><span class="chk">✓</span> Unlimited remote and on-site support</li>
          <li><span class="chk">✓</span> Proactive patch management and updates</li>
          <li><span class="chk">✓</span> Cybersecurity and endpoint protection</li>
          <li><span class="chk">✓</span> Cloud backup and disaster recovery</li>
          <li><span class="chk">✓</span> Free enterprise password manager</li>
        </ul>
        <div style="margin-top:28px;display:flex;gap:16px;flex-wrap:wrap;">
          <a href="/pages/contact" class="btn btn-primary">Get a Quote</a>
          <a href="/pages/faq" class="btn btn-outline">View FAQ</a>
        </div>
      </div>
      <div class="about-visual">
        <div class="about-photo-wrap">
          <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=700&q=80&fit=crop" alt="Server room managed IT" loading="lazy">
          <div class="photo-overlay"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="content-section alt">
  <div class="container text-center">
    <div class="section-label">Core Services</div>
    <h2 class="section-title">Everything Your Business Needs</h2>
    <p class="section-subtitle">Our managed IT services bundle includes everything you need to keep your business running at peak performance.</p>

    <div class="services-grid" style="margin-top:48px;">
      <div class="service-card">
        <div class="service-icon">☁️</div>
        <h3>Cloud Backups &amp; Disaster Recovery</h3>
        <p>Automated, encrypted backups of all your critical data. In the event of hardware failure, ransomware, or disaster, we restore your systems quickly to minimize downtime.</p>
      </div>
      <div class="service-card">
        <div class="service-icon">🛡️</div>
        <h3>Cybersecurity &amp; Ransomware Prevention</h3>
        <p>Multi-layered security including endpoint detection, email filtering, firewall management, and security awareness training to protect your business from evolving threats.</p>
      </div>
      <div class="service-card">
        <div class="service-icon">📊</div>
        <h3>Advanced Endpoint Management</h3>
        <p>We monitor, update, and optimize every device on your network. Automated patch management ensures your systems are always up-to-date and secure.</p>
      </div>
      <div class="service-card">
        <div class="service-icon">🔧</div>
        <h3>Remote &amp; On-Site Support</h3>
        <p>Unlimited helpdesk support via phone, email, and remote access. When needed, our technicians come to you — unlimited on-site visits included in Package 2+.</p>
      </div>
      <div class="service-card">
        <div class="service-icon">🔐</div>
        <h3>Password Manager (Free)</h3>
        <p>All clients receive a complimentary enterprise-grade password manager to secure credentials across your organization and enforce strong password policies.</p>
      </div>
      <div class="service-card">
        <div class="service-icon">💸</div>
        <h3>Cost-Saving Software Solutions</h3>
        <p>Rising software licensing fees hurting your budget? We identify and implement cost-effective alternatives that deliver the same functionality at a fraction of the price.</p>
      </div>
    </div>
  </div>
</section>

<section class="content-section">
  <div class="container text-center">
    <div class="section-label">Our Packages</div>
    <h2 class="section-title">Choose Your Plan</h2>
    <p class="section-subtitle">All packages include proactive monitoring and flat-rate monthly billing. No surprises, no hidden fees.</p>
    <div style="margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
      <div style="background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 36px;max-width:320px;text-align:left;">
        <div style="font-weight:700;font-family:'Sora',sans-serif;font-size:1.1rem;margin-bottom:8px;">Package 1 — Essential</div>
        <div style="font-size:2rem;font-weight:800;font-family:'Sora',sans-serif;color:var(--blue-mid);">$60<span style="font-size:1rem;font-weight:400;color:var(--text-muted);">/mo per user</span></div>
        <div style="color:var(--text-muted);font-size:0.82rem;margin-bottom:20px;">Ideal for companies that have a security stack and need occasional support.</div>
        <a href="/pages/contact" class="btn btn-outline" style="width:100%;justify-content:center;">Get Started</a>
      </div>
      <div style="background:linear-gradient(145deg,var(--blue-deep),#003380);border:1px solid var(--blue-bright);border-radius:var(--radius-lg);padding:32px 36px;max-width:320px;text-align:left;color:#fff;">
        <div style="font-weight:700;font-family:'Sora',sans-serif;font-size:1.1rem;margin-bottom:8px;">Package 2 — Advanced</div>
        <div style="font-size:2rem;font-weight:800;font-family:'Sora',sans-serif;color:var(--accent);">$110<span style="font-size:1rem;font-weight:400;color:rgba(255,255,255,0.6);">/mo per device</span></div>
        <div style="color:rgba(255,255,255,0.6);font-size:0.82rem;margin-bottom:20px;">Unlimited support, advanced security, and emergency response.</div>
        <a href="/pages/contact" class="btn btn-accent" style="width:100%;justify-content:center;">Get Started</a>
      </div>
      <div style="background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 36px;max-width:320px;text-align:left;position:relative;">
        <div style="position:absolute;top:16px;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-family:'Sora',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:4px 14px 4px 10px;border-radius:4px 0 0 4px;">🚀 Coming Soon</div>
        <div style="font-weight:700;font-family:'Sora',sans-serif;font-size:1.1rem;margin-bottom:8px;">Package 3 — Enterprise</div>
        <div style="font-size:2rem;font-weight:800;font-family:'Sora',sans-serif;color:var(--blue-mid);">Custom<span style="font-size:1rem;font-weight:400;color:var(--text-muted);">/month</span></div>
        <div style="color:var(--text-muted);font-size:0.82rem;margin-bottom:20px;">Everything + marketing, VOIP, hosting, legal, dedicated hosting, and more.</div>
        <a href="/pages/contact" class="btn btn-outline" style="width:100%;justify-content:center;">Contact Us</a>
      </div>
    </div>
  </div>
</section>

<section id="cta-section">
  <div class="container">
    <div class="section-label">Ready to Get Started?</div>
    <h2 class="section-title">Take a Step Towards Peace of Mind</h2>
    <p class="section-subtitle">Contact us today for a free, no-obligation consultation. Let's talk about how we can support your business.</p>
    <div class="cta-actions">
      <a href="/pages/contact" class="btn btn-accent btn-lg">Get a Free Consultation</a>
      <a href="tel:<?= preg_replace('/\D/', '', SITE_PHONE) ?>" class="btn btn-outline btn-lg" style="color:#fff;border-color:rgba(255,255,255,0.4);">📞 <?= SITE_PHONE ?></a>
    </div>
  </div>
</section>

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