function CaseStudyCatFeeder({ onNavigate }) {
  return React.createElement(window.CaseStudyLayout, {
    onNavigate,
    category: 'Smart IoT Solution',
    title: 'Cat Feeder',
    tagline: 'Smart IoT solution for automated pet feeding',
    heroImage: '../../assets/case-studies/cat-feeder/hero.png',
    heroPosition: 'center 60%',
    meta: [{ label: 'Role', value: 'Product Designer' }, { label: 'Timeline', value: '6 weeks' }, { label: 'Team', value: '3 members' }],
    about: "Een slim IoT-apparaat dat automatisch voeding verstrekt aan huisdieren op basis van vooraf ingestelde schema's. Het systeem biedt real-time monitoring en notificaties via een mobiele app.",
    problem: "Tijdens de coronaperiode hebben veel kantoormedewerkers een kat genomen voor gezelschap. Nu het werkleven weer grotendeels op kantoor plaatsvindt, is de tijd die zij thuis doorbrengen aanzienlijk verminderd. Hierdoor krijgen hun katten minder aandacht en interactie gedurende de dag. Deze doelgroep ervaart daarom een groeiende behoefte aan manieren om, ondanks hun drukke schema, toch betrokken te blijven bij hun huisdier en voldoende stimulatie en aandacht te bieden.",
    solution: "Om dit probleem aan te pakken, hebben we een gebruiksvriendelijke app ontwikkeld die kantoormedewerkers op afstand verbonden houdt met hun kat. De app is gekoppeld aan een slimme voerautomaat (cat feeder) en maakt het mogelijk om op elk moment van de dag interactie te hebben met het huisdier. Gebruikers kunnen via de app foto's maken van hun kat, op afstand een snack geven en een voedingsschema instellen en beheren. Daarnaast biedt de app de mogelijkheid om eenvoudig extra voer te bestellen. Op deze manier helpt de oplossing om, ondanks een drukke werkdag buitenshuis, toch betrokken te blijven bij het welzijn van de kat te waarborgen.",
    features: [
      { title: 'Automatische Planning', desc: 'Stel voedingstijden in via de app.' },
      { title: 'Real-time Monitoring', desc: 'Bekijk de voederstatus op elk moment.' },
      { title: 'Notificaties', desc: 'Ontvang updates over voedingstijden.' }
    ],
    fonts: [{ label: 'Primary font', value: 'Omnes' }, { label: 'Secondary font', value: 'DINosaur Medium' }],
    colors: [
      { label: 'Primary', hex: '#17171A' },
      { label: 'Secondary', hex: '#F2A08F' },
      { label: 'Background', hex: '#F4EFE4' },
      { label: 'Accent', hex: '#F2811D' }
    ],
    research: {
      items: [
        { image: '../../assets/case-studies/cat-feeder/sketches.png', caption: 'Schetsen met annotaties' },
        { image: '../../assets/case-studies/cat-feeder/moodboard.png', caption: 'Moodboard' },
        { image: '../../assets/case-studies/cat-feeder/usertest.png', caption: 'Gebruikerstest' }
      ],
      tests: [
        { title: 'Iteratie 1: Navigatie', meta: 'Paper prototype · 2 testers, 19 en 20 jaar', photos: ['../../assets/case-studies/cat-feeder/test1-a.png', '../../assets/case-studies/cat-feeder/test1-b.png'], insights: ['De status van de feeder moet bovenaan staan, het is de belangrijkste info.', 'De menubalk op het homescherm is overbodig.', 'Het icoon voor live voer geven was onduidelijk en krijgt een label.', 'Nieuw account aanmaken was lastig te vinden.', 'Testers zochten een meldingenscherm dat nog ontbrak.'] },
        { title: 'Iteratie 2: Kleur', meta: 'Clickable prototype · A/B-test · 3 testers, 17 tot 32 jaar', photos: ['../../uploads/pasted-1791985595117-0.jpg', '../../assets/case-studies/cat-feeder/test2-b.png'], insights: ['Testers vergeleken twee kleurcombinaties op navigatie en contrast.', 'Eén tester had een opmerking over de layout.'] },
        { title: 'Iteratie 3: Typografie', meta: 'High-fidelity prototype · A/B-test · 3 testers, 19 tot 22 jaar', photos: ['../../assets/case-studies/cat-feeder/test3-a.png', '../../assets/case-studies/cat-feeder/test3-b.png'], insights: ['Testers vergeleken lettertypes op leesbaarheid en grootte.', 'Eén tester gebruikt zelf al een catfeeder.'] }
      ]
    },
    prototype: [
      { label: 'Low-fidelity', image: '../../assets/case-studies/cat-feeder/low-fi.png' },
      { label: 'Mid-fidelity', image: '../../assets/case-studies/cat-feeder/mid-fi.png' },
      { label: 'High-fidelity', image: '../../assets/case-studies/cat-feeder/high-fi.png' }
    ],
    prototypeLink: 'https://drive.google.com/file/d/1xEPEgGg1ovgV1w6FGQ10Ceq4fjib56SD/view?usp=drive_link'
  });
}
window.CaseStudyCatFeeder = CaseStudyCatFeeder;