<?php
/**
 * Hogeland Linux block patterns.
 *
 * Registering via PHP (instead of the patterns/ directory) lets us inject the
 * theme's real asset URLs into image blocks.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Render one of the theme's design sections for use in patterns.
 */
/**
 * Register all block patterns.
 */
function hogelandlinux_register_patterns() {
	$asset = HOGELANDLINUX_URL . '/assets/images';

	$patterns = array();

	/* ------------------------------------------------------------------
	   1. Home hero
	------------------------------------------------------------------ */
	$patterns['hero-home'] = array(
		'title'       => __( 'Hero — Home', 'hogelandlinux' ),
		'description' => __( 'Grote openingssectie voor de homepage met titel, subtitel en actieknoppen.', 'hogelandlinux' ),
		'categories'  => array( 'hero', 'call-to-action' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-hero"} -->
<div class="wp-block-group hl-section hl-hero">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center","level":1,"className":"hl-hero__title"} -->
		<h1 class="wp-block-heading has-text-align-center hl-hero__title">Geef uw computer een tweede leven</h1>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"align":"center","className":"hl-hero__subtitle"} -->
		<p class="has-text-align-center hl-hero__subtitle">Windows 10-ondersteuning eindigt binnenkort? Ik help u graag overstappen. Ontdek hoe Linux uw hardware nieuw leven kan geven.</p>
		<!-- /wp:paragraph -->
		<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons">
			<!-- wp:button {"className":"is-style-hl-primary"} -->
			<div class="wp-block-button is-style-hl-primary"><a class="wp-block-button__link wp-element-button">&darr; Meer weten</a></div>
			<!-- /wp:button -->
			<!-- wp:button {"className":"is-style-hl-secondary"} -->
			<div class="wp-block-button is-style-hl-secondary"><a class="wp-block-button__link wp-element-button">Gratis advies</a></div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   2. Page hero
	------------------------------------------------------------------ */
	$patterns['hero-page'] = array(
		'title'       => __( 'Hero — Pagina', 'hogelandlinux' ),
		'description' => __( 'Kleine hero bovenaan een pagina met titel en intro.', 'hogelandlinux' ),
		'categories'  => array( 'hero' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-page-hero"} -->
<div class="wp-block-group hl-section hl-page-hero">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center","level":1,"className":"hl-page-hero__title"} -->
		<h1 class="wp-block-heading has-text-align-center hl-page-hero__title">Pagina-titel</h1>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"align":"center","className":"hl-page-hero__subtitle"} -->
		<p class="has-text-align-center hl-page-hero__subtitle">Korte introductie van deze pagina.</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   3. Benefits
	------------------------------------------------------------------ */
	$patterns['benefits'] = array(
		'title'       => __( 'Voordelen van Linux', 'hogelandlinux' ),
		'description' => __( 'Witte sectie met zes voordelenkaarten.', 'hogelandlinux' ),
		'categories'  => array( 'cards' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Waarom Linux kiezen?</h2>
		<!-- /wp:heading -->
		<!-- wp:columns {"className":"hl-card-grid"} -->
		<div class="wp-block-columns hl-card-grid">
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#128737;&#65039;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Veilig en betrouwbaar</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Beschermd tegen virussen en zonder storende, onverwachte updates. U houdt de controle over uw computer.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#128176;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Helemaal gratis</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Geen licenties of abonnementen nodig. Linux en de meeste programma&rsquo;s zijn kosteloos.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#128260;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Geschikt voor oudere computers</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Ook een computer die al jaren meegaat kan met Linux weer soepel draaien.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#127793;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Beter voor het milieu</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Door langer met uw computer te doen voorkomt u elektronisch afval (e-waste). Goed voor uw portemonnee en voor de planeet.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#128274;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Uw privacy blijft van uzelf</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Geen verborgen gegevensverzameling of tracking.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
			<div class="wp-block-column hl-card hl-card--benefit">
				<!-- wp:paragraph {"className":"hl-card-icon"} -->
				<p class="hl-card-icon">&#9889;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Sneller werken</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Linux start vlot op en voelt vaak lichter aan dan andere systemen.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   4. Windows 10 EOL (incl. stats)
	------------------------------------------------------------------ */
	$patterns['windows-eol'] = array(
		'title'       => __( 'Windows 10 einde van ondersteuning', 'hogelandlinux' ),
		'description' => __( 'Sectie over het einde van Windows 10-ondersteuning met afbeelding, lijst, highlight en statistieken.', 'hogelandlinux' ),
		'categories'  => array( 'featured' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
<div class="wp-block-group hl-section hl-section--tint">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Windows 10-ondersteuning eindigt</h2>
		<!-- /wp:heading -->
		<!-- wp:columns {"className":"hl-eol-col"} -->
		<div class="wp-block-columns hl-eol-col">
			<!-- wp:column {"className":"hl-eol-image"} -->
			<div class="wp-block-column hl-eol-image">
				<!-- wp:image {"sizeSlug":"full"} -->
				<figure class="wp-block-image size-full"><img src="$asset/clippy.png" alt="Clippy adviseert om Linux te gebruiken"/></figure>
				<!-- /wp:image -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:paragraph -->
				<p>Microsoft stopt de ondersteuning voor Windows 10 in <strong>oktober 2025</strong>. Dit betekent:</p>
				<!-- /wp:paragraph -->
				<!-- wp:list {"className":"hl-eol-list"} -->
				<ul class="wp-block-list hl-eol-list"><li>&#10060; Geen beveiligingsupdates meer</li><li>&#10060; Geen technische ondersteuning</li><li>&#10060; Uw computer wordt kwetsbaar voor cyberaanvallen</li><li>&#10060; Mogelijk niet meer compatibel met nieuwe software</li></ul>
				<!-- /wp:list -->
				<!-- wp:paragraph {"className":"hl-highlight"} -->
				<p class="hl-highlight">Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
		<!-- wp:columns {"className":"hl-stats"} -->
		<div class="wp-block-columns hl-stats">
			<!-- wp:column {"className":"hl-stat"} -->
			<div class="wp-block-column hl-stat">
				<!-- wp:paragraph {"className":"hl-stat__icon"} -->
				<p class="hl-stat__icon">&#128187;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
				<h3 class="wp-block-heading hl-stat__number">1+ miljard</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"className":"hl-stat__label"} -->
				<p class="hl-stat__label">Windows 10 computers wereldwijd</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-stat"} -->
			<div class="wp-block-column hl-stat">
				<!-- wp:paragraph {"className":"hl-stat__icon"} -->
				<p class="hl-stat__icon">&#128465;&#65039;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
				<h3 class="wp-block-heading hl-stat__number">240 miljoen ton</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"className":"hl-stat__label"} -->
				<p class="hl-stat__label">Potenti&euml;le e-waste zonder migratie</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-stat"} -->
			<div class="wp-block-column hl-stat">
				<!-- wp:paragraph {"className":"hl-stat__icon"} -->
				<p class="hl-stat__icon">&#128274;</p>
				<!-- /wp:paragraph -->
				<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
				<h3 class="wp-block-heading hl-stat__number">0 updates</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"className":"hl-stat__label"} -->
				<p class="hl-stat__label">Na oktober 2025</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   5. Steps (Mijn aanpak)
	------------------------------------------------------------------ */
	$patterns['steps'] = array(
		'title'       => __( 'Mijn aanpak (stappen)', 'hogelandlinux' ),
		'description' => __( 'Witte sectie met genummerde stappenkaarten.', 'hogelandlinux' ),
		'categories'  => array( 'cards' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Mijn aanpak</h2>
		<!-- /wp:heading -->
		<!-- wp:columns {"className":"hl-card-grid hl-steps-grid"} -->
		<div class="wp-block-columns hl-card-grid hl-steps-grid">
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">1. Kennismaking (gratis)</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">2. Proefstart</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">3. Installatie</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Veilig, met updates, codecs, printer, Nederlandse taal en basissoftware.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">4. Migratie</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Bestanden, foto&rsquo;s, documenten en favorieten overzetten.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">5. Uitleg &amp; nazorg</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   6. Distributions
	------------------------------------------------------------------ */
	$patterns['distributions'] = array(
		'title'       => __( 'Linux-distributies', 'hogelandlinux' ),
		'description' => __( 'Getinte sectie met zes distributiekaarten.', 'hogelandlinux' ),
		'categories'  => array( 'cards' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
<div class="wp-block-group hl-section hl-section--tint">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Welke Linux past bij u?</h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"align":"center","className":"hl-section-subtitle"} -->
		<p class="has-text-align-center hl-section-subtitle">Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.</p>
		<!-- /wp:paragraph -->
		<!-- wp:columns {"className":"hl-card-grid"} -->
		<div class="wp-block-columns hl-card-grid">
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/mint.svg" alt="Linux Mint"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Linux Mint</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Windows-achtig</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> Windows-migratie, ouderen, conservatieve gebruikers.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/ubuntu.png" alt="Ubuntu"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Ubuntu</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Populair</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> beginners, kantoorwerk, algemeen gebruik.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/popos.svg" alt="Pop!_OS"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Pop!_OS</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Gaming</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Gemaakt door System76. Uitstekend voor gaming en creatief werk.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> gamers, ontwikkelaars, jongeren.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/elementary.png" alt="Elementary OS"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Elementary OS</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Mooi</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Prachtig ontwerp ge&iuml;nspireerd door macOS. Eenvoudig en elegant.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> Mac-gebruikers, designers, stijlbewuste mensen.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/fedora.png" alt="Fedora"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Fedora</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Geavanceerd</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Nieuwste technologie&euml;n en functies. Voor technische gebruikers.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> ontwikkelaars, IT-professionals, tech-enthousiastelingen.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-distro-card"} -->
			<div class="wp-block-column hl-card hl-distro-card">
				<!-- wp:group {"className":"hl-distro-head"} -->
				<div class="wp-block-group hl-distro-head">
					<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
					<figure class="wp-block-image size-full"><img src="$asset/garuda.svg" alt="Garuda Linux"/></figure>
					<!-- /wp:image -->
					<!-- wp:heading {"level":3} -->
					<h3 class="wp-block-heading">Garuda Linux</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->
				<!-- wp:paragraph {"className":"hl-distro-tag"} -->
				<p class="hl-distro-tag">Prestaties</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Arch-gebaseerd met extreme prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"className":"hl-distro-features"} -->
				<p class="hl-distro-features"><strong>Ideaal voor:</strong> powergebruikers, gamers, prestatie-enthousiasten.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   7. Services
	------------------------------------------------------------------ */
	$patterns['services'] = array(
		'title'       => __( 'Mijn diensten', 'hogelandlinux' ),
		'description' => __( 'Witte sectie met vier servicekaarten.', 'hogelandlinux' ),
		'categories'  => array( 'cards' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Mijn diensten</h2>
		<!-- /wp:heading -->
		<!-- wp:columns {"className":"hl-card-grid"} -->
		<div class="wp-block-columns hl-card-grid">
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Gratis advies</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Ik bekijk uw huidige computer en adviseer over de beste Linux-distributie en aanpak.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Installatieservice</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Professionele Linux-installatie met basissoftware, updates en drivers waar nodig.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Datamigratie</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Overzetten van bestanden, documenten en foto&rsquo;s van uw oude systeem naar Linux.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Training en ondersteuning</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Uitleg en begeleiding zodat u direct prettig aan de slag kunt met Linux.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   8. Features (Linux in actie)
	------------------------------------------------------------------ */
	$patterns['features'] = array(
		'title'       => __( 'Linux in actie', 'hogelandlinux' ),
		'description' => __( 'Getinte sectie met drie showcasekaarten met afbeelding, titel en tekst.', 'hogelandlinux' ),
		'categories'  => array( 'media', 'cards' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
<div class="wp-block-group hl-section hl-section--tint">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Linux in actie</h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"align":"center","className":"hl-section-subtitle"} -->
		<p class="has-text-align-center hl-section-subtitle">Zie hoe Linux eruitziet en werkt in de praktijk</p>
		<!-- /wp:paragraph -->
		<!-- wp:columns {"className":"hl-card-grid"} -->
		<div class="wp-block-columns hl-card-grid">
			<!-- wp:column {"className":"hl-card hl-feature-card"} -->
			<div class="wp-block-column hl-card hl-feature-card">
				<!-- wp:image {"sizeSlug":"large"} -->
				<figure class="wp-block-image size-large"><img src="$asset/Zorin-17-desktop.webp" alt="Zorin OS 17 Desktop"/></figure>
				<!-- /wp:image -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Moderne desktopinterface</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Ziet er vertrouwd uit, werkt snel en stabiel. Ideaal voor dagelijks gebruik.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-feature-card"} -->
			<div class="wp-block-column hl-card hl-feature-card">
				<!-- wp:image {"sizeSlug":"large"} -->
				<figure class="wp-block-image size-large"><img src="$asset/LinuxMintCinnamonSoftwareManager.webp" alt="Linux Mint Softwarebeheer"/></figure>
				<!-- /wp:image -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Eenvoudig software installeren</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Duizenden gratis programma&rsquo;s met &eacute;&eacute;n klik via Softwarebeheer.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-feature-card"} -->
			<div class="wp-block-column hl-card hl-feature-card">
				<!-- wp:image {"sizeSlug":"large"} -->
				<figure class="wp-block-image size-large"><img src="$asset/GamingBenchmarkLinuxvsWindows.webp" alt="Gamingprestaties Linux versus Windows"/></figure>
				<!-- /wp:image -->
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Gamingprestaties</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Prima geschikt voor gaming dankzij moderne drivers en optimalisaties.</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   9. Call to action
	------------------------------------------------------------------ */
	$patterns['cta'] = array(
		'title'       => __( 'Call to action', 'hogelandlinux' ),
		'description' => __( 'Donkergroene sectie met oproep en knop.', 'hogelandlinux' ),
		'categories'  => array( 'call-to-action' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--brand hl-cta"} -->
<div class="wp-block-group hl-section hl-section--brand hl-cta">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Klaar voor de overstap?</h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"align":"center"} -->
		<p class="has-text-align-center">Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.</p>
		<!-- /wp:paragraph -->
		<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons">
			<!-- wp:button {"className":"is-style-hl-on-dark"} -->
			<div class="wp-block-button is-style-hl-on-dark"><a class="wp-block-button__link wp-element-button">Neem contact op</a></div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   10. Disclaimer
	------------------------------------------------------------------ */
	$patterns['disclaimer'] = array(
		'title'       => __( 'Back-updisclaimer', 'hogelandlinux' ),
		'description' => __( 'Inklapbare disclaimer over back-ups.', 'hogelandlinux' ),
		'categories'  => array( 'text' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:heading {"textAlign":"center"} -->
		<h2 class="wp-block-heading has-text-align-center">Belangrijk over back-ups</h2>
		<!-- /wp:heading -->
		<!-- wp:html -->
<details class="hl-disclaimer">
	<summary>Lees de back-updisclaimer</summary>
	<div class="hl-disclaimer__body">
		<p>Ik lever een Linux-installatie- en migratieservice. <strong>Back-ups maken en bewaren is in principe de verantwoordelijkheid van de klant.</strong> Als extra service kan ik, op uw verzoek, data kopi&euml;ren naar door u aangeleverde USB-sticks of een externe schijf.</p>
		<p>Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan. <strong>U blijft verantwoordelijk voor uw eigen data</strong>. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens.</p>
	</div>
</details>
		<!-- /wp:html -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   11. Media & text (Over mij)
	------------------------------------------------------------------ */
	$patterns['media-text'] = array(
		'title'       => __( 'Media en tekst', 'hogelandlinux' ),
		'description' => __( 'Twee kolommen met foto en tekst, geschikt voor de Over mij-pagina.', 'hogelandlinux' ),
		'categories'  => array( 'media' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:columns {"className":"hl-media-text"} -->
		<div class="wp-block-columns hl-media-text">
			<!-- wp:column {"width":"55%"} -->
			<div class="wp-block-column" style="flex-basis:55%">
				<!-- wp:paragraph -->
				<p>Moi! Ik ben Bdnugget en ik help mensen in Het Hogeland om hun computers duurzaam, veilig en prettig te blijven gebruiken met Linux.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Linux gebruik ik al ruim 20 jaar - eerst uit nieuwsgierigheid, later uit overtuiging: het is veilig, snel, privacyvriendelijk en geeft je de regie over je eigen computer.</p>
				<!-- /wp:paragraph -->
				<!-- wp:buttons -->
				<div class="wp-block-buttons">
					<!-- wp:button {"className":"is-style-hl-primary"} -->
					<div class="wp-block-button is-style-hl-primary"><a class="wp-block-button__link wp-element-button">Neem contact op</a></div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"width":"45%"} -->
			<div class="wp-block-column" style="flex-basis:45%">
				<!-- wp:image {"sizeSlug":"large"} -->
				<figure class="wp-block-image size-large"><img src="$asset/DutchOpen2024.jpg" alt="Foto bij grasbaanraces"/><figcaption class="wp-element-caption">Dutch Open 2024</figcaption></figure>
				<!-- /wp:image -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	/* ------------------------------------------------------------------
	   12. Contact info
	------------------------------------------------------------------ */
	$patterns['contact-info'] = array(
		'title'       => __( 'Contactgegevens', 'hogelandlinux' ),
		'description' => __( 'Witte sectie met contactgegevens en openingstijden.', 'hogelandlinux' ),
		'categories'  => array( 'contact' ),
		'content'     => <<<HTML
<!-- wp:group {"className":"hl-section hl-section--white"} -->
<div class="wp-block-group hl-section hl-section--white">
	<!-- wp:group {"className":"hl-container"} -->
	<div class="wp-block-group hl-container">
		<!-- wp:columns {"className":"hl-card-grid"} -->
		<div class="wp-block-columns hl-card-grid">
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Adres</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Geen bezoekadres: ik doe uitsluitend huisbezoeken.</p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>Voorstraat 123<br>9967 AA Eenrum</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Contact</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>E-mail: <a href="mailto:info@chemistry.software">info@chemistry.software</a></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p>KvK: 91927935</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"className":"hl-card hl-card--service"} -->
			<div class="wp-block-column hl-card hl-card--service">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">Openingstijden</h3>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p>Maandag: 09:00 - 14:00 (op afspraak)<br>Dinsdag: 09:00 - 17:00 (op afspraak)<br>Woensdag: 09:00 - 14:00 (op afspraak)<br>Donderdag: 09:00 - 14:00 (op afspraak)<br>Vrijdag: gesloten</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
HTML,
	);

	foreach ( $patterns as $slug => $pattern ) {
		register_block_pattern(
			'hogelandlinux/' . $slug,
			array(
				'title'         => $pattern['title'],
				'description'   => $pattern['description'],
				'categories'    => $pattern['categories'],
				'viewportWidth' => 1280,
				'content'       => $pattern['content'],
			)
		);
	}
}
add_action( 'init', 'hogelandlinux_register_patterns' );