<div class="bar" id="bar"> <span class="bar__text">Nabór otwieramy na InfoShare, maj 2026. Obowiązuje kolejność.</span> <a href="#formularz" class="bar__btn">Zapisz się na listę →</a> </div> <nav class="nav" id="nav"> <div class="nav__inner"> <button class="burger" id="burgerBtn" aria-label="Menu"> <span class="burger__line"></span> <span class="burger__line"></span> <span class="burger__line"></span> </button> <a href="/" class="nav__logo">The <span>5.</span> Community</a> </div> </nav> <div class="overlay" id="overlay"> <div class="overlay__top"> <button class="overlay__close" id="overlayClose" aria-label="Zamknij">×</button> </div> <nav class="overlay__nav"> <a href="https://the5.tech" class="overlay__link" target="_blank" rel="noopener">O The 5.<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a href="https://the5.tech/ksiazka" class="overlay__link" target="_blank" rel="noopener">Książka<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a href="https://the5.tech/audiobook" class="overlay__link" target="_blank" rel="noopener">Audiobook<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a href="https://community.the5.tech" class="overlay__link active" target="_blank" rel="noopener">Community<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a href="https://the5.tech/las" class="overlay__link" target="_blank" rel="noopener">Las Na Zawsze<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </nav> </div>

<section class="hero"> <div class="hero__inner"> <div class="hero__eyebrow">The 5. Community</div> <h1>Polscy przedsiębiorcy mają wszystko, żeby wygrywać globalnie.<br>Brakuje im jednego.</h1> <p class="hero__sub">Systemu, który uwalnia ich potencjał.</p> <p class="hero__kotwa">The 5 Community to zamknięta społeczność 500+ polskich founderów, którzy budują mądrzej — razem.</p> <p class="hero__creds"><strong>Tomek Karwatka</strong> — Divante (exit 260 mln zł) · Callstack (exit 500 mln zł) · 30+ inwestycji · ElevenLabs (unicorn 6 mld USD)</p> <a href="#formularz" class="btn btn--lg">Zapisz się na listę →</a> <p class="hero__micro">Drzwi otwieramy 2x w roku. Obowiązuje kolejność na liście. Najbliżej: InfoShare, Gdańsk, maj 2026.</p> </div> </section>

<section class="sec sec--dark problem"> <div class="wrap"> <h2>80% firm upada w pierwszych pięciu latach. <em>Brutalne.</em></h2> <div class="problem__body"> <p>Nie dlatego, że founderzy są głupi. Nie dlatego, że rynek jest zły.</p> <p><strong>Dlatego, że budują w izolacji.</strong></p> <p>Każdy sam wynajduje koło. Każdy sam płaci za te same błędy. Każdy sam stoi przy ścianie o 23:00 z tym samym pytaniem:</p> </div> <div class="blockquote">„Co dalej?"</div> <div class="problem__body" style="margin-top:24px"> <p>Tu zaczyna się historia.</p> </div> </div> </section>

<section class="sec story"> <div class="wrap"> <h2>Napisałem The Five z jednego powodu.</h2> <div class="story__body"> <p>Pierwsze pytanie zupełnie mnie zaskoczyło.</p> <div class="story__quote">„Czy mam twoją zgodę, żeby spiracić to i wysłać moim synom? Myślą o swoich biznesach."</div> <p>Olśnienie. Napisałem tę książkę nie po to, żeby stała na półkach. Napisałem ją, bo chciałem coś zmienić.</p> <p>Miałem 30+ inwestycji. I ciągle słyszałem to samo.</p> <p><em>„Zatrudniamy pierwszego managera — i mamy problem."<br>„Skalujemy sprzedaż — i coś się sypie."<br>„Zespół rośnie — i tracimy kontrolę."</em></p> <p>Kiedy książka wyszła — skrzynka pękła. Setki maili. Każdy z podziękowaniem. I każdy z tym samym końcem:</p> <div class="story__quote" style="margin:24px 0">„Tomek, co dalej?"</div> <p>Wtedy zrozumiałem. <strong>Książka to snapshot. Biznes to chaos.</strong></p> <p>To, co naprawdę zmienia wyniki — to ludzie wokół Ciebie.</p> <p>Myślałem, że to będzie mała, prywatna grupa. <strong>Myliłem się.</strong></p> </div> </div> </section>

