feat: convert repositories carousel to static grid layout (#343)

Signed-off-by: Ajay Rajera <newajay.11r@gmail.com>

Author: Gitjay11

src/app/page.tsx

@@ -2,7 +2,7 @@ import HeroSection from "@/components/HeroSection";
 import WhatIsHieroSection from "@/components/WhatIsHieroSection";
 import Divider from "@/components/Divider";
 import MeetSection from "@/components/MeetSection";
-import ReposCarousel from "@/components/ReposCarousel";
+import ReposGrid from "@/components/ReposGrid";
 import IssueJumpSection from "@/components/IssueJumpSection";
 import OpenSourceSection from "@/components/OpenSourceSection";
 import QuotesCarousel from "@/components/QuotesCarousel";
@@ -53,93 +53,87 @@ const meetData = {
   heading: "Join our Hiero Community Calls",
   text: "Join our open TSC, Community and Project meetings. We welcome your opinion and invite you to collaborate with the team!\n\nRegister to any of our current meeting series [HERE](https://github.com/hiero-ledger#open-community-meetings-and-tsc-schedules)\n\nView all meeting schedules and access recordings via our [LFX Calendar](https://zoom-lfx.platform.linuxfoundation.org/meetings/hiero?view=week).",
   calls: [
+    // Ranked by LFX Calendar sign-up counts
     {
       name: "TSC",
       description:
         "The Technical Steering Committee (TSC) meeting for project governance, roadmap planning, and key technical decisions.",
-      schedule: "Fortnightly",
+
       registerLink:
         "https://zoom-lfx.platform.linuxfoundation.org/meeting/95775743341?password=c07443bf-b0e6-4a68-93f1-5c7ce9bb49ab&invite=true",
     },
     {
-      name: "Community Call",
+      name: "Monthly Maintainers",
       description:
-        "Open community meeting for general discussions, updates, and Q&A sessions with the Hiero community and TSC members.",
-      schedule: "Monthly",
+        "Regular meeting for maintainers across all Hiero projects to coordinate, share updates, and discuss best practices.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/97122675754?password=7eaa865a-2f17-4a7c-97b0-aff51933991c&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99574473075?password=deff3fc9-0e80-4877-80de-91499b5480e9&invite=true",
     },
     {
-      name: "Python SDK",
+      name: "Community Call",
       description:
-        "Focused discussions on the Hiero Python SDK development, including new features, issues, and contributions.",
-      schedule: "Monthly",
+        "Open community meeting for general discussions, updates, and Q&A sessions with the Hiero community and TSC members.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92041330205?password=2f345bee-0c14-4dd5-9883-06fbc9c60581&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/97122675754?password=7eaa865a-2f17-4a7c-97b0-aff51933991c&invite=true",
     },
     {
-      name: "Docs",
+      name: "SDK",
       description:
-        "Documentation working group meetings to improve and maintain Hiero project documentation.",
-      schedule: "Monthly",
+        "General SDK working group for cross-SDK discussions, standards, and coordination across all Hiero SDK implementations.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/96247351493?password=54a04164-8618-458d-8176-4ca21b346291&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94709702244?password=bcba4892-928c-47e0-9a21-e1abca95f7d3&invite=true",
     },
     {
       name: "Solo",
       description:
         "Discussions and updates about Solo, an opinionated CLI tool to deploy and manage standalone test networks.",
-      schedule: "Fortnightly",
+
       registerLink:
         "https://zoom-lfx.platform.linuxfoundation.org/meeting/94695703550?password=e8819002-3f6e-4905-9916-b049f501e866&invite=true",
     },
     {
-      name: "Solo Action",
-      description:
-        "Working sessions focused on Solo Action project development, issues, and contributions.",
-      schedule: "Fortnightly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92576669768?password=8dab94bb-7315-4d37-a944-b1fa0e924741&invite=true",
-    },
-    {
-      name: "SDK",
+      name: "Python SDK",
       description:
-        "General SDK working group for cross-SDK discussions, standards, and coordination across all Hiero SDK implementations.",
-      schedule: "Monthly",
+        "Focused discussions on the Hiero Python SDK development, including new features, issues, and contributions.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94709702244?password=bcba4892-928c-47e0-9a21-e1abca95f7d3&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92041330205?password=2f345bee-0c14-4dd5-9883-06fbc9c60581&invite=true",
     },
     {
-      name: "Hiero Website",
+      name: "Hiero/Hedera Identity",
       description:
-        "Planning and development meetings for the Hiero website, content strategy, and user experience improvements.",
-      schedule: "Monthly",
+        "Working group focused on identity-related projects, DID SDK development, and identity standards implementation.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94831465670?password=50e11cd2-6450-4a97-b9ae-7a7585c4409b&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99097542854?password=3ee2d9c9-32de-4758-8a23-417c751bd7ab&invite=true",
     },
     {
       name: "Hiero Marketing",
       description:
         "Marketing and community outreach discussions, including events, communications, and ecosystem growth strategies.",
-      schedule: "Monthly",
+
       registerLink:
         "https://zoom-lfx.platform.linuxfoundation.org/meeting/91725705912?password=57115f71-9576-46dc-90f7-98be38aade2d&invite=true",
     },
     {
-      name: "Monthly Maintainers",
+      name: "Docs",
       description:
-        "Regular meeting for maintainers across all Hiero projects to coordinate, share updates, and discuss best practices.",
-      schedule: "Monthly",
+        "Documentation working group meetings to improve and maintain Hiero project documentation.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99574473075?password=deff3fc9-0e80-4877-80de-91499b5480e9&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/96247351493?password=54a04164-8618-458d-8176-4ca21b346291&invite=true",
     },
+    // Below this line: hidden behind "View all community calls" link
     {
-      name: "Hiero/Hedera Identity",
+      name: "Hiero Website",
       description:
-        "Working group focused on identity-related projects, DID SDK development, and identity standards implementation.",
-      schedule: "Monthly",
+        "Planning and development meetings for the Hiero website, content strategy, and user experience improvements.",
+
       registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99097542854?password=3ee2d9c9-32de-4758-8a23-417c751bd7ab&invite=true",
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94831465670?password=50e11cd2-6450-4a97-b9ae-7a7585c4409b&invite=true",
     },
     {
       name: "Hiero Mirror Node",
@@ -149,6 +143,14 @@ const meetData = {
       registerLink:
         "https://zoom-lfx.platform.linuxfoundation.org/meeting/94618152832?password=3b037576-2aab-4f7e-ab24-acf9ca2c3734&invite=true",
     },
+    {
+      name: "Solo Action",
+      description:
+        "Working sessions focused on Solo Action project development, issues, and contributions.",
+      schedule: "Fortnightly",
+      registerLink:
+        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92576669768?password=8dab94bb-7315-4d37-a944-b1fa0e924741&invite=true",
+    },
   ],
 };
 
@@ -159,114 +161,114 @@ const reposData = {
     {
       name: "hiero-consensus-node",
       description:
-        "Crypto, token, consensus, file, and smart contract services for a Hiero based network",
+        "Crypto, token, consensus, file, and smart contract services for a Hiero based network.",
       link: "https://github.com/hiero-ledger/hiero-consensus-node",
     },
     {
       name: "hiero-local-node",
       description:
-        "Run your own local Hiero based network for development purposes",
+        "Run your own local Hiero based network for development purposes.",
       link: "https://github.com/hiero-ledger/hiero-local-node",
     },
     {
       name: "hiero-mirror-node",
       description:
-        "Archives data from consensus nodes and serves it via an API",
+        "Archives data from consensus nodes and serves it via an API.",
       link: "https://github.com/hiero-ledger/hiero-mirror-node",
     },
     {
       name: "hiero-improvement-proposals",
       description:
-        "Hiero Improvement Proposal repository for community-driven enhancements",
+        "Hiero Improvement Proposal repository for community-driven enhancements.",
       link: "https://github.com/hiero-ledger/hiero-improvement-proposals",
     },
     {
       name: "hiero-sdk-js",
       description:
-        "JavaScript/TypeScript SDK for interacting with a Hiero network",
+        "JavaScript/TypeScript SDK for interacting with a Hiero network.",
       link: "https://github.com/hiero-ledger/hiero-sdk-js",
     },
     {
       name: "hiero-sdk-java",
-      description: "Java SDK for Hiero distributed ledger technology",
+      description: "Java SDK for Hiero distributed ledger technology.",
       link: "https://github.com/hiero-ledger/hiero-sdk-java",
     },
     {
       name: "hiero-json-rpc-relay",
-      description: "Implementation of Ethereum JSON-RPC APIs for Hedera",
+      description: "Implementation of Ethereum JSON-RPC APIs for Hedera.",
       link: "https://github.com/hiero-ledger/hiero-json-rpc-relay",
     },
     {
       name: "hiero-sdk-go",
-      description: "Go SDK for Hiero distributed ledger technology",
+      description: "Go SDK for Hiero distributed ledger technology.",
       link: "https://github.com/hiero-ledger/hiero-sdk-go",
     },
     {
       name: "hiero-sdk-rust",
-      description: "The Hiero Rust SDK for building on Hiero networks",
+      description: "The Hiero Rust SDK for building on Hiero networks.",
       link: "https://github.com/hiero-ledger/hiero-sdk-rust",
     },
     {
       name: "hiero-mirror-node-explorer",
-      description: "Hedera Mirror Node Explorer for the Hedera Hashgraph DLT",
+      description: "Hedera Mirror Node Explorer for the Hedera Hashgraph DLT.",
       link: "https://github.com/hiero-ledger/hiero-mirror-node-explorer",
     },
     {
       name: "hiero-cli",
-      description: "Hiero command line tools for developers",
+      description: "Hiero command line tools for developers.",
       link: "https://github.com/hiero-ledger/hiero-cli",
     },
     {
       name: "solo",
       description:
-        "An opinionated CLI tool to deploy and manage standalone test networks",
+        "An opinionated CLI tool to deploy and manage standalone test networks.",
       link: "https://github.com/hiero-ledger/solo",
     },
     {
       name: "hiero-block-node",
-      description: "New Block Node services for Hiero networks",
+      description: "New Block Node services for Hiero networks.",
       link: "https://github.com/hiero-ledger/hiero-block-node",
     },
     {
       name: "hiero-sdk-tck",
       description:
-        "Technology Compatibility Kit used to verify compliant implementations of a Hiero SDK",
+        "Technology Compatibility Kit used to verify compliant implementations of a Hiero SDK.",
       link: "https://github.com/hiero-ledger/hiero-sdk-tck",
     },
     {
       name: "hiero-sdk-cpp",
       description:
-        "A C++ SDK for Hiero: A C++ toolkit for creating and interacting with on-ledger assets",
+        "A C++ SDK for Hiero: A C++ toolkit for creating and interacting with on-ledger assets.",
       link: "https://github.com/hiero-ledger/hiero-sdk-cpp",
     },
     {
       name: "governance",
       description:
-        "Configuration repository for managing all Hiero GitHub repositories",
+        "Configuration repository for managing all Hiero GitHub repositories.",
       link: "https://github.com/hiero-ledger/governance",
     },
     {
       name: "hiero-sdk-python",
       description:
-        "A Python SDK for Hiero: A Python toolkit for interacting with on-ledger assets",
+        "A Python SDK for Hiero: A Python toolkit for interacting with on-ledger assets.",
       link: "https://github.com/hiero-ledger/hiero-sdk-python",
     },
     {
       name: "hiero-sdk-swift",
       description:
-        "A Swift SDK for Hiero: A Swift toolkit for creating and interacting with on-ledger assets",
+        "A Swift SDK for Hiero: A Swift toolkit for creating and interacting with on-ledger assets.",
       link: "https://github.com/hiero-ledger/hiero-sdk-swift",
     },
     {
       name: "sdk-collaboration-hub",
       description:
-        "Collaboration hub for SDK-related discussions and coordination",
+        "Collaboration hub for SDK-related discussions and coordination.",
       link: "https://github.com/hiero-ledger/sdk-collaboration-hub",
     },
     {
       name: "tsc",
       description:
-        "Technical Steering Committee activity, discussions and decisions repository",
+        "Technical Steering Committee activity, discussions and decisions repository.",
       link: "https://github.com/hiero-ledger/tsc",
     },
   ],
@@ -383,7 +385,7 @@ export default function Home() {
       <Divider />
       <MeetSection data={meetData} />
       <Divider />
-      <ReposCarousel data={reposData} />
+      <ReposGrid data={reposData} />
       <Divider />
 
       <OpenSourceSection data={openSourceData} />

src/components/IssueJumpSection/index.tsx

@@ -43,7 +43,7 @@ export default function IssueJumpSection({ data }: IssueJumpSectionProps) {
                 target="_blank"
                 rel="noopener noreferrer nofollow"
                 className="flex flex-col h-full min-w-0 border-2 border-white-dark rounded-2xl p-6 bg-white hover:border-red focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-light focus-visible:ring-offset-2 transition-colors duration-200 no-underline text-charcoal">
-                <span className="text-xl font-medium text-red mb-2 break-words">
+                <span className="text-xl font-medium mb-2 break-words">
                   {item.label}
                 </span>
                 <span className="text-base text-gray">{item.description}</span>

src/components/MeetSection/__tests__/MeetSection.test.tsx

@@ -13,7 +13,6 @@ describe("MeetSection", () => {
             {
               name: "Maintainers Call",
               description: "Discuss active workstreams.",
-              schedule: "Every Tuesday",
               registerLink: "https://example.com/register",
             },
           ],
@@ -27,7 +26,6 @@ describe("MeetSection", () => {
     expect(
       screen.getByRole("heading", { name: "Maintainers Call" }),
     ).toBeInTheDocument();
-    expect(screen.getByText(/Every Tuesday/)).toBeInTheDocument();
     expect(screen.getByRole("link", { name: /Register/i })).toHaveAttribute(
       "href",
       "https://example.com/register",

src/components/MeetSection/index.tsx

@@ -3,7 +3,6 @@ import RichText from "@/components/RichText";
 interface MeetCall {
   name: string;
   description: string;
-  schedule: string;
   registerLink: string;
 }
 
@@ -17,7 +16,11 @@ interface MeetSectionProps {
   data: MeetData;
 }
 
+const VISIBLE_COUNT = 9;
+
 export default function MeetSection({ data }: MeetSectionProps) {
+  const visibleCalls = data.calls.slice(0, VISIBLE_COUNT);
+
   return (
     <div id="meet" className="anchor">
       <div className="bg-white">
@@ -31,32 +34,34 @@ export default function MeetSection({ data }: MeetSectionProps) {
               className="text-lg max-w-full md:max-w-[800px] space-y-4"
             />
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
-            {data.calls.map((call, i) => (
-              <div
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 items-stretch">
+            {visibleCalls.map((call, i) => (
+              <a
                 key={i}
-                className="border-2 border-white-dark rounded-2xl p-8 hover:border-red transition-colors duration-200 bg-white">
+                href={call.registerLink}
+                target="_blank"
+                rel="noreferrer noopener"
+                aria-label={`Register for ${call.name} (opens in new tab)`}
+                className="flex flex-col border-2 border-white-dark rounded-2xl p-8 hover:border-red focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-light focus-visible:ring-offset-2 transition-colors duration-200 bg-white h-full no-underline text-charcoal">
                 <h3 className="text-xl sm:text-2xl font-medium mb-3">
                   {call.name}
                 </h3>
-                <p className="text-base mb-4 text-gray-600">
+                <p className="text-base mb-4 text-gray-600 flex-grow">
                   {call.description}
                 </p>
-                <p className="text-sm mb-4 text-gray-600">
-                  <strong>Schedule:</strong> {call.schedule}
-                </p>
-                <div className="flex flex-col gap-2 mt-4">
-                  <a
-                    href={call.registerLink}
-                    target="_blank"
-                    rel="noreferrer noopener"
-                    className="text-red hover:text-red-dark text-base font-medium underline">
-                    Register →
-                  </a>
-                </div>
-              </div>
+              </a>
             ))}
           </div>
+          <div className="mt-10 text-center">
+            <a
+              href="https://zoom-lfx.platform.linuxfoundation.org/meetings/hiero?view=month"
+              target="_blank"
+              rel="noreferrer noopener"
+              aria-label="View all community calls on LFX Calendar (opens in new tab)"
+              className="text-red hover:text-red-dark text-lg font-medium underline">
+              View all community calls →
+            </a>
+          </div>
         </div>
       </div>
     </div>