fix: apply recent accessibility and layout changes

components/layout/Header.tsx

@@ -240,17 +240,17 @@ export function Header() {
 
           {/* CTA Button */}
           <div className="hidden lg:flex items-center gap-3">
-            <Link href="/zgloszenie-awarii">
-              <button className="flex items-center gap-1.5 px-4 py-2 bg-red-500 text-white rounded-[var(--radius-field)] font-bold text-sm hover:bg-red-600 transition-colors whitespace-nowrap">
+            <Link href="/zgloszenie-awarii" className="flex items-center gap-1.5 px-4 py-2 bg-red-500 text-white rounded-[var(--radius-field)] font-bold text-sm hover:bg-red-600 transition-colors whitespace-nowrap">
+
                 <Wrench className="size-4" />
                 Zgłoś awarię
-              </button>
-            </Link>
-            <Link href="/kontakt">
-              <button className="btn btn-primary font-bold">
+              
+</Link>
+            <Link href="/kontakt" className="btn btn-primary font-bold">
+
                 Darmowa wycena
-              </button>
-            </Link>
+              
+</Link>
           </div>
         </div>
       </header>

components/layout/MobileMenu.tsx

@@ -41,7 +41,7 @@ export function MobileMenu({ isOpen, onClose }: MobileMenuProps) {
     { label: 'Serwis Mitsubishi Electric', href: '/serwis-mitsubishi' },
     { label: 'Serwis LG', href: '/serwis-lg' },
     { label: 'Klimatyzacja do domu', href: '/klimatyzacja-do-domu' },
-    /* { label: 'Klimatyzacja do biura', href: '/klimatyzacja-do-biura' }, */
+    { label: 'Klimatyzacja do biura', href: '/klimatyzacja-do-biura' },
   ];
 
 
@@ -248,11 +248,11 @@ export function MobileMenu({ isOpen, onClose }: MobileMenuProps) {
             <Phone className="size-4 text-accent" />
             <span>Zadzwoń: {companyDetails.phone}</span>
           </a>
-          <Link href="/kontakt" onClick={onClose}>
-            <button className="btn btn-primary w-full font-bold">
+          <Link href="/kontakt" onClick={onClose} className="btn btn-primary w-full font-bold">
+
               Darmowa konsultacja
-            </button>
-          </Link>
+            
+</Link>
         </div>
       </div>
     </div>

components/layout/TrustBar.tsx

@@ -39,9 +39,9 @@ export function TrustBar() {
                   <Icon className="size-6" />
                 </div>
                 <div>
-                  <h4 className="text-sm font-semibold text-primary font-heading">
+                  <h3 className="text-sm font-semibold text-primary font-heading">
                     {item.title}
-                  </h4>
+                  </h3>
                   <p className="text-xs text-text-muted mt-0.5">
                     {item.description}
                   </p>