diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 10f76a39..29d9f9da 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,11 +5,9 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="b9871119-7d48-43df-9f66-6fd91d65a1cb" name="Changes" comment="git ignore">
-      <change afterPath="$PROJECT_DIR$/content/community/index.md" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/content/new/index.md" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/templates/community.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/templates/new.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/community/index.md" beforeDir="false" afterPath="$PROJECT_DIR$/content/community/index.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/templates/community.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/community.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -42,25 +40,25 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "preprod",
-    "last_opened_file_path": "/Users/dmitroantonuk/Documents/development/organicmaps.github.io/content/community",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.stylelint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.stylelint": "E:\\organicmaps.github.io\\node_modules\\stylelint",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "prettierjs.PrettierConfiguration.Package": "/Users/dmitroantonuk/Documents/development/organicmaps.github.io/node_modules/prettier",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;preprod&quot;,
+    &quot;last_opened_file_path&quot;: &quot;/Users/dmitroantonuk/Documents/development/organicmaps.github.io/content/community&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.stylelint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.stylelint&quot;: &quot;E:\\organicmaps.github.io\\node_modules\\stylelint&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;prettierjs.PrettierConfiguration.Package&quot;: &quot;/Users/dmitroantonuk/Documents/development/organicmaps.github.io/node_modules/prettier&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/content/community" />
@@ -88,6 +86,7 @@
       <workItem from="1699445596944" duration="246000" />
       <workItem from="1699445857666" duration="387000" />
       <workItem from="1699446263788" duration="8939000" />
+      <workItem from="1700494833319" duration="590000" />
     </task>
     <task id="LOCAL-00001" summary="no index">
       <created>1699960224756</created>
diff --git a/config.toml b/config.toml
index 9ea21d04..a58da68a 100644
--- a/config.toml
+++ b/config.toml
@@ -39,7 +39,8 @@ name = "Name"
 token = "Token"
 button-download = "Download"
 footer-copyright = "reg. code 16225385 Harju county, Tallinn, Kesklinna district, Rävala pst 8-810, 10143, Estonia"
-
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 # Please sort all other translation sections and values in alphabetical order.
 [languages.de]
 [languages.de.translations]
@@ -53,6 +54,8 @@ install-fdroid = "Installiere Organic Maps aus F-Droid"
 language = "Deutsch"
 name = "Name"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.fr]
 [languages.fr.translations]
 address = "Addresse"
@@ -65,6 +68,8 @@ install-fdroid = "Installer Organic Maps depuis F-Droid"
 language = "Français"
 name = "Nom"
 token = "Jeton"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.it]
 [languages.it.translations]
 address = "Indirizzi"
@@ -77,6 +82,8 @@ install-fdroid = "Installa Organic Maps da F-Droid"
 language = "Italiano"
 name = "Nome"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.pl]
 [languages.pl.translations]
 address = "Adres"
@@ -89,6 +96,8 @@ install-fdroid = "Zainstaluj Organic Maps z F-Droid"
 language = "Polski"
 name = "Nazwa"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.ru]
 [languages.ru.translations]
 address = "Адрес"
@@ -101,6 +110,8 @@ install-fdroid = "Установите Organic Maps из F-Droid"
 language = "Русский"
 name = "Название"
 token = "Токен"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.tr]
 [languages.tr.translations]
 address = "Adres"
@@ -113,6 +124,8 @@ install-fdroid = "Organic Maps'i F-Droid'den İndir"
 language = "Türkçe"
 name = "İsim"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.id]
 [languages.id.translations]
 address = "Alamat"
@@ -125,6 +138,8 @@ install-fdroid = "Instal Peta Organik dari F-Droid"
 language = "Bahasa Indonesia"
 name = "Nama"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.cs]
 [languages.cs.translations]
 address = "Adresa"
