diff --git a/linuxservice b/linuxservice
index 13e9968..d7b2108 100755
Binary files a/linuxservice and b/linuxservice differ
diff --git a/static/style.css b/static/style.css
index ca8e213..e5590f9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -197,6 +197,35 @@ p {
     gap: 1rem;
 }
 
+/* Two-row hero button layout */
+.hero-buttons--stack {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+}
+
+.hero-buttons-row {
+    display: flex;
+    gap: 1rem;
+}
+
+.hero-buttons-row--secondary {
+    justify-content: center;
+}
+
+.hero-buttons-row--primary {
+    justify-content: center;
+}
+
+@media (max-width: 480px) {
+    .hero-buttons-row {
+        flex-direction: column;
+        width: 100%;
+        max-width: 320px;
+    }
+}
+
 /* Buttons */
 .btn {
     padding: 12px 24px;
diff --git a/templates/index.html b/templates/index.html
index a3f7167..ce504d5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -98,9 +98,14 @@
             <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">
-                    <a href="#voordelen" class="btn btn-primary">↓ Meer weten</a>
-                    <a href="/contact" class="btn btn-secondary">Gratis advies</a>
+                <div class="hero-buttons hero-buttons--stack">
+                    <div class="hero-buttons-row hero-buttons-row--secondary">
+                        <a href="/contact" class="btn btn-secondary">Gratis advies</a>
+                        <a href="/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>
diff --git a/templates/over-mij.html b/templates/over-mij.html
index 1faf3f1..daa6ed8 100644
--- a/templates/over-mij.html
+++ b/templates/over-mij.html
@@ -4,7 +4,46 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{.Title}}</title>
-    <meta name="description" content="Over mij - mijn band met Het Hogeland en waarom ik Linux promoot.">
+    
+    <!-- Basic SEO Meta Tags -->
+    <meta name="description" content="Over {{.AboutName}} - mijn band met Het Hogeland en waarom ik Linux promoot.">
+    <meta name="keywords" content="over mij, wie ben ik, Linux, Het Hogeland, Eenrum, Baflo, migratie, privacy, open source">
+    <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 {{.AboutName}} - Linux-evangelist van Het Hogeland.">
+    <meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta property="og:image:alt" content="{{.AboutName}} - Linux op Het Hogeland">
+    <meta property="og:url" content="https://{{.Domain}}/over-mij">
+    <meta property="og:type" content="profile">
+    <meta property="og:site_name" content="{{.CompanyName}}">
+    <meta property="og:locale" content="nl_NL">
+    
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{.Title}}">
+    <meta name="twitter:description" content="Maak kennis met {{.AboutName}} - Linux-evangelist van Het Hogeland.">
+    <meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta name="twitter:image:alt" content="{{.AboutName}} - Linux op Het Hogeland">
+    
+    <!-- Favicon Links -->
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
+    <link rel="manifest" href="/static/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}}/over-mij">
+    
+    <!-- CSS and Fonts -->
     <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>