{[
{
icon: ,
title: 'AI handles repetition. You handle people.',
body: 'Practicing a scenario 10 times with a human trainer is expensive and exhausting for both sides. AI does the repetitive work. You do what AI cannot — read the room, challenge assumptions, build confidence in a real human being.',
},
{
icon: ,
title: 'Workshops end before the skill is formed',
body: 'One or two days is not enough to build a lasting skill. Without structured practice between sessions, most of what you taught is gone within a week.',
},
{
icon: ,
title: 'Clients want proof, not impressions',
body: '"The session went well" is not enough anymore. Buyers want data. Who improved? By how much? What still needs work?',
},
].map((c, i) => (
{[
{
n: '01',
icon: ,
title: 'AI takes over the repetitive part',
body: 'Between your sessions, participants practice real conversations with an AI avatar. Same quality every time, available whenever they need it, no extra cost per session.',
},
{
n: '02',
icon: ,
title: 'Skills get formed, not just introduced',
body: 'Learners repeat scenarios until they stick. You set up the practice environment once — around your content, isolated per client. They keep practicing on their own.',
},
{
n: '03',
icon: ,
title: 'You walk into every client meeting with data',
body: 'Practivo generates structured evaluation reports after each practice phase. Progress over time, skill gaps, what improved. Evidence your client can read and trust.',
},
].map((c, i) => (
);
/* ---------- How It Works — cycle ---------- */
const HowItWorksSection = ({ shape = 'cycle' }) => {
const [active, setActive] = useState2(0);
const phases = [
{
label: 'Phase 1',
title: 'You run the workshop',
body: 'Deliver your training as you always have. Set up the AI scenarios in Practivo that match what you covered.',
trainer: true,
icon: ,
},
{
label: 'Phase 2',
title: 'Participants practice with AI',
body: 'Learners get access to their practice environment. They repeat conversations with the AI avatar at their own pace — as many times as they need.',
trainer: false,
icon: ,
},
{
label: 'Phase 3',
title: 'AI evaluation report',
body: "Practivo generates a report on each participant's performance. You review it before your next touchpoint and know exactly where to focus.",
trainer: false,
accent: 'amber',
icon: ,
},
{
label: 'Phase 4',
title: 'Coaching and more practice',
body: 'You meet with participants — in a group or 1-on-1 — to unblock specific challenges. Another round of AI practice follows.',
trainer: true,
icon: ,
},
];
return (
{/* Phase nodes */}
{phases.map((p, i) => {
const angle = (i / phases.length) * 2 * Math.PI - Math.PI / 2;
const x = cx + r * Math.cos(angle);
const y = cy + r * Math.sin(angle);
const isActive = i === active;
return (
);
})}
);
};
/* ---------- Who It's For ---------- */
const WhoForSection = () => (
{[
{
icon: ,
tag: 'Primary',
title: 'Freelance trainers',
body: 'Add a practice and evaluation layer to your existing programs. Differentiate your offer, extend your engagements, and give clients something no standard workshop delivers.',
bullets: ['Plug into your existing curriculum', 'Scenarios authored per client', 'Reports ready for your client meetings'],
},
{
icon: ,
tag: 'Primary',
title: 'Training companies',
body: 'Deploy AI practice across multiple clients from one platform. Each client sees only their own content. Your IP stays protected.',
bullets: ['Multi-client workspaces', 'Content isolated per tenant', 'Roll-up reporting across programs'],
},
{
icon: ,
tag: 'Secondary',
title: 'HR and L&D teams',
body: 'If you run training in-house, Practivo works without an external trainer. Set up scenarios for your team and track progress directly.',
bullets: ['No external trainer required', 'Self-serve scenario authoring', 'Progress dashboards per team'],
},
].map((p, i) => (