<section class="sec sec--alt proof"> <div class="wrap"> <h2>Zaczęliśmy od WhatsAppa. I straciliśmy kontrolę — w najlepszym możliwym sensie.</h2> <div class="proof__body"> <p>Dorzuciliśmy dostęp do grupy do pakietu z książką. Bez strategii. Bez produktu.</p> <p>I zanim zdążyłem odczytać pierwsze pytanie — ktoś inny już na nie odpowiedział.</p> <p>Zaczęli sobie polecać ludzi. Inwestycje. Dawać rabaty. Organizować spotkania.</p> </div> <div class="proof__reveal"> Polscy przedsiębiorcy są bardziej otwarci i życzliwi, niż nam się wydaje. <span>Tylko nie mieliśmy systemu, żeby to uwolnić. Teraz go budujemy.</span> </div> <div class="proof__body" style="margin-top:22px"> <p>Wtedy zapadła decyzja. <strong>Budujemy coś znacznie większego.</strong></p> </div> <div class="proof__cta"> <a href="#formularz" class="btn">Zapisz się na listę →</a> </div> </div> </section>

<section class="sec"> <div class="wrap"> <h2>The 5 Community to nie:</h2> <div class="not-list"> <div class="not-item"><span class="x">❌</span><span>Kolejny Slack, który umrze po 2 tygodniach</span></div> <div class="not-item"><span class="x">❌</span><span>Mastermind, gdzie płacisz za poczucie przynależności</span></div> <div class="not-item"><span class="x">❌</span><span>Networking przy kawie z wymianą wizytówek</span></div> </div> <div style="margin-top:72px"> <h2>To jest infrastruktura zaufania.</h2> <div class="cards"> <div class="card"> <div class="card__icon">⚡</div> <h3>Dostęp, kiedy go potrzebujesz</h3> <p>Masz konkretny problem. Dostajesz odpowiedź od kogoś, kto przez to przechodził. Nie za tydzień. Dziś.</p> </div> <div class="card"> <div class="card__icon">🔄</div> <h3>Wiedza w obiegu</h3> <p>Wiedza ma największą moc, gdy krąży. Nie trzymamy jej dla siebie. Multiplikuje się między uczestnikami.</p> </div> <div class="card"> <div class="card__icon">🌱</div> <h3>Środowisko, które rośnie z Tobą</h3> <p>Nie wchodzisz po jednorazową wartość. Wchodzisz w relacje na lata.</p> </div> </div> </div> </div> </section>

<section class="sec sec--alt"> <div class="wrap"> <h2>Nie dołączasz do grupy. Dostajesz system i rytm.</h2> <div class="what-get__intro"> <p>Każdy członek The 5 Community otrzymuje The 5 System — dziesiątki godzin materiałów i setki stron frameworków gotowych do wdrożenia.</p> <p>I coś, czego żadna platforma nie zastąpi — regularny kontakt z ludźmi, którzy budują tak jak Ty.</p> </div> <div class="cards cards--sys"> <div class="card card--sys"> <div class="card__tag">The 5 System</div> <h3>PE Yourself</h3> <p>Fundusze PE wyceniają firmy inaczej niż founderzy. Naucz się tej logiki — zanim ktoś przyjdzie z ofertą przejęcia. Divante: 13x EBITDA. Callstack: 10x EBITDA. To nie szczęście. To system.</p> </div> <div class="card card--sys"> <div class="card__tag">The 5 System</div> <h3>Pricing Framework</h3> <p>Najszybsza dźwignia, jaką masz. Wyższa marża, wyższa wycena, większa kontrola nad biznesem. Bez zmieniania produktu.</p> </div> <div class="card card--sys"> <div class="card__tag">The 5 System</div> <h3>Exit Playbook</h3> <p>Jak udowodnić wartość firmy w czterech kluczowych obszarach — dokładnie tak, jak przy wycenach 13x EBITDA (Divante) i 10x EBITDA (Callstack).</p> </div> <div class="card card--sys"> <div class="card__tag">The 5 System</div> <h3>Karwatka Framework</h3> <p>Metoda, którą zbudowaliśmy firmy za setki milionów. Szybki start i pewny cashflow z usług — połączony z wykładniczym wzrostem własnego IP.</p> </div> </div> <div class="weekly"> <h3>A do tego, co tydzień:</h3> <div class="weekly-list"> <div class="weekly-row"><span class="weekly-row__name">Weekly Signal</span><span class="weekly-row__desc">najważniejsze sygnały rynkowe</span></div> <div class="weekly-row"><span class="weekly-row__name">Experience Sharing</span><span class="weekly-row__desc">cotygodniowy temat branżowy</span></div> <div class="weekly-row"><span class="weekly-row__name">Pytanie Tygodnia</span><span class="weekly-row__desc">jedno pytanie, każdy odpowiada</span></div> <div class="weekly-row"><span class="weekly-row__name">Jedna decyzja</span><span class="weekly-row__desc">founder o najtrudniejszym wyborze</span></div> <div class="weekly-row"><span class="weekly-row__name">Matchmaking 1:1</span><span class="weekly-row__desc">połączenia z konkretnymi ludźmi</span></div> </div> </div> </div> </section>

