added new logos 👀

app/dub.co/atom/route.ts

@@ -1,21 +1,26 @@
-import { allChangelogPosts } from "contentlayer/generated";
+import { allBlogPosts, allChangelogPosts } from "contentlayer/generated";
 
 export async function GET() {
   return new Response(
     `<?xml version="1.0" encoding="utf-8"?>
     <feed xmlns="http://www.w3.org/2005/Atom">
-        <title>Dub</title>
-        <subtitle>Changelog</subtitle>
+        <title>Dub News</title>
+        <subtitle>Dub's Blog and Changelog</subtitle>
         <link href="https://dub.co/atom" rel="self"/>
         <link href="https://dub.co/"/>
-        <updated>${allChangelogPosts[0].publishedAt}</updated>
-        <id>https://dub.co/</id>${allChangelogPosts
+        <updated>${new Date().toISOString()}</updated>
+        <id>https://dub.co/</id>${[...allBlogPosts, ...allChangelogPosts]
+          .sort((a, b) => b.publishedAt.localeCompare(a.publishedAt))
           .map((post) => {
             return `
         <entry>
-            <id>https://dub.co/changelog/${post.slug}</id>
+            <id>https://dub.co/${
+              post.type === "BlogPost" ? "blog" : "changelog"
+            }/${post.slug}</id>
             <title>${post.title}</title>
-            <link href="https://dub.co/changelog/${post.slug}"/>
+            <link href="https://dub.co/${
+              post.type === "BlogPost" ? "blog" : "changelog"
+            }/${post.slug}"/>
             <updated>${post.publishedAt}</updated>
             <author><name>${post.author}</name></author>
         </entry>`;

app/ui/home/logos.tsx

@@ -1,37 +1,53 @@
-import Link from "next/link";
 import BlurImage from "#/ui/blur-image";
-import { ExpandingArrow } from "#/ui/icons";
 
 const logos = [
   {
     slug: "vercel",
-    link: "vercel.fyi",
     dimensions: "h-5 sm:h-7",
   },
   {
     slug: "tinybird",
-    link: "tbrd.co",
     dimensions: "h-7 sm:h-10",
   },
   {
     slug: "hashnode",
-    link: "hshno.de",
     dimensions: "h-6 sm:h-8",
   },
   {
     slug: "checkly",
-    link: "chkly.co",
     dimensions: "h-6 sm:h-8",
   },
   {
     slug: "cal",
-    link: "go.cal.com",
     dimensions: "h-4 sm:h-6",
   },
   {
-    slug: "lugg",
-    link: "short.lu.gg",
-    dimensions: "h-14 sm:h-20",
+    slug: "perplexity",
+    dimensions: "h-6 sm:h-8",
+  },
+  {
+    slug: "replicate",
+    dimensions: "h-6 sm:h-8",
+  },
+  {
+    slug: "super",
+    dimensions: "h-4 sm:h-6",
+  },
+  {
+    slug: "chronicle",
+    dimensions: "h-6 sm:h-8",
+  },
+  {
+    slug: "attio",
+    dimensions: "h-7 sm:h-10",
+  },
+  {
+    slug: "crowd",
+    dimensions: "h-4 sm:h-6 -mt-2",
+  },
+  {
+    slug: "chatwoot",
+    dimensions: "h-5 sm:h-7 -mt-2",
   },
 ];
 
@@ -46,26 +62,25 @@ export default function Logos({
         {copy}
       </p>
       <div className="mx-auto mt-8 grid w-full max-w-screen-lg grid-cols-2 items-center gap-5 px-5 sm:grid-cols-6 sm:px-0">
-        {logos.map(({ slug, link, dimensions }) => (
-          <Link
-            key={slug}
-            href={`https://${link}`}
-            target="_blank"
-            rel="noopener noreferer"
-            className="group relative"
-          >
-            <div className="absolute z-10 flex h-full w-full translate-y-5 items-center justify-center opacity-0 transition-all group-hover:translate-y-0 group-hover:opacity-100">
-              <p className="font-semibold text-gray-700">{link}</p>
-              <ExpandingArrow />
-            </div>
-            <BlurImage
-              src={`/_static/clients/${slug}.svg`}
-              alt={slug.toUpperCase()}
-              width={2418}
-              height={512}
-              className={`col-span-1 transition-all group-hover:opacity-20 group-hover:blur-sm ${dimensions}`}
-            />
-          </Link>
+        {logos.slice(0, 6).map(({ slug, dimensions }) => (
+          <BlurImage
+            src={`/_static/clients/${slug}.svg`}
+            alt={slug.toUpperCase()}
+            width={2418}
+            height={512}
+            className={`col-span-1 transition-all group-hover:opacity-20 group-hover:blur-sm ${dimensions}`}
+          />
+        ))}
+      </div>
+      <div className="mx-auto mt-8 grid w-full max-w-screen-lg grid-cols-2 items-center gap-5 px-5 sm:grid-cols-6 sm:px-0">
+        {logos.slice(6, 12).map(({ slug, dimensions }) => (
+          <BlurImage
+            src={`/_static/clients/${slug}.svg`}
+            alt={slug.toUpperCase()}
+            width={2418}
+            height={512}
+            className={`col-span-1 transition-all group-hover:opacity-20 group-hover:blur-sm ${dimensions}`}
+          />
         ))}
       </div>
     </div>