chore: zmiana nazwy z ThermCool na Klimat-24, aktualizacja logo i metadata

components/layout/Footer.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import { Phone, Mail, MapPin, Clock, Facebook, Instagram, ShieldCheck } from "lucide-react";
 import { companyDetails } from "@/content/company";
 import { CookieSettingsTrigger } from "@/components/ui/CookieSettingsTrigger";
+import Image from "next/image";
 
 export function Footer() {
   const currentYear = new Date().getFullYear();
@@ -12,10 +13,13 @@ export function Footer() {
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
           <div className="flex flex-col gap-4">
             <Link href="/" className="inline-block">
-              <span className="text-2xl font-bold font-heading text-white">
-                {companyDetails.shortName}
-                <span className="text-white">.</span>
-              </span>
+              <Image
+                src="/images/logo/logo_klimat.png"
+                alt={`Logo ${companyDetails.shortName}`}
+                width={160}
+                height={40}
+                className="h-10 w-auto object-contain"
+              />
             </Link>
             <p className="text-sm text-slate-300 max-w-xs leading-relaxed">
               Profesjonalne usługi w zakresie klimatyzacji i pomp ciepła dla domów, mieszkań i firm.

components/layout/Header.tsx

@@ -9,6 +9,7 @@ import { useCartStore } from "@/lib/cart-store";
 import { companyDetails } from "@/content/company";
 import { cn } from "@/lib/utils";
 import { buttonClasses } from '@/components/ui/Button';
+import Image from "next/image";
 
 
 export function Header() {
@@ -93,10 +94,14 @@ export function Header() {
       >
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between gap-4">
           <Link href="/" className="shrink-0 flex items-center gap-3">
-            <span className="text-2xl font-bold font-heading text-primary">
-              {companyDetails.shortName}
-              <span className="text-accent">.</span>
-            </span>
+            <Image
+              src="/images/logo/logo_klimat.png"
+              alt={`Logo ${companyDetails.shortName}`}
+              width={160}
+              height={40}
+              className="h-8 w-auto lg:h-10 object-contain"
+              priority
+            />
           </Link>
           <nav className="flex items-center gap-6">
             <NavDropdown
@@ -174,10 +179,14 @@ export function Header() {
       >
         <div className="max-w-7xl mx-auto px-4 sm:px-6 flex items-center justify-between">
           <Link href="/" className="shrink-0 flex items-center">
-            <span className="text-xl font-bold font-heading text-primary">
-              {companyDetails.shortName}
-              <span className="text-accent">.</span>
-            </span>
+            <Image
+              src="/images/logo/logo_klimat.png"
+              alt={`Logo ${companyDetails.shortName}`}
+              width={140}
+              height={36}
+              className="h-8 w-auto object-contain"
+              priority
+            />
           </Link>
           <div className="flex items-center gap-3">
             <Link href="/koszyk" className="p-2 text-primary hover:text-accent hover:bg-muted transition-colors rounded-lg relative outline-none" aria-label="Koszyk">