feat: Add new image assets and update components to use them, replacing the footer text logo with an image.

components/layout/Footer.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 import { Phone, Mail, MapPin } from "lucide-react";
 
 const footerLinks = {
@@ -28,9 +29,15 @@ export function Footer() {
                     <div className="stack-md">
                         <Link
                             href="/"
-                            className="text-xl font-semibold text-[var(--color-background)] hover:no-underline"
+                            className="hover:no-underline"
                         >
-                            <span className="text-[var(--color-primary)]">Tele</span>NetSystems
+                            <Image
+                                src="/images/logo/logo-weiss-ffa4cbf6.png"
+                                alt="TeleNetSystems Logo"
+                                width={160}
+                                height={36}
+                                className="h-8 w-auto"
+                            />
                         </Link>
                         <p className="text-sm opacity-80">
                             Ihr regionaler Telekom- und IT-Partner in Tirol.