60 lines
2.7 KiB
Markdown
60 lines
2.7 KiB
Markdown
# 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.
|