feat: adding community page for community contribution, latest updates and releases

content/en/communities/_index.md

@@ -0,0 +1,12 @@
+---
+title: "Eclipse SW360 Community!"
+linkTitle: "Community"
+description: "Join the Eclipse SW360 community and contribute to an exciting open-source project."
+menu:
+    main:
+        weight: 12
+---
+
+{{< blocks/cover image_anchor="top" height="sm" color="primary" >}}
+{{< page/header >}}
+{{< /blocks/cover >}}

layouts/communities/list.html

@@ -0,0 +1,54 @@
+{{ define "main" }}
+<div class="td-content">
+  {{ .Content }}
+
+  <div class="container p-4">
+    <div class="row align-items-center shadow p-4 mx-3 my-4">
+      <div class="col-md-6 mb-4 mb-md-0">
+        <h1>Welcome to the Eclipse SW360 Community!</h1>
+        <p class="lead">The Eclipse SW360 community is where developers, open-source enthusiasts, and industry professionals come together to collaborate on managing software supply chains, compliance, and security. Join us to contribute, learn, and be part of this exciting project.</p>
+        <a href="https://github.com/eclipse-sw360/sw360/discussions" class="btn btn-primary btn-lg" target="_blank">Join Discussion</a>
+      </div>
+      <div class="col-md-6 text-center">
+        <h2 class="h3 mb-3">Our Contributors</h2>
+        <a href="https://github.com/eclipse-sw360/sw360.website/graphs/contributors" target="_blank">
+          <img src="https://contrib.rocks/image?repo=eclipse-sw360/sw360.website" alt="Contributors" class="img-fluid">
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <div class="container p-4">
+    <div class="row align-items-center shadow p-4 mx-3 my-4">
+      <div class="col-md-6 mb-4 mb-md-0">
+        <h3 class="fw-bold mb-4 light-gray-text">Community heartbeat</h3>
+        <h1>Get Involved with Eclipse SW360 Events</h1>
+        <p class="lead">
+          Join an Eclipse SW360 community event from anywhere in the world! We host both live and recorded community events. You can also sign up for our community newsletter to stay up-to-date on all events.
+        </p>
+        <a href="/sw360/events/" class="btn btn-primary btn-lg" target="_blank">Stay Updated on Events</a>
+      </div>
+      <div class="col-md-6 text-center">
+        <h2 class="h3 mb-3">Upcoming Events</h2>
+        <p>Coming soon...</p>
+      </div>
+    </div>
+  </div>
+
+  <div class="container p-4">
+    <div class="row align-items-center shadow p-4 mx-3 my-4">
+      <div class="col-md-6 mb-4 mb-md-0">
+        <h3 class="fw-bold mb-4 light-gray-text">All community info, tracked</h3>
+        <h1>Join the Eclipse SW360 Slack Community</h1>
+        <p class="lead">
+          Eclipse SW360 is a global community of developers, designers, and professionals from over 83 countries, collaborating to tackle software supply chain, compliance, and security challenges. Join us to contribute, learn, and be part of this impactful open-source project.
+        </p>
+        <a href="https://sw360chat.slack.com" class="btn btn-primary btn-lg" target="_blank">Join SW360 Slack</a>
+      </div>
+      <div class="col-md-6 text-center">
+        <img src="{{ "img/slack.jpg" | relURL }}" alt="Community Image" class="img-fluid rounded shadow-sm">
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}