added resume to files and options to about section

components/cards/About.vue

@@ -1,6 +1,7 @@
 <template>
   <NuxtLayout name="card">
-    <div class="flex flex-col justify-between h-full gap-3">
+    <div class="flex flex-col justify-between h-full gap-3 relative">
+      <OptionsButton />
       <div class="flex flex-col gap-3">
         <h3 class="uppercase">Full Stack Developer</h3>
         <div class="flex text-4xl gap-3">
@@ -22,7 +23,14 @@
 </template>
 
 <script setup lang="ts">
-import { coordinates, description } from "~/constants/about-items";
+import { aboutItem } from "~/constants/about-items";
+
+const { coordinates, description, options } = aboutItem;
+
+provide("options", {
+  optionsValues: options,
+  key: "about",
+});
 
 const gmapQuerry = computed(
   () =>

components/swiper/Content.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="relative w-full">
-    <OptionsButton v-if="project.options" :options="project.options" />
+    <OptionsButton v-if="project.options" />
 
     <div class="flex flex-col justify-between gap-6 h-full">
       <NuxtLink

constants/about-items.ts

@@ -1,3 +1,5 @@
+import type { OptionsItem } from "~/constants/project-items";
+
 interface CoordinateItem {
   displayValue: string;
   numericalValue: {
@@ -6,10 +8,28 @@ interface CoordinateItem {
   };
 }
 
-export const coordinates = {
-  displayValue: `46°46'51.4"N 23°36'15.3"E`,
-  numericalValue: { lat: 46.770439, lng: 23.591423 },
-} as CoordinateItem;
+interface AboutItem {
+  coordinates: CoordinateItem;
+  description: string;
+  options: OptionsItem[];
+}
 
-export const description =
-  "Accomplished Full Stack Developer with extensive experience in designing and implementing scalable, multi-layered, and user-friendly web applications. Passionate advocate for automation throughout the development lifecycle, from testing to deployment, ensuring efficiency and reliability. Proficient in four languages, with a keen interest in hiking and a deep appreciation for history.";
+export const aboutItem = {
+  description:
+    "Accomplished Full Stack Developer with extensive experience in designing and implementing scalable, multi-layered, and user-friendly web applications. Passionate advocate for automation throughout the development lifecycle, from testing to deployment, ensuring efficiency and reliability. Proficient in four languages, with a keen interest in hiking and a deep appreciation for history.",
+  coordinates: {
+    displayValue: `46°46'51.4"N 23°36'15.3"E`,
+    numericalValue: { lat: 46.770439, lng: 23.591423 },
+  } as CoordinateItem,
+  options: [
+    {
+      text: "Download Resume as PDF",
+      link: "/Resume-Balazs-Barabas.pdf",
+      download: "Resume-Balazs-Barabas.pdf",
+    },
+    {
+      text: "View Github profile",
+      link: "https://github.com/Barabasbalazs",
+    },
+  ] as OptionsItem[],
+} as AboutItem;