<section class="sec local"> <div class="wrap"> <h2>Community nie żyje tylko w internecie.</h2> <div class="local__body"> <p>Lokalne Huby The 5. to miejsca, gdzie cotygodniowy rytm zamienia się w realne relacje.</p> <p><strong>Każde miasto ma swoich Lokalnych Herosów</strong> — przedsiębiorców, którzy organizują spotkania, roundtables i Hot Seat: jeden founder stawia konkretny problem, reszta odpowiada z własnego doświadczenia.</p> <p>Nie porady. Nie coaching. <strong>Doświadczenie od równych sobie.</strong></p> <p>Bo zaufanie buduje się przy kawie. Nie przy ekranie.</p> </div> <div class="local__note">📍 Przy zapisie poinformujemy Cię o najbliższym Hubie w Twoim mieście.</div> </div> </section>

<section class="sec sec--alt"> <div class="wrap"> <div class="stats"> <div class="stat"> <div class="stat__n">500+</div> <div class="stat__l">firm</div> <div class="stat__s">aktywnych członków</div> </div> <div class="stat"> <div class="stat__n">30 000</div> <div class="stat__l">osób</div> <div class="stat__s">widzów The 5. LIVE</div> </div> <div class="stat"> <div class="stat__n">25 ha</div> <div class="stat__l">lasu</div> <div class="stat__s">objętych ochroną</div> </div> </div> <div class="testimonials"> <div class="testi"> <p class="testi__q">Rigby wdrożyło sposoby działania opisane w The 5 i urosło od 700 tys PLN przychodu w 2023 do 17 mln PLN przychodu i 8 mln zysku EBITDA w 2025. Dobry framework — trzeba się nim dzielić.</p> <div class="testi__a">— Grzegorz Tomaka, CoFounder Rigby</div> </div> </div> <a href="#formularz" class="btn">Zapisz mnie na listę →</a> </div> </section>

<section class="sec mission"> <div class="wrap"> <h2>Cel jest ambitny. I bardzo konkretny.</h2> <div class="mission__big"><em>1 000 firm</em> wartych<br><em>100 milionów złotych</em> każda</div> <div class="mission__body"> <p>To nie jest networking. To jest <strong>realny wpływ na PKB Polski.</strong></p> <p>Spójrz na Dolinę Krzemową. Czeki na serwetce. Deale w kawiarniach. Startupy z garaży — dziś warte biliony.</p> <p>To nie magia. To system zaufania i dostępu do ludzi.</p> <p><strong>Polska dopiero to buduje. Jesteśmy tu po to, żeby to przyspieszyć.</strong></p> </div> <div class="forest"> <div class="forest__icon">🌲</div> <div class="forest__text"> <h3>Las Na Zawsze</h3> <p>20% każdego przychodu przekazujemy fundacji Las Na Zawsze.<br>Nie jako CSR. Nie jako marketing. To jest DNA projektu.<br><strong>Każdy przychód. Zawsze. Bez wyjątków.</strong></p> </div> </div> </div> </section>

<section class="sec sec--alt"> <div class="wrap"> <div class="whom-grid"> <div class="whom-col"> <h2>To jest dla Ciebie, jeśli:</h2> <div class="check-list"> <div class="check-item yes"><span class="mk">✅</span><span>Budujesz firmę i chcesz dawać, nie tylko brać</span></div> <div class="check-item yes"><span class="mk">✅</span><span>Masz konkretne problemy i szukasz konkretnych odpowiedzi</span></div> <div class="check-item yes"><span class="mk">✅</span><span>Myślisz długoterminowo — relacje, nie transakcje</span></div> <div class="check-item yes"><span class="mk">✅</span><span>Chcesz być w 20%, które przeżywają pierwsze 5 lat</span></div> </div> </div> <div class="whom-col"> <h2>To nie jest dla Ciebie, jeśli:</h2> <div class="check-list"> <div class="check-item no"><span class="mk">❌</span><span>Szukasz motywacyjnych gadek i inspiracji bez pokrycia</span></div> <div class="check-item no"><span class="mk">❌</span><span>Chcesz tylko odebrać wartość bez angażowania się</span></div> <div class="check-item no"><span class="mk">❌</span><span>Budujesz lokalnie i nie myślisz o skalowaniu</span></div> </div> </div> </div> </div> </section>

