og:image, other SEO and favicons

DEPLOYMENT.md

@@ -22,6 +22,7 @@ The application supports the following environment variables:
 | `STREET` | `Voorstraat 123` | Street address |
 | `POSTAL_CODE` | `9967 AA` | Postal code |
 | `VILLAGE` | `Eenrum` | Village/city name |
+| `DOMAIN` | `hogelandlinux.nl` | Your website domain (used for SEO and social media meta tags) |
 | `TELEGRAM_BOT_TOKEN` | *(empty)* | Telegram bot token for contact form notifications |
 | `TELEGRAM_CHAT_ID` | *(empty)* | Telegram chat ID where notifications will be sent |
 
@@ -90,6 +91,7 @@ PHONE=+31 6 12345678
 STREET=Voorstraat 123
 POSTAL_CODE=9967 AA
 VILLAGE=Eenrum
+DOMAIN=hogelandlinux.nl
 TELEGRAM_BOT_TOKEN=your_bot_token_here
 TELEGRAM_CHAT_ID=your_chat_id_here
 ```

docker-compose.yml

@@ -14,6 +14,7 @@ services:
       - STREET=Voorstraat 123
       - POSTAL_CODE=9967 AA
       - VILLAGE=Eenrum
+      - DOMAIN=hogelandlinux.nl         # Set your actual domain here
       - TELEGRAM_BOT_TOKEN=  # Set your Telegram bot token here
       - TELEGRAM_CHAT_ID=    # Set your Telegram chat ID here
     restart: unless-stopped 

main.go

@@ -23,6 +23,7 @@ type Config struct {
 	Street           string
 	PostalCode       string
 	Village          string
+	Domain           string
 	Port             string
 	TelegramBotToken string
 	TelegramChatID   string
@@ -81,6 +82,7 @@ func NewServer() *Server {
 		Street:           getEnv("STREET", "Voorstraat 123"),
 		PostalCode:       getEnv("POSTAL_CODE", "9967 AA"),
 		Village:          getEnv("VILLAGE", "Eenrum"),
+		Domain:           getEnv("DOMAIN", "hogelandlinux.nl"), // Replace with actual domain
 		Port:             ":" + getEnv("PORT", "8080"),
 		TelegramBotToken: getEnv("TELEGRAM_BOT_TOKEN", ""), // Set this in environment
 		TelegramChatID:   getEnv("TELEGRAM_CHAT_ID", ""),   // Set this in environment

static/manifest.json

@@ -0,0 +1,21 @@
+{
+    "name": "Hogeland Linux - Linux Migratie Service",
+    "short_name": "Hogeland Linux",
+    "description": "Linux migratie service voor Windows 10 end-of-life. Geef uw computer nieuw leven met Linux!",
+    "start_url": "/",
+    "display": "standalone",
+    "background_color": "#ffffff",
+    "theme_color": "#059669",
+    "icons": [
+        {
+            "src": "/static/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+} 

templates/contact.html

@@ -4,6 +4,50 @@
     <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="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta name="keywords" content="contact, Linux service, Windows 10 migratie, Het Hogeland, Eenrum, gratis advies, installatie">
+    <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="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta property="og:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    <meta property="og:url" content="https://{{.Domain}}/contact">
+    <meta property="og:type" content="website">
+    <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="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies en ondersteuning.">
+    <meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    
+    <!-- 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}}/contact">
+    
+    <!-- Preload Critical Resources -->
+    <link rel="preload" href="/static/style.css" as="style">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
+    
+    <!-- CSS and Fonts -->
     <link rel="stylesheet" href="/static/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>