feat: add Buy Me a Coffee project

Author: patrickluzdev

app/components/project-card/ProjectCard.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="p-5 rounded-xl border border-stone-100 hover:border-stone-200 hover:shadow-sm transition-all bg-white"
+    class="p-5 rounded-xl border border-stone-100 hover:border-stone-200 hover:shadow-sm transition-all bg-white flex flex-col min-h-[320px]"
   >
     <!-- Image -->
     <div
@@ -40,7 +40,7 @@
     </p>
 
     <!-- Stack -->
-    <div class="flex flex-wrap gap-1.5 mb-4">
+    <div class="flex flex-wrap gap-1.5 mb-4 content-start">
       <span
         v-for="tech in project.stack.slice(0, 4)"
         :key="tech"
@@ -57,7 +57,7 @@
     </div>
 
     <!-- Footer -->
-    <div class="flex items-center justify-between">
+    <div class="flex items-center justify-between mt-auto">
       <!-- Year -->
       <span class="text-xs text-stone-400">{{ project.year }}</span>
 

app/data/projects.ts

@@ -3,7 +3,7 @@ import type { Project } from "./types";
 export const projects: Project[] = [
   {
     id: "4",
-    title: "Patrick.dev",
+    title: "patrickluz.dev",
     description: "Meu site pessoal. O que você está vendo agora.",
     stack: ["Nuxt", "Tailwind", "TypeScript"],
     status: "development",
@@ -15,7 +15,23 @@ export const projects: Project[] = [
       github: "https://github.com/patrickluzdev/my-site",
       demo: "https://patrickluz.dev/"
     },
-  }
+  },
+    {
+    id: "5",
+    title: "Buy Me a Coffee",
+    description:
+      "Integração com Mercado Pago Checkout PRO. Permite selecionar a quantidade de cafés e ser redirecionado para o checkout seguro.",
+    stack: ["Nuxt", "Vue", "Tailwind", "TypeScript", "Zod", "Mercado Pago"],
+    status: "completed",
+    year: 2025,
+    type: "web",
+    category: "featured",
+    image: "/projects/buymeacoffee.webp",
+    links: {
+      github: "https://github.com/patrickluzdev/buymeacoffee",
+      demo: "https://buymeacoffee.patrickluz.dev/",
+    },
+  },
 ];
 
 export const projectTypes = [