@@ -137,6 +152,8 @@ install-fdroid = "Instalace Organic Maps z F-Droid"
 language = "Čeština"
 name = "Název"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.pt-BR.translations]
 address = "Endereço"
 back = "Voltar às Notícias"
@@ -148,6 +165,8 @@ install-fdroid = "Instale Organic Maps a partir do F-Droid"
 language = "Português (Brazil)"
 name = "Nome"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.es.translations]
 address = "Dirección"
 back = "Volver a Noticias"
@@ -159,6 +178,8 @@ install-fdroid = "Instalar Organic Maps desde F-Droid"
 language = "Español"
 name = "Nombre"
 token = "Ficha"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.nl.translations]
 address = "Adres"
 back = "Terug naar Nieuws"
@@ -170,6 +191,8 @@ install-fdroid = "Installeer Organic Maps op F-Droid"
 language = "Dutch"
 name = "Naam"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.eu.translations]
 address = "Helbidea"
 back = "Back to News"
@@ -181,6 +204,8 @@ install-fdroid = "Install Organic Maps from F-Droid"
 language = "Euskara"
 name = "Izena"
 token = "token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.hu.translations]
 address = "Cím"
 back = "Vissza a Hírekhez"
@@ -192,6 +217,8 @@ install-fdroid = "Telepítse az Organic Maps-et az F-Droidról"
 language = "Magyar"
 name = "Név"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.hi.translations]
 address = "पता"
 back = "ख़बरों पर वापस जाएं"
@@ -203,6 +230,8 @@ install-fdroid = "F-Droid से ऑर्गेनिक मैप्स इं
 language = "हिंदी"
 name = "नाम"
 token = "टोकन/Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.uk.translations]
 address = "Адреса"
 back = "Назад до Новин"
@@ -214,6 +243,8 @@ install-fdroid = "Встановіть Organic Maps з F-Droid"
 language = "Українська"
 name = "Назва"
 token = "Токен"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.ca.translations]
 address = "Adreça"
 back = "Torna a Notícies"
@@ -225,6 +256,8 @@ install-fdroid = "Instal·leu l’Organic Maps des del F-Droid"
 language = "Català"
 name = "Nom"
 token = "Testimoni"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.zh-CN]
 [languages.zh-CN.translations]
 address = "地址"
@@ -237,6 +270,8 @@ install-fdroid = "从 F-Droid 安装有机地图"
 language = "英语"
 name = "姓名"
 token = "令牌"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.sv.translations]
 address = "Adress"
 back = "Tillbaka till nyheter"
@@ -248,6 +283,8 @@ install-fdroid = "Installera Organic Maps från F-Droid"
 language = "Svenska"
 name = "Namn"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.mr.translations]
 address = "पत्ता"
 back = "बातम्यांवर परता"
@@ -259,6 +296,8 @@ install-fdroid = "F-Droid द्वारे Organic Maps स्थापित
 language = "मराठी"
 name = "नाव"
 token = "Token"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.zh-Hans.translations]
 address = "地址"
 back = "返回到新闻"
@@ -270,6 +309,8 @@ install-fdroid = "从F-Droid安装Organic Maps"
 language = "简体中文"
 name = "名称"
 token = "令牌"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.oc.translations]
 address = "Address"
 back = "Back to News"
@@ -281,6 +322,8 @@ install-fdroid = "Installar Mapas Organicas de F-Droid"
 language = "Occitan"
 name = "Nom"
 token = "geton"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.af.translations]
 address = "Adres"
 back = "Terug na nuus"
@@ -292,6 +335,8 @@ install-fdroid = "Installeer Organic Maps vanaf F-Droid"
 language = "Afrikaans"
 name = "Naam"
 token = "Teken"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
 [languages.ar.translations]
 address = "العنوان"
 back = "العودة إلى الأخبار"
@@ -303,3 +348,5 @@ install-fdroid = "تثبيت Organic Maps من F-Droid"
 language = "العربية"
 name = "الاسم"
 token = "رمز"
