<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{.Title}}</title>
    
    <!-- Basic SEO Meta Tags -->
    <meta name="description" content="Linux in detail: distributiekeuze en functies. Hulp bij kiezen en voorbeelden van Linux in actie.">
    <meta name="keywords" content="Linux, distributies, functies, Ubuntu, Linux Mint, Fedora, Pop!_OS, Elementary OS">
    <meta name="author" content="{{.CompanyName}}">
    <meta name="robots" content="index, follow">
    <meta name="language" content="nl">
    
    <!-- Open Graph Meta Tags for Social Media -->
    <meta property="og:title" content="{{.Title}}">
    <meta property="og:description" content="Maak kennis met populaire Linux-distributies en zie Linux in actie.">
    <meta property="og:image" content="https://{{.Domain}}/static/images/TuxAinrom.webp">
    <meta property="og:image:alt" content="Linux distributies en functies">
    <meta property="og:url" content="https://{{.Domain}}/linux">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="{{.CompanyName}}">
    <meta property="og:locale" content="nl_NL">
    
    <!-- Favicon Links -->
    <link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
    <link rel="manifest" href="/static/icons/manifest.json">
    
    <!-- Theme Color for Mobile Browsers -->
    <meta name="theme-color" content="#059669">
    <meta name="msapplication-TileColor" content="#059669">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://{{.Domain}}/linux">
    
    <!-- CSS and Fonts -->
    <link rel="stylesheet" href="/static/css/style.css">

    <!-- Structured Data for Search Engines -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "@id": "https://{{.Domain}}/#local-business",
        "name": "{{.CompanyName}}",
        "description": "Informatie over Linux en distributiekeuze. Professionele hulp bij de overstap.",
        "url": "https://{{.Domain}}/linux",
        "knowsAbout": [
            "Linux",
            "Linux migratie",
            "Windows 10 end-of-life",
            "Ubuntu",
            "Linux Mint",
            "Fedora",
            "Pop!_OS",
            "Elementary OS",
            "Debian",
            "Zorin OS",
            "FreeBSD",
            "OpenBSD",
            "Arch Linux",
            "Drivers",
            "Office-alternatieven",
            "Back-ups",
            "Datamigratie",
            "Computerhulp",
            "Printerinstallatie",
            "Software-installatie"
        ],
        
        "telephone": "{{.Phone}}",
        "email": "{{.Email}}",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "{{.Street}}",
            "postalCode": "{{.PostalCode}}",
            "addressLocality": "{{.Village}}",
            "addressCountry": "NL"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "53.36045",
            "longitude": "6.46010"
        },
        "areaServed": [
            { "@type": "GeoCircle", "geoMidpoint": { "@type": "GeoCoordinates", "latitude": "53.36045", "longitude": "6.46010" }, "geoRadius": 30000 },
            { "@type": "Place", "name": "Gemeente Het Hogeland" }
        ],
        "makesOffer": [
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Linux migratie en ondersteuning"
                }
            }
        ],
        "priceRange": "€",
        "image": "https://{{.Domain}}/static/images/TuxAinrom.webp",
        "sameAs": [
            "https://endof10.org",
            "https://nl.wikipedia.org/wiki/Het_Hogeland"
        ]
    }
    </script>
</head>
<body>
    {{template "header" .}}

    <main>
        <section class="page-hero">
            <div class="container">
                <h1>Waarom Linux?</h1>
                <p>Nieuw bij Linux? Geen zorgen. Linux is een betrouwbaar en eenvoudig computersysteem dat uw computer vaak weer prettig laat werken, zonder dat u ervoor hoeft te betalen. U kunt blijven doen wat u gewend bent: internetten, e-mailen, foto’s bekijken, videobellen en bankieren. Hieronder vindt u een korte uitleg en voorbeelden in beeld.</p>
            </div>
        </section>

        <section class="section section--light intro-gnome">
            <div class="container">
                <h2 class="section__title">Rustig overstappen naar Linux</h2>
                <div class="grid grid--2-col">
                    <div>
                        <div class="feature-image">
                            <img src="/static/images/gnome.webp" alt="GNOME desktop op Linux" loading="lazy">
                            <div class="image-caption">
                                <small>GNOME desktop. Bron: <a href="https://www.ifixit.com/Guide/How+to+install+a+GUI+on+Arch+Linux/167611" target="_blank" rel="noopener">iFixit</a></small>
                            </div>
                        </div>
                    </div>
                    <div>
                        <h3>Bekende bediening</h3>
                        <p>Menu, vensters, bureaublad: het werkt zoals u verwacht. U kunt direct aan de slag.</p>
                        <h3>Wat u dagelijks nodig hebt</h3>
                        <p>Internet, e-mail, videobellen, foto’s beheren, bankieren en documenten maken: het kan allemaal. Veel vertrouwde apps zijn beschikbaar en er zijn goede alternatieven voor Windows-programma’s. Ik help u stap voor stap op weg.</p>
                    </div>
                </div>
            </div>
        </section>

        {{template "benefits" (dict "Page" . "SectionClass" "section--light-green") }}

        <section class="section section--light distros">
            <div class="container">
                <h2>Welke Linux past bij u?</h2>
                <p class="section-subtitle">Niet iedereen hoeft alle keuzes te zien. Daarom drie eenvoudige opties om mee te beginnen.</p>
                <div class="distro-tiles">
                    <div class="distro-tile">
                        <img src="/static/images/mint.svg" alt="Linux Mint" class="distro-tile__img">
                        <h3>Linux Mint</h3>
                        <p>Heel vertrouwd voor overstappers. Lijkt qua bediening op Windows en werkt stabiel.</p>
                    </div>
                    <div class="distro-tile">
                        <img src="/static/images/ubuntu.png" alt="Ubuntu" class="distro-tile__img">
                        <h3>Ubuntu LTS</h3>
                        <p>Veelgebruikt en jarenlang ondersteund. Geschikt voor allerlei toepassingen.</p>
                    </div>
                    <div class="distro-tile">
                        <img src="/static/images/elementary.png" alt="Elementary OS" class="distro-tile__img">
                        <h3>Elementary OS</h3>
                        <p>Rustig en overzichtelijk, met een eenvoudig ontwerp dat prettig oogt.</p>
                    </div>
                </div>
                <p class="section-subtitle" style="margin-top:1rem">Wilt u later meer ontdekken? Er bestaan nog veel andere varianten zoals Fedora, Pop!_OS of Garuda Linux, ideaal voor wie graag experimenteert of speciale wensen heeft.</p>
            </div>
        </section>

        {{template "linux_features" (dict "Page" . "SectionClass" "section--light-green") }}

        <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="/contact" class="btn btn-primary btn-large">Neem contact op</a>
            </div>
        </section>
    </main>

    {{template "footer" .}}
</body>
</html>


