Add flagship Become a Member page with interactive multi-step form

New trilingual /<lang>/become-a-member/ conversion page: hero with real-photo collage, why-join benefits, animated MSOS-in-numbers, ways to participate, membership-in-real-life and projects showcase (real project photos), testimonials, who-can-join, an adaptive multi-step form (student + supporter flows, conditional fields, progress, personalised messages, validation, success screen), FAQ and final CTA. Site-wide 'Become a member' buttons now link here. Form posts to a Google Form once wired; metrics/testimonials are placeholders to confirm.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-01 00:14:13 +02:00
1 parent 5b14cc2189
commit a21450c8c8
195 files changed
+2472 -385

No files matched your search

@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
+2 -2
View File
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
+2 -2
View File
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
@@ -71,7 +71,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
@@ -141,7 +141,7 @@
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">