diff --git a/app/components/event/Modal.vue b/app/components/event/Modal.vue
index 8db52bc..0cd88d2 100644
--- a/app/components/event/Modal.vue
+++ b/app/components/event/Modal.vue
@@ -1,5 +1,6 @@
+
+
+
+
+
Donation Funds
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
{{ fund.name }}
+
+
+
+
+ {{ formatShort(fund.startDate) }} - {{ formatShort(fund.endDate) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 747cfb9..ef441cd 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -4,6 +4,16 @@
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Slide, Pagination } from 'vue3-carousel'
+const { data: donations, pending: donationsPending, error: donationsError } = await useFetch<{
+ id: string
+ name: string
+ link: string
+ startDate: string
+ endDate: string
+ imageUrl: string
+}[]>('/api/admin/donations')
+
+
const carouselConfig = {
itemsToShow: 1,
wrapAround: true,
@@ -197,6 +207,32 @@ const services = ref([