Files
provoc-website/index.html
2026-05-17 00:53:30 +03:00

951 lines
39 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Provoc Group | AI Automation, Cloud &amp; Enterprise Software Solutions</title>
<meta name="description" content="Provoc Group delivers AI workflow automation, cloud infrastructure, and enterprise software for banking, government, and telecom organisations. Trusted across Africa." />
<meta name="robots" content="index, follow" />
<meta name="author" content="Provoc Group" />
<meta name="google-site-verification" content="Lf39VgySZMd1SFXcDWCfq14LrkfvQmTZmuDPWxH5Cxg" />
<link rel="canonical" href="https://provoc.ug/" />
<link rel="sitemap" type="application/xml" href="/sitemap.xml" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<meta property="og:title" content="Provoc Group | AI Automation, Cloud &amp; Enterprise Software" />
<meta property="og:description" content="AI workflow automation, cloud infrastructure, and enterprise software solutions for banking, government, telecom, and energy sectors across Africa." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://provoc.ug/" />
<meta property="og:image" content="https://provoc.ug/img/og-image.jpg" />
<meta property="og:site_name" content="Provoc Group" />
<meta property="og:locale" content="en_UG" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Provoc Group | AI Automation, Cloud &amp; Enterprise Software" />
<meta name="twitter:description" content="AI workflow automation, cloud infrastructure, and enterprise software solutions for banking, government, telecom, and energy sectors across Africa." />
<meta name="twitter:image" content="https://provoc.ug/img/og-image.jpg" />
<meta name="keywords" content="AI Automation, Business Workflow Automation, Cloud Infrastructure, Enterprise Software Development, Digital Transformation, SharePoint Solutions, Systems Integration, IT Consultancy, Uganda, Africa, Banking Technology, Government Digital Services" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Bebas+Neue&family=Oswald:wght@400;700&display=swap" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<script src="js/modernizr.custom.js"></script>
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Provoc Group",
"url": "https://provoc.ug/",
"logo": "https://provoc.ug/img/logo.gif",
"description": "Provoc Group delivers AI automation, cloud infrastructure, and enterprise software solutions for banking, government, telecom, and energy organisations across Africa.",
"email": "info@provocgroup.com",
"telephone": "+256394804804",
"address": {
"@type": "PostalAddress",
"streetAddress": "1st Floor, GreenLeave Building, Luzira",
"addressLocality": "Kampala",
"addressCountry": "UG"
},
"sameAs": ["https://www.linkedin.com/company/provoc-uganda/"],
"areaServed": ["Uganda", "Zambia", "Eswatini", "Africa"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Enterprise Technology Services",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "AI & Business Automation",
"description": "Intelligent enterprise workflow automation using AI, SharePoint, Microsoft 365, and custom automation platforms."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Cloud & Infrastructure Solutions",
"description": "Cloud platform architecture, hybrid infrastructure migrations, and enterprise environment governance."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Enterprise Software Development",
"description": "Secure, scalable software platforms and integrations for banking, telecom, government, and enterprise workflows."
}
}
]
}
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Provoc Group",
"url": "https://provoc.ug/",
"description": "AI automation, cloud infrastructure, and enterprise software for organisations across Africa."
}
]
</script>
</head>
<body>
<!-- PAGE LOADER -->
<div class="pg-loader" id="pgLoader" aria-hidden="true">
<div class="pg-loader__dots">
<span></span><span></span><span></span>
</div>
</div>
<div id="wrapper">
<!-- NAV -->
<header>
<nav class="site-nav" id="siteNav" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="site-nav__inner">
<a class="site-nav__brand" href="#home" aria-label="Provoc Group home">
<img src="img/logo.gif" alt="Provoc Group" />
</a>
<button class="site-nav__toggle" id="navToggle" aria-label="Toggle navigation" aria-expanded="false">
<span></span><span></span><span></span>
</button>
<ul class="site-nav__links" id="navLinks">
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#capabilities">Capabilities</a></li>
<li><a href="#portfolio">Clients</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!-- ====================================================
HERO
==================================================== -->
<section class="hero" id="home">
<div class="hero__bg"></div>
<div class="hero__slides">
<div class="hero__slide active">
<span class="hero__tag">Global Technology Partner</span>
<h1 class="hero__title">Driving Innovation Through Cloud, Software &amp; Digital Transformation</h1>
<div class="hero__btns">
<a href="#contact" class="btn-solid">Talk to Us</a>
<a href="#services" class="btn-ghost">Our Services</a>
</div>
</div>
<div class="hero__slide">
<span class="hero__tag">Managed Services</span>
<h1 class="hero__title">Systems Integration Built for Real Business Outcomes</h1>
<div class="hero__btns">
<a href="#services" class="btn-solid">Explore Services</a>
<a href="#contact" class="btn-ghost">Get in Touch</a>
</div>
</div>
<div class="hero__slide">
<span class="hero__tag">AI-Powered Automation</span>
<h1 class="hero__title">AI Workflows That Automate the Work That Slows You Down</h1>
<div class="hero__btns">
<a href="#capabilities" class="btn-solid">See How It Works</a>
<a href="#contact" class="btn-ghost">Talk to Us</a>
</div>
</div>
</div><!-- /.hero__slides -->
<div class="hero__pagination" id="heroDots">
<button class="hero__dot active" aria-label="Slide 1"></button>
<button class="hero__dot" aria-label="Slide 2"></button>
<button class="hero__dot" aria-label="Slide 3"></button>
</div>
<a class="hero__scroll" id="heroScroll" href="#services" aria-label="Scroll to services">
<i class="fa fa-angle-down"></i>
</a>
</section>
<!-- ====================================================
SERVICES
==================================================== -->
<section id="services">
<div class="container">
<div class="sec-head">
<span class="sec-head__label">What We Do</span>
<h2 class="sec-head__title">Our Services</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">AI-powered enterprise transformation — from workflow automation and cloud infrastructure to enterprise software built for operational scale.</p>
</div>
<div class="svc-grid">
<div class="service-item svc-card">
<span class="svc-badge">AI-Powered</span>
<div class="svc-card__header">
<i class="fa fa-cogs svc-card__icon"></i>
<h3>AI &amp; Business Automation</h3>
</div>
<p class="svc-card__tagline">Automate workflows. Eliminate manual operations. Accelerate decision-making.</p>
<p>We design intelligent enterprise workflows using AI, SharePoint, Microsoft 365, and custom automation platforms to improve operational efficiency at scale.</p>
<a class="svc-card__link" href="#about">See Workflow Examples &rarr;</a>
</div>
<div class="service-item svc-card">
<span class="svc-badge">Infrastructure</span>
<div class="svc-card__header">
<i class="fa fa-cloud svc-card__icon"></i>
<h3>Cloud &amp; Infrastructure</h3>
</div>
<p class="svc-card__tagline">Secure, scalable cloud environments built for modern enterprises.</p>
<p>We architect and implement cloud platforms, hybrid infrastructure, migrations, and enterprise environments focused on resilience, governance, and performance.</p>
<a class="svc-card__link" href="#contact">Discuss Your Requirements &rarr;</a>
</div>
<div class="service-item svc-card">
<span class="svc-badge">Custom Build</span>
<div class="svc-card__header">
<i class="fa fa-code svc-card__icon"></i>
<h3>Enterprise Software Dev.</h3>
</div>
<p class="svc-card__tagline">Custom applications designed around real business operations.</p>
<p>We build secure, scalable software platforms and integrations tailored for banking, telecom, government, and enterprise workflows.</p>
<a class="svc-card__link" href="#contact">Start a Conversation &rarr;</a>
</div>
</div>
</div>
<!-- Process Band -->
<div class="process-band">
<div class="process-band__overlay">
<div class="container">
<div class="sec-head sec-head--light">
<h3 class="sec-head__title">How We Work</h3>
<p class="sec-head__sub">Our delivery model is built around understanding business needs, planning carefully, implementing effectively, and delivering solutions that work.</p>
</div>
<div class="process-steps">
<div class="process-item"><span class="process-item__num">01</span><span class="process-item__label">Analyse</span></div>
<div class="process-item delay1"><span class="process-item__num">02</span><span class="process-item__label">Prepare</span></div>
<div class="process-item delay2"><span class="process-item__num">03</span><span class="process-item__label">Build</span></div>
<div class="process-item delay3"><span class="process-item__num">04</span><span class="process-item__label">Refine</span></div>
<div class="process-item delay4"><span class="process-item__num">05</span><span class="process-item__label">Test</span></div>
<div class="process-item delay5"><span class="process-item__num">06</span><span class="process-item__label">Deliver</span></div>
</div>
</div>
</div>
</div>
</section>
<!-- ====================================================
AI WORKFLOWS
==================================================== -->
<section id="capabilities" class="cap-section">
<div class="container">
<div class="sec-head sec-head--light">
<span class="sec-head__label">Practice Areas</span>
<h2 class="sec-head__title">Enterprise Capabilities</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">Beyond workflow automation — we architect, integrate, and engineer transformation across your entire technology estate. Serving operations leaders, CTOs, and enterprise architects.</p>
</div>
<div class="cap-grid">
<div class="cap-card">
<div class="cap-card__head">
<i class="fa fa-sitemap cap-card__icon"></i>
<h3>AI &amp; Workflow Automation</h3>
</div>
<p>Intelligent document processing, approvals, onboarding, and business process automation — powered by AI and connected to your existing systems.</p>
<div class="cap-sectors">
<span>Finance</span><span>Government</span><span>Telecom</span>
</div>
</div>
<div class="cap-card">
<div class="cap-card__head">
<i class="fa fa-cloud cap-card__icon"></i>
<h3>Cloud &amp; DevOps Engineering</h3>
</div>
<p>Cloud architecture, Kubernetes environments, CI/CD pipelines, infrastructure automation, and platform reliability for modern enterprise operations.</p>
<div class="cap-sectors">
<span>SaaS</span><span>Fintech</span><span>Telco</span>
</div>
</div>
<div class="cap-card">
<div class="cap-card__head">
<i class="fa fa-cubes cap-card__icon"></i>
<h3>Enterprise Systems &amp; Integration</h3>
</div>
<p>SharePoint, Business Central, Microsoft 365, ERP integration, and custom enterprise platforms — connecting and extending your technology ecosystem.</p>
<div class="cap-sectors">
<span>Government</span><span>Manufacturing</span><span>Retail</span>
</div>
</div>
<div class="cap-card">
<div class="cap-card__head">
<i class="fa fa-compass cap-card__icon"></i>
<h3>Advisory &amp; Transformation</h3>
</div>
<p>Technology strategy, solution architecture, cloud transformation roadmaps, and enterprise modernisation consulting — from discovery through to delivery.</p>
<div class="cap-sectors">
<span>Banking</span><span>Energy</span><span>Public Sector</span>
</div>
</div>
</div><!-- /.cap-grid -->
<div class="cap-cta">
<p>Not sure where to start? We map your processes and identify automation opportunities at no cost.</p>
<a href="#contact" class="btn-outline-gold">Book a Discovery Call</a>
</div>
</div>
</section>
<!-- ====================================================
CLIENTS
==================================================== -->
<section id="portfolio" class="clients-section">
<div class="container">
<div class="sec-head">
<span class="sec-head__label">Trusted By</span>
<h2 class="sec-head__title">Organisations That Trust Provoc Group</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">Banking, government, telecom, energy, and NGO organisations across Africa — delivered with consistency.</p>
</div>
<div class="logo-track-wrapper">
<div class="logo-track">
<div class="logo-set">
<img class="logo-icon" src="img/clients/logo6.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo2.png" alt="Client" loading="lazy" />
<img class="logo-text" src="img/clients/logo346.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo15.png" alt="Client" loading="lazy" />
<img class="logo-text" src="img/clients/logo5.png" alt="Client" loading="lazy" />
<img class="logo-text" src="img/clients/logo9.png" alt="Client" loading="lazy" />
<img class="logo-text" src="img/clients/logo11.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo10.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo12.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo13.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo45.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo16.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo4.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo1.png" alt="Client" loading="lazy" />
<img class="logo-text" src="img/clients/logo14.png" alt="Client" loading="lazy" />
<img class="logo-icon" src="img/clients/logo7.png" alt="Client" loading="lazy" />
</div>
<div class="logo-set" aria-hidden="true">
<img class="logo-icon" src="img/clients/logo6.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo2.png" alt="" loading="lazy" />
<img class="logo-text" src="img/clients/logo346.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo15.png" alt="" loading="lazy" />
<img class="logo-text" src="img/clients/logo5.png" alt="" loading="lazy" />
<img class="logo-text" src="img/clients/logo9.png" alt="" loading="lazy" />
<img class="logo-text" src="img/clients/logo11.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo10.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo12.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo13.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo45.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo16.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo4.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo1.png" alt="" loading="lazy" />
<img class="logo-text" src="img/clients/logo14.png" alt="" loading="lazy" />
<img class="logo-icon" src="img/clients/logo7.png" alt="" loading="lazy" />
</div>
</div>
</div>
<div class="sector-tags">
<span class="sector-tag">Banking &amp; Finance</span>
<span class="sector-tag">Government</span>
<span class="sector-tag">Telecom</span>
<span class="sector-tag">Energy &amp; Utilities</span>
<span class="sector-tag">NGO &amp; Development</span>
<span class="sector-tag">Manufacturing</span>
</div>
</div>
<!-- Stats -->
<div class="stats-band numbers">
<div class="stats-band__overlay">
<div class="container">
<div class="sec-head sec-head--light stats-head">
<h2 class="sec-head__title">Delivery at Scale</h2>
</div>
<div class="stats-grid">
<div class="stat-box">
<span class="number stat-num" data-count="13" data-duration="2" id="clientsCounter">13</span>
<span class="stat-label">Years Experience</span>
</div>
<div class="stat-box">
<span class="number stat-num" data-count="12" data-duration="2" id="projectCounter">12</span>
<span class="stat-label">Enterprise Clients</span>
</div>
<div class="stat-box">
<span class="number stat-num" data-count="40" data-duration="2" id="awardCounter">40+</span>
<span class="stat-label">Successful Deployments</span>
</div>
<div class="stat-box">
<span class="number stat-num" data-count="20" data-duration="2" id="coffeeCounter">20+</span>
<span class="stat-label">Managed Projects</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ====================================================
ABOUT
==================================================== -->
<section id="about">
<div class="container">
<div class="sec-head">
<span class="sec-head__label">About Us</span>
<h2 class="sec-head__title">Who We Are</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">Provoc Group helps customers deliver efficient, user-friendly solutions for information management, business operations, and digital transformation.</p>
</div>
<div class="about-grid">
<article class="about-item">
<i class="fa fa-check-square-o about-item__icon"></i>
<div>
<h3>Reliable Execution</h3>
<p>We deliver projects with structured governance, clear timelines, and disciplined implementation focused on measurable business outcomes.</p>
</div>
</article>
<article class="about-item delay2">
<i class="fa fa-shield about-item__icon"></i>
<div>
<h3>Enterprise Support</h3>
<p>We provide structured post-deployment support, monitoring, optimisation, and continuous improvement to ensure long-term operational success.</p>
</div>
</article>
<article class="about-item delay4">
<i class="fa fa-bolt about-item__icon"></i>
<div>
<h3>Enterprise Expertise</h3>
<p>Our team brings hands-on experience across cloud platforms, enterprise systems, AI workflows, automation, and software engineering.</p>
</div>
</article>
<article class="about-item delay5">
<i class="fa fa-crosshairs about-item__icon"></i>
<div>
<h3>Strategic Delivery</h3>
<p>We work closely with stakeholders, IT teams, and business units to deliver solutions aligned to operational and business goals.</p>
</div>
</article>
</div>
<div class="about-callout">
<p>We help organisations modernise operations through AI, cloud, automation, and enterprise software solutions. From workflow automation and SharePoint systems to cloud infrastructure and custom platforms, we build practical technology that delivers measurable business value.</p>
</div>
</div>
<!-- Enterprise Workflows -->
<div class="impact-band">
<div class="container">
<div class="sec-head sec-head--light">
<span class="sec-head__label">Enterprise Workflows</span>
<h2 class="sec-head__title">How We Automate Operations</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">The workflow tells the story. Each process eliminates manual steps and accelerates real business outcomes.</p>
</div>
<div class="wf-bands">
<div class="wf-band">
<div class="wf-band__meta">
<i class="fa fa-file-text-o wf-band__icon"></i>
<h3>Intelligent Document Processing</h3>
<p>Automate extraction, validation, and approval of invoices, contracts, and compliance documents.</p>
<a href="#contact" class="wf-band__link">Explore Workflow &rarr;</a>
</div>
<div class="wf-band__flow">
<div class="wf-chips">
<span class="wf-chip">Upload</span><span class="wf-arr"></span>
<span class="wf-chip">Extract</span><span class="wf-arr"></span>
<span class="wf-chip">Validate</span><span class="wf-arr"></span>
<span class="wf-chip">Approve</span><span class="wf-arr"></span>
<span class="wf-chip wf-chip--end">Archived</span>
</div>
<div class="wf-integrations">
<span>Microsoft 365</span><span>SharePoint</span><span>ERP Systems</span>
</div>
</div>
<div class="wf-band__kpi">
<strong>80%</strong>
<span>Typical Processing Reduction</span>
</div>
</div>
<div class="wf-band">
<div class="wf-band__meta">
<i class="fa fa-headphones wf-band__icon"></i>
<h3>AI Service Desk Automation</h3>
<p>AI-driven ticket triage, auto-response, and intelligent escalation for enterprise support teams.</p>
<a href="#contact" class="wf-band__link">Explore Workflow &rarr;</a>
</div>
<div class="wf-band__flow">
<div class="wf-chips">
<span class="wf-chip">Email In</span><span class="wf-arr"></span>
<span class="wf-chip">Classify</span><span class="wf-arr"></span>
<span class="wf-chip">Respond</span><span class="wf-arr"></span>
<span class="wf-chip">Escalate</span><span class="wf-arr"></span>
<span class="wf-chip wf-chip--end">Resolved</span>
</div>
<div class="wf-integrations">
<span>ITSM Platforms</span><span>Microsoft Teams</span><span>Azure</span>
</div>
</div>
<div class="wf-band__kpi">
<strong>65%</strong>
<span>Fewer Manual Interventions</span>
</div>
</div>
<div class="wf-band">
<div class="wf-band__meta">
<i class="fa fa-user-plus wf-band__icon"></i>
<h3>HR &amp; Employee Onboarding</h3>
<p>Connect HR, IT provisioning, and approvals into a single end-to-end onboarding flow.</p>
<a href="#contact" class="wf-band__link">View Solution &rarr;</a>
</div>
<div class="wf-band__flow">
<div class="wf-chips">
<span class="wf-chip">Hire</span><span class="wf-arr"></span>
<span class="wf-chip">Provision</span><span class="wf-arr"></span>
<span class="wf-chip">Send Forms</span><span class="wf-arr"></span>
<span class="wf-chip">Schedule</span><span class="wf-arr"></span>
<span class="wf-chip wf-chip--end">Ready</span>
</div>
<div class="wf-integrations">
<span>Dynamics 365</span><span>Active Directory</span><span>HR Systems</span>
</div>
</div>
<div class="wf-band__kpi">
<strong>Hours</strong>
<span>Average Onboarding Time</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ====================================================
PARTNERS
==================================================== -->
<section id="clients" class="partners-section">
<div class="container">
<div class="sec-head">
<span class="sec-head__label">Technology &amp; Strategic Partners</span>
<h2 class="sec-head__title">In Partnership With</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">Our partner network strengthens delivery across cloud, enterprise systems, and digital transformation engagements.</p>
</div>
<div class="logo-track-wrapper">
<div class="logo-track">
<div class="logo-set">
<img src="img/clients/logo16.png" alt="Partner" loading="lazy" />
<img src="img/clients/logo4.png" alt="Partner" loading="lazy" />
<img src="img/clients/logo14.png" alt="Partner" loading="lazy" />
<img src="img/clients/logo1.png" alt="Partner" loading="lazy" />
<img src="img/clients/logo7.png" alt="Partner" loading="lazy" />
<img src="img/clients/logo45.png" alt="Partner" loading="lazy" />
</div>
<div class="logo-set" aria-hidden="true">
<img src="img/clients/logo16.png" alt="" loading="lazy" />
<img src="img/clients/logo4.png" alt="" loading="lazy" />
<img src="img/clients/logo14.png" alt="" loading="lazy" />
<img src="img/clients/logo1.png" alt="" loading="lazy" />
<img src="img/clients/logo7.png" alt="" loading="lazy" />
<img src="img/clients/logo45.png" alt="" loading="lazy" />
</div>
</div>
</div>
</div>
</section>
<!-- ====================================================
CONTACT
==================================================== -->
<section id="contact" class="contact-section">
<div class="container">
<div class="sec-head">
<span class="sec-head__label">Get in Touch</span>
<h2 class="sec-head__title">Where You Can Find Us</h2>
<div class="sec-head__line"></div>
<p class="sec-head__sub">We support clients across global markets through consulting, implementation, managed services, and technology partnerships.</p>
</div>
<div class="contact-grid">
<div class="adress-element contact-card">
<i class="fa fa-map-marker contact-card__icon"></i>
<h3>Our Address</h3>
<p>1st Floor, GreenLeave Building, Luzira</p>
</div>
<div class="adress-element contact-card delay2">
<i class="fa fa-envelope-o contact-card__icon"></i>
<h3>Our Email</h3>
<p><span class="email-display" role="link" tabindex="0" aria-label="Email Provoc Group">info<span class="at">[at]</span>provocgroup.com</span></p>
</div>
<div class="adress-element contact-card delay4">
<i class="fa fa-phone contact-card__icon"></i>
<h3>Our Phone</h3>
<p><a href="tel:+256394804804">+256 394 804 804</a></p>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<img src="img/logo.gif" alt="Provoc Group" class="site-footer__logo" />
<p>&copy; Copyright <a href="https://provoc.ug/">Provoc Group</a> 2026. All rights reserved.</p>
<ul class="social-list">
<li class="facebook"><a href="#" aria-label="Facebook"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a></li>
<li class="linkedin"><a href="#" aria-label="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
<li class="youtube"><a href="#" aria-label="YouTube"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
</footer>
</div><!-- /#wrapper -->
<!-- AI Chat Widget -->
<div class="chat-widget" id="chatWidget">
<div class="chat-panel" id="chatPanel" role="dialog" aria-label="Chat with Provoc Group" aria-hidden="true">
<div class="chat-header">
<img src="img/logo.gif" alt="Provoc Group" />
<div class="chat-header__meta">
<span class="chat-header__name">Provoc Group</span>
<span class="chat-header__status"><span class="chat-dot"></span>Online</span>
</div>
<button class="chat-close" id="chatClose" aria-label="Close"><i class="fa fa-times"></i></button>
</div>
<div class="chat-body" id="chatBody"></div>
</div>
<button class="chat-trigger" id="chatTrigger" aria-expanded="false" aria-label="Chat with us">
<i class="fa fa-comments"></i>
<span>Chat with Us</span>
</button>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<script src="js/jquery.inview.js"></script>
<script src="js/countUp.js"></script>
<script>
/* ---------- page loader ---------- */
window.addEventListener('load', function () {
var loader = document.getElementById('pgLoader');
if (loader) {
loader.classList.add('pg-loader--done');
setTimeout(function () { loader.style.display = 'none'; }, 600);
}
document.getElementById('wrapper').style.visibility = 'visible';
});
/* ---------- hero slider (no plugin) ---------- */
(function () {
var slides = Array.prototype.slice.call(document.querySelectorAll('.hero__slide'));
var dots = Array.prototype.slice.call(document.querySelectorAll('.hero__dot'));
if (!slides.length) return;
var cur = 0, timer;
function goTo(n) {
slides[cur].classList.remove('active');
if (dots[cur]) dots[cur].classList.remove('active');
cur = (n + slides.length) % slides.length;
slides[cur].classList.add('active');
if (dots[cur]) dots[cur].classList.add('active');
}
dots.forEach(function (d, i) {
d.addEventListener('click', function () { clearInterval(timer); goTo(i); timer = setInterval(function () { goTo(cur + 1); }, 5500); });
});
timer = setInterval(function () { goTo(cur + 1); }, 5500);
}());
/* ---------- sticky nav ---------- */
(function () {
var nav = document.getElementById('siteNav');
function onScroll() { nav.classList.toggle('site-nav--stuck', window.scrollY > 40); }
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
}());
/* ---------- mobile nav toggle ---------- */
(function () {
var btn = document.getElementById('navToggle');
var links = document.getElementById('navLinks');
btn.addEventListener('click', function () {
var open = links.classList.toggle('open');
btn.classList.toggle('open', open);
btn.setAttribute('aria-expanded', open);
});
/* close on link click */
links.querySelectorAll('a').forEach(function (a) {
a.addEventListener('click', function () {
links.classList.remove('open');
btn.classList.remove('open');
btn.setAttribute('aria-expanded', 'false');
});
});
}());
/* ---------- smooth scroll ---------- */
document.querySelectorAll('a[href^="#"]').forEach(function (a) {
a.addEventListener('click', function (e) {
var target = document.querySelector(this.getAttribute('href'));
if (!target) return;
e.preventDefault();
var navH = document.getElementById('siteNav').offsetHeight;
window.scrollTo({ top: target.offsetTop - navH, behavior: 'smooth' });
});
});
/* ---------- jQuery plugins ---------- */
$(function () {
/* bxSlider testimonials only */
$('#testimonials').bxSlider({ mode: 'fade', auto: true, autoControls: false, controls: false, pager: false });
/* countUp (inview) */
$('.stats-band').one('inview', function (e, visible) {
if (!visible) return;
$('.stat-num').each(function () {
var el = $(this);
new countUp(el.attr('id'), 0, el.data('count'), 0, el.data('duration') || 2).start();
});
});
/* scroll-triggered fade-in */
$('.about-item, .process-item').on('inview', function (e, visible) {
if (!visible) return;
$(this).addClass('animate fadeInUp').off('inview');
});
$('.svc-card').on('inview', function (e, visible) {
if (!visible) return;
$(this).addClass('animate fadeInUp').off('inview');
});
/* contact cards staggered reveal */
$('.adress-element').each(function (i) {
var el = $(this);
var done = false;
el.on('inview', function (e, visible) {
if (!visible || done) return;
done = true;
setTimeout(function () { el.addClass('contact-revealed'); }, i * 160);
});
});
});
/* ---------- AI Chat Widget ---------- */
(function () {
var WA = '27783293489';
var widget = document.getElementById('chatWidget');
var trigger = document.getElementById('chatTrigger');
var panel = document.getElementById('chatPanel');
var closeBtn= document.getElementById('chatClose');
var body = document.getElementById('chatBody');
var answers = {};
var step = 0;
var widgetLocked = false;
var flow = [
{
id: 'service',
bot: 'Hi! What can we help you with today?',
opts: ['AI & Business Automation', 'Cloud & Infrastructure', 'Enterprise Software', 'General Enquiry']
},
{
id: 'sector',
bot: 'What best describes your organisation?',
opts: ['Banking / Finance', 'Government / Public Sector', 'Telecom / Energy', 'NGO / Development', 'Other Enterprise']
},
{
id: 'timeline',
bot: 'When are you looking to get started?',
opts: ['Immediately — active project', 'Within 3 months', 'Still exploring options']
}
];
function lockWidget() {
widgetLocked = true;
closeBtn.disabled = true;
closeBtn.style.opacity = '0.3';
closeBtn.style.cursor = 'not-allowed';
}
function unlockWidget() {
widgetLocked = false;
closeBtn.disabled = false;
closeBtn.style.opacity = '';
closeBtn.style.cursor = '';
}
function openPanel() {
panel.classList.add('chat-panel--open');
panel.setAttribute('aria-hidden', 'false');
trigger.setAttribute('aria-expanded', 'true');
trigger.classList.add('chat-trigger--open');
if (!body.children.length) {
setTimeout(function () { lockWidget(); nextStep(); }, 400);
}
}
function closePanel() {
panel.classList.remove('chat-panel--open');
panel.setAttribute('aria-hidden', 'true');
trigger.setAttribute('aria-expanded', 'false');
trigger.classList.remove('chat-trigger--open');
}
function scrollDown() { body.scrollTop = body.scrollHeight; }
function addMsg(text, side) {
var wrap = document.createElement('div');
wrap.className = 'chat-msg chat-msg--' + side;
var bub = document.createElement('div');
bub.className = 'chat-bubble';
bub.textContent = text;
wrap.appendChild(bub);
body.appendChild(wrap);
scrollDown();
}
function showTyping(cb) {
var wrap = document.createElement('div');
wrap.className = 'chat-msg chat-msg--bot';
wrap.innerHTML = '<div class="chat-typing"><span></span><span></span><span></span></div>';
body.appendChild(wrap);
scrollDown();
setTimeout(function () { body.removeChild(wrap); cb(); }, 800);
}
function renderOpts(opts, onSelect) {
var div = document.createElement('div');
div.className = 'chat-options';
opts.forEach(function (label) {
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'chat-opt';
btn.textContent = label;
btn.addEventListener('click', function (e) {
e.stopPropagation();
div.remove();
addMsg(label, 'user');
onSelect(label);
});
div.appendChild(btn);
});
body.appendChild(div);
scrollDown();
}
function nextStep() {
if (step >= flow.length) { showTyping(showConnect); return; }
var q = flow[step];
showTyping(function () {
addMsg(q.bot, 'bot');
renderOpts(q.opts, function (val) {
answers[q.id] = val;
step++;
setTimeout(nextStep, 320);
});
});
}
function showConnect() {
var waMsg = 'Hello, I am interested in ' + (answers.service || 'your services') +
'. Organisation type: ' + (answers.sector || 'Enterprise') +
'. Timeline: ' + (answers.timeline || 'TBD') + '. Please connect me with an executive.';
addMsg('Thank you! An executive is ready to assist. How would you like to connect?', 'bot');
var div = document.createElement('div');
div.className = 'chat-connect';
div.innerHTML =
'<a class="chat-wa-btn" href="https://wa.me/' + WA + '?text=' + encodeURIComponent(waMsg) + '" target="_blank" rel="noopener">' +
'<i class="fa fa-whatsapp"></i> Speak with an Executive' +
'</a>' +
'<a class="chat-email-btn" href="mailto:info@provocgroup.com?subject=' + encodeURIComponent('Enquiry: ' + (answers.service || 'General')) + '">' +
'<i class="fa fa-envelope-o"></i> Send an Email' +
'</a>';
body.appendChild(div);
scrollDown();
/* unlock and close after either final action */
div.querySelector('.chat-wa-btn').addEventListener('click', function () {
unlockWidget();
setTimeout(closePanel, 600);
});
div.querySelector('.chat-email-btn').addEventListener('click', function () {
unlockWidget();
setTimeout(closePanel, 600);
});
}
widget.addEventListener('click', function (e) { e.stopPropagation(); });
trigger.addEventListener('click', function (e) {
e.stopPropagation();
if (panel.classList.contains('chat-panel--open')) {
if (!widgetLocked) closePanel();
} else {
openPanel();
}
});
closeBtn.addEventListener('click', function () {
if (!widgetLocked) closePanel();
});
document.addEventListener('click', function (e) {
if (!document.body.contains(e.target)) return;
if (widgetLocked) return;
if (!widget.contains(e.target)) closePanel();
});
}());
/* ---------- email obfuscation ---------- */
(function () {
var el = document.querySelector('.email-display');
if (!el) return;
function go() { window.location.href = 'mailto:info@provocgroup.com'; }
el.addEventListener('click', go);
el.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') go(); });
}());
/* ---------- logo marquee pause on hover ---------- */
(function () {
var track = document.querySelector('.logo-track');
var wrapper = document.querySelector('.logo-track-wrapper');
if (!track || !wrapper) return;
wrapper.addEventListener('mouseenter', function () {
track.style.animationPlayState = 'paused';
});
wrapper.addEventListener('mouseleave', function () {
track.style.animationPlayState = 'running';
});
}());
</script>
</body>
</html>