
<style>
.ruka-map{--blue:#10324a;--green:#0f766e;--gold:#b45309;--line:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75;color:#263442}
.ruka-map *{box-sizing:border-box}
.ruka-map a{color:#0f766e;font-weight:850;text-decoration:none}
.ruka-map-hero{padding:58px 30px;border-radius:30px;background:linear-gradient(135deg,#fff7ed,#eef6ff,#ecfdf5);margin:24px 0 34px}
.ruka-map-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:13px;font-weight:900;color:#b45309;margin-bottom:12px}
.ruka-map-title{font-size:clamp(34px,6vw,62px);line-height:1.05;margin:0 0 18px;color:#10324a;font-weight:950}
.ruka-map-lead{font-size:20px;max-width:940px;margin:0}
.ruka-map-section{padding:40px 0;border-bottom:1px solid var(--line)}
.ruka-map-section h2{font-size:clamp(28px,4vw,40px);line-height:1.18;margin:0 0 18px;color:#10324a;font-weight:950}
.ruka-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.ruka-map-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.ruka-map-card h3{font-size:22px;margin:0 0 10px;color:#10324a}
.ruka-map-card p{margin:0 0 8px}
.ruka-map-dark{background:#10324a;color:#fff;border-radius:28px;padding:34px 28px;margin:30px 0}
.ruka-map-dark h2{color:#fff}
.ruka-map-dark a{color:#fff}
</style>
<div class="ruka-map">
<section class="ruka-map-hero">
<div class="ruka-map-kicker">Мапа сайту</div>
<h1 class="ruka-map-title">Структура сайту «Рука Допомоги»</h1>
<p class="ruka-map-lead">Ця мапа повторює логіку старого сайту на Netlify: головні сторінки, напрями допомоги, BeReal Teens, MAWA, волонтерство, звітність, контакти і підтримка.</p>
</section>

<section class="ruka-map-section">
<h2>Головні сторінки</h2>
<div class="ruka-map-grid">
<div class="ruka-map-card"><h3>Головна</h3><p>Перший екран, місія, ключові цифри, напрями роботи, фотогалерея, підтримка.</p><p><a href="/">Відкрити головну</a></p></div>
<div class="ruka-map-card"><h3>Про фонд</h3><p>Хто ми, кому допомагаємо, команда, цінності, історія роботи.</p><p><a href="/pro-fond/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Контакти</h3><p>Телефон, пошта, Instagram, адреса, швидкі переходи до волонтерства і партнерства.</p><p><a href="/kontakty/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Підтримати</h3><p>Сторінка для пожертв, реквізитів, актуальних зборів і контактів для підтримки.</p><p><a href="/pidtrymaty/">Відкрити</a></p></div>
</div>
</section>

<section class="ruka-map-section">
<h2>Напрями допомоги — як в оригінальному Netlify</h2>
<div class="ruka-map-grid">
<div class="ruka-map-card"><h3>Діти і сім’ї</h3><p>Табори, наставництво, навчання, підліткові зустрічі, допомога родинам.</p><p><a href="/dity-i-simyi/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Літні люди</h3><p>Гарячі обіди, продукти, ліки, чаювання, візити додому, дні народження.</p><p><a href="/litni-liudy/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Гуманітарна допомога</h3><p>Їжа, набори, ліки, гігієна, одяг, індивідуальні кризові потреби.</p><p><a href="/humanitarna-dopomoha/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Люди без житла</h3><p>Обіди, душ, прання, стрижки, гоління, одяг, допомога з документами.</p><p><a href="/liudy-bez-zhytla/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Люди з інвалідністю</h3><p>Продукти, ліки, засоби догляду, підгузки, підтримка родин.</p><p><a href="/liudy-z-invalidnistiu/">Відкрити</a></p></div>
</div>
</section>

<section class="ruka-map-section">
<h2>Додаткові сторінки напрямів</h2>
<div class="ruka-map-grid">
<div class="ruka-map-card"><h3>Безкоштовні обіди</h3><p>Окрема сторінка про гаряче харчування для потребуючих.</p><p><a href="/bezkoshtovni-obidy/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Продуктові набори</h3><p>Окрема сторінка про продуктову підтримку родин і літніх людей.</p><p><a href="/produktovi-nabory/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Медична допомога</h3><p>Ліки, підгузки, засоби догляду та адресна медична підтримка.</p><p><a href="/medychna-dopomoha/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Гігієнічна підтримка</h3><p>Душ, прання, стрижки, гоління, базова гігієна і гідність.</p><p><a href="/hihiienichna-pidtrymka/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Сім’ї у складних обставинах</h3><p>Продукти, речі, підтримка дітей і супровід родин у кризі.</p><p><a href="/simyi-u-kryzi/">Відкрити</a></p></div>
</div>
</section>

<section class="ruka-map-section">
<h2>Програми, участь і підтримка</h2>
<div class="ruka-map-grid">
<div class="ruka-map-card"><h3>BeReal Teens</h3><p>Підлітковий клуб, зустрічі, табори, наставництво, майстерні, психологічна підтримка.</p><p><a href="/bereal-teens/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>MAWA</h3><p>Соціальна майстерня, натуральне мило, кераміка, в’язані вироби, корпоративні подарунки.</p><p><a href="/mawa/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Волонтерство</h3><p>Як долучитися до обідів, дитячих програм, літніх людей, MAWA, логістики і комунікацій.</p><p><a href="/volonterstvo/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Звітність</h3><p>Ключові результати, звіти, цифри, прозорість і документи.</p><p><a href="/zvitnist/">Відкрити</a></p></div>
</div>
</section>

<section class="ruka-map-section">
<h2>Службові та командні сторінки</h2>
<div class="ruka-map-grid">
<div class="ruka-map-card"><h3>Новини</h3><p>Події, зустрічі, табори, збори, партнерства і регулярне життя фонду.</p><p><a href="/novyny/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Історії змін</h3><p>Людські історії за цифрами: що було, що зробив фонд, що змінилося.</p><p><a href="/istorii-zmin/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Актуальні збори</h3><p>Поточні потреби фонду: обіди, діти, ліки, гігієна, MAWA.</p><p><a href="/aktualni-zbory/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Для партнерів</h3><p>Формати співпраці для бізнесу, служб, шкіл, церков, донорів і волонтерських спільнот.</p><p><a href="/dlia-partneriv/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Анкета волонтера</h3><p>Заготовка сторінки для майбутньої реальної волонтерської форми.</p><p><a href="/anketa-volontera/">Відкрити</a></p></div>
<div class="ruka-map-card"><h3>Політика конфіденційності</h3><p>Сторінка для пояснення обробки контактних даних і фото.</p><p><a href="/privacy-policy/">Відкрити</a></p></div>
</div>
</section>

<section class="ruka-map-dark">
<h2>Висновок</h2>
<p>Структура WordPress-сайту тепер відповідає логіці старого Netlify-сайту, але додатково має службові сторінки для команди, волонтерів, партнерів, зборів і майбутніх форм.</p>
</section>
</div>