/* global React */
function ProblemIcon({ kind }) {
// Three distinct minimal animated glyphs
if (kind === 'clock') {
return (
);
}
if (kind === 'phone') {
return (
);
}
// 'gap'
return (
);
}
function Problem() {
const cards = [
{
n: '01', icon: 'clock',
title: 'You find out too late',
body: 'Your cleaner is running behind but nobody updated Breezeway. A same-day booking has no clean scheduled. By the time you know, check-in is two hours away.',
},
{
n: '02', icon: 'phone',
title: 'Your owners are anxious',
body: 'They want to know what happened at their property, why April was slow, whether that guest complaint got resolved. Your team spends hours writing updates that should be automatic.',
},
{
n: '03', icon: 'gap',
title: 'Your property management system schedules the work. It doesn\u2019t finish it.',
body: 'Breezeway and Turno are great at creating jobs. They don\u2019t notice when those jobs are at risk of not getting done in time. That gap still lives in your coordinator\u2019s head.',
},
];
return (
ยง 01 / Problem