feat(help): add community and social media section

Author: kumy

website/app-templates/smarty/help-pages/en/help.html

@@ -172,16 +172,43 @@ <h3><i class="fa fa-shield"></i> Legal & Security</h3>
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
 
-            <!-- Need More Help -->
-            <div class="text-center" style="margin: 40px 0;">
-                <a href="#morehelp" class="btn btn-lg btn-warning">
-                    <i class="fa fa-question-circle"></i>
-                    <strong>Need more help?</strong>
-                </a>
+    <div class="row">
+        <div class="col-md-12">
+            <!-- Community & Support -->
+            <div class="help-section">
+                <h3><i class="fa fa-users"></i> Community & Support</h3>
+                <div class="row">
+                    <div class="col-md-3">
+                        <div class="help-item">
+                            <a href="#social">
+                                <i class="fa fa-bullhorn"></i>
+                                Follow GeoKrety
+                            </a>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="help-item">
+                            <a href="#morehelp">
+                                <i class="fa fa-question-circle"></i>
+                                Need more help?
+                            </a>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
+
+    <!-- Need More Help -->
+    <div class="text-center" style="margin: 40px 0;">
+        <a href="#morehelp" class="btn btn-lg btn-warning">
+            <i class="fa fa-question-circle"></i>
+            <strong>Need more help?</strong>
+        </a>
+    </div>
 </div>
 
 <div class="panel panel-default">
@@ -1132,6 +1159,20 @@ <h3>How to decode?</h3>
     </div>
 </div>
 
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <a class="anchor" id="social"></a>
+        Connect with GeoKrety
+    </div>
+    <div class="panel-body">
+        <p>
+            Keep in touch with the GeoKrety community by following
+            <a href="https://social.opencaching.earth/@geokrety">@GeoKrety on social.opencaching.earth</a>.
+            Any Fediverse user can subscribe for news, release notes, and events straight from their favourite client.
+        </p>
+    </div>
+</div>
+
 <div class="panel panel-default">
     <div class="panel-heading">
         <a class="anchor" id="morehelp"></a>