lol vibe

wpfiles/wp-content/themes/hogelandlinux/page-diensten.php

@@ -0,0 +1,108 @@
+<?php
+/**
+ * The "Diensten" page, mirroring the original diensten.html.
+ * Template Name: Diensten
+ */
+get_header();
+?>
+
+<main>
+	<section class="page-hero">
+		<div class="container">
+			<h1>Diensten en tarieven</h1>
+			<p>Linux blijft vrij. Mijn hulp is betaalbaar, met duidelijke afspraken vooraf.</p>
+		</div>
+	</section>
+
+	<section class="section section--light services">
+		<div class="container">
+			<h2>Wat ik voor u kan doen</h2>
+			<div class="services-grid">
+				<div class="card card--service">
+					<h3>Gratis advies</h3>
+					<p>Ik bekijk uw huidige computer en adviseer over de beste Linux-distributie en aanpak.</p>
+				</div>
+				<div class="card card--service">
+					<h3>Installatieservice</h3>
+					<p>Professionele Linux-installatie met basissoftware, updates en drivers waar nodig.</p>
+				</div>
+				<div class="card card--service">
+					<h3>Datamigratie</h3>
+					<p>Overzetten van bestanden, documenten en foto&rsquo;s van uw oude systeem naar Linux. Zie ook de <a href="#backup-disclaimer">back-updisclaimer</a> hieronder.</p>
+				</div>
+				<div class="card card--service">
+					<h3>Training en ondersteuning</h3>
+					<p>Uitleg en begeleiding zodat u direct prettig aan de slag kunt met Linux.</p>
+				</div>
+			</div>
+		</div>
+	</section>
+
+	<section class="section section--light">
+		<div class="container">
+			<h2>Waarom betalen voor hulp bij Linux?</h2>
+			<p>Linux zelf is vrije software. Iedereen kan het downloaden en gebruiken. Wat ik aanbied, is mijn tijd, kennis en zorg: ik neem u het uitzoekwerk, de installatie en de uitleg uit handen. Zo kunt u zonder stress meteen prettig aan de slag.</p>
+		</div>
+	</section>
+
+	<section class="section section--brand contact-cta">
+		<div class="container">
+			<h2>Tarieven</h2>
+			<div class="cta-benefits">
+				<div class="cta-benefit">
+					<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">&euro;</span></div>
+					<h3>&euro;20 per half uur</h3>
+					<p>Transparant, zonder verborgen kosten. Reistijd in overleg, binnen Het Hogeland vaak kosteloos.</p>
+				</div>
+				<div class="cta-benefit">
+					<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">i</span></div>
+					<h3>Voorbeelden</h3>
+					<p>Installatie + basisinrichting + uitleg: 1 &agrave; 2 uur. Migratie van gegevens: afhankelijk van volume en snelheid van opslag.</p>
+				</div>
+				<div class="cta-benefit">
+					<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">+</span></div>
+					<h3>Extra service</h3>
+					<p>Optioneel kan ik data kopi&euml;ren naar uw USB-stick(s) of externe schijf. Zie de <a href="#backup-disclaimer">back-updisclaimer</a>.</p>
+				</div>
+			</div>
+			<div style="margin-top:1.5rem">
+				<h3>Toegankelijkheid</h3>
+				<p>Mijn standaardtarief is &euro;20 per half uur. Dat is een eerlijke vergoeding voor mijn werk, waarmee ik deze service in Het Hogeland kan blijven aanbieden.</p>
+				<p>Heeft u een smalle beurs of zit u in een moeilijke situatie? Dan kijken we samen naar een oplossing. Ik vind dat financi&euml;le drempels geen reden mogen zijn om de overstap naar Linux te missen.</p>
+				<p>Ik organiseer regelmatig <b>gratis informatiebijeenkomsten</b> en help bij Repair Caf&eacute;s. Dat blijft kosteloos.</p>
+			</div>
+		</div>
+	</section>
+
+	<section class="section section--light-green services">
+		<div class="container">
+			<h2>Mijn aanpak</h2>
+			<div class="steps-grid">
+				<div class="card card--service"><h3>1. Kennismaking (gratis)</h3><p>We bespreken wensen, hardware en gebruik.</p></div>
+				<div class="card card--service"><h3>2. Proefstart</h3><p>Linux live vanaf USB om te testen op uw pc.</p></div>
+				<div class="card card--service"><h3>3. Installatie</h3><p>Compleet ingericht met updates, drivers en basissoftware.</p></div>
+				<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto&rsquo;s en documenten veilig overzetten.</p></div>
+				<div class="card card--service"><h3>5. Uitleg &amp; nazorg</h3><p>Korte training en laagdrempelige ondersteuning.</p></div>
+			</div>
+		</div>
+	</section>
+
+	<section class="contact-content">
+		<div class="container">
+			<h2 id="backup-disclaimer">Belangrijk over back-ups</h2>
+			<details class="disclaimer">
+				<summary>Lees de back-updisclaimer</summary>
+				<div class="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. Als u geen opslag bij de hand heeft, kan ik USB-sticks van verschillende groottes meebrengen en leveren tegen een normale, eerlijke prijs.</p>
+					<p>Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan, bijvoorbeeld door defecte schijven, corrupte data of hardwarefouten. <strong>U blijft verantwoordelijk voor uw eigen data</strong>. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens. Ik adviseer altijd om vooraf een eigen back-up te maken.</p>
+				</div>
+			</details>
+			<div class="about-cta">
+				<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-primary">Vrijblijvend contact opnemen</a>
+			</div>
+		</div>
+	</section>
+</main>
+
+<?php
+get_footer();