diff --git a/frontend/app/components/PageCard.vue b/frontend/app/components/PageCard.vue
index 2834e01..09e658b 100644
--- a/frontend/app/components/PageCard.vue
+++ b/frontend/app/components/PageCard.vue
@@ -1,9 +1,38 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+function basicPropValidator(value: string, _other_props: any) {
+    // zatiaľ stačí vedieť či obsah nie je prázdny reťazec
+    return value.trim().length > 0
+}
+</script>
 
 <template>
-    <div>
-        Component: PageCard
-    </div>
+    <v-card variant="outlined" :width="300" class="d-flex flex-column" style="margin: 20px; cursor: pointer" link
+        :to="link">
+        <v-card-title class="text-wrap"><strong>{{ title }}</strong></v-card-title>
+        <v-card-text>
+            {{ description }}
+        </v-card-text>
+    </v-card>
 </template>
 
-<style scoped></style>
+<script lang="ts">
+export default {
+    props: {
+        title: {
+            required: true,
+            type: String,
+            validator: basicPropValidator
+        },
+        description: {
+            required: true,
+            type: String,
+            validator: basicPropValidator
+        },
+        link: {
+            required: true,
+            type: String,
+            validator: basicPropValidator
+        }
+    }
+}
+</script>
\ No newline at end of file