<section class="sec join"> <div class="wrap"> <h2>Drzwi nie są otwarte na stałe.</h2> <div class="join__body"> <p>Nabór prowadzimy 2x w roku. Obowiązuje kolejność na liście oczekujących.</p> <p>Twoja pozycja zależy od tego, kiedy się zapiszesz.</p> </div> <div class="dates"> <div class="date-row"> <span class="date-row__badge">Najbliżej</span> <span class="date-row__text"><strong>InfoShare, Gdańsk, maj 2026</strong> — cała społeczność spotka się tam razem. Wtedy zaprosimy nowych członków.</span> </div> <div class="date-row"> <span class="date-row__badge date-row__badge--dim">Kolejna szansa</span> <span class="date-row__text"><strong>The 5. LIVE, grudzień 2026</strong></span> </div> </div> </div> </section>

<section class="sec sec--alt" id="formularz"> <div class="wrap"> <div class="form-wrap"> <h2>Dowiedz się jako pierwszy.</h2> <form id="signupForm"> <div class="field"> <label class="label" for="fname">Imię</label> <input class="input" type="text" id="fname" name="name" placeholder="Jan" required> </div> <div class="field"> <label class="label" for="femail">Email</label> <input class="input" type="email" id="femail" name="email" placeholder="jan@twojafirma.pl" required> </div> <div class="field"> <label class="label">Gdzie jesteś teraz?</label> <div class="radio-group"> <label class="radio-row"><input type="radio" name="stage" value="od-zera" required><span class="radio-label">Buduję firmę od zera</span></label> <label class="radio-row"><input type="radio" name="stage" value="skaluje"><span class="radio-label">Skaluję — mam zespół, szukam struktury</span></label> <label class="radio-row"><input type="radio" name="stage" value="inwestuje"><span class="radio-label">Inwestuję / mentoring to moja rola</span></label> <label class="radio-row"><input type="radio" name="stage" value="czytelnik"><span class="radio-label">Przeczytałem The Five — szukam „co dalej"</span></label> </div> </div> <div class="form-submit"> <button type="submit" class="btn btn--lg">Zapisz się na listę →</button> </div> <p class="form-micro">Waiting lista jest bezpłatna. Cennik membership ujawniamy przy naborze. Jedna wiadomość — kiedy otwieramy drzwi. Z info o Hubie w Twoim mieście.</p> </form> </div> </div> </section>

<section class="sec final"> <div class="final__inner"> <h2>The Five zaczęło się jako książka. To był tylko pretekst.</h2> <p class="final__body">Prawdziwa zmiana dzieje się między ludźmi. W rozmowach. W zaufaniu.<br><br>Zmieńmy razem zasady gry.</p> <a href="#formularz" class="btn btn--lg">Zapisz się na listę →</a> <p class="final__ps">PS. Pozycja na liście ma znaczenie. Im wcześniej — tym bliżej przodu.</p> </div> </section>

<footer class="footer"> <div class="wrap"> <div class="footer__grid"> <div> <div class="footer__brand">The <span>5.</span> Community</div> <p class="footer__desc">20% przychodów przekazujemy fundacji Las Na Zawsze.</p> <a href="https://linkedin.com" class="li-link" target="_blank" rel="noopener"> <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> LinkedIn </a> </div> <div> <div class="footer__brave-lbl">The 5 powstaje we współpracy z BRAVE</div> <p class="footer__brave-desc">BRAVE to zespół, który pomaga realizować wielkie misje. Tworzymy największe programy edukacyjne AI oraz wspieramy Twórców.<br><br>Jako BRAVE łączymy edukację liderów z realnym wpływem na otoczenie.</p> </div> </div> <div class="footer__bottom"> <span class="footer__copy">© 2026 The 5. Community</span> <div class="footer__links"><a href="#">Polityka prywatności</a></div> </div> </div> </footer>