+donate-title = "Donate"
+donate-description = "The app runs on your donations, help improve it"
\ No newline at end of file
diff --git a/content/community/index.md b/content/community/index.md
index 12bb6019..1f28d0b0 100644
--- a/content/community/index.md
+++ b/content/community/index.md
@@ -7,5 +7,17 @@ extra:
   menu_title: Community
   hero_image: donate/donate.png
   preview_image: donate/donate.png
-  test: lpl
+  community_card_title_1: Join the discussion
+  community_card_description_1: Report, bugs, discuss idea, and propose features
+  community_card_title_2: Contribute Code
+  community_card_description_2: Help fix bugs, do code reviews, and develop new features.
+  community_card_title_3: Add Location Info
+  community_card_description_3: Add info about shops, points of interest, trails, public transport to OpenStreetMap
+  community_card_title_4: Provide Support
+  community_card_description_4: Help people use the app, respond to questions on ":" Telegram, Instagram, Facebook, X (Twitter), Reddit, LinkedIn, Mastodon, Matrix
+  community_card_title_5: Translate
+  community_card_description_5: Add and update translations in the app's interface, app stores and this website.
+  community_card_title_6: Design & Product Management
+  community_card_description_6: Shape the direction of the product and the user experience
+  stay_connected_section_title: Stay Connected
 ---
diff --git a/static/images/community/contribute-code-banner.png b/static/images/community/contribute-code-banner.png
new file mode 100644
index 00000000..f0e8c823
Binary files /dev/null and b/static/images/community/contribute-code-banner.png differ
diff --git a/static/images/community/design-product-banner.png b/static/images/community/design-product-banner.png
new file mode 100644
index 00000000..ab845e9e
Binary files /dev/null and b/static/images/community/design-product-banner.png differ
diff --git a/static/images/community/discussion-card-banner.png b/static/images/community/discussion-card-banner.png
new file mode 100644
index 00000000..9f57cbb2
Binary files /dev/null and b/static/images/community/discussion-card-banner.png differ
diff --git a/static/images/community/location-info-banner.png b/static/images/community/location-info-banner.png
new file mode 100644
index 00000000..8c5e7ab5
Binary files /dev/null and b/static/images/community/location-info-banner.png differ
diff --git a/static/images/community/provide-support-banner.png b/static/images/community/provide-support-banner.png
new file mode 100644
index 00000000..b5dd9871
Binary files /dev/null and b/static/images/community/provide-support-banner.png differ
diff --git a/static/images/community/translate-banner.png b/static/images/community/translate-banner.png
new file mode 100644
index 00000000..f912a10f
Binary files /dev/null and b/static/images/community/translate-banner.png differ
diff --git a/static/images/donation-banner.png b/static/images/donation-banner.png
new file mode 100644
index 00000000..c94baa4e
Binary files /dev/null and b/static/images/donation-banner.png differ
diff --git a/static/logos/facebook-dark-icon.png b/static/logos/facebook-dark-icon.png
new file mode 100644
index 00000000..1335e5bd
Binary files /dev/null and b/static/logos/facebook-dark-icon.png differ
diff --git a/static/logos/github-dark-icon.png b/static/logos/github-dark-icon.png
new file mode 100644
index 00000000..5e3637cb
Binary files /dev/null and b/static/logos/github-dark-icon.png differ
diff --git a/static/logos/instagram-dark-icon.png b/static/logos/instagram-dark-icon.png
new file mode 100644
index 00000000..5e659a71
Binary files /dev/null and b/static/logos/instagram-dark-icon.png differ
diff --git a/static/logos/linkedin-dark-icon.png b/static/logos/linkedin-dark-icon.png
new file mode 100644
index 00000000..83732112
Binary files /dev/null and b/static/logos/linkedin-dark-icon.png differ
diff --git a/static/logos/mail-dark-icon.png b/static/logos/mail-dark-icon.png
new file mode 100644
index 00000000..af1bd0b7
Binary files /dev/null and b/static/logos/mail-dark-icon.png differ
diff --git a/static/logos/mastodon-dark-icon.png b/static/logos/mastodon-dark-icon.png
new file mode 100644
index 00000000..0dfbd506
Binary files /dev/null and b/static/logos/mastodon-dark-icon.png differ
diff --git a/static/logos/matrix-dark-icon.png b/static/logos/matrix-dark-icon.png
new file mode 100644
index 00000000..2850ddf9
Binary files /dev/null and b/static/logos/matrix-dark-icon.png differ
diff --git a/static/logos/reddit-dark-icon.png b/static/logos/reddit-dark-icon.png
new file mode 100644
index 00000000..f31a4e23
Binary files /dev/null and b/static/logos/reddit-dark-icon.png differ
diff --git a/static/logos/telegram-dark-icon.png b/static/logos/telegram-dark-icon.png
new file mode 100644
index 00000000..097654e6
Binary files /dev/null and b/static/logos/telegram-dark-icon.png differ
diff --git a/static/logos/twitter-dark-icon.png b/static/logos/twitter-dark-icon.png
new file mode 100644
index 00000000..32b509f9
Binary files /dev/null and b/static/logos/twitter-dark-icon.png differ
diff --git a/templates/community.html b/templates/community.html
index 392db4d6..510424be 100644
--- a/templates/community.html
+++ b/templates/community.html
@@ -1,17 +1,105 @@
-
-
 {% extends "base.html" %}
 
 
 {%- block content %}
 {% include 'section/hero.html' %}
 
