feat: add project card component and clean up homepage

app/components/ProjectCard.vue

@@ -0,0 +1,44 @@
+<template>
+  <!-- Project Card -->
+  <div class="card bg-base-100 shadow-xl">
+    <div class="card-body">
+      <h2 class="card-title">{{ title }}</h2>
+      <p>{{ description }}</p>
+      <div class="card-actions justify-end">
+        <button 
+          v-if="liveDemoLink" 
+          class="btn btn-primary" 
+          @click="openLink(liveDemoLink)"
+        >
+          Live Demo
+        </button>
+        <button 
+          v-if="sourceCodeLink" 
+          class="btn btn-secondary" 
+          @click="openLink(sourceCodeLink)"
+        >
+          Source Code
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  title: { type: String, default: "Lorem Ipsum" },
+  description: {
+    type: String,
+    default:
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+  },
+  liveDemoLink: { type: [String, null], default: null },
+  sourceCodeLink: { type: [String, null], default: null },
+});
+</script>
+
+<script>
+function openLink(url) {
+  window.open(url, "_blank");
+}
+</script>