function NatureScreen(props) {
  const { Button, Card, Badge } = window.ISOKNIGDesignSystem_b5ec1b;
  const { onNavigate } = props;
  const ICON = (n) => 'https://unpkg.com/lucide-static@latest/icons/' + n + '.svg';

  const STAPPEN = [
    { icon: 'search', t: 'Onderzoek vooraf', d: 'Wij brengen in kaart of er verblijfplaatsen in de spouwmuur aanwezig zijn voordat er ook maar één gram isolatie de muur in gaat.' },
    { icon: 'clock', t: 'Ruimte om weg te vliegen', d: 'Door natuurvriendelijk te isoleren krijgen de dieren eerst de kans om weg te vliegen, voordat wordt geïsoleerd.' },
    { icon: 'home', t: 'Een nieuwe verblijfplaats', d: 'Wij houden een deel van de spouwmuur vrij: het spouwverblijf. Een spouwborstel scheidt dit deel van de isolatie.' },
    { icon: 'wind', t: 'Ventilatieadvies', d: 'Bij een woning waar alleen de spouw is geïsoleerd, geven wij advies over het ventileren van de ruimte achter het spouwverblijf.' },
  ];

  const RESULTATEN = [
    { t: 'Vocht: weinig tot geen gevolgen', d: 'In een woning met zowel dak- als spouwmuurisolatie heeft een spouwverblijf weinig tot geen gevolgen. Bij wisselende binnen- en buitentemperaturen blijft de kans op inwendige condensatie in een woning mét en zonder spouwverblijf ongeveer hetzelfde.' },
    { t: 'Energielabel blijft gelijk', d: 'Er is slechts een minimaal warmteverlies door het toepassen van een spouwverblijf. Het negatieve effect op de EP2-waarde is zo gering dat het geen labelsprongen tot gevolg heeft. Bij een spouwverblijf op een langsgevel is het effect verwaarloosbaar.' },
    { t: 'Ventileren voorkomt problemen', d: 'Is alleen de spouw geïsoleerd en niet het dak, ventileer dan vooral de zolder of kamer achter het spouwverblijf goed. Zet daar geen kast direct tegen de wand, zodat het binnenblad kan drogen.' },
  ];

  return React.createElement('div', { className: 'iso-reveal' },
    React.createElement('section', { style: { background: 'var(--ink-900)', color: '#fff' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '72px 40px', display: 'grid', gridTemplateColumns: 'minmax(0,1fr) minmax(0,440px)', gap: 56, alignItems: 'center' } },
        React.createElement('div', null,
          React.createElement(Badge, { tone: 'brand' }, 'Natuurvriendelijk isoleren'),
          React.createElement('h1', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-lg)', margin: '16px 0 14px', lineHeight: 'var(--lh-tight)' } }, 'Isoleren met respect voor de vleermuis'),
          React.createElement('p', { style: { color: 'var(--ink-200)', fontSize: 'var(--fs-body-lg)', lineHeight: 'var(--lh-body)', maxWidth: '52ch', margin: '0 0 28px' } },
            'In veel woningen in Nederland wonen vleermuizen in de spouwmuur. Wij isoleren natuurvriendelijk: de dieren krijgen eerst de kans om weg te vliegen en houden daarna een verblijfplaats in de muur.'),
          React.createElement('div', { style: { display: 'flex', gap: 14, flexWrap: 'wrap' } },
            React.createElement(Button, { variant: 'primary', size: 'lg', onClick: () => onNavigate('contact') }, 'Vrijblijvend advies aanvragen'),
            React.createElement(Button, { variant: 'outline-light', size: 'lg', onClick: () => onNavigate('diensten', 'spouwmuurisolatie') }, 'Over spouwmuurisolatie'))
        ),
        React.createElement('div', null,
          React.createElement('img', { src: 'assets/natuur/vleermuizen-spouw.png', alt: 'Vleermuizen in een spouwmuur', style: { width: '100%', height: 320, objectFit: 'cover', borderRadius: 16, display: 'block' } }),
          React.createElement('div', { style: { marginTop: 18, background: '#fff', borderRadius: 14, padding: '18px 22px', display: 'flex', alignItems: 'center', gap: 16 } },
            React.createElement('img', { src: 'assets/natuur/logo-natuurvriendelijk-isoleren.png', alt: 'Natuurvriendelijk Isoleren', style: { width: 104, height: 'auto', flexShrink: 0 } }),
            React.createElement('p', { style: { margin: 0, fontSize: 13, lineHeight: 'var(--lh-body)', color: 'var(--text-secondary)' } }, 'Wij werken volgens de richtlijnen van Natuurvriendelijk Isoleren.'))
        )
      )
    ),

    React.createElement('section', { style: { background: '#fff' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '72px 40px', display: 'grid', gridTemplateColumns: 'minmax(0,380px) minmax(0,1fr)', gap: 56, alignItems: 'start' } },
        React.createElement('div', null,
          React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, color: 'var(--brand-primary)', fontWeight: 700, fontSize: 13, textTransform: 'uppercase', letterSpacing: 'var(--ls-caps)', marginBottom: 12 } },
            React.createElement('img', { src: ICON('scale'), alt: '', style: { width: 16, height: 16 } }), 'Waarom het moet'),
          React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-md)', margin: '0 0 14px' } }, 'Spouwverblijven en isoleren'),
          React.createElement('p', { style: { fontSize: 'var(--fs-body-md)', color: 'var(--text-secondary)', lineHeight: 'var(--lh-body)', margin: 0 } },
            'Vleermuizen vliegen via open stootvoegen de spouwmuur in en verblijven daar langere tijd.')
        ),
        React.createElement('div', null,
          React.createElement('p', { style: { fontSize: 'var(--fs-body-md)', color: 'var(--text-primary)', lineHeight: 'var(--lh-body)', margin: '0 0 16px', maxWidth: '62ch' } },
            'Bij spouwmuurisolatie worden deze dieren helaas vaak gedood en verdwijnen hun verblijfplaatsen. Beide zijn wettelijk verboden op basis van de Omgevingswet.'),
          React.createElement('p', { style: { fontSize: 'var(--fs-body-md)', color: 'var(--text-primary)', lineHeight: 'var(--lh-body)', margin: '0 0 16px', maxWidth: '62ch' } },
            'Door natuurvriendelijk te isoleren krijgen de dieren eerst de kans om weg te vliegen, voordat wordt geïsoleerd. Verder moet het isolatiebedrijf zorgen voor een nieuwe verblijfplaats, door een deel van de spouwmuur vrij te houden: het spouwverblijf.'),
          React.createElement('p', { style: { fontSize: 'var(--fs-body-md)', color: 'var(--text-secondary)', lineHeight: 'var(--lh-body)', margin: 0, maxWidth: '62ch' } },
            'Het vullen van de spouwmuur zorgt voor een betere isolatie en vaak ook voor een betere vochthuishouding van een woning. Gecertificeerd adviesbureau Atriensis heeft hier een onafhankelijk bouwfysisch onderzoek naar uitgevoerd.')
        )
      )
    ),

    React.createElement('section', { style: { background: 'var(--ink-50)' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '72px 40px' } },
        React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-md)', margin: '0 0 12px' } }, 'Hoe wij natuurvriendelijk isoleren'),
        React.createElement('p', { style: { color: 'var(--text-secondary)', fontSize: 'var(--fs-body-lg)', margin: '0 0 40px', maxWidth: 620 } }, 'Vier stappen die het verschil maken tussen isoleren en natuurvriendelijk isoleren.'),
        React.createElement('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(4,1fr)', gap: 20 } },
          STAPPEN.map((s) => React.createElement(Card, { key: s.t, padding: 'var(--space-5)' },
            React.createElement('div', { style: { width: 42, height: 42, borderRadius: '50%', background: 'var(--brand-primary)', display: 'flex', alignItems: 'center', justifyContent: 'center', marginBottom: 16 } },
              React.createElement('img', { src: ICON(s.icon), alt: '', style: { width: 20, height: 20, filter: 'brightness(0) invert(1)' } })),
            React.createElement('h3', { style: { fontFamily: 'var(--font-display)', fontSize: 18, margin: '0 0 8px', color: 'var(--ink-900)' } }, s.t),
            React.createElement('p', { style: { margin: 0, fontSize: 14, lineHeight: 'var(--lh-body)', color: 'var(--text-secondary)' } }, s.d)))
        )
      )
    ),

    React.createElement('section', { style: { background: '#fff' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '72px 40px', display: 'grid', gridTemplateColumns: 'minmax(0,440px) minmax(0,1fr)', gap: 56, alignItems: 'start' } },
        React.createElement('div', null,
          React.createElement('img', { src: 'assets/natuur/monteur-ladder.png', alt: 'Monteur inspecteert de spouwmuur', style: { width: '100%', height: 300, objectFit: 'cover', borderRadius: 16, display: 'block' } }),
          React.createElement('p', { style: { fontSize: 13, color: 'var(--text-secondary)', lineHeight: 'var(--lh-body)', margin: '14px 0 0' } },
            'Voor het isoleren inspecteren wij de gevel: open stootvoegen, de spouwdiepte en de aansluiting met het dak bepalen waar het spouwverblijf komt.')
        ),
        React.createElement('div', null,
          React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, color: 'var(--brand-primary)', fontWeight: 700, fontSize: 13, textTransform: 'uppercase', letterSpacing: 'var(--ls-caps)', marginBottom: 12 } },
            React.createElement('img', { src: ICON('clipboard-check'), alt: '', style: { width: 16, height: 16 } }), 'Uit het onderzoek'),
          React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-md)', margin: '0 0 20px', maxWidth: 620 } }, 'Een woning met spouwverblijf blijft goed geïsoleerd'),
          React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 14 } },
            RESULTATEN.map((r) => React.createElement('div', { key: r.t, style: { borderTop: '1px solid var(--border-default)', paddingTop: 14 } },
              React.createElement('h3', { style: { fontFamily: 'var(--font-display)', fontSize: 18, margin: '0 0 6px', color: 'var(--ink-900)' } }, r.t),
              React.createElement('p', { style: { margin: 0, fontSize: 15, lineHeight: 'var(--lh-body)', color: 'var(--text-secondary)', maxWidth: '62ch' } }, r.d))))
        )
      )
    ),

    React.createElement('section', { style: { background: 'var(--ink-50)' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '0 40px 72px' } },
        React.createElement(Card, { padding: 'var(--space-6)' },
          React.createElement('h3', { style: { fontFamily: 'var(--font-display)', fontSize: 20, margin: '0 0 10px', color: 'var(--ink-900)' } }, 'Al bestaande vochtproblemen'),
          React.createElement('p', { style: { margin: 0, fontSize: 15, lineHeight: 'var(--lh-body)', color: 'var(--text-secondary)', maxWidth: '78ch' } },
            'In sommige woningen zijn er al vochtproblemen bij de aansluiting van het dak en de spouwmuur, bijvoorbeeld bij bergingszolders met een vlizotrap. Dan is het belangrijk dat ook het dak wordt geïsoleerd. Daarnaast moet de gevel goed drogen voordat er spouwmuurisolatie wordt aangebracht, en is ook hier een goede ventilatie nodig.')
        )
      )
    ),

    React.createElement('section', { style: { background: 'var(--ink-50)' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto', padding: '0 40px 80px' } },
        React.createElement('div', { style: { background: 'var(--ink-900)', borderRadius: 32, padding: '40px 48px', display: 'flex', alignItems: 'center', gap: 36, flexWrap: 'wrap' } },
          React.createElement('div', { style: { flex: 1, minWidth: 280 } },
            React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 28, color: '#fff', margin: '0 0 8px' } }, 'Meer informatie'),
            React.createElement('p', { style: { margin: 0, color: 'var(--ink-200)', fontSize: 'var(--fs-body-md)', lineHeight: 'var(--lh-body)' } },
              'Op natuurvriendelijkisoleren.nl vindt u meer informatie en de link naar het volledige onderzoek.')),
          React.createElement('a', { href: 'https://www.natuurvriendelijkisoleren.nl', target: '_blank', rel: 'noreferrer', style: { display: 'inline-flex', alignItems: 'center', gap: 8, background: 'var(--brand-primary)', color: '#fff', textDecoration: 'none', fontWeight: 700, fontSize: 15, borderRadius: 'var(--radius-pill)', padding: '14px 24px' } }, 'natuurvriendelijkisoleren.nl', '→')
        )
      )
    )
  );
}
window.NatureScreen = NatureScreen;
