Komponenty bieżącego audytu Dealyo

Samodzielne pliki heading.html, cta.html, faq.html, formularz.html można osadzić w iframe. Wymagają serwera HTTP ze względu na moduły JS FAQ. Każdy ma swój plik .snippet.html; pełna wersja HTML zawiera kolejność arkuszy, kontekst body.lp-redesign / main i bezpieczne demo.

Źródło i kaskada

dealyo-audyt-cloudflare/public/index.html → inline interaction-focus, inline critical-css, landing.css?v=70, booking.css?v=8. Arkusze landing.css, booking.css oraz disclosure-motion.js i motion-loader.js są kopiami bajt w bajt. Fonty i potrzebne grafiki SVG są lokalne. Odczyty live oraz hashe w source-evidence.json.

Zmiany jawne

Decyzje Daniela: CTA #FE4A23 z białym tekstem i białą strzałką; radius 0 (w live hero CTA ma historyczne 6px). Treści wyników i ofert zastąpione polami do uzupełnienia. Wszystkie klasy, znaczniki i kontekst komponentów pochodzą ze źródła.

preview.css zawiera wyłącznie powyższe decyzje oraz zmiany prezentacyjne: brak podwójnej ramy iframe, brak miejsca na nieobecne sticky CTA, formularz w normalnym przepływie dokumentu z height:auto zamiast źródłowego mobilnego 100dvh. Nie ma min-height:100vh.

Ruch

Nagłówki są statyczne: bieżący motion-loader.js nie importuje historycznego motion.js. Hero CTA ma w źródle transition:none i nie przesuwa się po hover. FAQ używa pełnego źródłowego modułu disclosure-motion.js wraz z obsługą prefers-reduced-motion. Nie dodano animacji.

Formularz

form-demo.js zawiera oryginalne generatory pól, cztery kroki, walidację telefonu oraz oryginalne podsumowanie demo z app.js. Usunięto API konfiguracji, wysyłkę zgłoszenia, kalendarz, analitykę i zapis. Dodatkowo CSP ma connect-src 'none' i form-action 'none'. Wpisuj dane przykładowe. Warunek oferty w podpowiedzi budżetu zastąpiono polem do uzupełnienia. Przyciski Dalej zachowują znak →, bo taki generuje bieżący źródłowy renderer; ukośna strzałka CTA jest oryginalnym inline SVG.