diff --git a/README.md b/README.md
index 0699ceb77..b2c925f59 100755
--- a/README.md
+++ b/README.md
@@ -200,4 +200,6 @@ IDP_CLIENT_SECRET=client-secret
 *EventParticipationController 8xx*
   * 801: User has no permission to enter or leave
   * 802: User could not join the event
-  * 803: User could not leave the event
\ No newline at end of file
+  * 803: User could not leave the event
+*MealGuestController 9xx*
+  * 901: Could not find the Invitation for the given hash
\ No newline at end of file
diff --git a/config/packages/security.yaml b/config/packages/security.yaml
index c720a45e0..c7e149e78 100644
--- a/config/packages/security.yaml
+++ b/config/packages/security.yaml
@@ -80,9 +80,9 @@ security:
         - { path: ^/api/guest-invitation, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: ^/api/environmentals, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: ^/api/user, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
+        - { path: ^/api/event/invitation/\S*, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: '^/participation/slots-status/\d{4}-\d{2}-\d{2}$', roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: '^/participation/count-status/\d{4}-\d{2}-\d{2}$', roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
-        - { path: ^/language-switch, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: ^/css, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: ^/js, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
         - { path: ^/images, roles: [IS_AUTHENTICATED_ANONYMOUSLY] }
diff --git a/config/services.yaml b/config/services.yaml
index 537036ebc..af84cbfee 100644
--- a/config/services.yaml
+++ b/config/services.yaml
@@ -47,11 +47,10 @@ parameters:
     app.secret: '%env(APP_SECRET)%'
 
     mealz.lock_toggle_participation_at: '-1 day 16:00'
-    mealz.meal.price: 3.60
+    mealz.meal.price: 4.13
     mealz.meal.search_timestamp: '2000-01-01'
     mealz.meal.new_flag_counter: 2
-    mealz.meal.combined.price: 5.60
-
+    mealz.meal.combined.price: 6.13
     # PDO Session Handler options
     # Define table and column names to store session data
     app.session.handler.pdo.options:
diff --git a/src/Mealz/MealBundle/Controller/LanguageController.php b/src/Mealz/MealBundle/Controller/LanguageController.php
deleted file mode 100644
index 8ad38bf93..000000000
--- a/src/Mealz/MealBundle/Controller/LanguageController.php
+++ /dev/null
@@ -1,26 +0,0 @@
-<?php
-
-namespace App\Mealz\MealBundle\Controller;
-
-use Symfony\Component\HttpFoundation\Cookie;
-use Symfony\Component\HttpFoundation\RedirectResponse;
-use Symfony\Component\HttpFoundation\Request;
-
-class LanguageController extends BaseController
-{
-    /**
-     * Action to switch between languages.
-     */
-    public function switch(Request $request): RedirectResponse
-    {
-        $referrer = $request->headers->get('referer');
-        $response = new RedirectResponse($referrer);
-
-        $preferredLanguage = ('en' === $request->getLocale()) ? 'de' : 'en';
-
-        $cookie = Cookie::create('locale', $preferredLanguage, time() + 60 * 60 * 24 * 365);
-        $response->headers->setCookie($cookie);
-
-        return $response;
-    }
-}
diff --git a/src/Mealz/MealBundle/Controller/MealGuestController.php b/src/Mealz/MealBundle/Controller/MealGuestController.php
index 7372eef97..d90de9b77 100644
--- a/src/Mealz/MealBundle/Controller/MealGuestController.php
+++ b/src/Mealz/MealBundle/Controller/MealGuestController.php
@@ -5,6 +5,7 @@
 namespace App\Mealz\MealBundle\Controller;
 
 use App\Mealz\MealBundle\Entity\Day;
+use App\Mealz\MealBundle\Entity\GuestInvitation;
 use App\Mealz\MealBundle\Entity\Participant;
 use App\Mealz\MealBundle\Event\ParticipationUpdateEvent;
 use App\Mealz\MealBundle\Event\SlotAllocationUpdateEvent;
@@ -62,14 +63,38 @@ public function newGuestInvitation(
     ): JsonResponse {
         $guestInvitation = $guestInvitationRepo->findOrCreateInvitation($this->getUser()->getProfile(), $mealDay);
 
-        return new JsonResponse(
-            [
-                'url' => $this->generateUrl(
-                    'MealzMealBundle_Meal_guest',
-                    ['hash' => $guestInvitation->getId()],
-                    UrlGeneratorInterface::ABSOLUTE_URL),
-            ], 200
-        );
+        return new JsonResponse(['url' => $this->generateInvitationUrl($guestInvitation)], 200);
+    }
+
+    /**
+     * @Security("is_granted('ROLE_USER')")
+     */
+    public function newGuestEventInvitation(
+        Day $dayId,
+        GuestInvitationRepositoryInterface $guestInvitationRepo
+    ): JsonResponse {
+        $eventInvitation = $guestInvitationRepo->findOrCreateInvitation($this->getUser()->getProfile(), $dayId);
+
+        return new JsonResponse(['url' => $this->generateInvitationUrl($eventInvitation, false)], 200);
+    }
+
+    public function getEventInvitationData(
+        string $invitationId,
+        GuestInvitationRepositoryInterface $guestInvitationRepo
+    ): JsonResponse {
+        /** @var GuestInvitation $invitation */
+        $invitation = $guestInvitationRepo->find($invitationId);
+        if (null === $invitation) {
+            return new JsonResponse(['message' => '901: Could not find invitation for the given hash', 403]);
+        }
+
+        $guestData = [
+            'date' => $invitation->getDay()->getDateTime(),
+            'lockDate' => $invitation->getDay()->getLockParticipationDateTime(),
+            'event' => $invitation->getDay()->getEvent()->getEvent()->getTitle(),
+        ];
+
+        return new JsonResponse($guestData, 200);
     }
 
     /**
@@ -91,4 +116,13 @@ private function triggerJoinEvents(array $participants): void
             $this->eventDispatcher->dispatch(new SlotAllocationUpdateEvent($participant->getMeal()->getDay(), $slot));
         }
     }
+
+    private function generateInvitationUrl(GuestInvitation $invitation, bool $isMeal = true): string
+    {
+        return $this->generateUrl(
+            true === $isMeal ? 'MealzMealBundle_Meal_guest' : 'MealzMealBundle_Meal_guest_event',
+            ['hash' => $invitation->getId()],
+            UrlGeneratorInterface::ABSOLUTE_URL
+        );
+    }
 }
diff --git a/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishVariations.php b/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishVariations.php
index 6921ea485..bea3eddc6 100644
--- a/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishVariations.php
+++ b/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishVariations.php
@@ -74,7 +74,7 @@ private function getDishVariation(Dish $dish): DishVariation
         $dishVariation->setTitleDe($dish->getTitleDe() . $dummyPrefix);
         $dishVariation->setTitleEn($dish->getTitleEn() . $dummyPrefix);
         $dishVariation->setParent($dish);
-        $dishVariation->setPrice(3.60);
+        $dishVariation->setPrice(4.13);
 
         $variations = $dish->getVariations();
         $variations->add($dishVariation);
diff --git a/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishes.php b/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishes.php
index bd772e3f8..5f2a5ca05 100644
--- a/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishes.php
+++ b/src/Mealz/MealBundle/DataFixtures/ORM/LoadDishes.php
@@ -72,7 +72,7 @@ public function getOrder(): int
     protected function addDish(string $titleEN, string $titleDE, string $descEN = null, string $descDE = null, bool $oneSize = false): void
     {
         $dish = new Dish();
-        $dish->setPrice(3.60);
+        $dish->setPrice(4.13);
         $dish->setTitleEn($titleEN);
         $dish->setTitleDe($titleDE);
         $dish->setDescriptionEn('Description - ' . $titleEN);
diff --git a/src/Mealz/MealBundle/Resources/config/routing.yml b/src/Mealz/MealBundle/Resources/config/routing.yml
index 40effdc8c..242ca65ee 100644
--- a/src/Mealz/MealBundle/Resources/config/routing.yml
+++ b/src/Mealz/MealBundle/Resources/config/routing.yml
@@ -1,7 +1,3 @@
-MealzMealBundle_language_switch:
-    path:  /language-switch
-    defaults: { _controller: App\Mealz\MealBundle\Controller\LanguageController::switch }
-
 MealzMealBundle_api_dashboard:
     path: /api/dashboard
     defaults: { _controller: App\Mealz\MealBundle\Controller\ApiController::getDashboardData }
@@ -87,6 +83,11 @@ MealzMealBundle_Meal_guest:
   defaults: { _controller: App\Mealz\MealBundle\Controller\FrontendController::renderIndex }
   methods: [ GET, POST ]
 
+MealzMealBundle_Meal_guest_event:
+  path: /guest/event/{hash}
+  defaults: { _controller: App\Mealz\MealBundle\Controller\FrontendController::renderIndex }
+  methods: [ GET, POST ]
+
 MealzMealBundle_balance:
   path: /balance
   defaults: { _controller: App\Mealz\MealBundle\Controller\FrontendController::renderIndex }
@@ -167,6 +168,11 @@ MealzMealBundle_api_invitationdata:
   defaults: { _controller: App\Mealz\MealBundle\Controller\ApiController::getGuestData }
   methods: [ GET ]
 
+MealzMealBundle_api_event_invitation_data:
+  path: /api/event/invitation/{invitationId}
+  defaults: { _controller: App\Mealz\MealBundle\Controller\MealGuestController::getEventInvitationData }
+  methods: [ GET ]
+
 MealzMealBundle_api_events:
   path: /api/events
   defaults: { _controller: App\Mealz\MealBundle\Controller\EventController::getEventList }
@@ -197,6 +203,12 @@ MealzMealBundle_api_events_leave:
   defaults: { _controller: App\Mealz\MealBundle\Controller\EventController::leave }
   methods: [ DELETE ]
 
+MealzMealBundle_Meal_api_guest_event_invitation:
+    path:  /event/invitation/{dayId}
+    defaults: { _controller: App\Mealz\MealBundle\Controller\MealGuestController::newGuestEventInvitation }
+    requirements:
+        dayId: '[1-9][0-9]*'
+
 MealzMealBundle_Meal_offers:
     path: /menu/{date}/{dish}/offers
     defaults: { _controller: App\Mealz\MealBundle\Controller\MealController::getOffers }
diff --git a/src/Mealz/MealBundle/Service/EventParticipationService.php b/src/Mealz/MealBundle/Service/EventParticipationService.php
index f4996575d..2491faa25 100644
--- a/src/Mealz/MealBundle/Service/EventParticipationService.php
+++ b/src/Mealz/MealBundle/Service/EventParticipationService.php
@@ -56,6 +56,7 @@ public function getEventParticipationData(Day $day, Profile $profile = null): ?a
             'eventId' => $eventParticipation->getEvent()->getId(),
             'participationId' => $eventParticipation->getId(),
             'participations' => count($eventParticipation->getParticipants()),
+            'isPublic' => $eventParticipation->getEvent()->isPublic(),
         ];
 
         if (null !== $profile) {
diff --git a/src/Resources/src/api/getDashboardData.ts b/src/Resources/src/api/getDashboardData.ts
index 45dbbae03..e5b9a5e4e 100644
--- a/src/Resources/src/api/getDashboardData.ts
+++ b/src/Resources/src/api/getDashboardData.ts
@@ -40,7 +40,8 @@ export type EventParticipation = {
     eventId: number,
     participationId: number,
     participations: number,
-    isParticipating: boolean
+    isParticipating: boolean,
+    isPublic: boolean
 }
 
 export type Day = {
diff --git a/src/Resources/src/api/getEventGuestLink.ts b/src/Resources/src/api/getEventGuestLink.ts
new file mode 100644
index 000000000..057b75acc
--- /dev/null
+++ b/src/Resources/src/api/getEventGuestLink.ts
@@ -0,0 +1,13 @@
+import useApi from "./api";
+import { Link } from "./getGuestLink";
+
+export default async function getEventGuestLink(dayId: string) {
+    const { error, response: link, request } = useApi<Link>(
+        'GET',
+        `/event/invitation/${dayId}`
+    );
+
+    await request();
+
+    return { link, error };
+}
\ No newline at end of file
diff --git a/src/Resources/src/api/getEventInvitionData.ts b/src/Resources/src/api/getEventInvitionData.ts
new file mode 100644
index 000000000..5d640589d
--- /dev/null
+++ b/src/Resources/src/api/getEventInvitionData.ts
@@ -0,0 +1,20 @@
+import { IMessage } from "@/interfaces/IMessage";
+import useApi from "./api";
+import { DateTime } from "./getDashboardData";
+
+export interface EventInvitationData {
+    date: DateTime,
+    lockDate: DateTime,
+    event: string
+}
+
+export default async function getEventInvitationData(invitationHash: string) {
+    const { error, request, response } = useApi<EventInvitationData | IMessage>(
+        'GET',
+        `/api/event/invitation/${invitationHash}`
+    );
+
+    await request();
+
+    return { error, response };
+}
\ No newline at end of file
diff --git a/src/Resources/src/api/getGuestLink.ts b/src/Resources/src/api/getGuestLink.ts
index 1c795e1e4..b341588bc 100644
--- a/src/Resources/src/api/getGuestLink.ts
+++ b/src/Resources/src/api/getGuestLink.ts
@@ -1,7 +1,7 @@
 import useApi from '@/api/api';
 import { ref } from 'vue';
 
-type Link = {
+export type Link = {
     url: string
 }
 
diff --git a/src/Resources/src/components/dashboard/Day.vue b/src/Resources/src/components/dashboard/Day.vue
index 26dc1315d..901164b50 100644
--- a/src/Resources/src/components/dashboard/Day.vue
+++ b/src/Resources/src/components/dashboard/Day.vue
@@ -15,6 +15,8 @@
         v-if="!day.isLocked && !emptyDay && !guestData && day.isEnabled"
         :dayID="dayID"
         :index="index"
+        :invitation="Invitation.MEAL"
+        :icon-white="true"
         class="row-start-2 w-[24px] pl-[3px] text-center"
       />
     </div>
@@ -38,7 +40,7 @@
         v-for="(meal, mealID) in day.meals"
         :key="mealID"
         class="mx-[15px] border-b-[0.7px] last:border-b-0"
-        :class="isEventDay ? 'pt-[13px] pb-[13px] last:pb-0 last:pt-[21px]' : 'py-[13px]'"
+        :class="isEventDay && !guestData ? 'pt-[13px] pb-[13px] last:pb-0 last:pt-[21px]' : 'py-[13px]'"
       >
         <VariationsData
           v-if="meal.variations"
@@ -68,9 +70,10 @@
       </span>
     </div>
     <EventData
-      v-if="isEventDay"
+      v-if="isEventDay && !guestData"
       class="col-start-2 row-start-2"
       :day="day"
+      :dayId="dayID"
     />
   </div>
 </template>
@@ -86,6 +89,7 @@ import GuestButton from '@/components/dashboard/GuestButton.vue';
 import { translateWeekday } from 'tools/localeHelper';
 import { GuestDay } from '@/api/getInvitationData';
 import EventData from './EventData.vue';
+import { Invitation } from '@/enums/Invitation';
 
 const { t, locale } = useI18n()
 
diff --git a/src/Resources/src/components/dashboard/EventData.vue b/src/Resources/src/components/dashboard/EventData.vue
index b9baf3097..9f3437080 100644
--- a/src/Resources/src/components/dashboard/EventData.vue
+++ b/src/Resources/src/components/dashboard/EventData.vue
@@ -23,6 +23,14 @@
       <span class="mr-[5px] inline-block grow self-center break-words text-[12px] font-bold leading-[20px] tracking-[0.5px] text-primary-1 min-[380px]:text-note">
         {{ getEventById(day.event.eventId)?.title }}
       </span>
+      <GuestButton
+        v-if="!day.isLocked && day.event.isPublic"
+        :dayID="dayId"
+        :index="0"
+        :invitation="Invitation.EVENT"
+        :icon-white="false"
+        class="w-[24px] text-center"
+      />
       <EventPopup
         class="justify-self-end"
         :event-title="getEventById(day.event.eventId)?.title"
@@ -55,9 +63,12 @@ import EventIcon from '../misc/EventIcon.vue';
 import BannerSpacer from '../misc/BannerSpacer.vue';
 import { useI18n } from 'vue-i18n';
 import EventPopup from '@/components/eventParticipation/EventPopup.vue';
+import GuestButton from './GuestButton.vue';
+import { Invitation } from '@/enums/Invitation';
 
 defineProps<{
-  day: Day
+  day: Day,
+  dayId: string
 }>();
 
 const { t } = useI18n();
diff --git a/src/Resources/src/components/dashboard/GuestButton.vue b/src/Resources/src/components/dashboard/GuestButton.vue
index e465ab492..657b36ac4 100644
--- a/src/Resources/src/components/dashboard/GuestButton.vue
+++ b/src/Resources/src/components/dashboard/GuestButton.vue
@@ -4,12 +4,16 @@
       <Icons
         icon="guest"
         box="0 0 13 13"
-        class="h-[13px] w-[13px] fill-white"
+        class="h-[13px] w-[13px]"
+        :class="iconWhite ? 'fill-white' : 'fill-[#1c5298]'"
       />
     </PopoverButton>
 
     <PopoverPanel :class="[index === 4 ? '-top-12' : 'top-12' , 'absolute -left-6 z-[2]']">
-      <GuestLink :dayID="String(dayID)" />
+      <GuestLink
+        :dayID="String(dayID)"
+        :invitation="invitation"
+      />
     </PopoverPanel>
   </Popover>
 </template>
@@ -18,9 +22,12 @@
 import { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue';
 import Icons from '@/components/misc/Icons.vue';
 import GuestLink from '@/components/dashboard/GuestLink.vue';
+import { Invitation } from '@/enums/Invitation';
 
 defineProps<{
   dayID: number | string,
-  index: number
+  index: number,
+  invitation: Invitation,
+  iconWhite: boolean
 }>();
 </script>
\ No newline at end of file
diff --git a/src/Resources/src/components/dashboard/GuestLink.vue b/src/Resources/src/components/dashboard/GuestLink.vue
index b03bd52dc..28fe86726 100644
--- a/src/Resources/src/components/dashboard/GuestLink.vue
+++ b/src/Resources/src/components/dashboard/GuestLink.vue
@@ -10,19 +10,22 @@
 
 <script setup lang="ts">
 import {useGuestLink} from '@/api/getGuestLink';
+import getEventGuestLink from '@/api/getEventGuestLink';
 import {useI18n} from 'vue-i18n';
 import { CheckIcon } from '@heroicons/vue/solid';
 import { onMounted, ref } from 'vue';
+import { Invitation } from '@/enums/Invitation';
 
 const props = defineProps<{
-  dayID: string
+  dayID: string,
+  invitation: Invitation
 }>();
 
 const { t } = useI18n()
 const url = ref('');
 
 onMounted(async () => {
-  const { link, error } = await useGuestLink(props.dayID)
+  const { link, error } = props.invitation === Invitation.MEAL ? await useGuestLink(props.dayID) : await getEventGuestLink(props.dayID)
   if (error.value === false) {
     copyTextToClipboard(link.value.url)
     url.value = link.value.url
diff --git a/src/Resources/src/enums/Invitation.ts b/src/Resources/src/enums/Invitation.ts
new file mode 100644
index 000000000..067b4a136
--- /dev/null
+++ b/src/Resources/src/enums/Invitation.ts
@@ -0,0 +1,4 @@
+export enum Invitation {
+    MEAL = 'Meal',
+    EVENT = 'Event'
+}
\ No newline at end of file
diff --git a/src/Resources/src/locales/de.json b/src/Resources/src/locales/de.json
index 021455437..327d2c785 100644
--- a/src/Resources/src/locales/de.json
+++ b/src/Resources/src/locales/de.json
@@ -190,7 +190,7 @@
       "events": {
         "created": "Das Event wurde erfolgreich erstellt.",
         "deleted": "Das Event wurde erfolgreich gelöscht.",
-        "updated": "Das Event wurde erfolgreich bearbeitet."
+        "edited": "Das Event wurde erfolgreich bearbeitet."
       },
       "finance": {
         "empty": "Es gibt keine Transaktionen im ausgewählten Zeitraum"
@@ -229,7 +229,12 @@
     "resolve_success": "Essensbuchung erfolgreich!",
     "resolve_error": "Fehler bei der Essensbuchung.",
     "title": "Mittagessen bei AOE",
-    "description": "Als Gast in unserem Haus laden wir Sie gerne zu einem Mittagessen in der AOE Eatery ein. Für Ihre Bestellung tragen Sie sich bitte bis spätestens einen Tag vorher mit Ihren Daten ein und wählen das gewünschte Gericht aus, das dann an unsere Köche weitergeleitet wird.\n\nGuten Appetit wünscht Ihnen,\nAOE"
+    "description": "Als Gast in unserem Haus laden wir Sie gerne zu einem Mittagessen in der AOE Eatery ein. Für Ihre Bestellung tragen Sie sich bitte bis spätestens einen Tag vorher mit Ihren Daten ein und wählen das gewünschte Gericht aus, das dann an unsere Köche weitergeleitet wird.\n\nGuten Appetit wünscht Ihnen,\nAOE",
+    "event": {
+      "submit": "An Event teilnehmen",
+      "title": "Veranstaltung bei AOE",
+      "description": "Hiermit laden wir Sie zu der Veranstaltung \"%EventTitle%\" bei uns ein. Damit wir rechtzeitig mit Ihnen planen können tragen Sie sich bitte bis spätestens %lockDate% Uhr für das Event ein.\n\nWir freuen uns auf Sie!"
+    }
   },
   "header": {
     "navigation": {
diff --git a/src/Resources/src/locales/en.json b/src/Resources/src/locales/en.json
index 54658cf1e..dea70eecf 100644
--- a/src/Resources/src/locales/en.json
+++ b/src/Resources/src/locales/en.json
@@ -190,7 +190,7 @@
       "events": {
         "created": "The event was successfully created.",
         "deleted": "The event was succefully deleted.",
-        "updated": "The event was successfully updated."
+        "edited": "The event was successfully updated."
       },
       "finance": {
         "empty": "There are no transactions for the selected timeframe"
@@ -229,7 +229,12 @@
     "resolve_success": "Meals booked successfully!",
     "resolve_error": "Error booking the selected meals.",
     "title": "Lunch at AOE",
-    "description": "As our guest, we would like to invite you to lunch in the AOE Eatery. To order a meal, register no later than one day before your visit to AOE with your personal information and choose the desired dish. Your order will be forwarded to our cooks.\n\nWe hope that you enjoy your lunch\nAOE"
+    "description": "As our guest, we would like to invite you to lunch in the AOE Eatery. To order a meal, register no later than one day before your visit to AOE with your personal information and choose the desired dish. Your order will be forwarded to our cooks.\n\nWe hope that you enjoy your lunch\nAOE",
+    "event": {
+      "submit": "Participate",
+      "title": "Event at AOE",
+      "description": "We would like to invite you to join us at the Event \"%EventTitle%\". To ensure we can plan ahead with you, please register for the event by %lockDate% at the latest.\n\nWe look forward to having you!"
+    }
   },
   "header": {
     "navigation": {
diff --git a/src/Resources/src/router.ts b/src/Resources/src/router.ts
index f93c62ff6..4d019e8c9 100644
--- a/src/Resources/src/router.ts
+++ b/src/Resources/src/router.ts
@@ -16,6 +16,7 @@ import CostsSettlement from './views/CostsSettlement.vue';
 import CashRegister from './views/CashRegister.vue';
 import Login from '@/views/Login.vue';
 import Events from './views/Events.vue';
+import GuestEvent    from './views/GuestEvent.vue';
 
 import { createRouter, createWebHistory } from 'vue-router';
 import { userDataStore }                  from '@/stores/userDataStore';
@@ -127,6 +128,15 @@ const router = createRouter({
                 allowedRoles: ['ROLE_KITCHEN_STAFF', 'ROLE_USER', 'ROLE_ADMIN', 'ROLE_FINANCE', 'ROLE_GUEST']
             }
         },
+        {
+            path: '/guest/event/:hash',
+            name: 'GuestEvent',
+            component: GuestEvent,
+            meta: {
+                allowedRoles: ['ROLE_KITCHEN_STAFF', 'ROLE_USER', 'ROLE_ADMIN', 'ROLE_FINANCE', 'ROLE_GUEST']
+            },
+            props: true
+        },
         {
             path: '/notAllowed',
             name: 'NotAllowed',
@@ -181,7 +191,7 @@ const router = createRouter({
 
 router.beforeEach((to) => {
     if (userDataStore.getState().roles.includes('ROLE_GUEST') === true || userDataStore.getState().user === '') {
-        if (to.name !== 'Guest' && to.name !== 'Login' && to.name !== 'ParticipantList') {
+        if (to.name !== 'Guest' && to.name !== 'GuestEvent' && to.name !== 'Login' && to.name !== 'ParticipantList') {
             return { name: 'Login' }
         }
     } else {
diff --git a/src/Resources/src/views/GuestEvent.vue b/src/Resources/src/views/GuestEvent.vue
new file mode 100644
index 000000000..8efc5389b
--- /dev/null
+++ b/src/Resources/src/views/GuestEvent.vue
@@ -0,0 +1,97 @@
+<template>
+  <div
+    v-if="invitationData !== null"
+    class="mx-[5%] xl:mx-auto"
+  >
+    <h2 class="text-center text-primary xl:text-left">
+      {{ `${t('guest.event.title')} | ${eventDate}` }}
+    </h2>
+    <p class="whitespace-pre-line text-[18px] leading-[24px] text-primary-1">
+      {{ t('guest.event.description').replace('%EventTitle%', invitationData?.event).replace('%lockDate%', lockDate) }}
+    </p>
+    <div>
+      <form
+        @submit.prevent="handleSubmit()"
+      >
+        <InputLabel
+          v-model="formData.firstname"
+          :required="true"
+          :labelText="t('guest.form.firstname')"
+        />
+        <InputLabel
+          v-model="formData.lastname"
+          :required="true"
+          :labelText="t('guest.form.lastname')"
+        />
+        <InputLabel
+          v-model="formData.company"
+          :labelText="t('guest.form.company')"
+        />
+        <SubmitButton
+          :btnText="t('guest.event.submit')"
+        />
+      </form>
+    </div>
+  </div>
+  <LoadingSpinner
+    v-else
+    :loaded="invitationData === null"
+  />
+</template>
+
+<script setup lang="ts">
+import getEventInvitationData, { EventInvitationData } from '@/api/getEventInvitionData';
+import InputLabel from '@/components/misc/InputLabel.vue';
+import LoadingSpinner from '@/components/misc/LoadingSpinner.vue';
+import SubmitButton from '@/components/misc/SubmitButton.vue';
+import { isMessage } from '@/interfaces/IMessage';
+import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t, locale } = useI18n();
+
+const invitationData = ref<EventInvitationData | null>(null);
+
+const formData = ref({
+  firstname: '',
+  lastname: '',
+  company: ''
+});
+
+const props = defineProps<{
+  hash: string
+}>()
+
+onMounted(async () => {
+  const { error, response } = await getEventInvitationData(props.hash);
+
+  if (error.value === false && !isMessage(response)) {
+    invitationData.value = (response.value as EventInvitationData);
+  }
+});
+
+const eventDate = computed(() => {
+  if (invitationData.value !== null) {
+    return getLocaleDateRepr(invitationData.value.date.date);
+  }
+  return 'unknown';
+});
+
+const lockDate = computed(() => {
+  if (invitationData.value !== null) {
+    return getLocaleDateRepr(invitationData.value.lockDate.date, true);
+  }
+  return 'unknown';
+});
+
+async function handleSubmit() {
+  console.log('HUHU')
+}
+
+function getLocaleDateRepr(date: string, getTime = false) {
+  if (getTime === true) {
+    return new Date(date).toLocaleDateString(locale.value, { weekday: 'long', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+  }
+  return new Date(date).toLocaleDateString(locale.value, { weekday: 'long', month: 'numeric', day: 'numeric' });
+}
+</script>
\ No newline at end of file
diff --git a/tests/e2e/cypress/e2e/Dashboard.cy.ts b/tests/e2e/cypress/e2e/Dashboard.cy.ts
index 1d5a91e52..21294450f 100644
--- a/tests/e2e/cypress/e2e/Dashboard.cy.ts
+++ b/tests/e2e/cypress/e2e/Dashboard.cy.ts
@@ -240,7 +240,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .children()
             .should('have.length', 0);
 
@@ -257,7 +257,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .click();
 
         // confirm event has been joined
@@ -273,7 +273,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .children()
             .should('have.length', 1);
 
@@ -290,7 +290,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .click();
 
         // confirm event has been left
@@ -306,7 +306,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .children()
             .should('have.length', 0);
     });
@@ -366,7 +366,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .click();
 
         // click on the info-icon
@@ -381,7 +381,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('svg')
-            .eq(0)
+            .eq(1)
             .click();
 
         cy.wait('@getParticipants');
@@ -415,7 +415,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('div')
-            .eq(3)
+            .eq(4)
             .click();
 
         // click on the info-icon
@@ -430,7 +430,7 @@ describe('Test Dashboard View', () => {
             .contains('Afterwork')
             .parent()
             .find('svg')
-            .eq(0)
+            .eq(1)
             .click();
 
         cy.wait('@getParticipants');