From 0818a96152e69d85b7ec2d339ff620b02f02a2a1 Mon Sep 17 00:00:00 2001
From: Michael Rieger <mr@tideshiftdigital.com>
Date: Thu, 12 Mar 2026 11:37:26 +0100
Subject: [PATCH] feat: edit Error page

---
 src/components/Footer.astro                 | 10 +++++++--
 src/components/Header.astro                 |  2 +-
 src/components/PlausibleAnalytics.astro     |  7 +------
 src/components/landing/ContactSection.astro |  5 ++++-
 src/components/landing/ServicesCard.astro   |  2 +-
 src/layouts/ErrorLayout.astro               | 16 +++++++++++++-
 src/pages/privacy.astro                     | 23 ++++++++++-----------
 7 files changed, 41 insertions(+), 24 deletions(-)
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index d738a11..6c44ab4 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -26,9 +26,15 @@ function getCurrentYear() {
     <div class="follow">
       <span class="list-title">Reach out to us</span>
       <ul>
-        <li><a href="tel:+436704011885">+43 670 4011 885</a></li>
         <li>
-          <a href="mailto:office@tideshiftdigital.com"
+          <a href="tel:+436704011885" class="plausible-event-name=Footer+Phone"
+            >+43 670 4011 885</a
+          >
+        </li>
+        <li>
+          <a
+            href="mailto:office@tideshiftdigital.com"
+            class="plausible-event-name=Footer+Email"
             >office@tideshiftdigital.com</a
           >
         </li>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 6a94977..8bff499 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -13,7 +13,7 @@ import SkipNavLink from "./SkipNavLink.astro";
   </a>
 
   {/* Contact Link */}
-  <a class="header-contact" href="mailto:office@tideshiftdigital.com">
+  <a class="header-contact plausible-event-name=Header+Contact" href="mailto:office@tideshiftdigital.com">
     <span class="heading-gradient">Contact us</span>
     <ArrowUpRight class="icon char" />
   </a>
diff --git a/src/components/PlausibleAnalytics.astro b/src/components/PlausibleAnalytics.astro
index 01030e5..7b9a068 100644
--- a/src/components/PlausibleAnalytics.astro
+++ b/src/components/PlausibleAnalytics.astro
@@ -1,11 +1,6 @@
----
-
----
-
-<!-- Privacy-friendly analytics by Plausible -->
 <script
   type="text/partytown"
-  src="https://analytics.tideshiftdigital.com/js/pa-p5oAx14RzTKItmInsv6px.js"
+  src="https://analytics.tideshiftdigital.com/js/pa-K9c6kwz-s9gZE7LZPFGAq.js"
 ></script>
 <script type="text/partytown">
   ((window.plausible =
diff --git a/src/components/landing/ContactSection.astro b/src/components/landing/ContactSection.astro
index 508df79..8dbb2e2 100644
--- a/src/components/landing/ContactSection.astro
+++ b/src/components/landing/ContactSection.astro
@@ -24,7 +24,10 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
     </p>
   </div>
 
-  <a class="link" href="mailto:office@tideshiftdigital.com">
+  <a
+    class="link plausible-event-name=ContactSection+Contact"
+    href="mailto:office@tideshiftdigital.com"
+  >
     <span class="heading-gradient">Contact us</span>
     <ArrowUpRight class="icon" />
   </a>
diff --git a/src/components/landing/ServicesCard.astro b/src/components/landing/ServicesCard.astro
index 63bd4be..58a6ea0 100644
--- a/src/components/landing/ServicesCard.astro
+++ b/src/components/landing/ServicesCard.astro
@@ -88,7 +88,7 @@ const { title, image, items } = Astro.props;
         line-height: var(--leading-title);
         padding-block: 2.5rem 1rem;
         padding-inline: 2.5rem;
-        max-width: 10ch;
+        max-width: 16ch;
     }
 
     ul {
diff --git a/src/layouts/ErrorLayout.astro b/src/layouts/ErrorLayout.astro
index 4085d8a..7d3c31e 100644
--- a/src/layouts/ErrorLayout.astro
+++ b/src/layouts/ErrorLayout.astro
@@ -1,5 +1,7 @@
 ---
-const isDev = import.meta.env.DEV;
+import { Font } from "astro:assets";
+import GlobalStyles from "../components/GlobalStyles.astro";
+import PlausibleAnalytics from "../components/PlausibleAnalytics.astro";
 ---
 
 <!doctype html>
@@ -10,11 +12,23 @@ const isDev = import.meta.env.DEV;
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
     <title>Oops, this is weird</title>
+    <meta
+      name="description"
+      content="From concept to launch - websites, apps, and digital solutions that work hard, so you can play hard. Personal sites, e‑commerce platforms, and custom web apps built by Michael Rieger in Vienna."
+    />
+    <meta
+      name="keywords"
+      content="web development, web design, custom web apps, e-commerce development, Vienna developer, Michael Rieger, Tideshift Digital, digital solutions, website launch, app development"
+    />
     <meta name="author" content="Michael Rieger" />
     <meta name="application-name" content="Tideshift Digital" />
     <link rel="canonical" href="https://tideshiftdigital.com/" />
+    <Font cssVariable="--font-poppins" preload />
+    <PlausibleAnalytics />
   </head>
   <body>
+    <GlobalStyles />
+
     <slot />
   </body>
 </html>
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
index a6a77e4..d655b1b 100644
--- a/src/pages/privacy.astro
+++ b/src/pages/privacy.astro
@@ -19,9 +19,11 @@ import BaseLayout from "../layouts/BaseLayout.astro";
                     We use <strong>
                         <a
                             target="_blank"
-                            href="https://umami.is/"
+                            href="https://plausible.io/docs/self-hosting"
                             class="hoverable"
-                            rel="noreferrer noopener">self-hosted Umami</a
+                            rel="noreferrer noopener"
+                        >
+                            the self-hosted Community Edition of Plausible Analytics</a
                         >
                     </strong> to measure basic website usage (such as page views and
                     referrers). No personal data, cookies, or IP addresses are collected
@@ -32,11 +34,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             <section>
                 <h2 class="heading-gradient">Hosting</h2>
                 <p>
-                    This website is hosted by <strong>
+                    This website is hosted on infrastructure provided by <strong>
                         <a
                             target="_blank"
                             href="https://www.hetzner.com/"
-                            class="hoverable"
                             rel="noreferrer noopener">Hetzner Online GmbH</a
                         ></strong
                     >. Standard server logs may be collected automatically for
@@ -50,7 +51,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             <section>
                 <h2 class="heading-gradient">Data Retention</h2>
                 <p>
-                    Analytics data collected by Umami are stored temporarily and
+                    Analytics data collected by Plausible are stored temporarily and
                     only in an anonymized, aggregated form. No personally
                     identifiable information is retained. Server logs are stored
                     by Hetzner in accordance with their standard retention
@@ -63,7 +64,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
                 <p>
                     Data processing through analytics and hosting is based on
                     our legitimate interest (Article 6(1)(f) GDPR) in
-                    maintaining and improving our website’s performance and
+                    maintaining and improving our website's performance and
                     security.
                 </p>
             </section>
@@ -75,9 +76,8 @@ import BaseLayout from "../layouts/BaseLayout.astro";
                     no action is generally required from you. However, if you
                     have any questions or concerns regarding data protection,
                     you may contact us at
-                    <a
-                        href="mailto:privacy@tideshiftdigital.com"
-                        class="hoverable">privacy@tideshiftdigital.com</a
+                    <a href="mailto:privacy@tideshiftdigital.com"
+                        >privacy@tideshiftdigital.com</a
                     >.
                 </p>
             </section>
@@ -87,9 +87,8 @@ import BaseLayout from "../layouts/BaseLayout.astro";
                 <p>
                     The data controller responsible for this website is:<br />
                     <strong>Tideshift Digital e.U.</strong><br />
-                    Email: <a
-                        href="mailto:privacy@tideshiftdigital.com"
-                        class="hoverable">privacy@tideshiftdigital.com</a
+                    Email: <a href="mailto:privacy@tideshiftdigital.com"
+                        >privacy@tideshiftdigital.com</a
                     >
                 </p>
             </section>
