style: update hero sections with background images and overlays

app/cennik-montazu/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import Link from 'next/link';
+import Image from 'next/image';
 import { Check, Phone, ArrowRight, Wrench, Zap, Wind } from 'lucide-react';
 import { companyDetails } from '@/content/company';
 
@@ -111,8 +112,16 @@ export default function CennikMontazuPage() {
       <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/wycena.webp"
+            alt="Cennik montażu 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" />
               Aktualne ceny — 2026