Add support for technology descriptions

buttondown · Oct 3, 2024 · f002fec · f002fec
1 parent cc8579c
commit f002fec
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/app/technology/[identifier]/page.tsx b/app/technology/[identifier]/page.tsx
@@ -80,13 +80,10 @@ export default async function TechnologyPage({
           <Header url={`/technology/${params.identifier}`}>
             {service.name}
           </Header>
+          {service.description && (
+            <div className="text-md">{service.description}</div>
+          )}
           <div className="flex flex-col items-start">
-            <a
-              className="text-gray-400 capitalize text-sm inline-block hover:text-gray-300 hover:bg-white/10"
-              href={`/genre/${service.genre}`}
-            >
-              {GENRE_REGISTRY[service.genre].name}
-            </a>
             <a
               className="text-gray-400 text-sm hover:text-gray-300 hover:bg-white/10"
               target="_blank"
@@ -95,6 +92,12 @@ export default async function TechnologyPage({
               {service.url}
             </a>
             <div className="text-sm text-gray-400">
+            <a
+              className="text-gray-400 capitalize text-sm inline-block hover:text-gray-300 hover:bg-white/10 mt-4"
+              href={`/genre/${service.genre}`}
+            >
+              {GENRE_REGISTRY[service.genre].name}
+            </a> /&nbsp;
               {trancoCount} notable domains (
               {trancoCount > 0
                 ? (

diff --git a/lib/services.tsx b/lib/services.tsx
@@ -164,6 +164,7 @@ export const GENRE_REGISTRY: {
 type Service = {
   identifier: string;
   name: string;
+  description?: string;
   genre: Genre;
   url: string;
   icon?: React.ReactNode;
@@ -2003,6 +2004,7 @@ export const REGISTRY: { [key in string]: Service } = {
   },
   northbeam: {
     identifier: "northbeam",
+    description: "The marketing intelligence platform for profitable growth.",
     name: "Northbeam",
     genre: "analytics",
     url: "https://www.northbeam.io",