247 lines
11 KiB
PHP
247 lines
11 KiB
PHP
<?php
|
|
/**
|
|
* Front page (home): mirrors the original index.html.
|
|
*/
|
|
|
|
get_header();
|
|
?>
|
|
|
|
<main>
|
|
<section id="home" class="hero">
|
|
<div class="hero-content">
|
|
<h2>Geef uw computer een tweede leven</h2>
|
|
<p class="hero-subtitle">Windows 10-ondersteuning eindigt binnenkort? Ik help u graag overstappen. Ontdek hoe Linux uw hardware nieuw leven kan geven.</p>
|
|
<div class="hero-buttons hero-buttons--stack">
|
|
<div class="hero-buttons-row hero-buttons-row--secondary">
|
|
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-secondary">Gratis advies</a>
|
|
<a href="<?php echo esc_url( home_url( '/over-mij/' ) ); ?>" class="btn btn-secondary">Wie ben ik?</a>
|
|
</div>
|
|
<div class="hero-buttons-row hero-buttons-row--primary">
|
|
<a href="#voordelen" class="btn btn-primary">↓ Meer weten</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php $hl_section_class = 'section--light'; get_template_part( 'template-parts/benefits' ); ?>
|
|
|
|
<section id="windows10-eol" class="section windows-eol">
|
|
<div class="container">
|
|
<h2>Windows 10-ondersteuning eindigt</h2>
|
|
<div class="eol-content">
|
|
<div class="eol-main">
|
|
<div class="eol-clippy-image">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/clippy.png' ); ?>" alt="Clippy advising to use Linux">
|
|
</div>
|
|
<div class="eol-text">
|
|
<p>Microsoft stopt de ondersteuning voor Windows 10 in <strong>oktober 2025</strong>. Dit betekent:</p>
|
|
<ul>
|
|
<li>❌ Geen beveiligingsupdates meer</li>
|
|
<li>❌ Geen technische ondersteuning</li>
|
|
<li>❌ Uw computer wordt kwetsbaar voor cyberaanvallen</li>
|
|
<li>❌ Mogelijk niet meer compatibel met nieuwe software</li>
|
|
</ul>
|
|
<p class="highlight">Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.</p>
|
|
</div>
|
|
</div>
|
|
<div class="eol-stats">
|
|
<div class="stat">
|
|
<div class="stat-icon">💻</div>
|
|
<h3>1+ miljard</h3>
|
|
<p>Windows 10 computers wereldwijd</p>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-icon">🗑️</div>
|
|
<h3>240 miljoen ton</h3>
|
|
<p>Potentiële e-waste zonder migratie</p>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-icon">🔒</div>
|
|
<h3>0 updates</h3>
|
|
<p>Na oktober 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--light services">
|
|
<div class="container">
|
|
<h2><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Mijn aanpak</a></h2>
|
|
<div class="steps-grid" style="margin-top:1.5rem">
|
|
<div class="card card--service"><h3>1. Kennismaking (gratis)</h3><p>Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.</p></div>
|
|
<div class="card card--service"><h3>2. Proefstart</h3><p>Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.</p></div>
|
|
<div class="card card--service"><h3>3. Installatie</h3><p>Veilig, met updates, codecs, printer, Nederlandse taal en basissoftware.</p></div>
|
|
<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto’s, documenten en favorieten overzetten.</p></div>
|
|
<div class="card card--service"><h3>5. Uitleg & nazorg</h3><p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p></div>
|
|
</div>
|
|
<p style="margin-top:1rem"><strong>Daarnaast</strong> geef ik gratis informatiebijeenkomsten en help ik soms bij Repair Cafés met installaties, zonder kosten.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="distros" class="section section--light-green distros">
|
|
<div class="container">
|
|
<h2><a href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">Welke Linux past bij u?</a></h2>
|
|
<p class="section-subtitle">Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.</p>
|
|
<div class="distros-grid">
|
|
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/mint.svg' ); ?>" alt="Linux Mint" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Linux Mint</h3>
|
|
<span class="distro-tag">Windows-achtig</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Vertrouwde interface</span>
|
|
<span class="feature">✓ Multimedia ondersteuning</span>
|
|
<span class="feature">✓ Zeer stabiel</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Windows migratie, ouderen, conservatieve gebruikers</strong></p>
|
|
</a>
|
|
|
|
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/ubuntu.png' ); ?>" alt="Ubuntu" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Ubuntu</h3>
|
|
<span class="distro-tag">Populair</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Eenvoudig</span>
|
|
<span class="feature">✓ Grote community</span>
|
|
<span class="feature">✓ LTS versies</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Beginners, kantoorwerk, algemeen gebruik</strong></p>
|
|
</a>
|
|
|
|
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/popos.svg' ); ?>" alt="Pop!_OS" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Pop!_OS</h3>
|
|
<span class="distro-tag">Gaming</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Gemaakt door System76. Uitstekend voor gaming en creatief werk.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Gaming-geoptimaliseerd</span>
|
|
<span class="feature">✓ NVIDIA-ondersteuning</span>
|
|
<span class="feature">✓ Modern ontwerp</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Gamers, ontwikkelaars, jongeren</strong></p>
|
|
</a>
|
|
|
|
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/elementary.png' ); ?>" alt="elementary" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Elementary OS</h3>
|
|
<span class="distro-tag">Mooi</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Prachtig ontwerp geïnspireerd door macOS. Eenvoudig en elegant.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Elegant ontwerp</span>
|
|
<span class="feature">✓ Privacy-gericht</span>
|
|
<span class="feature">✓ Mac-achtig</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Mac gebruikers, designers, stijlbewuste mensen</strong></p>
|
|
</a>
|
|
|
|
<div class="card card--distro">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/fedora.png' ); ?>" alt="Fedora" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Fedora</h3>
|
|
<span class="distro-tag">Geavanceerd</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Nieuwste technologieën en functies. Voor technische gebruikers.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Geavanceerde technologie</span>
|
|
<span class="feature">✓ Red Hat basis</span>
|
|
<span class="feature">✓ Ontwikkelaarstools</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Ontwikkelaars, IT-professionals, tech-enthousiastelingen</strong></p>
|
|
</div>
|
|
|
|
<div class="card card--distro">
|
|
<div class="distro-header">
|
|
<div class="distro-logo">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/garuda.svg' ); ?>" alt="Garuda Linux" width="48" height="48">
|
|
</div>
|
|
<div class="distro-header-content">
|
|
<h3>Garuda Linux</h3>
|
|
<span class="distro-tag">Prestaties</span>
|
|
</div>
|
|
</div>
|
|
<p class="distro-description">Arch-gebaseerd met extreme prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.</p>
|
|
<div class="distro-features">
|
|
<span class="feature">✓ Arch basis</span>
|
|
<span class="feature">✓ Gaming-klaar</span>
|
|
<span class="feature">✓ Mooie interface</span>
|
|
</div>
|
|
<p class="distro-ideal">Ideaal voor: <strong>Powergebruikers, gamers, prestatie-enthousiasten</strong></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="distro-cta">
|
|
<h3>Weet u niet welke u moet kiezen?</h3>
|
|
<p>Geen probleem! Ik adviseer u graag over de beste distributie voor uw specifieke situatie en behoeften.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-primary">Persoonlijk advies</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="diensten" class="section section--light services">
|
|
<div class="container">
|
|
<h2><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Mijn diensten</a></h2>
|
|
<div class="services-grid">
|
|
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
|
|
<h3>Gratis advies</h3>
|
|
<p>Ik bekijk uw huidige computer en adviseer over de beste Linux distributie voor uw behoeften.</p>
|
|
</a>
|
|
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
|
|
<h3>Installatieservice</h3>
|
|
<p>Professionele Linux-installatie op uw computer, inclusief alle benodigde software.</p>
|
|
</a>
|
|
<div class="card card--service">
|
|
<h3><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Datamigratie</a></h3>
|
|
<p>Veilige overdracht van al uw bestanden, foto’s en documenten van Windows naar Linux. Zie de <a href="<?php echo esc_url( home_url( '/diensten/#backup-disclaimer' ) ); ?>">back-updisclaimer</a>.</p>
|
|
</div>
|
|
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
|
|
<h3>Training en ondersteuning</h3>
|
|
<p>Persoonlijke begeleiding om u vertrouwd te maken met uw nieuwe Linux-systeem.</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php $hl_section_class = 'section--light-green'; get_template_part( 'template-parts/linux-features' ); ?>
|
|
|
|
<section class="section cta">
|
|
<div class="container">
|
|
<h2>Klaar voor de overstap?</h2>
|
|
<p>Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-primary btn-large">Neem contact op</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php
|
|
get_footer();
|