feat: enhance contact form security and add animated hero

app/components/ProjectCard.vue

@@ -1,20 +1,19 @@
 <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" 
+        <button
+          v-if="liveDemoLink"
+          class="btn btn-primary"
           @click="openLink(liveDemoLink)"
         >
           Live Demo
         </button>
-        <button 
-          v-if="sourceCodeLink" 
-          class="btn btn-secondary" 
+        <button
+          v-if="sourceCodeLink"
+          class="btn btn-secondary"
           @click="openLink(sourceCodeLink)"
         >
           Source Code
@@ -25,7 +24,7 @@
 </template>
 
 <script setup>
-const props = defineProps({
+defineProps({
   title: { type: String, default: "Lorem Ipsum" },
   description: {
     type: String,
@@ -35,9 +34,7 @@ const props = defineProps({
   liveDemoLink: { type: [String, null], default: null },
   sourceCodeLink: { type: [String, null], default: null },
 });
-</script>
 
-<script>
 function openLink(url) {
   window.open(url, "_blank");
 }