feat: add utm source and other analytic parameters to partner links

app/blog/[slug]/page.tsx

@@ -200,8 +200,8 @@ async function BlogContent({ slug }: { slug: string }) {
           {blogs
             .filter((b) => blog !== b)
             .slice(0, 2)
-            .map((blog) => (
-              <BlogCard key={blog.metadata.title} blog={blog} />
+            .map((blog, i) => (
+              <BlogCard key={blog.metadata.title} blog={blog} index={i} />
             ))}
         </div>
       </div>

app/blog/page.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 import { ArrowRightUp, Calendar, Edit } from "reicon-react";
 import { type BlogData, getBlogs } from "./loader";
 
-export function BlogCard({ blog }: { blog: BlogData }) {
+export function BlogCard({ blog, index }: { blog: BlogData; index: number }) {
   const isFeatured = blog.metadata.featured;
 
   return (
@@ -25,11 +25,18 @@ export function BlogCard({ blog }: { blog: BlogData }) {
             </div>
           )}
 
-          {isFeatured && (
-            <span className="bg-accent-muted text-text-primary px-xs py-xxs rounded-md text-xs">
-              Featured
-            </span>
-          )}
+          <div className="flex items-center gap-xxs">
+            {index === 0 && (
+              <span className="bg-accent-muted text-text-primary px-xs py-xxs rounded-md text-xs">
+                Latest
+              </span>
+            )}
+            {isFeatured && (
+              <span className="bg-accent-muted text-text-primary px-xs py-xxs rounded-md text-xs">
+                Featured
+              </span>
+            )}
+          </div>
         </div>
 
         <h2 className="text-2xl">
@@ -108,8 +115,8 @@ export default async function Blog() {
 
       <div className="max-w-7xl w-full px-md py-lg">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-md grid-flow-dense">
-          {blogs.map((blog) => (
-            <BlogCard key={blog.metadata.title} blog={blog} />
+          {blogs.map((blog, i) => (
+            <BlogCard key={blog.metadata.title} blog={blog} index={i} />
           ))}
         </div>
       </div>

app/partners/page.tsx

@@ -43,9 +43,10 @@ export default function Partners() {
               <h1 className="text-2xl">{partner.name}</h1>
               <span className="text-text-secondary">{partner.description}</span>
               <Link
-                href={partner.url}
+                href={`${partner.url}?utm_source=devhub&utm_medium=partner&ref=devhub`}
                 target="_blank"
                 rel="noopener noreferrer"
+                className="w-fit"
               >
                 <Button icon={ArrowRight} className="text-sm px-sm py-xs">
                   See more

content/blog/what-happens-when-you-type-google.md

@@ -779,4 +779,3 @@ And finally, **you see a webpage.**
 All from six characters. That's the web. And that's what happens when you type `google.com`.
 
 > **The Internet feels simple because billions of complicated decisions happen underneath the surface.**
-

content/data/authors.ts

@@ -20,4 +20,4 @@ export const authors: Author[] = [
     social: "https://github.com/spideythedev",
     avatar: "https://avatars.githubusercontent.com/u/221688867?s=64&v=4",
   },
-];
+];