+<section>
+    <div>
+        <img src="images/community/discussion-card-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_1 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_1 | safe }}
+        </p>
+    </div>
 
+    <div>
+        <img src="images/community/contribute-code-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_2 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_2 | safe }}
+        </p>
+    </div>
+
+    <div>
+        <img src="images/community/location-info-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_3 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_3 | safe }}
+        </p>
+    </div>
+    <div>
+        <img src="images/community/provide-support-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_4 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_4 | safe }}
+        </p>
+
+    </div>
+    <div>
+        <img src="images/community/translate-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_5 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_5 | safe }}
+        </p>
+
+    </div>
+    <div>
+        <img src="images/community/design-product-banner.png">
+        <h2>
+            {{ page.extra.community_card_title_6 | safe }}
+        </h2>
+        <p>
+            {{ page.extra.community_card_description_6 | safe }}
+        </p>
+    </div>
+</section>
+<section>
+    <h2 style="text-align: center;">
+        {{ page.extra.stay_connected_section_title | safe }}
+    </h2>
+    <a href="#">
+        <img src="logos/instagram-dark-icon.png" alt="instagram">
+    </a>
+    <a href="#">
+        <img src="logos/twitter-dark-icon.png" alt="twitter">
+    </a>
+    <a href="#">
+        <img src="logos/telegram-dark-icon.png" alt="telegram">
+    </a>
+    <a href="#">
+        <img src="logos/linkedin-dark-icon.png" alt="linkedin">
+    </a>
+    <a href="#">
+        <img src="logos/facebook-dark-icon.png" alt="facebook">
+    </a>
+    <a href="#">
+        <img src="logos/mastodon-dark-icon.png" alt="mastodon">
+    </a>
+    <a href="#">
+        <img src="logos/mail-dark-icon.png" alt="mail">
+    </a>
+    <a href="#">
+        <img src="logos/matrix-dark-icon.png" alt="matrix">
+    </a>
+    <a href="#">
+        <img src="logos/reddit-dark-icon.png" alt="reddit">
+    </a>
+    <a href="#">
+        <img src="logos/github-dark-icon.png" alt="github">
+    </a>
+</section>
 <div>
-<h2>
-        {{ page.extra.test | safe }}
-</h2>
-
-
+    <img src="images/donation-banner.png" alt="donation">
 </div>
 {%- endblock content %}
\ No newline at end of file