From 06effaca433e0296a36ff930ad534737c4b77032 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Wed, 11 Dec 2024 15:38:30 +0100
Subject: [PATCH 1/3] Change links to point to /ecosystem page

---
 .../components/src/components/explore-main-product-cards.tsx  | 3 +--
 packages/components/src/components/hive-navigation/index.tsx  | 4 +---
 .../src/components/tools-and-libraries-cards/index.tsx        | 2 +-
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/explore-main-product-cards.tsx b/packages/components/src/components/explore-main-product-cards.tsx
index 34c67c739..a0b73c2b0 100644
--- a/packages/components/src/components/explore-main-product-cards.tsx
+++ b/packages/components/src/components/explore-main-product-cards.tsx
@@ -21,8 +21,7 @@ export function ExploreMainProductCards({ className, ...rest }: ExploreMainProdu
         <Heading as="h2" size="xs" className="text-pretty">
           Explore Hive 360° GraphQL Ecosystem to reach full potential
         </Heading>
-        {/* TODO: Replace with a link to the Libraries page */}
-        <TextLink href="https://github.com/the-guild-org" className="mt-4 lg:mt-6">
+        <TextLink href="https://the-guild.dev/graphql/hive/ecosystem" className="mt-4 lg:mt-6">
           Learn more
           <ArrowIcon />
         </TextLink>
diff --git a/packages/components/src/components/hive-navigation/index.tsx b/packages/components/src/components/hive-navigation/index.tsx
index 4fc89fcd0..863e1c259 100644
--- a/packages/components/src/components/hive-navigation/index.tsx
+++ b/packages/components/src/components/hive-navigation/index.tsx
@@ -36,8 +36,6 @@ import {
 
 export * from './graphql-conf-card';
 
-const EXPLORE_HREF = 'https://github.com/the-guild-org';
-
 const ENTERPRISE_MENU_HIDDEN = true;
 
 export interface HiveNavigationProps {
@@ -297,7 +295,7 @@ export const ProductsMenu = React.forwardRef<HTMLDivElement, ProductsMenuProps>(
             })}
           </ul>
           <Anchor
-            href={EXPLORE_HREF}
+            href="https://the-guild.dev/graphql/hive/ecosystem"
             className="hive-focus -my-2 ml-2 flex items-center gap-2 rounded-lg p-2 font-medium text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-400 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-200"
           >
             <span>Explore all libraries</span> <ArrowIcon />
diff --git a/packages/components/src/components/tools-and-libraries-cards/index.tsx b/packages/components/src/components/tools-and-libraries-cards/index.tsx
index a5adeee5e..330b30b20 100644
--- a/packages/components/src/components/tools-and-libraries-cards/index.tsx
+++ b/packages/components/src/components/tools-and-libraries-cards/index.tsx
@@ -44,7 +44,7 @@ export function ToolsAndLibrariesCards({ className }: { className?: string }) {
           <AncillaryProductCard key={product.name} as="li" product={product} />
         ))}
       </ul>
-      <CallToAction href="https://github.com/the-guild-org" variant="primary">
+      <CallToAction href="https://the-guild.dev/graphql/hive/ecosystem" variant="primary">
         Explore the Ecosystem
       </CallToAction>
     </section>

From 2221295f632698b7686abc17fa7f5ef6679ca5ad Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Wed, 11 Dec 2024 15:40:04 +0100
Subject: [PATCH 2/3] Create gold-buses-drop.md

---
 .changeset/gold-buses-drop.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gold-buses-drop.md

diff --git a/.changeset/gold-buses-drop.md b/.changeset/gold-buses-drop.md
new file mode 100644
index 000000000..48e6a2468
--- /dev/null
+++ b/.changeset/gold-buses-drop.md
@@ -0,0 +1,5 @@
+---
+"@theguild/components": patch
+---
+
+Change links to point to /ecosystem page

From 6205fae3a42ad6b0b249a6c17bad807911efebeb Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Wed, 11 Dec 2024 16:00:38 +0100
Subject: [PATCH 3/3] Make the link relative in Hive

