feat: Soft-launch beta go-live version with hidden sections and pending tweaks
- Marked current state as public soft launch - Temporarily hidden incomplete sections - Confirmed routing, hero/slider logic loads without error - Prepared for incremental SEO, UI, and functionality improvements
This commit is contained in:
essae
parent
5ec5195d89
commit
70105e095c
|
|
@ -4,7 +4,7 @@
|
|||
* File: Router.php
|
||||
* Path: /app/Core/
|
||||
* Purpose: Core router handling HTTP method–specific route dispatching with dynamic path and closure support.
|
||||
* Version: 1.3
|
||||
* Version: 1.4
|
||||
* Author: Wizdom Networks
|
||||
* ============================================
|
||||
*/
|
||||
|
|
@ -13,25 +13,30 @@ namespace WizdomNetworks\WizeWeb\Core;
|
|||
|
||||
use WizdomNetworks\WizeWeb\Utilities\Logger;
|
||||
use WizdomNetworks\WizeWeb\Utilities\ErrorHandler;
|
||||
use WizdomNetworks\WizeWeb\Core\View;
|
||||
|
||||
class Router
|
||||
{
|
||||
/**
|
||||
* Array of registered routes indexed by HTTP method and path.
|
||||
* @var array
|
||||
*/
|
||||
private array $routes = [];
|
||||
|
||||
/**
|
||||
* Registers a new route.
|
||||
* Registers a controller-based route with optional path parameters.
|
||||
*
|
||||
* @param string $path The URL path (e.g. /contact or /verify/{code}).
|
||||
* @param string $controller The fully qualified controller class.
|
||||
* @param string $method The method name in the controller.
|
||||
* @param string $httpMethod HTTP method (GET, POST, etc.), defaults to GET.
|
||||
* @param string $path The route path (e.g. "/contact" or "/verify/{code}").
|
||||
* @param string $controller Fully qualified controller class.
|
||||
* @param string $method Method in controller to invoke.
|
||||
* @param string $httpMethod HTTP method (GET, POST, etc.). Defaults to GET.
|
||||
*/
|
||||
public function add(string $path, string $controller, string $method, string $httpMethod = 'GET'): void
|
||||
{
|
||||
$normalizedPath = trim($path, '/');
|
||||
$routeKey = strtoupper($httpMethod) . ':' . $normalizedPath;
|
||||
|
||||
// Convert path with {param} to regex and store original keys
|
||||
// Transform path into regex pattern and extract parameter names
|
||||
$paramKeys = [];
|
||||
$regexPath = preg_replace_callback('/\{([a-zA-Z_][a-zA-Z0-9_]*)\}/', function ($matches) use (&$paramKeys) {
|
||||
$paramKeys[] = $matches[1];
|
||||
|
|
@ -51,9 +56,9 @@ class Router
|
|||
/**
|
||||
* Registers a closure-based route.
|
||||
*
|
||||
* @param string $path
|
||||
* @param \Closure $callback
|
||||
* @param string $httpMethod
|
||||
* @param string $path The route path.
|
||||
* @param \Closure $callback Anonymous function to handle the route.
|
||||
* @param string $httpMethod HTTP method (GET, POST, etc.). Defaults to GET.
|
||||
*/
|
||||
public function addClosure(string $path, \Closure $callback, string $httpMethod = 'GET'): void
|
||||
{
|
||||
|
|
@ -63,9 +68,9 @@ class Router
|
|||
}
|
||||
|
||||
/**
|
||||
* Dispatch the request based on the path and HTTP method.
|
||||
* Dispatches the current request to the matching route or fallback to 404.
|
||||
*
|
||||
* @param string $path The requested path (from index.php).
|
||||
* @param string $path The requested path, usually from index.php.
|
||||
*/
|
||||
public function dispatch($path)
|
||||
{
|
||||
|
|
@ -78,19 +83,23 @@ class Router
|
|||
continue;
|
||||
}
|
||||
|
||||
$routePattern = $route['pattern'] ?? null;
|
||||
|
||||
// Handle Closure
|
||||
// Handle closure route directly
|
||||
if ($route instanceof \Closure && $key === $routeKeyBase . $cleanPath) {
|
||||
Logger::info("Executing closure route: [$httpMethod] $cleanPath");
|
||||
$route();
|
||||
return;
|
||||
}
|
||||
|
||||
// Handle dynamic path matches
|
||||
if ($routePattern && preg_match($routePattern, $cleanPath, $matches)) {
|
||||
array_shift($matches); // first match is the whole path
|
||||
// Only continue if route is an array
|
||||
if (!is_array($route)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$routePattern = $route['pattern'] ?? null;
|
||||
|
||||
// Match dynamic route patterns and extract parameters
|
||||
if ($routePattern && preg_match($routePattern, $cleanPath, $matches)) {
|
||||
array_shift($matches); // Remove full match
|
||||
$params = array_combine($route['params'], $matches) ?: [];
|
||||
$controllerName = $route['controller'];
|
||||
$method = $route['method'];
|
||||
|
|
@ -99,7 +108,6 @@ class Router
|
|||
if (!class_exists($controllerName)) {
|
||||
throw new \Exception("Controller not found: $controllerName");
|
||||
}
|
||||
|
||||
$controller = new $controllerName();
|
||||
|
||||
if (!method_exists($controller, $method)) {
|
||||
|
|
@ -122,8 +130,9 @@ class Router
|
|||
}
|
||||
}
|
||||
|
||||
// If no route matched, render 404 page
|
||||
Logger::error("Route not found: [$httpMethod] $path");
|
||||
http_response_code(404);
|
||||
echo "404 Not Found";
|
||||
View::render('pages/404');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -661,6 +661,19 @@ h6 {
|
|||
font-size: 13px;
|
||||
}
|
||||
|
||||
.footer-logo-img {
|
||||
max-height: 40px;
|
||||
height: auto;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.footer-logo-img {
|
||||
max-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Preloader
|
||||
--------------------------------------------------------------*/
|
||||
|
|
@ -972,6 +985,35 @@ section,
|
|||
/*--------------------------------------------------------------
|
||||
# About Section
|
||||
--------------------------------------------------------------*/
|
||||
/* === ABOUT SECTION HEADINGS === */
|
||||
.about-h1 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* === ABOUT SECTION PARAGRAPH STYLES === */
|
||||
.about-i {
|
||||
font-style: italic;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* === ABOUT SECTION LAYOUT === */
|
||||
#about-row {
|
||||
margin-top: 2rem;
|
||||
row-gap: 3rem;
|
||||
}
|
||||
|
||||
.about-small {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.about ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
|
@ -1131,6 +1173,29 @@ section,
|
|||
max-height: 70%;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Ethos Section
|
||||
--------------------------------------------------------------*/
|
||||
.ethos-list {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.ethos-list li {
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.ethos-list i {
|
||||
font-size: 1.2rem;
|
||||
color: var(--primary);
|
||||
margin-right: 0.75rem;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Skills Section
|
||||
--------------------------------------------------------------*/
|
||||
|
|
@ -1669,6 +1734,11 @@ section,
|
|||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.greyscale-img {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Pricing Section
|
||||
--------------------------------------------------------------*/
|
||||
|
|
@ -3632,3 +3702,11 @@ Header override
|
|||
--nav-color: #37517e;
|
||||
--nav-hover-color: #315fac;
|
||||
}
|
||||
|
||||
/* Medium and up screen enhancements */
|
||||
@media (min-width: 992px) {
|
||||
#about-row .col-lg-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 812 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 798 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 739 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 394 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 290 KiB |
|
|
@ -1,7 +1,7 @@
|
|||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer" class="footer">
|
||||
|
||||
<!-- Newsletter -->
|
||||
<!-- Newsletter
|
||||
<div class="footer-newsletter">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
|
|
@ -21,14 +21,14 @@
|
|||
</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">
|
||||
<img src="/assets/img/wizdom-networks-logo-v2-no-slogan.webp" alt="Wizdom Networks Logo" class="img-fluid">
|
||||
<a href="/" class="footer-logo d-inline-block">
|
||||
<img src="/assets/img/wizdom-networks-logo-v2-no-slogan.webp" alt="Wizdom Networks Logo" class="footer-logo-img">
|
||||
</a>
|
||||
<div class="footer-contact pt-3">
|
||||
<p>Mississauga, ON, Canada</p>
|
||||
|
|
@ -77,6 +77,7 @@
|
|||
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
'use strict'
|
||||
|
|
|
|||
|
|
@ -8,27 +8,23 @@ use WizdomNetworks\WizeWeb\Core\View;
|
|||
ob_start();
|
||||
?>
|
||||
|
||||
<section class="verify-section section pt-5" style="padding-top: 7rem;">
|
||||
<div class="container text-center">
|
||||
<div class="icon mb-4" style="padding-top: 3rem;">
|
||||
<i class="bi bi-question-circle text-warning" style="font-size: 4rem;"></i>
|
||||
</div>
|
||||
<h2 class="mb-3">Oops... This page got lost in the cloud</h2>
|
||||
<p class="lead">
|
||||
The page you’re looking for doesn’t exist or may have been moved.<br>
|
||||
But hey, we’re Wizdom Networks — we can find anything. Almost.
|
||||
</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/lost-in-the-cloud.webp" alt="404 - Not Found" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<div class="mt-5 text-center">
|
||||
<a href="/" class="btn btn-outline-primary">Return to Home</a>
|
||||
<section id="error-404" class="d-flex flex-column justify-content-center align-items-center text-center py-5" style="min-height: 100vh;">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div class="row justify-content-center mb-4">
|
||||
<div class="col-lg-8">
|
||||
<img src="/assets/img/404-toronto-traffic.png" class="img-fluid mb-4" alt="Toronto traffic jam illustration" style="max-height: 400px;">
|
||||
<h1 class="display-4 fw-bold">404</h1>
|
||||
<p class="lead">
|
||||
This section is closed — just like every major intersection in Toronto this summer.<br>
|
||||
Relying on <a href="/" class="fw-bold text-decoration-underline">Wizdom</a> is often the best way forward.
|
||||
</p>
|
||||
<a href="/" class="btn btn-primary mt-3 px-4">Take Me Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<?php
|
||||
$html = ob_get_clean();
|
||||
View::render('layouts/arsha', ['content' => $html, 'hideNavbar' => true]);
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<p class="lead">We’ve sent you a confirmation link. Please check your inbox to verify your message.</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/newsletter-thanks.webp" alt="Check Email" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/newsletter-thanks.webp" alt="Check Email" class="img-fluid rounded style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
* File: landing.php
|
||||
* Path: /resources/views/pages/landing.php
|
||||
* Purpose: Loads the Arsha one-pager layout content
|
||||
* Version: 1.3.3
|
||||
* Version: 1.3.4
|
||||
* Author: Wizdom Networks
|
||||
* Usage: Rendered via LandingController::index()
|
||||
* ============================================
|
||||
|
|
@ -16,9 +16,9 @@ echo "<!-- SESSION: " . json_encode($_SESSION) . " -->";
|
|||
<?php View::renderPartial('clients'); ?>
|
||||
<?php View::renderPartial('about'); ?>
|
||||
<?php View::renderPartial('why-us'); ?>
|
||||
<?php View::renderPartial('skills'); ?>
|
||||
<?php View::renderPartial('ethos'); ?>
|
||||
<?php View::renderPartial('services'); ?>
|
||||
<?php View::renderPartial('work-process'); ?>
|
||||
<?php // View::renderPartial('wizdom-way'); ?>
|
||||
<?php View::renderPartial('call-to-action'); ?>
|
||||
<?php View::renderPartial('team'); ?>
|
||||
<?php View::renderPartial('testimonials'); ?>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ ob_start();
|
|||
</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/unsubscribed.webp" alt="Unsubscribed" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/unsubscribed.webp" alt="Unsubscribed" class="img-fluid rounded style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<form action="/unsubscribe" method="post" class="row justify-content-center mt-4">
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ ob_start();
|
|||
</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/newsletter-thanks.webp" alt="Error" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/newsletter-thanks.webp" alt="Error" class="img-fluid rounded style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-center">
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ ob_start();
|
|||
</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/unsubscribed.webp" alt="Unsubscribed" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/unsubscribed.webp" alt="Unsubscribed" class="img-fluid rounded" style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<div class="mt-5 text-center">
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ ob_start();
|
|||
</p>
|
||||
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/newsletter-thanks.webp" alt="Error" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/form-email-related/email-expired.webp" alt="Error" class="img-fluid rounded" style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<?php if (empty($redirect)): ?>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ ob_start();
|
|||
|
||||
<!-- Optional Image -->
|
||||
<div class="my-4">
|
||||
<img src="/assets/img/personalize-email-verified.webp" alt="Welcome!" class="img-fluid rounded shadow" style="max-width: 400px;">
|
||||
<img src="/assets/img/form-email-related/email-verified-final.webp" alt="Welcome!" class="img-fluid rounded" style="max-width: 400px;">
|
||||
</div>
|
||||
|
||||
<!-- Alert Message -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
<!-- ======= About Section ======= -->
|
||||
<section id="about" class="about section">
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>About Us</h2>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
|
||||
<p>
|
||||
Wizdom is a preeminent business and IT consultancy founded in 2002, with clients across North America. We’re a creative, results-oriented team that isn’t afraid to push boundaries — but we stay grounded in proven best practices.
|
||||
</p>
|
||||
<ul>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>Infrastructure strategy meets execution — without the buzzwords.</span></li>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>We don’t just work with tech — we translate it into results.</span></li>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>Collaborative, transparent, and battle-tested since 2002.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<p>
|
||||
We’ve helped clients design smarter systems, manage complex initiatives, and adapt to change without missing a beat. Whether you need a strategist, a builder, or a translator between tech and leadership — <strong>we are that partner</strong>.
|
||||
</p>
|
||||
<a href="#services" class="read-more"><span>Explore Our Services</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End About Section -->
|
||||
|
|
@ -2,30 +2,30 @@
|
|||
<section id="about" class="about section">
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>About Us</h2>
|
||||
<p>Who we are. What we do. Why it works.</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
|
||||
<p>
|
||||
We’re not your average IT consultancy — and that’s the point.
|
||||
At Wizdom, we blend sharp technical expertise with grounded business sense.
|
||||
For over 20 years, we've helped clients design smarter infrastructure, manage complex projects, and adapt to change without missing a beat.
|
||||
</p>
|
||||
<ul>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>Infrastructure strategy meets execution — without the buzzwords.</span></li>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>We don’t just work with tech — we translate it into results.</span></li>
|
||||
<li><i class="bi bi-check2-circle"></i> <span>Collaborative, transparent, and battle-tested since 2002.</span></li>
|
||||
</ul>
|
||||
<div id="about-row" class="row">
|
||||
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<h1 class="about-h1">WHO</h1>
|
||||
<p class="about-i">A team of innovators, pragmatists, and problem-solvers — driven by results.</p>
|
||||
<p class="about-small">Wizdom Networks is a preeminent business and IT consultancy built on creativity, experience, and execution. Since 2002, we've supported clients across North America by blending bold ideas with grounded delivery — challenging convention when it drives value, and relying on proven best practices to get it done right.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<p>
|
||||
Whether you need an architect, a troubleshooter, or a translator between tech and executive — we've been that partner.
|
||||
Our engagements go beyond checklists — we help build what's next.
|
||||
</p>
|
||||
<a href="#services" class="read-more"><span>Explore Our Services</span><i class="bi bi-arrow-right"></i></a>
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
|
||||
<h1 class="about-h1">WHAT</h1>
|
||||
<p class="about-i">We align technology with your business goals — and keep it that way.</p>
|
||||
<p class="about-small">Already have your strategy covered? We handle infrastructure, migrations, user support, training, and complex projects others avoid. Whether you need leadership, hands-on execution, or both — if it's IT-related, we’ve done it, and done it well.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
|
||||
<h1 class="about-h1">WHY</h1>
|
||||
<p class="about-i">People who've worked with us know — our passion is contagious.</p>
|
||||
<p class="about-small">It sparks creativity, builds momentum, and brings teams together to overcome blockers that stall progress. We bring clarity when things are unclear, and confidence when the stakes are high. For over 20 years, we’ve grown through referrals alone — because trust isn’t something we say, it’s something we earn.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End About Section -->
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!-- ======= 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">
|
||||
<img src="assets/img/bg/CTA-Toronto-Circuit.webp" alt="Call to Action Background">
|
||||
|
||||
<div class="container">
|
||||
<div class="row" data-aos="zoom-in" data-aos-delay="100">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
<!-- ======= Wizdom Ethos Section ======= -->
|
||||
<section id="ethos" class="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="Wizdom Networks Ethos Illustration">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 pt-4 pt-lg-0 content">
|
||||
<h2>The Wizdom Ethos</h2>
|
||||
<p>We don’t just deliver IT. We bring calm to chaos, clarity to complexity, and wisdom to every decision. Here’s what guides us:</p>
|
||||
|
||||
<ul class="ethos-list">
|
||||
<li><i class="bi bi-lightning-charge"></i> <strong>Responsiveness Matters:</strong> Speed is critical — so is follow-through.</li>
|
||||
<li><i class="bi bi-person-check"></i> <strong>People First:</strong> Tech only works if the people using it succeed.</li>
|
||||
<li><i class="bi bi-lock"></i> <strong>Secure by Design:</strong> We build security into every system — not onto it.</li>
|
||||
<li><i class="bi bi-journal-check"></i> <strong>Document Everything:</strong> Memory fades. Teams change...Good notes don’t!</li>
|
||||
<li><i class="bi bi-lightbulb"></i> <strong>Built with Intention:</strong> Solutions grounded in experience, not trend-chasing.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Wizdom Ethos Section -->
|
||||
|
|
@ -10,13 +10,17 @@
|
|||
|
||||
<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 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’ve worked across a wide range of sectors — from large enterprises to niche organizations. Our experience includes:
|
||||
<br><br>
|
||||
Public sector, healthcare, nonprofit, insurance, financial services, entertainment, music, retail (including cannabis), professional services, education, law enforcement, IT and software development, manufacturing, logistics, and regulatory bodies.
|
||||
</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>
|
||||
|
|
@ -26,10 +30,12 @@
|
|||
<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-item" data-aos="fade-up" data-aos-delay="250">
|
||||
<h3><span>3.</span> What's the HelpDesk+ certification process?</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>
|
||||
<p>
|
||||
Before full onboarding, we assess your environment to ensure it meets our support standards. This includes a review of devices, user accounts, security, patching, backups, and general IT hygiene. We’ll fix anything critical, recommend improvements, and certify your systems — so we can support you reliably and efficiently from day one.
|
||||
</p>
|
||||
</div>
|
||||
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
|
||||
</div>
|
||||
|
|
@ -50,6 +56,17 @@
|
|||
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item" data-aos="fade-up" data-aos-delay="600">
|
||||
<h3><span>6.</span> If you've been around so long, why haven't I heard of you before?</h3>
|
||||
<div class="faq-content">
|
||||
<p>
|
||||
Fair question. For over 20 years, we grew entirely through word of mouth — no ads, no SEO, just solid work and strong relationships. We had a basic one-pager years ago, but this is our first real website. Long-time clients kept telling us: more people should know about you. So… here we are.
|
||||
</p>
|
||||
</div>
|
||||
<div class="faq-toggle"><i class="bi bi-chevron-down"></i></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,75 +7,73 @@
|
|||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row gy-4" data-aos="fade-up" data-aos-delay="100">
|
||||
|
||||
<!-- Starter Plan -->
|
||||
<!-- Simple Plan -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="pricing-item">
|
||||
<h3>Starter</h3>
|
||||
<h4><sup>$</sup>299<span>/mo</span></h4>
|
||||
<h3>Simple</h3>
|
||||
<h4><sup>$</sup>100<span>/mo</span></h4>
|
||||
<ul>
|
||||
<li><i class="bi bi-check"></i> Up to 5 devices</li>
|
||||
<li><i class="bi bi-check"></i> 1–5 users or 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>
|
||||
<li><i class="bi bi-check"></i> Cloud-based setups only</li>
|
||||
<li><i class="bi bi-check"></i> Standard internet access</li>
|
||||
<li class="na"><i class="bi bi-x"></i> <span>Servers or local networks</span></li>
|
||||
</ul>
|
||||
<a href="#contact" class="buy-btn">Get Started</a>
|
||||
<a href="/#contact" class="buy-btn">Sign Up</a>
|
||||
</div>
|
||||
</div><!-- End Pricing Item -->
|
||||
|
||||
<!-- Retail/Franchise Plan -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="pricing-item featured">
|
||||
<h3>Retail/Franchise</h3>
|
||||
<h4><sup>$</sup>250<span>/store/mo</span></h4>
|
||||
<ul>
|
||||
<li><i class="bi bi-check"></i> Up to 10 devices (POS, Wi-Fi, printers)</li>
|
||||
<li><i class="bi bi-check"></i> Unlimited remote support</li>
|
||||
<li><i class="bi bi-check"></i> Rapid seasonal onboarding</li>
|
||||
<li><i class="bi bi-check"></i> $500 one-time certification</li>
|
||||
<li><i class="bi bi-check"></i> Site-specific inventory & logs</li>
|
||||
</ul>
|
||||
<a href="/#contact" class="buy-btn">Talk to Us</a>
|
||||
</div>
|
||||
</div><!-- End Pricing Item -->
|
||||
|
||||
<!-- Business Plan -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="pricing-item featured">
|
||||
<div class="pricing-item">
|
||||
<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> All Simple + Retail 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>
|
||||
<li><i class="bi bi-check"></i> Monitoring & patching</li>
|
||||
<li><i class="bi bi-check"></i> Dedicated onboarding support</li>
|
||||
</ul>
|
||||
<a href="#contact" class="buy-btn">Choose Plan</a>
|
||||
</div>
|
||||
</div><!-- End Pricing Item -->
|
||||
|
||||
<!-- Enterprise Plan -->
|
||||
<!-- Certified Environments -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="pricing-item">
|
||||
<h3>Enterprise</h3>
|
||||
<h4><sup>$</sup>899<span>/mo</span></h4>
|
||||
<h3>Certified Environments</h3>
|
||||
<h4><span>Custom</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>
|
||||
<li><i class="bi bi-check"></i> >5 users or complex infrastructure</li>
|
||||
<li><i class="bi bi-check"></i> Assessment: $750–$1,250</li>
|
||||
<li><i class="bi bi-check"></i> Tailored support agreement</li>
|
||||
<li><i class="bi bi-check"></i> SLA + audit + strategy review</li>
|
||||
<li><i class="bi bi-check"></i> Quarterly reporting</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>
|
||||
<a href="/#contact" class="buy-btn">Start Assessment</a>
|
||||
</div>
|
||||
</div><!-- End Pricing Item -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- End Pricing Section -->
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -4,8 +4,10 @@
|
|||
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
|
||||
<li><a class="nav-link scrollto" href="#about">About</a></li>
|
||||
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
||||
<!-- <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li> -->
|
||||
<!-- <li><a class="nav-link scrollto" href="#wizdom-way">The Wizdom Way</a></li> -->
|
||||
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
||||
<li><a class="nav-link scrollto" href="#testimonials">Testimonials</a></li>
|
||||
<li><a class="nav-link scrollto" href="#pricing">HelpDesk+</a></li>
|
||||
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
<i class="bi bi-list mobile-nav-toggle"></i>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,13 @@
|
|||
<!-- ======= Services Section ======= -->
|
||||
<?php
|
||||
/**
|
||||
* File: services.php
|
||||
* Version: 2.4
|
||||
* Path: /resources/views/partials/services.php
|
||||
* Purpose: Services section styled to match Arsha layout with updated titles, descriptions, and full AOS integration.
|
||||
* Project: Wizdom Networks Website
|
||||
*/
|
||||
?>
|
||||
|
||||
<section id="services" class="services section">
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Services</h2>
|
||||
|
|
@ -8,54 +17,69 @@
|
|||
<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="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('IT Strategy & Alignment')" >IT Strategy & Alignment</a></h4>
|
||||
<p>Align your technology with your business roadmap — not the other way around.</p>
|
||||
<div class="icon"><i class="bi bi-lightbulb"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('BrandLab')">BrandLab</a></h4>
|
||||
<p>BrandLab builds high-performance brands through data, psychology, and strategic design. We don’t just create logos — we craft complete identities, including naming, messaging, and visual systems that work. Our services cover everything from logo design, websites, and SEO to marketing assets like team headshots and product photography. If your brand needs to connect, convert, and grow — we’ll engineer it to do exactly that.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300">
|
||||
<div class="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('Project & Implementation Support')" >Project & Implementation Support</a></h4>
|
||||
<p>From kickoff to go-live, we keep your projects moving and your outcomes clear.</p>
|
||||
<div class="icon"><i class="bi bi-headset"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('HelpDesk+')">HelpDesk+</a></h4>
|
||||
<p>Unlimited remote IT support, flat-rate priced and delivered by real experts. HelpDesk+ keeps your business running, reduces downtime, and gives you predictable support costs. Our team acts as your on-call IT department — solving issues quickly so your staff can stay focused. No more surprises. Just fast, reliable help when you need it most.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
|
||||
<div class="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('Managed IT Services')" >Managed IT Services</a></h4>
|
||||
<p>Full-service support for infrastructure, endpoints, cloud, and more.</p>
|
||||
<div class="icon"><i class="bi bi-kanban"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('ProjX')">ProjX</a></h4>
|
||||
<p>ProjX provides expert-led project planning and execution for IT, cloud, and infrastructure initiatives. We define clear goals, timelines, and risks up front — then manage resources, vendors, and delivery to stay on track. Our process includes kickoff alignment, milestone validation, and post-project review to lock in wins and lessons. With ProjX, your projects don’t just launch — they land exactly where they’re supposed to.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="500">
|
||||
<div class="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('Network & Infrastructure Design')" >Network & Infrastructure Design</a></h4>
|
||||
<p>Firewalls, cabling, wireless, data centers — optimized and future-ready.</p>
|
||||
<div class="icon"><i class="bi bi-moon-stars"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('After5')">After5</a></h4>
|
||||
<p>After5 offers after-hours, weekend, and emergency IT support for organizations that can’t afford to pause. Whether you're launching a campaign, hosting a live event, or need urgent troubleshooting, we’ve got you covered. Flexible plans and on-call experts ensure continuity, rapid resolution, and peace of mind when others are off the clock. Your night shift just got a lot less stressful.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="600">
|
||||
<div class="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('Training & Documentation')" >Training & Documentation</a></h4>
|
||||
<p>Executive briefings. End-user workshops. Tailored sessions that stick.</p>
|
||||
<div class="icon"><i class="bi bi-cloud-arrow-up"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('CloudiQ')">CloudiQ</a></h4>
|
||||
<p>CloudiQ is your suite of hosted business services — from Exchange email and WordPress web hosting to secure backups, file sharing, and more. We offer branded cloud tools like spamiQ (anti-spam), wiseDrop (file sync & share), and RightBack (online backup) — all designed for small business reliability and scalability. Whether you're launching, upgrading, or integrating, we handle deployment, migration, and support. With CloudiQ, your essential systems stay online, secure, and in sync.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="700">
|
||||
<div class="col-xl-3 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="#contact" class="stretched-link" onclick="prefillService('Branding & Web Consulting')" >Branding & Web Consulting</a></h4>
|
||||
<p>From domain to delivery — we help you tell your story and back it up with solid tech.</p>
|
||||
<div class="icon"><i class="bi bi-sliders2"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('alignd')">alignd</a></h4>
|
||||
<p>alignd connects your business strategy with the right IT leadership and execution. We provide outsourced CIO/CTO services, senior consulting, and hands-on technical guidance to help you move forward with clarity. Whether you need executive-level planning or expert support embedded in your team, alignd ensures your technology is always working toward your goals. Stop reacting — start leading with aligned strategy and action.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="800">
|
||||
<div class="service-item">
|
||||
<div class="icon"><i class="bi bi-diagram-3"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('Layr1')">Layr1</a></h4>
|
||||
<p>Layr1 delivers structured cabling, secure networking, and on-site technology infrastructure built to last. We design and deploy everything from racks, servers, and Wi-Fi to firewalls, switches, and surveillance systems. Our team also handles network surveys, heat mapping, and full data centre builds, teardowns or migrations. Whether you're building out, cleaning up, or locking down — Layr1 makes sure it's done right.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="zoom-in" data-aos-delay="900">
|
||||
<div class="service-item">
|
||||
<div class="icon"><i class="bi bi-windows"></i></div>
|
||||
<h4><a href="#contact" class="stretched-link" onclick="prefillService('M365')">M365</a></h4>
|
||||
<p>M365 helps businesses deploy, manage, and get the most from Microsoft 365. We handle migrations, licensing, account setup, device configuration, and training — so your team can focus on work, not workarounds. From Exchange and SharePoint to Teams and OneDrive, we ensure everything is secure, synced, and supported. With M365, you get expert guidance and a seamless Microsoft experience from day one.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Services Section -->
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,61 @@
|
|||
<!-- ======= 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>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('IT Strategy & Alignment')" >IT Strategy & Alignment</a></h4>
|
||||
<p>Align your technology with your business roadmap — not the other way around.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('Project & Implementation Support')" >Project & Implementation Support</a></h4>
|
||||
<p>From kickoff to go-live, we keep your projects moving and your outcomes clear.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('Managed IT Services')" >Managed IT Services</a></h4>
|
||||
<p>Full-service support for infrastructure, endpoints, cloud, and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('Network & Infrastructure Design')" >Network & Infrastructure Design</a></h4>
|
||||
<p>Firewalls, cabling, wireless, data centers — optimized and future-ready.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('Training & Documentation')" >Training & Documentation</a></h4>
|
||||
<p>Executive briefings. End-user workshops. Tailored sessions that stick.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="#contact" class="stretched-link" onclick="prefillService('Branding & Web Consulting')" >Branding & Web Consulting</a></h4>
|
||||
<p>From domain to delivery — we help you tell your story and back it up with solid tech.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Services Section -->
|
||||
|
|
@ -13,29 +13,48 @@
|
|||
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="row gy-4 mt-3">
|
||||
<div class="col-6 col-md-6">
|
||||
<div class="icon-box d-flex align-items-start">
|
||||
<i class="bi bi-server text-primary fs-3 pe-3"></i>
|
||||
<div>
|
||||
<h4 class="fw-bold mb-1">Active Directory & Exchange</h4>
|
||||
<p class="mb-0 small">Enterprise-grade directory, identity, and email systems expertise.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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"></div></div>
|
||||
</div>
|
||||
<div class="col-6 col-md-6">
|
||||
<div class="icon-box d-flex align-items-start">
|
||||
<i class="bi bi-hdd-network text-primary fs-3 pe-3"></i>
|
||||
<div>
|
||||
<h4 class="fw-bold mb-1">Virtualization & Infrastructure</h4>
|
||||
<p class="mb-0 small">VMware, XEN, Hyper-V deployments, clustering, and optimization.</p>
|
||||
</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"></div></div>
|
||||
</div>
|
||||
<div class="col-6 col-md-6">
|
||||
<div class="icon-box d-flex align-items-start">
|
||||
<i class="bi bi-shield-lock text-primary fs-3 pe-3"></i>
|
||||
<div>
|
||||
<h4 class="fw-bold mb-1">Network Design & Security</h4>
|
||||
<p class="mb-0 small">Wired/wireless networks, firewalls, audits, and surveillance systems.</p>
|
||||
</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"></div></div>
|
||||
</div>
|
||||
<div class="col-6 col-md-6">
|
||||
<div class="icon-box d-flex align-items-start">
|
||||
<i class="bi bi-cloud-check text-primary fs-3 pe-3"></i>
|
||||
<div>
|
||||
<h4 class="fw-bold mb-1">Cloud Strategy & M365</h4>
|
||||
<p class="mb-0 small">Planning, migration, training, and ongoing Microsoft 365 support.</p>
|
||||
</div>
|
||||
</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"></div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
<div class="pic"><img src="assets/img/person/sa-media-office.webp" class="img-fluid" alt="Essae B."></div>
|
||||
<div class="member-info">
|
||||
<h4>Essae B.</h4>
|
||||
<span>Founder & Principal Consultant</span>
|
||||
<span>Founder & Principal Consultant, CEO</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>
|
||||
<!-- <a href="#"><i class="bi bi-twitter-x"></i></a> -->
|
||||
<a href="https://www.linkedin.com/in/essae/" target="_blank"><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -25,14 +25,14 @@
|
|||
|
||||
<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/sb-linkedin2.webp" class="img-fluid" alt="Jodie R."></div>
|
||||
<div class="pic"><img src="assets/img/person/sb-linkedin2.webp" class="img-fluid greyscale-img" alt="Jodie R."></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>
|
||||
<!--<a href="#"><i class="bi bi-twitter-x"></i></a> -->
|
||||
<a href="#" target="_blank"><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -40,14 +40,14 @@
|
|||
|
||||
<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="Martin C."></div>
|
||||
<div class="pic"><img src="assets/img/person/l12-headshot.webp" class="img-fluid" alt="Martin C."></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>
|
||||
<h4>Kiyara J.</h4>
|
||||
<span>Chief Vibes Officer</span>
|
||||
<p>Leads content strategy, social identity, and audience connection — with taste and intuition.</p>
|
||||
<div class="social">
|
||||
<a href="#"><i class="bi bi-twitter-x"></i></a>
|
||||
<a href="#"><i class="bi bi-linkedin"></i></a>
|
||||
<!-- <a href="#"><i class="bi bi-twitter-x"></i></a> -->
|
||||
<a href="#" target="_blank"><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,51 +1,30 @@
|
|||
<!-- ======= 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 Organizations Choose </span><strong>Wizdom Networks</strong></h3>
|
||||
<p>
|
||||
There’s no shortage of IT consultants out there. But few bring the same mix of creativity, pragmatism, and proven experience. We do.
|
||||
</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> What makes Wizdom different?</h3>
|
||||
<div class="faq-content">
|
||||
<p>We combine deep technical chops with strategic insight and hands-on execution. No fluff. No shortcuts.</p>
|
||||
</div>
|
||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3><span>02</span> Who do you typically work with?</h3>
|
||||
<div class="faq-content">
|
||||
<p>We support SMBs and mid-market orgs across retail, public sector, professional services, and non-profits — but we scale easily into enterprise territory.</p>
|
||||
</div>
|
||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3><span>03</span> Do you offer flexible or project-based engagements?</h3>
|
||||
<div class="faq-content">
|
||||
<p>Absolutely. From one-off projects to long-term partnerships, we adapt to your business needs and growth stage.</p>
|
||||
</div>
|
||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<section id="why-us" class="section why-us light-background">
|
||||
<div class="container">
|
||||
<div class="row gy-4 align-items-center">
|
||||
|
||||
<!-- Text Content -->
|
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<h3><span>Modern Technology.</span> <strong>Time-Honoured Principles.</strong></h3>
|
||||
<p>
|
||||
Wizdom brings seasoned thinking to modern systems. We design IT environments with clarity, purpose, and longevity — where every component supports your goals and works as part of a whole.
|
||||
</p>
|
||||
<p>
|
||||
It's not just about staying current — it's about building tech that lasts, adapts, and earns its keep.
|
||||
</p>
|
||||
<ul class="checklist">
|
||||
<li><i class="bi bi-check-circle"></i> Scalable, secure, and intentional infrastructure</li>
|
||||
<li><i class="bi bi-check-circle"></i> Designed for alignment, not just uptime</li>
|
||||
<li><i class="bi bi-check-circle"></i> Built from experience, not guesswork</li>
|
||||
<li><i class="bi bi-check-circle"></i> Systems that support business — not slow it down</li>
|
||||
</ul>
|
||||
</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">
|
||||
<!-- Image Column -->
|
||||
<div class="col-lg-6 text-center" data-aos="zoom-in" data-aos-delay="200">
|
||||
<img src="assets/img/why-us.png" class="img-fluid" alt="IT systems overview illustration">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Why Us Section -->
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,127 @@
|
|||
<!-- ======= Wizdom Way Section ======= -->
|
||||
<section id="wizdom-way" class="work-process section">
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>The Wizdom Way</h2>
|
||||
<p>Our 6-step approach blends clarity, precision, and execution — guiding every project from insight to celebration.</p>
|
||||
</div>
|
||||
|
||||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="row gy-5">
|
||||
|
||||
<!-- Step 1 -->
|
||||
<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/wizdom-step-discovery-alignment.webp" alt="Wizdom Work Process Step 1 – Discovery and Alignment" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">01</div>
|
||||
<h3>Discovery & Alignment</h3>
|
||||
<p>We listen first. Together, we uncover your challenges, clarify goals, and align stakeholders.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Stakeholder Interviews</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Needs Analysis</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Goal Prioritization</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<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/wizdom-step-planning-prioritization.webp" alt="Wizdom Work Process Step 2 – Planning and Prioritization" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">02</div>
|
||||
<h3>Planning & Prioritization</h3>
|
||||
<p>We turn insights into a clear roadmap, prioritizing impact and feasibility from the start.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Timeline & Budget Alignment</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Feasibility Planning</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Definition</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<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/wizdom-step-design-validation.webp" alt="Wizdom Work Process Step 3 – Design and Validation" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">03</div>
|
||||
<h3>Design & Validation</h3>
|
||||
<p>We transform plans into actionable, testable designs and validate them with your team before deployment.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>UX & Systems Design</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Client Review Loops</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Validation Milestones</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 4 -->
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="500">
|
||||
<div class="steps-item">
|
||||
<div class="steps-image">
|
||||
<img src="assets/img/steps/wizdom-step-execution-deployment.webp" alt="Wizdom Work Process Step 4 – Execution and Deployment" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">04</div>
|
||||
<h3>Execution & Deployment</h3>
|
||||
<p>Your solution goes live — clean code, full documentation, and hands-on deployment support.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Staging & Release</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Deployment Planning</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Live Launch Monitoring</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 5 -->
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="600">
|
||||
<div class="steps-item">
|
||||
<div class="steps-image">
|
||||
<img src="assets/img/steps/wizdom-step-optimization-support.webp" alt="Wizdom Work Process Step 5 – Optimization and Support" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">05</div>
|
||||
<h3>Optimization & Support</h3>
|
||||
<p>We stay engaged, helping you monitor, optimize, and adapt your solution as your needs evolve.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Performance Monitoring</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Technical Support</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Iterative Improvements</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 6 -->
|
||||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="700">
|
||||
<div class="steps-item">
|
||||
<div class="steps-image">
|
||||
<img src="assets/img/steps/wizdom-step-strategic-partnership.webp" alt="Wizdom Work Process Step 6 – Strategic Partnership" class="img-fluid" loading="lazy">
|
||||
</div>
|
||||
<div class="steps-content">
|
||||
<div class="steps-number">06</div>
|
||||
<h3>Strategic Partnership</h3>
|
||||
<p>Our goal is long-term alignment, trust, and shared momentum. This isn’t just a project — it’s a relationship.</p>
|
||||
<div class="steps-features">
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Long-Term Collaboration</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Reviews</span></div>
|
||||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Celebration & Continuity</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Wizdom Way Section -->
|
||||
|
|
@ -0,0 +1,111 @@
|
|||
#!/bin/bash
|
||||
#
|
||||
# File: convert-to-webp.sh
|
||||
# Version: 0.9
|
||||
# Path: /scripts/image/
|
||||
# Purpose: Convert PNG/JPEG to WebP with hashing, metadata checks, logging, and smart skip/delete/report options.
|
||||
# Project: Wizdom Networks Website Optimization
|
||||
#
|
||||
# Usage:
|
||||
# ./convert-to-webp.sh [options] <input_folder>
|
||||
#
|
||||
# Options:
|
||||
# --noskip Process all files regardless of hash or metadata match
|
||||
# --DELETE Delete original file after successful conversion
|
||||
# --report Show hash, size, mod date comparison per file
|
||||
# --log <path> Write output to log file at specified path
|
||||
# --nolog Disable logging
|
||||
# --help Show this help message and exit
|
||||
|
||||
set -e
|
||||
|
||||
# === Defaults ===
|
||||
SKIP=true
|
||||
DELETE=false
|
||||
REPORT=false
|
||||
LOGGING=true
|
||||
LOG_FILE="./conversion.log"
|
||||
|
||||
# === Helper: Print Help ===
|
||||
print_help() {
|
||||
grep '^# ' "$0" | sed 's/^# //'
|
||||
exit 0
|
||||
}
|
||||
|
||||
# === Helper: Log ===
|
||||
log() {
|
||||
if [ "$LOGGING" = true ]; then
|
||||
echo "$(date '+%Y-%m-%d %H:%M:%S') [INFO]: $1" | tee -a "$LOG_FILE"
|
||||
fi
|
||||
}
|
||||
|
||||
# === Helper: Get File Metadata Hash ===
|
||||
get_file_info() {
|
||||
local file="$1"
|
||||
sha256sum "$file" | cut -d' ' -f1
|
||||
}
|
||||
|
||||
# === Parse Arguments ===
|
||||
while [[ "$1" =~ ^-- ]]; do
|
||||
case "$1" in
|
||||
--noskip) SKIP=false ;;
|
||||
--DELETE) DELETE=true ;;
|
||||
--report) REPORT=true ;;
|
||||
--nolog) LOGGING=false ;;
|
||||
--log)
|
||||
shift
|
||||
LOG_FILE="$1"
|
||||
;;
|
||||
--help) print_help ;;
|
||||
*) echo "Unknown option: $1" && print_help ;;
|
||||
esac
|
||||
shift
|
||||
done
|
||||
|
||||
INPUT_DIR="$1"
|
||||
[ -z "$INPUT_DIR" ] && echo "Error: No input folder provided." && print_help
|
||||
[ ! -d "$INPUT_DIR" ] && echo "Error: '$INPUT_DIR' is not a valid directory." && exit 1
|
||||
|
||||
log "Starting conversion in folder: $INPUT_DIR"
|
||||
|
||||
find "$INPUT_DIR" -type f \( -iname "*.png" -o -iname "*.jpg" -o -iname "*.jpeg" \) | while read -r src; do
|
||||
dest="${src%.*}.webp"
|
||||
|
||||
if [ "$SKIP" = true ] && [ -f "$dest" ]; then
|
||||
src_hash=$(get_file_info "$src")
|
||||
dest_hash=$(get_file_info "$dest")
|
||||
src_size=$(stat -c %s "$src")
|
||||
dest_size=$(stat -c %s "$dest")
|
||||
src_time=$(stat -c %Y "$src")
|
||||
dest_time=$(stat -c %Y "$dest")
|
||||
|
||||
if [ "$src_hash" == "$dest_hash" ] || ([ "$src_size" == "$dest_size" ] && [ "$src_time" -eq "$dest_time" ]); then
|
||||
log "SKIPPED: $src (already converted)"
|
||||
continue
|
||||
fi
|
||||
fi
|
||||
|
||||
log "Converting: $src → $dest"
|
||||
if convert "$src" -strip -quality 85 "$dest"; then
|
||||
log "SUCCESS: $dest created."
|
||||
if [ "$DELETE" = true ]; then
|
||||
rm "$src"
|
||||
log "DELETED: $src"
|
||||
fi
|
||||
else
|
||||
log "ERROR: Failed to convert $src"
|
||||
fi
|
||||
|
||||
if [ "$REPORT" = true ]; then
|
||||
echo "REPORT for: $src"
|
||||
echo " Source Hash: $(get_file_info "$src")"
|
||||
echo " Dest Hash: $(get_file_info "$dest")"
|
||||
echo " Source Size: $(stat -c %s "$src")"
|
||||
echo " Dest Size: $(stat -c %s "$dest")"
|
||||
echo " Source mtime: $(stat -c %y "$src")"
|
||||
echo " Dest mtime: $(stat -c %y "$dest")"
|
||||
echo ""
|
||||
fi
|
||||
done
|
||||
|
||||
log "Conversion complete."
|
||||
Loading…
Reference in New Issue