# Strona 02 — Klimatyzacja (`/klimatyzacja`) Najbardziej rozbudowana strona usługowa. Łączy usługę (montaż/serwis) z wejściem do sklepu. Wzorzec: rozbudowana strona montażu z konkurencji (proces + cennik + FAQ). --- ## Sekcje (kolejność) ### 1. Hero (`HeroSection`) - Eyebrow nad H1: „15+ lat doświadczenia · Split i multisplit · Uprawnienia F-gaz". - H1: „Montaż klimatyzacji — dobór, instalacja, serwis". - Podtytuł + dwa CTA: „Dobierz klimatyzator" (cta) i „Sprawdź cennik" (outline, scroll do cennika). - Lista 4 atutów z haczykami: bezpłatny audyt, estetyczny montaż, zgodność F-gaz, serwis po montażu. ### 2. Co obejmuje montaż (`InfoHighlights`) - Krótki opis + 3 wyróżnione fakty: czas montażu (4–8 h split), cena od…, zasięg działania. ### 3. Rodzaje klimatyzatorów (`AcTypesSection`) - 3 grupy kart: **SPLIT** (ścienne, konsolowe, kasetonowe, kanałowe), **MULTISPLIT** (2–5 pomieszczeń), **POZOSTAŁE** (z grzaniem, z oczyszczaczem). Każda grupa: ikona, lista podtypów, link do kategorii sklepu. ### 4. Proces montażu krok po kroku (`ProcessSteps` — wariant rozszerzony) - 8–9 ponumerowanych kroków z `content/process.ts`: przygotowanie miejsca → przewiert → instalacja freonowa → montaż jednostek → próba szczelności → uruchomienie → szkolenie. ### 5. Konfigurator doboru (`ConfiguratorTeaser`) - Blok z 4 krokami: marka → moc → funkcje → cena z montażem. Na tym etapie statyczny UI (interaktywność opcjonalnie później). Obok porada „10 m² = 1 kW". Przycisk „Dobierz klimatyzator". ### 6. Cennik (`PricingTable`) - Tabela z `content/pricing.ts`: kolumny — usługa / cena netto / brutto os. prywatna / brutto firma. - Sekcje tabeli: split, multisplit, usługi dodatkowe. - Pod tabelą: „Co obejmuje montaż podstawowy" (lista) + przycisk „Pobierz cennik PDF" (placeholder). ### 7. Producenci (`BrandsGrid`) - Siatka logotypów marek (placeholdery), które firma montuje. ### 8. Polecane modele (`FeaturedProducts`) - 6–8 kart produktowych z `content/products.ts`. ### 9. Dlaczego my (`WhyUs`) - 6 kafelków: profesjonalizm, uprawnienia F-gaz, opinie, szybkie terminy, duży wybór, lokalnie. ### 10. FAQ (`FaqAccordion`) - Z `content/faq.ts` (zestaw „klimatyzacja"): jak dobrać moc, ile trwa montaż, zgoda wspólnoty, VAT 8/23%, jak często przegląd, czy grzeje, czy mogę montować sam. ### 11. CTA końcowe (`CtaBanner`) - „Niestandardowa instalacja? Zamów indywidualną wycenę" + telefon. --- ## SEO - Metadata: wiersz „Klimatyzacja". JSON-LD: Service + FAQPage + BreadcrumbList. ## Uwagi - Tabela cennika responsywna (na mobile: scroll poziomy lub układ kart). - Accordion FAQ jako Client Component.