Jodit Editor

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kuja ERP | Modern Grant & Programme Management Platform</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,sans-serif;
}
body{
background:#fafafa;
color:#263238;
line-height:1.6;
}
header{
background:linear-gradient(135deg,#00695C,#00897B);
color:white;
padding:90px 8%;
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
flex-wrap:wrap;
}
.hero{
flex:1;
min-width:320px;
}
.hero h1{
font-size:54px;
margin-bottom:25px;
line-height:1.15;
}
.hero p{
font-size:20px;
opacity:.95;
margin-bottom:35px;
}
.button{
display:inline-block;
padding:16px 34px;
background:#FFB300;
color:#222;
font-weight:600;
text-decoration:none;
border-radius:8px;
}
.mockup{
flex:1;
min-width:350px;
}
.mockup img{
width:100%;
border-radius:14px;
box-shadow:0 25px 60px rgba(0,0,0,.25);
}
section{
padding:80px 8%;
}
.section-title{
text-align:center;
font-size:36px;
margin-bottom:15px;
}
.section-subtitle{
text-align:center;
color:#666;
margin-bottom:50px;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}
.card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.card h3{
margin-bottom:15px;
}
.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}
.feature{
padding:25px;
background:#fff;
border-left:5px solid #00897B;
border-radius:10px;
box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.screens{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:25px;
}
.screens img{
width:100%;
border-radius:10px;
box-shadow:0 10px 20px rgba(0,0,0,.15);
}
footer{
background:#263238;
color:white;
text-align:center;
padding:50px;
margin-top:60px;
}
.cta{
background:#00695C;
color:white;
text-align:center;
padding:70px 10%;
}
.cta h2{
font-size:42px;
margin-bottom:20px;
}
.cta a{
margin-top:20px;
display:inline-block;
padding:16px 34px;
background:#FFB300;
color:black;
text-decoration:none;
border-radius:8px;
font-weight:600;
}
</style>
</head>
<body>
<header>
<div class="hero">
<h1>Transform Grant & Programme Management</h1>
<p>
Kuja ERP is a modern cloud platform built for NGOs,
development partners and grant-making organisations to
manage grants, finances, procurement, HR, monitoring,
compliance and reporting from one secure system.
</p>
<a class="button" href="#">Book a Demo</a>
</div>
<div class="mockup">
<img src="dashboard.png" alt="Dashboard">
</div>
</header>
<section>
<h2 class="section-title">Everything You Need</h2>
<p class="section-subtitle">
A complete enterprise platform designed specifically for
development organisations.
</p>
<div class="cards">
<div class="card">
<h3>Grant Management</h3>
<p>Create funding opportunities, evaluate applications,
manage awards and monitor grant performance.</p>
</div>
<div class="card">
<h3>Financial Management</h3>
<p>Budget vs Actual, donor reporting, allocations,
multi-fund accounting and compliance reporting.</p>
</div>
<div class="card">
<h3>Procurement</h3>
<p>Purchase planning, approvals, vendors,
inventory and asset management.</p>
</div>
<div class="card">
<h3>Monitoring & Evaluation</h3>
<p>Track indicators, outcomes,
activities and programme performance.</p>
</div>
<div class="card">
<h3>Human Resources</h3>
<p>Employees, leave, recruitment,
performance and payroll integrations.</p>
</div>
<div class="card">
<h3>AI Assistant</h3>
<p>Grant matching, document analysis,
compliance checking and intelligent search.</p>
</div>
</div>
</section>
<section>
<h2 class="section-title">Why Kuja ERP?</h2>
<div class="features">
<div class="feature">
<h3>Built for NGOs</h3>
<p>Purpose-built for grant-making, programme delivery and donor reporting.</p>
</div>
<div class="feature">
<h3>Cloud SaaS</h3>
<p>Secure multi-tenant architecture with automatic updates and backups.</p>
</div>
<div class="feature">
<h3>Financial Transparency</h3>
<p>Complete audit trails, approvals and grant-specific financial reporting.</p>
</div>
<div class="feature">
<h3>AI Powered</h3>
<p>Leverage AI to discover funding opportunities and improve compliance.</p>
</div>
</div>
</section>
<section>
<h2 class="section-title">Platform Preview</h2>
<div class="screens">
<div>
<img src="grant-dashboard.png">
<h3>Executive Dashboard</h3>
</div>
<div>
<img src="budget-vs-actual.png">
<h3>Grant Budget vs Actual</h3>
</div>
<div>
<img src="grant-matching.png">
<h3>AI Grant Matching</h3>
</div>
</div>
</section>
<section class="cta">
<h2>Ready to Modernize Your Organisation?</h2>
<p>
Book a personalised demonstration and discover
how Kuja ERP can improve transparency,
collaboration and programme delivery.
</p>
<a href="#">Schedule a Demo</a>
</section>
<footer>
<h3>Kuja ERP</h3>
<p>
Modern ERP for NGOs, Foundations and Development Organisations
</p>
</footer>
</body>
</html>