fix community

Author: wangfenjin

content/en/community/_index.md

@@ -3,19 +3,70 @@ title: Community
 menu: { main: { weight: 40 } }
 ---
 
-{{% blocks/lead color="white" %}}
-
-Use GitHub for questions, issue tracking, and contributions.
+{{% blocks/cover title="Join the Community" color="swanlake" height="auto" %}}
+<p class="display-6">Help us build the next generation of Arrow Flight SQL servers.</p>
+{{% /blocks/cover %}}
 
+{{% blocks/lead color="white" %}}
+<h2 class="display-4 font-weight-bold mb-4">Connect and Collaborate</h2>
+<p class="lead text-muted">Whether you're looking for help or want to contribute, there are many ways to get involved with SwanLake.</p>
 {{% /blocks/lead %}}
 
-## Get Help
-
-- Questions and ideas: [GitHub Discussions](https://github.com/swanlake-io/swanlake/discussions)
-- Bug reports and feature requests: [GitHub Issues](https://github.com/swanlake-io/swanlake/issues)
-
-## Contribute
-
-- Source code: [swanlake-io/swanlake](https://github.com/swanlake-io/swanlake)
-- Website source: [swanlake-io/swanlake.github.io](https://github.com/swanlake-io/swanlake.github.io)
-- Contribution notes: [CONTRIBUTION.md](https://github.com/swanlake-io/swanlake/blob/main/CONTRIBUTION.md)
+{{% blocks/section color="primary" %}}
+<div class="container">
+  <div class="row g-4">
+    <div class="col-lg-6">
+      <div class="feature-card">
+        <div class="feature-icon">
+          <i class="fa-solid fa-comments"></i>
+        </div>
+        <h3>Get Help</h3>
+        <p>Have questions or need assistance? Use our community channels to find answers and share ideas.</p>
+        <ul class="list-unstyled mt-4">
+          <li class="mb-3">
+            <a href="https://github.com/swanlake-io/swanlake/discussions" class="text-decoration-none d-flex align-items-center">
+              <i class="fa-brands fa-github mr-2"></i>
+              <span>GitHub Discussions</span>
+            </a>
+          </li>
+          <li>
+            <a href="https://github.com/swanlake-io/swanlake/issues" class="text-decoration-none d-flex align-items-center">
+              <i class="fa-solid fa-bug mr-2"></i>
+              <span>Issue Tracker</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-lg-6">
+      <div class="feature-card">
+        <div class="feature-icon">
+          <i class="fa-solid fa-code-pull-request"></i>
+        </div>
+        <h3>Contribute</h3>
+        <p>Help us improve SwanLake by contributing code, documentation, or feedback.</p>
+        <ul class="list-unstyled mt-4">
+          <li class="mb-3">
+            <a href="https://github.com/swanlake-io/swanlake" class="text-decoration-none d-flex align-items-center">
+              <i class="fa-brands fa-github mr-2"></i>
+              <span>SwanLake Repository</span>
+            </a>
+          </li>
+          <li class="mb-3">
+            <a href="https://github.com/swanlake-io/swanlake.github.io" class="text-decoration-none d-flex align-items-center">
+              <i class="fa-solid fa-globe mr-2"></i>
+              <span>Website Source</span>
+            </a>
+          </li>
+          <li>
+            <a href="https://github.com/swanlake-io/swanlake/blob/main/CONTRIBUTION.md" class="text-decoration-none d-flex align-items-center">
+              <i class="fa-solid fa-file-contract mr-2"></i>
+              <span>Contribution Guidelines</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+{{% /blocks/section %}}

layouts/community/list.html

@@ -0,0 +1,7 @@
+{{ define "main" -}}
+{{ with .Content -}}
+<div class="td-content">
+{{ . }}
+</div>
+{{- end -}}
+{{ end }}