feat: added finance and store to community (#2539)

Co-authored-by: V Thulisile Sibanda <[email protected]>%0ACo-authored-by: Akshat Nema <[email protected]>%0ACo-authored-by: akshatnema <[email protected]>%0ACo-authored-by: Quetzalli <[email protected]>%0ACo-authored-by: Quetzalli <[email protected]>
asyncapi · Jan 31, 2024 · c1f7dff · c1f7dff
1 parent 1d0af8d
commit c1f7dff
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 35 deletions.
diff --git 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
@@ -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>