Reorder draught lines before Friday — demand up 18%.
);
}
// ── Shared core band (navy, used inside SuiteSection) ─────────────────────────
function HSharedCore() {
const items = [
['Two focused platforms', HIC.grid],
['One user experience', HIC.eye],
['Shared access & permissions', HIC.shield],
['Shared reporting', HIC.chart],
['Shared audit trails', HIC.doc],
['Shared org settings', HIC.wrench],
['Modular by design', HIC.coins]];
return (
One coherent suiteDifferent platforms. Clear purposes.
Asset Ops focuses on assets, sites and audits. Kyndrid Intelligence focuses on business insight across trading, labour, stock and compliance.
{items.map(([t, ic]) =>
{t}
)}
);
}
// ── HERO — Direction D ─────────────────────────────────────────────────────────
function HeroSection() {
return (
Run operations with clarity, not clutter.
Kyndrid gives teams two focused platforms: Asset Ops for asset and site management, and Kyndrid Intelligence for business insight across trading, labour, stock and compliance.
Intelligence for trading, labour and compliance
Asset Ops for sites, maintenance and audits
);
}
// ── SECTOR SELECTOR — Direction D ─────────────────────────────────────────────
function HSectorSelector() {
const [active, setActive] = React.useState(0);
const s = HSTACKS[active];
const tone = (name) => {
if (name === 'Kyndrid Intelligence') return HF.intel;
if (name === 'Asset Ops') return HF.asset;
return { fg: HF.body, bg: HF.fill, bd: HF.border };
};
function ProdRow({ name, optional }) {
const p = HSUITE.find((x) => x.name === name);
if (!p) return null;
const t = tone(name);
return (
{p.name}
{optional && Optional}
{p.role}
);
}
return (
{HSTACKS.map((st, i) =>
)}
{s.n}{s.use}
{s.note &&
{s.note}
}
Explore {s.n.split(' ')[0]}
Recommended products
{s.rec.map((n) => )}
{s.opt && <>
Add if you need it
{s.opt.map((n) => )}
}
);
}
function SectorSelectorSection() {
return (
);
}
// ── INTELLIGENCE DEEP DIVE — Direction B, white bg ────────────────────────────
function IntelligenceSection() {
return (
The lead productEverything operators need to see, understand and act.
Not just a reporting tool. An operational intelligence layer for hospitality, retail and convenience that shows what's happening, what needs attention and what to do next.
{HFEATURES.slice(0, 6).map((f) =>
{f.n}
{f.c}
)}
See all nine capabilities
);
}
// ── HOW IT WORKS — card layout ────────────────────────────────────────────────
function HowItWorksSection() {
return (
{HSTEPS.map((step, i) =>
{/* Watermark step number */}
{step.n}
{/* Icon box */}
{/* Step label */}
Step {step.n}
{step.t}{step.c}
)}
);
}
// ── SUITE — Direction B (3 equal cols) + SharedCore ───────────────────────────
function SuiteSection() {
return (
{HSUITE.map((p) => {
const t = p.tone;
return (
{p.name}
{p.copy}
Best for
{p.best.slice(0, 3).map((b) => {b})}
{p.role}
);
})}
);
}
// ── SECTORS — fill bg ─────────────────────────────────────────────────────────
function SectorsSection() {
return (
{HSECTORS.map((s) =>
{s.n}{s.c}
)}
);
}
// ── OUTCOMES BAND — stat-forward (matches home-foundation FndOutcomes) ─────────
function BenefitsBandSection() {
const data = [
{ fig: 'One view', t: 'Reduce blind spots', c: 'Spot issues across trading, compliance, assets and sites before they grow.', ic: HIC.eye },
{ fig: '6+ hrs', t: 'Save management time', c: 'Bring key information into one place instead of chasing spreadsheets.', ic: HIC.grid },
{ fig: 'Every change', t: 'Improve accountability', c: 'Clear ownership, audit trails, tasks and status tracking across your teams.', ic: HIC.check },
{ fig: 'Next action', t: 'Make better decisions', c: 'Dashboards and recommendations show what needs attention — and why.', ic: HIC.bulb }];
return (
Why KyndridMove from reactive to ready.
{data.map((d, i) =>
{d.fig}
{d.t}
{d.c}
)}
);
}
// ── PRICING — fill bg ─────────────────────────────────────────────────────────
function PricingSection() {
return (
{HSUITE.map((p, i) => {
const featured = i === 0;
const t = p.tone;
return (
{featured && Popular}
{p.name}
from£{[149, 99, 89][i]}/mo
Add to plan
);
})}
View full pricing
);
}
// ── FINAL CTA ─────────────────────────────────────────────────────────────────
function CTASection() {
return (
Ready to see your operations clearly?Book a demo and explore how Kyndrid can support your organisation.
Book a demoExplore products
);
}
// ── SHARED CORE band as its own section ───────────────────────────────────────
function SharedCoreSection() {
return (
);
}
// ── FULL PAGE ─────────────────────────────────────────────────────────────────
function KyndridHomepage() {
return (