---
 .../components/explore-main-product-cards.tsx    | 15 ++++++++++++---
 .../src/components/hive-navigation/index.tsx     |  4 +++-
 .../tools-and-libraries-cards/index.tsx          | 16 ++++++++++++++--
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/explore-main-product-cards.tsx b/packages/components/src/components/explore-main-product-cards.tsx
index a0b73c2b0..2f3608302 100644
--- a/packages/components/src/components/explore-main-product-cards.tsx
+++ b/packages/components/src/components/explore-main-product-cards.tsx
@@ -6,9 +6,15 @@ import { ArrowIcon } from './icons';
 import { TextLink } from './text-link';
 import { MainProductCard } from './tools-and-libraries-cards';
 
-export type ExploreMainProductCardsProps = HTMLAttributes<HTMLDivElement>;
+export interface ExploreMainProductCardsProps extends HTMLAttributes<HTMLDivElement> {
+  isHive?: boolean;
+}
 
-export function ExploreMainProductCards({ className, ...rest }: ExploreMainProductCardsProps) {
+export function ExploreMainProductCards({
+  className,
+  isHive,
+  ...rest
+}: ExploreMainProductCardsProps) {
   return (
     <section
       className={cn(
@@ -21,7 +27,10 @@ export function ExploreMainProductCards({ className, ...rest }: ExploreMainProdu
         <Heading as="h2" size="xs" className="text-pretty">
           Explore Hive 360° GraphQL Ecosystem to reach full potential
         </Heading>
-        <TextLink href="https://the-guild.dev/graphql/hive/ecosystem" className="mt-4 lg:mt-6">
+        <TextLink
+          href={isHive ? '/ecosystem' : 'https://the-guild.dev/graphql/hive/ecosystem'}
+          className="mt-4 lg:mt-6"
+        >
           Learn more
           <ArrowIcon />
         </TextLink>
diff --git a/packages/components/src/components/hive-navigation/index.tsx b/packages/components/src/components/hive-navigation/index.tsx
index 863e1c259..6550c18d9 100644
--- a/packages/components/src/components/hive-navigation/index.tsx
+++ b/packages/components/src/components/hive-navigation/index.tsx
@@ -295,7 +295,9 @@ export const ProductsMenu = React.forwardRef<HTMLDivElement, ProductsMenuProps>(
             })}
           </ul>
           <Anchor
-            href="https://the-guild.dev/graphql/hive/ecosystem"
+            href={
+              productName === 'Hive' ? '/ecosystem' : 'https://the-guild.dev/graphql/hive/ecosystem'
+            }
             className="hive-focus -my-2 ml-2 flex items-center gap-2 rounded-lg p-2 font-medium text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-400 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-200"
           >
             <span>Explore all libraries</span> <ArrowIcon />
diff --git a/packages/components/src/components/tools-and-libraries-cards/index.tsx b/packages/components/src/components/tools-and-libraries-cards/index.tsx
index 330b30b20..e064323a2 100644
--- a/packages/components/src/components/tools-and-libraries-cards/index.tsx
+++ b/packages/components/src/components/tools-and-libraries-cards/index.tsx
@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'react';
 import { cn } from '../../cn';
 import {
   FOUR_MAIN_PRODUCTS,
@@ -21,13 +22,21 @@ const cardDecorations = {
   [PRODUCTS.HIVE_GATEWAY.name]: HiveGatewayDecoration,
 };
 
-export function ToolsAndLibrariesCards({ className }: { className?: string }) {
+export interface ToolsAndLibrariesCardsProps extends HTMLAttributes<HTMLDivElement> {
+  isHive?: boolean;
+}
+export function ToolsAndLibrariesCards({
+  className,
+  isHive,
+  ...rest
+}: ToolsAndLibrariesCardsProps) {
   return (
     <section
       className={cn(
         'isolate flex flex-col gap-6 px-4 py-6 lg:gap-12 lg:py-24 xl:px-[120px]',
         className,
       )}
+      {...rest}
     >
       <Heading as="h2" size="md" className="text-green-1000">
         Discover the complete ecosystem of tools and libraries
@@ -44,7 +53,10 @@ export function ToolsAndLibrariesCards({ className }: { className?: string }) {
           <AncillaryProductCard key={product.name} as="li" product={product} />
         ))}
       </ul>
-      <CallToAction href="https://the-guild.dev/graphql/hive/ecosystem" variant="primary">
+      <CallToAction
+        href={isHive ? '/ecosystem' : 'https://the-guild.dev/graphql/hive/ecosystem'}
+        variant="primary"
+      >
         Explore the Ecosystem
       </CallToAction>
     </section>