diff --git a/src/components/blog-page/index.tsx b/src/components/blog-page/index.tsx
index 0d597d3b7e..3d78bf4a84 100644
--- a/src/components/blog-page/index.tsx
+++ b/src/components/blog-page/index.tsx
@@ -5,9 +5,10 @@ import { Tag } from "@/app/conf/_design-system/tag"
 import { arrowsMoveSideways } from "@/app/conf/_design-system/utils/arrows-move-sideways"
 import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
 
+import { LookingForMore } from "@/components/looking-for-more"
+
 import { blogTagColors } from "./blog-tag-colors"
 import { BlogCard } from "./blog-card"
-import { LookingForMore } from "./looking-for-more"
 import { BlogMdxContent } from "./mdx-types"
 import { FeaturedBlogPosts } from "./featured-blog-posts"
 
@@ -87,7 +88,13 @@ export function BlogPage({
             )}
           </section>
         </div>
-        <LookingForMore />
+        <LookingForMore
+          description="Explore learning guides and best practices — or browse for tools, libraries and other resources."
+          links={[
+            { href: "/learn", label: "Learn" },
+            { href: "/resources", label: "Resources" },
+          ]}
+        />
       </div>
     </main>
   )
diff --git a/src/components/blog-page/looking-for-more.tsx b/src/components/blog-page/looking-for-more.tsx
deleted file mode 100644
index 2441ade4e7..0000000000
--- a/src/components/blog-page/looking-for-more.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Anchor } from "@/app/conf/_design-system/anchor"
-
-import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
-
-export function LookingForMore() {
-  return (
-    <section className="gql-section max-sm:px-0 lg:pb-16 lg:max-xl:px-0 xl:pb-24">
-      <div className="gql-container typography-body-lg flex bg-pri-dark text-white dark:bg-pri-darker max-lg:flex-col">
-        <div className="border-pri-light p-6 max-lg:border-b lg:border-r lg:p-16">
-          <h2 className="typography-h2 text-balance">Looking for more?</h2>
-          <p className="mt-8">
-            Explore learning guides and best practices — or browse for tools,
-            libraries and other resources.
-          </p>
-        </div>
-        <div className="flex flex-col *:flex-1">
-          <Anchor
-            href="/learn"
-            className="flex items-center justify-between gap-4 whitespace-pre border-b border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6"
-          >
-            Learn
-            <ArrowDownIcon className="size-10 -rotate-90 text-pri-light" />
-          </Anchor>
-          <Anchor
-            // TODO: Change to /resources when the Resources landing is implemented
-            href="/community/resources/official-channels"
-            className="flex items-center justify-between gap-4 whitespace-pre border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6"
-          >
-            Resources
-            <ArrowDownIcon className="size-10 -rotate-90 text-pri-light" />
-          </Anchor>
-        </div>
-      </div>
-    </section>
-  )
-}
diff --git a/src/components/learn-aggregator/looking-for-more.tsx b/src/components/learn-aggregator/looking-for-more.tsx
deleted file mode 100644
index 95c719ad66..0000000000
--- a/src/components/learn-aggregator/looking-for-more.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { clsx } from "clsx"
-import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
-
-export function LookingForMore(props: React.HTMLAttributes<HTMLElement>) {
-  return (
-    <section
-      {...props}
-      className={clsx("gql-container gql-section", props.className)}
-    >
-      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark text-white lg:grid-cols-[752px_1fr]">
-        <div className="flex flex-col justify-between gap-8 border-pri-light p-8 lg:border-r lg:p-16">
-          <h2 className="typography-h2">Looking for more?</h2>
-          <p className="typography-body-lg max-w-[624px]">
-            Learning is just the beginning. Discover tools and other resources —
-            or connect with the GraphQL community around the world.
-          </p>
-        </div>
-        <div className="flex flex-col">
-          <a
-            href="/resources"
-            className="flex items-center justify-between border-b border-pri-light px-8 py-16 hover:bg-white/10 lg:px-8 lg:py-16"
-          >
-            <span className="typography-body-lg">Resources</span>
-            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
-          </a>
-          <a
-            href="/community"
-            className="flex items-center justify-between px-8 py-16 hover:bg-white/10 lg:px-8 lg:py-16"
-          >
-            <span className="typography-body-lg">Community</span>
-            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
-          </a>
-        </div>
-      </div>
-    </section>
-  )
-}
diff --git a/src/components/looking-for-more.tsx b/src/components/looking-for-more.tsx
new file mode 100644
index 0000000000..db174b300d
--- /dev/null
+++ b/src/components/looking-for-more.tsx
@@ -0,0 +1,46 @@
+import { clsx } from "clsx"
+import { Anchor } from "@/app/conf/_design-system/anchor"
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+
+type LinkItem = { href: string; label: string }
+
+interface LookingForMoreProps extends React.HTMLAttributes<HTMLElement> {
+  description: string
+  links: [LinkItem, LinkItem]
+}
+
+export function LookingForMore({
+  description,
+  links,
+  ...props
+}: LookingForMoreProps) {
+  return (
+    <section
+      {...props}
+      className={clsx("gql-container gql-section", props.className)}
+    >
+      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark text-white dark:bg-pri-darker lg:grid-cols-[752px_1fr]">
+        <div className="flex flex-col justify-between gap-6 border-pri-light p-6 xs:gap-8 xs:p-8 lg:border-r lg:p-16">
+          <h2 className="typography-h2 text-balance">Looking for more?</h2>
+          <p className="typography-body-lg max-w-[624px]">{description}</p>
+        </div>
+        <div className="flex flex-col">
+          <Anchor
+            href={links[0].href}
+            className="flex items-center justify-between border-y border-pri-light px-6 py-10 hover:bg-white/10 xs:px-8 xs:py-16 lg:border-t-0"
+          >
+            <span className="typography-body-lg">{links[0].label}</span>
+            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
+          </Anchor>
+          <Anchor
+            href={links[1].href}
+            className="flex items-center justify-between px-6 py-10 hover:bg-white/10 xs:px-8 xs:py-16"
+          >
+            <span className="typography-body-lg">{links[1].label}</span>
+            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
+          </Anchor>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/pages/learn/index.mdx b/src/pages/learn/index.mdx
index c26ab6d58e..a121f17c81 100644
--- a/src/pages/learn/index.mdx
+++ b/src/pages/learn/index.mdx
@@ -11,7 +11,7 @@ import { LearnHeroStripes } from '../../components/learn-aggregator/learn-hero-s
 import { pagesBySection } from '../../components/learn-aggregator/learn-pages'
 import { CommonQuestionsSection } from '../../components/learn-aggregator/common-questions'
 import { TrainingCoursesSection } from '../../components/learn-aggregator/training-courses'
-import { LookingForMore } from "../../components/learn-aggregator/looking-for-more"
+import { LookingForMore } from "../../components/looking-for-more"
 
 <NavbarFixed />
 <TocHero
@@ -68,4 +68,11 @@ import { LookingForMore } from "../../components/learn-aggregator/looking-for-mo
 
 <CommonQuestionsSection id="faq" />
 
-<LookingForMore />
+<LookingForMore
+  description="Learning is just the beginning. Discover tools and other resources — or connect with the GraphQL community around the world."
+  links={[
+    { href: "/resources", label: "Resources" },
+    { href: "/community", label: "Community" },
+  ]}
+/>
+