WizdomWeb/resources/views/pages/landing.php

950 lines
38 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
/**
* ============================================
* File: landing.php
* Path: /resources/views/pages/home/
* Purpose: Loads the Arsha one-pager layout content
* Version: 1.0
* Author: Wizdom Networks
* Usage: Rendered via LandingController::index()
* ============================================
*/
echo "<!-- SESSION: " . json_encode($_SESSION) . " -->";
?>
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero section dark-background">
<div class="container">
<div class="row gy-4">
<!-- Text Content -->
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="zoom-out">
<h1>Expert IT Consulting & Cloud Strategy</h1>
<p>Wizdom Networks delivers powerful technology solutions for growing businesses across Canada.</p>
<div class="d-flex">
<a href="#contact" class="btn-get-started">Get in Touch</a>
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox btn-watch-video d-flex align-items-center">
<i class="bi bi-play-circle"></i><span>Watch Overview</span>
</a>
</div>
</div>
<!-- Hero Image -->
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="200">
<img src="assets/img/hero-img.png" class="img-fluid animated" alt="Wizdom Networks Hero Image">
</div>
</div>
</div>
</section><!-- End Hero Section -->
<!-- ======= Clients Section ======= -->
<section id="clients" class="clients section light-background">
<div class="container" data-aos="zoom-in">
<div class="swiper init-swiper clients-slider">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000,
"disableOnInteraction": false
},
"slidesPerView": "auto",
"breakpoints": {
"320": {
"slidesPerView": 2,
"spaceBetween": 40
},
"480": {
"slidesPerView": 3,
"spaceBetween": 60
},
"640": {
"slidesPerView": 4,
"spaceBetween": 80
},
"992": {
"slidesPerView": 6,
"spaceBetween": 120
}
}
}
</script>
<div class="swiper-wrapper align-items-center">
<!-- 6 unique logos -->
<div class="swiper-slide"><img src="assets/img/clients/bbbst-logo.webp" class="img-fluid" alt="Big Brothers & Big Sisters of Toronto"></div>
<div class="swiper-slide"><img src="assets/img/clients/bellmedia-logo.webp" class="img-fluid" alt="Bell Media"></div>
<div class="swiper-slide"><img src="assets/img/clients/ibm-logo.webp" class="img-fluid" alt="IBM"></div>
<div class="swiper-slide"><img src="assets/img/clients/Microsoft-logo.webp" class="img-fluid" alt="Microsoft"></div>
<div class="swiper-slide"><img src="assets/img/clients/nissan-logo.webp" class="img-fluid" alt="Nissan"></div>
<div class="swiper-slide"><img src="assets/img/clients/ontario-logo.webp" class="img-fluid" alt="Government of Ontario"></div>
<!-- repeat same 6 for looping -->
<div class="swiper-slide"><img src="assets/img/clients/celestica-logo.webp" class="img-fluid" alt="Celestica"></div>
<div class="swiper-slide"><img src="assets/img/clients/smartcentres-logo.webp" class="img-fluid" alt="SMART CENTRES REIT"></div>
<div class="swiper-slide"><img src="assets/img/clients/cabip-logo.webp" class="img-fluid" alt="Canadian Association of Black Insurance Professionals"></div>
<div class="swiper-slide"><img src="assets/img/clients/TZLogo-4K.webp" class="img-fluid" alt="Toronto Zoo"></div>
<div class="swiper-slide"><img src="assets/img/clients/von-logo.webp" class="img-fluid" alt="Victorian Order of Nurses"></div>
<div class="swiper-slide"><img src="assets/img/clients/ccah-logo.webp" class="img-fluid" alt="Canadian Caribbean Association of Halton"></div>
</div>
</div>
</div>
</section>
<!-- End Clients Section -->
<!-- ======= About Section ======= -->
<section id="about" class="about section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>About Us</h2>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
<p>
Wizdom Networks is a technology consultancy delivering secure and scalable IT solutions across Canada.
With over 20 years of experience, we help small and mid-sized businesses build, maintain, and modernize their IT infrastructure.
</p>
<ul>
<li><i class="bi bi-check2-circle"></i> <span>Specialists in Microsoft 365, Exchange, and Active Directory.</span></li>
<li><i class="bi bi-check2-circle"></i> <span>Network design, server deployments, and virtualization support.</span></li>
<li><i class="bi bi-check2-circle"></i> <span>Trusted by clients in retail, public sector, and manufacturing.</span></li>
</ul>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<p>
From managed services to emergency support, Wizdom is your partner for reliable IT operations and business continuity.
Our HelpDesk+, project management, and security services ensure that youre always one step ahead.
</p>
<a href="#" class="read-more"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="section why-us light-background" data-builder="section">
<div class="container-fluid">
<div class="row gy-4">
<div class="col-lg-7 d-flex flex-column justify-content-center order-2 order-lg-1">
<div class="content px-xl-5" data-aos="fade-up" data-aos-delay="100">
<h3><span>Why Clients Choose </span><strong>Wizdom Networks</strong></h3>
<p>
Weve spent over two decades designing, implementing, and managing scalable IT solutions for clients across industries — from SMBs to enterprise-level organizations.
</p>
</div>
<div class="faq-container px-xl-5" data-aos="fade-up" data-aos-delay="200">
<div class="faq-item faq-active">
<h3><span>01</span> Do you offer emergency IT support?</h3>
<div class="faq-content">
<p>Yes. Our After5 emergency support ensures coverage outside normal hours for critical incidents or outages.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3><span>02</span> What size businesses do you typically serve?</h3>
<div class="faq-content">
<p>We specialize in supporting small and mid-sized businesses but have completed projects for networks with over 20,000 users.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3><span>03</span> Are your services customizable?</h3>
<div class="faq-content">
<p>Absolutely. We tailor every engagement — from managed services to consulting — based on your unique IT environment and business needs.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
</div>
</div>
<div class="col-lg-5 order-1 order-lg-2 why-us-img">
<img src="assets/img/why-us.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="100">
</div>
</div>
</div>
</section>
<!-- End Why Us Section -->
<!-- ======= Skills Section ======= -->
<section id="skills" class="skills section">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row">
<div class="col-lg-6 d-flex align-items-center">
<img src="assets/img/illustration/illustration-10.webp" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content">
<h3>Expertise Across Core IT Domains</h3>
<p class="fst-italic">
Our team is fluent in the systems, protocols, and technologies that keep your organization productive and secure.
</p>
<div class="skills-content skills-animation">
<div class="progress">
<span class="skill"><span>Active Directory & Exchange</span> <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill"><span>Virtualization & Infrastructure</span> <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill"><span>Network Design & Security</span> <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill"><span>Cloud Strategy & M365</span> <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Skills Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services section">
<div class="container section-title" data-aos="fade-up">
<h2>Services</h2>
<p>Discover how Wizdom Networks transforms businesses through modern IT consulting and powerful digital infrastructure solutions.</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-5">
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
<div class="service-item">
<div class="icon"><i class="bi bi-briefcase"></i></div>
<h4><a href="#" class="stretched-link">IT Consulting</a></h4>
<p>From architecture to implementation — expert advice and execution across cloud, networking, Microsoft 365, and cybersecurity.</p>
</div>
</div><!-- End Service Item -->
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300">
<div class="service-item">
<div class="icon"><i class="bi bi-card-checklist"></i></div>
<h4><a href="#" class="stretched-link">Project Management</a></h4>
<p>End-to-end project delivery: migrations, structured cabling, infrastructure refreshes, and more — on time and on budget.</p>
</div>
</div><!-- End Service Item -->
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
<div class="service-item">
<div class="icon"><i class="bi bi-bar-chart"></i></div>
<h4><a href="#" class="stretched-link">Managed Services</a></h4>
<p>Proactive support and monitoring with our HelpDesk+ offering — ideal for small and medium-sized businesses seeking reliability.</p>
</div>
</div><!-- End Service Item -->
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="500">
<div class="service-item">
<div class="icon"><i class="bi bi-binoculars"></i></div>
<h4><a href="#" class="stretched-link">Security & Surveillance</a></h4>
<p>Camera system design and implementation — secure your physical environments with scalable video solutions.</p>
</div>
</div><!-- End Service Item -->
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="600">
<div class="service-item">
<div class="icon"><i class="bi bi-brightness-high"></i></div>
<h4><a href="#" class="stretched-link">Online Brand Management</a></h4>
<p>Reputation, reach, and consistency — optimize how your business is perceived with strategic branding support.</p>
</div>
</div><!-- End Service Item -->
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="700">
<div class="service-item">
<div class="icon"><i class="bi bi-calendar4-week"></i></div>
<h4><a href="#" class="stretched-link">Training & Support</a></h4>
<p>Empower your team with technical training and personalized onboarding — from Microsoft 365 to custom systems.</p>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section>
<!-- ======= End Services Section ======= -->
<!-- ======= Work Process Section ======= -->
<section id="work-process" class="work-process section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Work Process</h2>
<p>Our proven approach helps organizations move faster, stay secure, and grow smarter.</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-5">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/steps-1.webp" alt="Step 1" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">01</div>
<h3>Discovery & Assessment</h3>
<p>We begin with a collaborative review of your systems, needs, risks, and goals to chart the best path forward.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Infrastructure Audits</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Cloud Readiness</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Security Gaps</span></div>
</div>
</div>
</div>
</div><!-- End Step 1 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/steps-2.webp" alt="Step 2" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">02</div>
<h3>Planning & Design</h3>
<p>We design robust solutions aligned with your budget, timelines, and business objectives — built for scale and longevity.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>System Architecture</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Migration Planning</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Compliance Considerations</span></div>
</div>
</div>
</div>
</div><!-- End Step 2 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/steps-3.webp" alt="Step 3" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">03</div>
<h3>Implementation & Support</h3>
<p>From deployment to post-project monitoring, Wizdom Networks ensures success with hands-on support every step of the way.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Project Execution</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Training & Onboarding</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>HelpDesk+ Ongoing Support</span></div>
</div>
</div>
</div>
</div><!-- End Step 3 -->
</div>
</div>
</section><!-- End Work Process Section -->
<!-- ======= Call To Action Section ======= -->
<section id="call-to-action" class="call-to-action section dark-background">
<img src="assets/img/bg/bg-8.webp" alt="Call to Action Background">
<div class="container">
<div class="row" data-aos="zoom-in" data-aos-delay="100">
<div class="col-xl-9 text-center text-xl-start">
<h3>Lets Talk About Your IT Goals</h3>
<p>Whether youre modernizing your infrastructure, migrating to Microsoft 365, or just need responsive day-to-day support — Wizdom Networks is ready to help.</p>
</div>
<div class="col-xl-3 cta-btn-container text-center">
<a class="cta-btn align-middle" href="#contact">Get In Touch</a>
</div>
</div>
</div>
</section><!-- End Call To Action Section -->
<!-- ======= Portfolio Section ======= -->
<!-- ======= End Portfolio Section ======= -->
<!-- ======= Team Section ======= -->
<section id="team" class="team section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Team</h2>
<p>The people behind Wizdom Networks — technical depth, business vision, and proven execution.</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="team-member d-flex align-items-start">
<div class="pic"><img src="assets/img/person/person-m-7.webp" class="img-fluid" alt="Essae B."></div>
<div class="member-info">
<h4>Essae B.</h4>
<span>Founder & Principal Consultant</span>
<p>20+ years leading IT strategy, infrastructure, and operations for business and public sector clients.</p>
<div class="social">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div class="team-member d-flex align-items-start">
<div class="pic"><img src="assets/img/person/person-f-8.webp" class="img-fluid" alt="Operations Lead"></div>
<div class="member-info">
<h4>Jodie R.</h4>
<span>Chief Operations Officer</span>
<p>Drives delivery timelines, project planning, and stakeholder communications across key initiatives.</p>
<div class="social">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div class="team-member d-flex align-items-start">
<div class="pic"><img src="assets/img/person/person-m-6.webp" class="img-fluid" alt="Senior Network Engineer"></div>
<div class="member-info">
<h4>Martin C.</h4>
<span>Senior Network Engineer</span>
<p>Expert in firewalls, routing, structured cabling, and end-to-end IT systems architecture.</p>
<div class="social">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div class="team-member d-flex align-items-start">
<div class="pic"><img src="assets/img/person/person-f-4.webp" class="img-fluid" alt="Client Success Lead"></div>
<div class="member-info">
<h4>Tina R.</h4>
<span>Client Success Lead</span>
<p>Helps clients define priorities, align services, and ensure satisfaction across all engagements.</p>
<div class="social">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>Feedback from our clients and collaborators.</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
}
}
</script>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/person/person-m-9.webp" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>CEO & Founder</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Wizdom Networks delivered exactly what we needed—on time, on budget, and with serious technical insight.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/person/person-f-5.webp" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Their attention to detail and responsiveness made this one of the smoothest projects Ive ever been part of.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/person/person-f-12.webp" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>When you want it done right the first time, these are the people you call. Incredible service.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/person/person-m-12.webp" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Reliable, honest, and technically brilliant. Id recommend Wizdom to any business that depends on IT.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/person/person-m-13.webp" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>We worked with Wizdom Networks on three separate engagements. All of them exceeded expectations.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section">
<div class="container section-title" data-aos="fade-up">
<h2>HelpDesk+ Plans</h2>
<p>Reliable remote support for your growing business — no surprises, just dependable IT coverage.</p>
</div>
<div class="container">
<div class="row gy-4" data-aos="fade-up" data-aos-delay="100">
<!-- Starter Plan -->
<div class="col-lg-3 col-md-6">
<div class="pricing-item">
<h3>Starter</h3>
<h4><sup>$</sup>299<span>/mo</span></h4>
<ul>
<li><i class="bi bi-check"></i> Up to 5 devices</li>
<li><i class="bi bi-check"></i> Email + remote desktop support</li>
<li><i class="bi bi-check"></i> Business hours coverage</li>
<li class="na"><i class="bi bi-x"></i> <span>24/7 emergency support</span></li>
<li class="na"><i class="bi bi-x"></i> <span>Onboarding assistance</span></li>
</ul>
<a href="#contact" class="buy-btn">Get Started</a>
</div>
</div><!-- End Pricing Item -->
<!-- Business Plan -->
<div class="col-lg-3 col-md-6">
<div class="pricing-item featured">
<h3>Business</h3>
<h4><sup>$</sup>499<span>/mo</span></h4>
<ul>
<li><i class="bi bi-check"></i> Up to 15 devices</li>
<li><i class="bi bi-check"></i> All Starter features</li>
<li><i class="bi bi-check"></i> 24/7 emergency support</li>
<li><i class="bi bi-check"></i> Device monitoring & patching</li>
<li><i class="bi bi-check"></i> Onboarding support</li>
</ul>
<a href="#contact" class="buy-btn">Choose Plan</a>
</div>
</div><!-- End Pricing Item -->
<!-- Enterprise Plan -->
<div class="col-lg-3 col-md-6">
<div class="pricing-item">
<h3>Enterprise</h3>
<h4><sup>$</sup>899<span>/mo</span></h4>
<ul>
<li><i class="bi bi-check"></i> Unlimited users</li>
<li><i class="bi bi-check"></i> Dedicated support lead</li>
<li><i class="bi bi-check"></i> Quarterly strategy review</li>
<li><i class="bi bi-check"></i> Full reporting & auditing</li>
<li><i class="bi bi-check"></i> SLA guarantees</li>
</ul>
<a href="#contact" class="buy-btn">Contact Sales</a>
</div>
</div><!-- End Pricing Item -->
<!-- Retail Variant -->
<div class="col-lg-3 col-md-6">
<div class="pricing-item">
<h3>Retail/Franchise</h3>
<h4><sup>$</sup>249<span>/store/mo</span></h4>
<ul>
<li><i class="bi bi-check"></i> Optimized for retail turnover</li>
<li><i class="bi bi-check"></i> POS + Wi-Fi + camera support</li>
<li><i class="bi bi-check"></i> Rapid seasonal onboarding</li>
<li><i class="bi bi-check"></i> Custom site inventory</li>
<li><i class="bi bi-check"></i> Multi-location reporting</li>
</ul>
<a href="#contact" class="buy-btn">Talk to Us</a>
</div>
</div><!-- End Pricing Item -->
</div>
</div>
</section><!-- End Pricing Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Contact</h2>
<p>Lets connect. Whether its a project, support request, or general inquiry — were ready to help.</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-5">
<div class="info-wrap">
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
<i class="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h3>Address</h3>
<p>Mississauga, ON, Canada</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
<i class="bi bi-telephone flex-shrink-0"></i>
<div>
<h3>Call Us</h3>
<p>+1 (416) 873-9473</p>
<p>+1 (416) USE-WISE</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
<i class="bi bi-envelope flex-shrink-0"></i>
<div>
<h3>Email Us</h3>
<p>concierge@wizdom.ca</p>
</div>
</div><!-- End Info Item -->
<iframe src="https://maps.google.com/maps?q=Mississauga,%20ON&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" style="border:0; width: 100%; height: 270px;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<div class="col-lg-7">
<?php
$hasSuccess = $_SESSION['contact_success'] ?? false;
$hasError = $_SESSION['contact_error'] ?? null;
unset($_SESSION['contact_success']);
unset($_SESSION['contact_error']);
if ($hasSuccess): ?>
<div class="alert alert-success">✅ Thank you! Your message has been received. We'll be in touch shortly.</div>
<?php elseif (!empty($hasError)): ?>
<div class="alert alert-danger">⚠️ <?= htmlspecialchars($hasError) ?></div>
<?php endif; ?>
<form action="/contact" method="POST" class="needs-validation" novalidate>
<div class="row">
<div class="col-md-6">
<label for="first_name" class="pb-2">First Name</label>
<input type="text" name="first_name" id="first_name" class="form-control" required>
<div class="invalid-feedback">First name is required.</div>
</div>
<div class="col-md-6">
<label for="last_name" class="pb-2">Last Name</label>
<input type="text" name="last_name" id="last_name" class="form-control" required>
<div class="invalid-feedback">Last name is required.</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6">
<label for="email" class="pb-2">Your Email</label>
<input type="email" name="email" id="email" class="form-control" required>
<div class="invalid-feedback">Please enter a valid email address.</div>
</div>
<div class="col-md-6">
<label for="phone" class="pb-2">Phone Number <small class="text-muted">(required to qualify submissions)</small></label>
<input type="tel" name="phone" id="phone" class="form-control" required>
<div class="invalid-feedback">Phone number is required.</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<label for="subject" class="pb-2">Subject</label>
<input type="text" name="subject" id="subject" class="form-control" required placeholder="Subject of your inquiry">
<div class="invalid-feedback">Subject is required.</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<label for="message" class="pb-2">Message</label>
<textarea name="message" id="message" rows="5" class="form-control" required></textarea>
<div class="invalid-feedback">Please enter your message.</div>
</div>
</div>
<div class="text-center mt-4">
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
</form>
</div><!-- End Contact Form -->
</div>
</div>
</section><!-- End Contact Section -->
<!-- ======= FAQ Section ======= -->
<section id="faq" class="why-us section light-background">
<div class="container section-title" data-aos="fade-up">
<h2>Frequently Asked Questions</h2>
<p>Answers to common questions about our services, pricing, and process.</p>
</div>
<div class="container">
<div class="faq-container">
<div class="faq-item" data-aos="fade-up" data-aos-delay="100">
<h3><span>1.</span> What industries do you work with?</h3>
<div class="faq-content">
<p>We work across sectors including healthcare, nonprofit, retail, cannabis, government, and professional services. Our team adapts quickly to unique industry needs.</p>
</div>
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
</div>
<div class="faq-item" data-aos="fade-up" data-aos-delay="200">
<h3><span>2.</span> How do HelpDesk+ support plans work?</h3>
<div class="faq-content">
<p>Our support plans include unlimited remote assistance, proactive patching, monitoring, and device onboarding — all tailored to your plan tier.</p>
</div>
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
</div>
<div class="faq-item" data-aos="fade-up" data-aos-delay="300">
<h3><span>3.</span> Can I get a one-time Stealthascope audit?</h3>
<div class="faq-content">
<p>Yes. Our Basic and Pro plans are one-time engagements, and Enterprise audits can include recurring follow-ups if needed.</p>
</div>
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
</div>
<div class="faq-item" data-aos="fade-up" data-aos-delay="400">
<h3><span>4.</span> Do you provide onsite service?</h3>
<div class="faq-content">
<p>We primarily offer remote support across North America. Onsite visits are available in the GTA or by special arrangement elsewhere.</p>
</div>
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
</div>
<div class="faq-item" data-aos="fade-up" data-aos-delay="500">
<h3><span>5.</span> How fast is your response time?</h3>
<div class="faq-content">
<p>Our average first response is under 1 hour during business hours. Emergency support (24/7) is included in Business+ plans and above.</p>
</div>
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
</div>
</div>
</div>
</section><!-- End FAQ Section -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<!-- Newsletter -->
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-6">
<h4>Join Our Newsletter</h4>
<p>Get updates on new services, insights, and best practices from the Wizdom Networks team.</p>
<form action="forms/newsletter.php" method="post" class="php-email-form">
<div class="newsletter-form">
<input type="email" name="email" placeholder="Your Email">
<input type="submit" value="Subscribe">
</div>
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Subscription successful. Thank you!</div>
</form>
</div>
</div>
</div>
</div>
<!-- Footer Links & Contact -->
<div class="container footer-top">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 footer-about">
<a href="/" class="d-flex align-items-center">
<span class="sitename">Wizdom Networks</span>
</a>
<div class="footer-contact pt-3">
<p>Mississauga, ON, Canada</p>
<p><strong>Phone:</strong> <span>416-USE-WISE</span></p>
<p><strong>Email:</strong> <span>concierge@wizdom.ca</span></p>
</div>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Quick Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#hero">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#about">About</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#contact">Contact</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Services</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#services">IT Consulting</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">Cloud Strategy</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">HelpDesk+</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#stealthascope-pricing">Stealthascope</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-12">
<h4>Follow Us</h4>
<p>Stay connected with Wizdom Networks on social.</p>
<div class="social-links d-flex">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-facebook"></i></a>
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="container copyright text-center mt-4">
<p>© <span>Copyright</span> <strong class="px-1 sitename">Wizdom Networks</strong>. <span>All Rights Reserved</span></p>
</div>
</footer><!-- End Footer -->
<script>
(() => {
'use strict'
const forms = document.querySelectorAll('.needs-validation')
Array.from(forms).forEach(form => {
form.addEventListener('submit', event => {
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
}
form.classList.add('was-validated')
}, false)
})
})()
</script>