Zastosowanie wszystkich poprawek UI i logiki kalkulatora

2026-08-10 23:26:52 +02:00
commit 7324a6f800
218 changed files with 33628 additions and 0 deletions
@@ -0,0 +1,59 @@
+# 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.