Sandbox
Production section components rendered with mock data. Edit fixtures in mocks/ to iterate on visuals without touching PayloadCMS.
Full page demos
ATOferta marketingowa — Akademia Triathlonu→22-stronicowy landing dla partnerów marketingowych, zmontowany z dedykowanych mock-only komponentów (hero, brand showcase, pricing, stats, case study, final CTA). Linkuje do PDF.
Animated carousel + sidebar posts + today's events.
#heroTrening
Sprzęt
Trening
Fot. Adam Nowak
Single post with large image and label.
#featured-post3-column grid of post cards.
#post-grid8 min
12 min
7 min
9 min
5 min
Variant 1: featured post + sidebar list.
#category-spotlightVariant 2: hero card + 4-column grid.
#category-gridVariant 3: magazine layout.
#category-magazineFull-width sponsor banner (size: xl).
#ad-bannerSponsored editorial card with image + description.
#ad-sponsoredPraktyczny przewodnik po cechach, na które warto zwrócić uwagę przy zakupie butów do biegów górskich.
Row of partner logos.
#ad-partners-stripGallery grid of partner products.
#ad-gallerySupport call-to-action with avatar.
#ad-patroniteWesprzyj nas na Patronite
Niezależne dziennikarstwo biegowe wymaga wsparcia. Dołącz do grona patronów i pomóż nam tworzyć więcej wartościowych treści.
Zostań patronemCompact 'powered by' partner badge.
#ad-partner-badgeForm-builder placeholder with intro content.
#form-blockMasz pytanie? Zostaw wiadomość — odpowiadamy w 48 godzin.
Render wszystkich pól FormBuilder z sections/shared/form/* w jednym formularzu — text, email, phone, number, select, country, state, message, textarea, checkbox. Wrapper bg-white border border-neutral-200 jak w contact-section.
#form-fieldsReference block scaffold for new section types.
#example-blockHero dla stron non-blog (Patronat, Klub, listing Zniżek). Wybierz jeden wariant.
#page-heroPatronat AT
Twoje wsparcie pozwala nam organizować zawody, prowadzić kluby i pomagać kolejnym pokoleniom triathlonistów rozwijać pasję.
Zostań patronemHero dla profilu zawodnika — foto, imię, klub, opis, linki social.
#athlete-heroUniwersalny blok: zdjęcie + tekst (dla Patronat / Klub / Athlete).
#content-blockO nas
Akademia Triathlonu to wspólnota ludzi, dla których triathlon jest czymś więcej niż dyscypliną sportu — to styl życia, sposób na poznawanie siebie i innych.
Od ponad 10 lat organizujemy zawody, prowadzimy kluby treningowe i wspieramy zawodników na każdym etapie rozwoju. Dziś jesteśmy największą w Polsce społecznością miłośników triathlonu.
Lista benefitów / opcji (główny komponent strony Patronat).
#feature-listCo daje patronat
Każda składka przekłada się na konkretne działania w każdym z poniższych obszarów.
Wybrani zawodnicy AT otrzymują finansowe wsparcie startów, sprzętu i obozów treningowych dzięki naszym patronom.
Każdego roku przygotowujemy kilka cykli zawodów triathlonowych w Polsce — od dystansu Sprint po Iron.
Prowadzimy ponad 20 klubów AT w Polsce, gdzie pasjonaci spotykają się na regularnych treningach.
Webinary, podcasty, materiały szkoleniowe i konferencje przygotowane razem z najlepszymi trenerami.
Codziennie publikujemy artykuły, wywiady i analizy z polskiego i światowego triathlonu.
Wspieramy programy „Triathlon dla każdego" — wprowadzamy dzieci z domów dziecka do sportu.
Call-to-action: Patronat CTA, zapis do klubu, rejestracja na zawody.
#cta-sectionDołącz do nas
Wybierz dowolną kwotę miesięczną — od 10 zł — i pomóż nam dalej rozwijać polski triathlon.
Galeria zdjęć z lightboxem (klik → powiększenie, prev/next, esc/X = zamknij).
#gallery-sectionGaleria
Sekcja z wideo (np. dla strony klubu).
#video-sectionKlub AT Warszawa
Krótki film o naszej drodze, treningach i społeczności.
Lokalizacja klubu — mapa, adres, godziny otwarcia, kontakt.
#location-sectionZnajdź nas
Sekcja wsparcia zawodnika — social media + patronat.
#support-sectionWesprzyj zawodniczkę
Obserwuj na social mediach i wesprzyj patronatem — każda forma wsparcia ma znaczenie.
Stań się częścią drogi Anny — patronat finansuje starty, sprzęt i sesje fizjoterapii. Każda kwota pomaga.
Zostań patronemKarta zniżki (port z PHP plugin). „Kopiuj kod" działa po kliknięciu. Code-strip pokazuje obraz tła po hover.
#discount-cardSpecjalna oferta dla społeczności AT — zniżka na sprzęt triathlonowy, akcesoria oraz wybrane suplementy.
Wpisz kod podczas finalizacji zakupu w sklepie online lub pokaż go w aplikacji w sklepie stacjonarnym. Zniżka łączy się z innymi promocjami.
Siatka logotypów partnerów (port z PHP plugin).
#partner-logo-gridPartnerzy strategiczni
Marki, które wspierają nas od wielu lat — oficjalni partnerzy strategiczni Akademii.
Hero szczegółów zawodów — fakty (data, dystanse, organizator), badge statusu, cover.
#event-heroGłówny start sezonu Akademii Triathlonu — najszybsza trasa rowerowa w stolicy, pływanie w Wiśle Szablakowej i bieg przez Stadion Narodowy.
Context block — renderuje dystanse hosta (event.generalSettings.distances) jako chipy.
#distance-listDystanse
Każdy dystans ma osobne klasyfikacje wiekowe i nagrody.
Kalendarz wydarzeń — siatka miesięczna z chipami oraz wariant 'najbliższy start + lista'. Renderowany w listingu /events.
#calendarKalendarz
Wszystkie zawody Akademii Triathlonu w jednym miejscu — kliknij datę, aby zobaczyć szczegóły.
Karta zawodnika — używana w katalogu, sidebarach, related sections.
#athlete-cardListing zawodników z filtrami — pełna sekcja katalogu.
#athlete-catalogSpołeczność AT
Poznaj zawodników, których wspieramy w sezonie 2026.
AT Warszawa
Triathlon Half
AT Kraków
Triathlon Olimpijski
AT Wrocław
Triathlon Sprint
AT Gdańsk
Aquathlon
AT Poznań
Triathlon Half
AT Warszawa
Triathlon Full
AT Łódź
Duathlon
AT Katowice
Triathlon Olimpijski
Karta klubu — używana w katalogu klubów, mapach, sidebarach.
#club-cardListing klubów — grid, mapa, grupowanie po mieście.
#club-catalogKluby AT
Mapa klubów AT w całej Polsce.
Hero podstrony partnera — branding + opis + opcjonalny featured offer.
#partner-heroSport Pour Tous
Decathlon to oficjalny partner sprzętowy Akademii Triathlonu od 2020 roku. Wspólnie organizujemy zawody, treningi pokazowe i programy "Pierwszy Triathlon" dla debiutantów.
Odwiedź stronę partnera →Reusable moduł brandowany do osadzania w nav/sidebar/postach/footer.
#partner-slotDecathlon — oficjalny sprzęt AT
Skorzystaj z 15% zniżki dla społeczności Akademii Triathlonu.
Nagłówek profilu autora + byline w artykułach.
#author-headerStrona kontaktu — formularz z FormBuilder + alternatywne kanały. Compact używany na innych stronach (np. kalendarz).
#contact-sectionSkontaktuj się z nami
Współpraca, patronaty, konsultacje IW — wybierz formę kontaktu po prawej.