feat: Add blog contribute CTA component

This commit adds a new component that encourages users to contribute to the blog. It is added to blog list and single pages.

Author: neural-loop

layouts/blog/list.html

@@ -17,7 +17,11 @@
           </div>
           {{ partial "components/pagination.html" . }}
         </div>
+<div class="mt-16">
+        {{ partial "components/blog-contribute-cta.html" . }}
+      </div>
       </div>
     </div>
   </section>
+
 {{ end }}

layouts/blog/single.html

@@ -15,7 +15,12 @@
           {{ .Content }}
         </div>
         {{ partial "components/share-cta.html" . }}
+       
         {{ partial "components/author-bios.html" . }}
+
+        <div class="mt-16">
+          {{ partial "components/blog-contribute-cta.html" . }}
+        </div>
       </article>
       {{ partial "components/sidebar-toc-shared.html" . }}
     </div>

layouts/neuromorphic-computing/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 {{ partial "page-header" . }}
 
-<section class="section pt-6 mt-0">
+<section class="section pt-6 mt-0 pb-16">
   <div class="container">
     {{/* Display the main content of the _index.md page */}}
     <div class="content text-center mb-12 prose dark:prose-invert max-w-none">
@@ -85,7 +85,7 @@
     }}
 
     <!-- Recent Posts -->
-    <div class="mb-16"> <!-- Added mb-16 for spacing similar to new sections -->
+    <div class="mb-0">
       <h3 class="section-title text-3xl font-semibold mb-3">Blog</h3>
       <p class="section-subtitle text-lg text-gray-600 dark:text-gray-400 mb-8 mx-auto">Stay informed with our latest articles, tutorials, and community updates.</p>
       <div class="row"> <!-- Kept row for 3-column layout for blogs -->

layouts/partials/components/blog-contribute-cta.html

@@ -0,0 +1,18 @@
+<div class="p-8 rounded-lg bg-theme-light dark:bg-darkmode-theme-light shadow-lg">
+  <div class="flex flex-col md:flex-row items-center text-center md:text-left gap-8">
+    <div class="flex-shrink-0">
+      {{ partial "icon.html" (dict "style" "solid" "name" "pen-to-square" "class" "text-6xl text-primary dark:text-darkmode-primary") }}
+    </div>
+    <div class="flex-grow">
+      <h2 class="text-3xl font-bold mb-2">
+        Have an idea? <span class="gradient-text">Share your voice.</span>
+      </h2>
+      <p class="text-lg text-gray-600 dark:text-gray-400 mb-4">
+        Open Neuromorphic is a community-driven platform. We invite you to share your research, tutorials, or insights with a global audience of neuromorphic enthusiasts.
+      </p>
+      <a href="{{ "/getting-involved/write-a-blog-post/" | relLangURL }}" class="btn btn-new-primary">
+        Learn How to Contribute
+      </a>
+    </div>
+  </div>
+</div>