From c1f7dff0eb8e77bc45fbf72136b9dcae5ee48edb Mon Sep 17 00:00:00 2001
From: Vishvamsinh Vaghela <90895835+vishvamsinh28@users.noreply.github.com>
Date: Wed, 31 Jan 2024 16:36:44 +0530
Subject: [PATCH] feat: added finance and store to community (#2539)

Co-authored-by: V Thulisile Sibanda <66913810+thulieblack@users.noreply.github.com>%0ACo-authored-by: Akshat Nema <76521428+akshatnema@users.noreply.github.com>%0ACo-authored-by: akshatnema <akshatnema.school@gmail.com>%0ACo-authored-by: Quetzalli <alejandra.olvera.novack@gmail.com>%0ACo-authored-by: Quetzalli <alejandra.quetzalli@postman.com>
---
 cypress/test/pages/community/index.cy.js |  4 +-
 pages/community/index.js                 | 69 +++++++++++++-----------
 2 files changed, 38 insertions(+), 35 deletions(-)

diff --git a/cypress/test/pages/community/index.cy.js b/cypress/test/pages/community/index.cy.js
index 7eb0b28b3ffe..c5a3e5ecd58a 100644
--- a/cypress/test/pages/community/index.cy.js
+++ b/cypress/test/pages/community/index.cy.js
@@ -44,9 +44,7 @@ describe('CommunityIndexPage', () => {
 
   it('should display other cards correctly', () => {
     cy.get('[data-testid="CommunityCards-Goals"]').should('exist');
-    cy.get('[href="https://github.com/asyncapi/community/discussions/513"]').should('exist');
-    cy.get('[data-testid="CommunityCards-Contributors"]').should('exist');
-    cy.get('[href="https://github.com/orgs/asyncapi/discussions/593"]').should('exist');
+    cy.get('[href="https://github.com/orgs/asyncapi/discussions/948"]').should('exist');
     cy.get('[data-testid="CommunityCards-TSC"]').should('exist');
     cy.get('[href="/community/tsc"]').should('exist');
   });
diff --git a/pages/community/index.js b/pages/community/index.js
index 1c16bd147dc9..0b93eb60f989 100644
--- a/pages/community/index.js
+++ b/pages/community/index.js
@@ -135,42 +135,24 @@ function CommunityIndexPage() {
           </ul>
         </div>
       </div>
-      <div className="md:flex md:justify-between w-full mt-20" >
-        <div className="md:w-[45%] flex flex-col justify-between mt-10 md:mt-0">
-          <div data-testid="CommunityCards-Goals">
-            <Card
-              type="small"
-              tagline="Goals"
-              icon="🎯"
-              heading="Community Goals 2023"
-              description="Look into the AsyncAPI community building/maintenance goals for
-              2023 and help us improve."
-              link="https://github.com/asyncapi/community/discussions/513"
-            />
-          </div>
-          <div className="mt-10 md:mt-0" data-testid="CommunityCards-Contributors">
-            <Card
-              type="small"
-              taglineBg=""
-              tagline="Contributors"
-              icon="🏅"
-              heading="Recognize AsyncAPI OSS contributors"
-              description="Recognize the people who inspire and contribute to our OSS
-                    project and community."
-              bg="bg-primary-200"
-              link="https://github.com/orgs/asyncapi/discussions/593"
-            />
-          </div>
+      <div className="flex sm:flex-row flex-col mt-10">
+        <div className="m-5" data-testid="CommunityCards-Goals">
+          <Card
+            type="small"
+            tagline="Goals"
+            icon="🎯"
+            heading="2024 AsyncAPI Community Goals"
+            description="Help us improve our 2024 AsyncAPI community building and maintenance goals."
+            link="https://github.com/orgs/asyncapi/discussions/948"
+          />
         </div>
-        <div className="md:w-[50%] mt-10 md:mt-0" data-testid="CommunityCards-TSC">
+        <div className="m-5" data-testid="CommunityCards-TSC">
           <Card
-            taglineBg="bg-primary-200"
-            heading="Meet Folks Redefining the Initiative"
-            description="Learn how to become a Technical Steering Committee (TSC) member and see our current members."
+            type="small"
             tagline="TSC"
             icon="🚀"
-            btnText="Meet all TSC members"
-            btnBg="fill-primary-500 text-primary-500"
+            heading="Meet Folks Redefining the Initiative"
+            description="Learn how to become a Technical Steering Committee (TSC) member and see our current members."
             link="/community/tsc"
           />
         </div>
@@ -188,6 +170,29 @@ function CommunityIndexPage() {
           className="bg-channelCover"
         />
       </div>
+      <div className="flex sm:flex-row flex-col mt-10">
+        <div className="m-5">
+          <Card
+            type="small"
+            tagline="Finance"
+            icon="💰"
+            heading="Track Initiative Spending with Budget Analysis"
+            description="Explore our transparent finance section for a detailed analysis of our project's budget. See how we track expenses and gain insights into funds allocation."
+            link="/finance"
+          />
+        </div>
+        <div className="m-5">
+          <Card
+            type="small"
+            tagline="Store"
+            icon="🛒"
+            heading="Swags and Goodies"
+            description="Explore our swag collection of AsyncAPI-themed t-shirts and goodies."
+            link="https://www.store.asyncapi.com/"
+            bg="bg-primary-200"
+          />
+        </div>
+      </div>
       <div className="bg-dark py-12 mt-8 md:mt-20 rounded-lg" data-testid="CommunityCard-subscribe">
         <NewsletterSubscribe dark />
       </div>