style: update hero sections with background images and overlays

app/serwis-klimatyzacji/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import Link from 'next/link';
+import Image from 'next/image';
 import { Check, Phone, Wrench, ArrowRight, Thermometer, Wind, Zap, ShieldCheck } from 'lucide-react';
 import { companyDetails } from '@/content/company';
 
@@ -120,8 +121,16 @@ export default function SerwisKlimatyzacjiPage() {
       <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
       <main>
         {/* Hero */}
-        <section className="bg-primary text-white py-16 md:py-24">
-          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
+        <section className="relative text-white py-24 md:py-32 overflow-hidden">
+          <Image
+            src="/images/services/czyszczenie.webp"
+            alt="Serwis klimatyzacji Wrocław"
+            fill
+            className="object-cover"
+            priority
+          />
+          <div className="absolute inset-0 bg-primary/50" />
+          <div className="relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
             <div className="inline-flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-full text-sm font-medium mb-6">
               <Wrench className="size-4" />
               Wszystkie marki — Dolny Śląsk
@@ -134,6 +143,7 @@ export default function SerwisKlimatyzacjiPage() {
               Czyszczenie, odgrzybianie, przeglądy techniczne i naprawy klimatyzatorów wszystkich marek.
               Działamy na terenie Wrocławia i całego Dolnego Śląska — szybki termin, uczciwa cena.
             </p>
+
             <div className="flex flex-col sm:flex-row gap-4">
               <a href={`tel:${companyDetails.phoneRaw}`}>
                 <button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">