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,58 @@
+# Strona 01 — Strona główna (`/`)
+
+Cel: w kilka sekund pokazać dwa filary (HVAC + usługi domowe) i skierować klienta do jego tematu.
+Komponenty z `components/sections/`, dane z `content/`.
+
+---
+
+## Sekcje (kolejność od góry)
+
+### 1. Hero (`HeroSection`)
+- H1: np. „Klimatyzacja, pompy ciepła i usługi domowe — kompleksowo".
+- Podtytuł: jedno zdanie o doborze, montażu i serwisie.
+- Dwa przyciski: CTA „Darmowa konsultacja" (wariant cta) + „Zobacz ofertę" (outline).
+- W tle realistyczne zdjęcie (placeholder) lekko przyciemnione dla czytelności tekstu.
+- Pod hero: 3–4 mikro-atuty z ikonami (doświadczenie, gwarancja, szybki termin, raty 0%).
+
+### 2. Dwa filary (`PillarsSection`)
+- Dwa duże kafle obok siebie (na mobile pod sobą):
+  - „Chłód i ogrzewanie" → klimatyzacja + pompy ciepła (akcent cyjan), przycisk „Sprawdź".
+  - „Twój dom" → remonty, hydraulika, serwis AGD (akcent pomarańcz), przycisk „Sprawdź".
+- Każdy kafel: ikona, tytuł, jedno zdanie, link.
+
+### 3. Siatka usług (`ServicesGrid`)
+- 6 kart (`IconCard`) z `content/services.ts`: Montaż klimatyzacji, Serwis i przeglądy,
+  Pompy ciepła, Remonty, Hydraulika, Serwis lodówek/AGD.
+- Każda: ikona (lucide), tytuł, krótki opis, link do podstrony.
+
+### 4. Proces (`ProcessSteps`)
+- 4 kroki poziomo (na mobile pionowo): Kontakt i konsultacja → Wycena/audyt → Realizacja →
+  Uruchomienie i serwis. Numerowane, z ikonami i strzałkami.
+
+### 5. Dlaczego my (`WhyUs` + `StatsBar`)
+- 4–6 kafelków atutów + pasek liczb (`StatCounter`): lata doświadczenia, liczba realizacji,
+  uprawnienia F-gaz, ocena klientów. Dane z `content/company.ts`.
+
+### 6. Polecane klimatyzatory (`FeaturedProducts`)
+- 4 karty produktowe (`ProductCard`) z `content/products.ts`: zdjęcie, nazwa, cena z montażem,
+  przycisk „wybierz". Link „Zobacz wszystkie" → `/sklep`.
+
+### 7. Opinie (`Testimonials`)
+- 3 cytaty: imię, ocena gwiazdkowa, treść. Opcjonalnie logo Google.
+
+### 8. Blog (`BlogPreview`)
+- 3 najnowsze wpisy z `content/posts.ts`: miniatura, kategoria, tytuł, „Czytaj więcej".
+
+### 9. CTA końcowe (`CtaBanner`)
+- „Masz pytania? Umów darmową konsultację" + telefon + przycisk.
+
+---
+
+## SEO
+- Metadata: patrz tabela w `docs/specs/03-seo.md` (wiersz „Główna").
+- JSON-LD: LocalBusiness.
+- Jeden H1 (hero), sekcje jako H2.
+
+## Uwagi
+- Naprzemienne tła sekcji (`bg` / `bg-muted`) dla rytmu.
+- Wszystkie zdjęcia jako placeholdery z komentarzem TODO.