landing-page-guide

Comprehensive guide for creating effective landing pages using Next.js or React. This skill should be used when users request to create landing pages, marketing pages, or product pages that require the 11 essential elements for high-converting landing pages. Specifically designed for Next.js 14+ App Router with ShadCN UI components.

1. Zainstaluj skill w swoim środowisku pracy (Claude, Copilot lub innym wspieranym agencie). Skill automatycznie aktywuje się, gdy poprosisz o stworzenie landing page'a, strony marketingowej lub produktowej.

2. Opisz cel swojej strony – co sprzedajesz, do kogo, jaki główny komunikat. Skill wykorzysta framework 11 elementów, aby zaproponować strukturę zawierającą: SEO-optimizowany URL, logo firmy, tytuł z value proposition, główny przycisk CTA, social proof, wizualizacje, sekcję benefitów, testimoniale, FAQ, drugie CTA oraz informacje kontaktowe.

3. Wybierz technologię – Next.js 14+ z App Router lub React. Skill wygeneruje kod z komponentami ShadCN UI, gotowymi do wdrożenia. Każdy komponent będzie responsywny i dostępny (WCAG).

4. Dostosuj treść i design – skill dostarczy szablon z placeholderami dla tekstu, zdjęć i linków. Zastąp je swoimi danymi: opisem produktu, rzeczywistymi testimonialami, FAQ specyficznym dla Twojej branży.

5. Wdrażaj i testuj – wygenerowany kod jest gotowy do uruchomienia. Skill zapewnia, że wszystkie 11 elementów jest na miejscu, więc możesz skupić się na optymalizacji treści i testowaniu konwersji.