diff --git a/frontend/components/common/Button.vue b/frontend/components/common/Button.vue
index 20cef21b..e4f348e8 100644
--- a/frontend/components/common/Button.vue
+++ b/frontend/components/common/Button.vue
@@ -175,6 +175,7 @@ const loaderColor = computed(() => loaderColorDict[props.buttonKind] ?? '');
 
 	&__content {
 		font-size: var(--font-size-M);
+		
 	}
 
 	&__icon {
diff --git a/frontend/components/detailes/Actions.vue b/frontend/components/detailes/Actions.vue
index 9c355284..e009c979 100644
--- a/frontend/components/detailes/Actions.vue
+++ b/frontend/components/detailes/Actions.vue
@@ -75,7 +75,6 @@ patchDeleteEventModal({
 
 	@media (min-width: 1440px) {
 		flex-direction: row;
-		width: 167px;
 	}
 
 	&__button-admin {
diff --git a/frontend/components/detailes/Description.vue b/frontend/components/detailes/Description.vue
new file mode 100644
index 00000000..d80d1405
--- /dev/null
+++ b/frontend/components/detailes/Description.vue
@@ -0,0 +1,148 @@
+<script setup lang="ts">
+import type { PropType } from 'vue';
+import type { EventOnPoster } from '../../../common/types';
+import { PEREDELANO_CREATOR_ID } from '../../../common/const/eventTypes';
+
+const mobile = inject<boolean>('mobile');
+
+defineProps({
+	posterEvent: {
+		type: Object as PropType<EventOnPoster>,
+		default: null
+	}
+});
+</script>
+<template>
+	<div class="description">
+		<div class="description__content">
+			<h4
+				v-if="!mobile && posterEvent.creatorId !== PEREDELANO_CREATOR_ID"
+				class="description__title"
+			>
+				{{ $t('event.description_title') }}
+			</h4>
+			<p
+				v-if="posterEvent.creatorId !== PEREDELANO_CREATOR_ID"
+				class="description__text text3"
+			>
+				{{ posterEvent.description }}
+			</p>
+			<div
+				v-if="posterEvent.creatorId === PEREDELANO_CREATOR_ID"
+				class="description__html"
+				v-html="useSanitizer(posterEvent.description)"
+			/>
+		</div>
+		<DetailesInfoPoster v-if="!mobile" />
+	</div>
+</template>
+<style lang="less" scoped>
+.description {
+	display: flex;
+	width: 100%;
+	margin-bottom: 30px;
+
+	@media (min-width: 768px) {
+		gap: 20px;
+	}
+	&__content {
+		padding-top: 22px;
+		flex-grow: 1;
+
+		@media (max-width: 768px) {
+			margin-bottom: 24px;
+		}
+		@media (min-width: 768px) {
+			border-top: 1px solid var(--color-input-field);
+		}
+	}
+	&__title {
+		padding-bottom: 30px;
+		@media (min-width: 768px) {
+			display: flex;
+		}
+	}
+
+	&__text {
+		word-wrap: break-word;
+		white-space: pre-line;
+	}
+
+	&__html {
+		word-wrap: break-word;
+		white-space: pre-line;
+		font-size: var(--font-size-S);
+		line-height: 20px;
+		margin-bottom: 24px;
+		padding-top: 8px;
+
+		&:deep(h1),
+		&:deep(h2),
+		&:deep(h3),
+		&:deep(h4),
+		&:deep(h5) {
+			line-height: normal;
+			font-size: var(--font-size-S);
+		}
+
+		&:deep(h2) {
+			font-size: var(--font-size-L);
+			border-top: 1px solid var(--color-input-field);
+			padding-top: 24px;
+
+			@media (min-width: 768px) {
+				font-size: var(--font-size-ML);
+			}
+
+			@media (min-width: 1440px) {
+				margin-bottom: 14px;
+			}
+		}
+
+		&:deep(a) {
+			text-decoration: underline;
+			text-underline-offset: 0.2rem;
+		}
+
+		&:deep(img) {
+			min-width: 0 !important;
+			max-width: 100% !important;
+			box-sizing: content-box;
+		}
+
+		&:deep(blockquote) {
+			padding: 0 1em;
+			border-left: 0.25em solid var(--color-input-icons);
+		}
+
+		&:deep(table) {
+			width: max-content;
+			max-width: 100%;
+			overflow: auto;
+			margin-top: 0;
+			margin-bottom: 16px;
+			border-collapse: collapse;
+			border-spacing: 0;
+		}
+
+		&:deep(tr) {
+			border-top: 1px solid var(--color-input-icons);
+		}
+
+		&:deep(th),
+		&:deep(td) {
+			padding: 6px 13px;
+			border: 1px solid var(--color-input-icons);
+		}
+
+		&:deep(th) {
+			font-weight: var(--font-weight-bold);
+		}
+
+		&:deep(hr) {
+			border-style: none;
+			border-top: 1px solid var(--color-input-field);
+		}
+	}
+}
+</style>
diff --git a/frontend/components/detailes/EventSummary.vue b/frontend/components/detailes/EventSummary.vue
new file mode 100644
index 00000000..d636a02a
--- /dev/null
+++ b/frontend/components/detailes/EventSummary.vue
@@ -0,0 +1,108 @@
+<script setup lang="ts">
+import type { PropType } from 'vue';
+import type { EventOnPoster } from '../../../common/types';
+
+defineEmits(['toggleFavourites', 'deleteCard', 'editClick']);
+defineProps({
+	posterEvent: {
+		type: Object as PropType<EventOnPoster>,
+		default: null
+	},
+	isInFavourites: {
+		type: Boolean,
+		default: false
+	},
+	isShowFavourites: {
+		type: Boolean,
+		default: false
+	},
+	isOwner: {
+		type: Boolean,
+		default: false
+	},
+	isActiveButtons: {
+		type: Boolean,
+		default: false
+	}
+});
+</script>
+<template>
+	<div class="event-summary">
+		<div class="event-summary__wrapper">
+			<div class="event-summary__header">
+				<DetailesItemsOrganizer
+					v-if="posterEvent.organizer"
+					:organizer="posterEvent.organizer"
+				/>
+				<DetailesItemsTitle
+					:title="posterEvent.title"
+					:is-show-favourites="isShowFavourites"
+					:is-in-favourites="isInFavourites"
+					@toggle-favourites="$emit('toggleFavourites')"
+				/>
+			</div>
+			<CommonEventDetails
+				class="event-summary__details"
+				:price="posterEvent.price"
+				:date="posterEvent.date"
+				:duration="posterEvent.durationInSeconds"
+				:is-online="posterEvent.isOnline"
+				:location="posterEvent.location"
+				:timezone="posterEvent.timezone"
+				has-link-to-g-maps
+				size="big"
+			/>
+		</div>
+		<DetailesActions
+			v-if="isActiveButtons"
+			:creator-id="posterEvent.creatorId"
+			@edit-click="$emit('editClick')"
+			@delete-click="$emit('deleteCard')"
+		/>
+	</div>
+</template>
+<style scoped lang="less">
+.event-summary {
+	display: flex;
+	width: 100%;
+	overflow: hidden;
+	flex-direction: column;
+
+	@media (min-width: 768px) {
+		flex-direction: row;
+	}
+
+	&__wrapper {
+		@media (min-width: 768px) {
+			flex-grow: 1;
+		}
+
+		@media (min-width: 1440px) {
+			width: 50%;
+		}
+	}
+	&__header {
+		display: flex;
+		width: 100%;
+		flex-direction: column;
+		margin-bottom: 10px;
+
+		@media (min-width: 768px) {
+			flex-direction: column-reverse;
+			margin-bottom: 30px;
+		}
+	}
+
+	&__details {
+		display: flex;
+		width: 100%;
+		flex-direction: column;
+
+		@media (min-width: 768px) {
+			padding-top: 24px;
+			border-top: 1px solid var(--color-input-field);
+			padding-bottom: 24px;
+		}
+	}
+}
+</style>
diff --git a/frontend/components/detailes/Info.vue b/frontend/components/detailes/Info.vue
deleted file mode 100644
index ec389e42..00000000
--- a/frontend/components/detailes/Info.vue
+++ /dev/null
@@ -1,228 +0,0 @@
-<script setup lang="ts">
-import type { PropType } from 'vue';
-import type { EventOnPoster } from '../../../common/types';
-import { PEREDELANO_CREATOR_ID } from '../../../common/const/eventTypes';
-
-const mobile = inject<boolean>('mobile');
-
-defineEmits(['toggleFavourites', 'onClickRedirect']);
-defineProps({
-	posterEvent: {
-		type: Object as PropType<EventOnPoster>,
-		default: null
-	},
-	isInFavourites: {
-		type: Boolean,
-		default: false
-	},
-	isShowFavourites: {
-		type: Boolean,
-		default: false
-	},
-	isOwner: {
-		type: Boolean,
-		default: false
-	}
-});
-</script>
-
-<template>
-	<div class="event-summary">
-		<div class="event-summary__header">
-			<DetailesItemsOrganizer
-				v-if="posterEvent.organizer"
-				:organizer="posterEvent.organizer"
-			/>
-			<DetailesItemsTitle
-				:title="posterEvent.title"
-				:is-show-favourites="isShowFavourites"
-				:is-in-favourites="isInFavourites"
-				@toggle-favourites="$emit('toggleFavourites')"
-			/>
-		</div>
-		<CommonEventDetails
-			class="event-summary__details"
-			:price="posterEvent.price"
-			:date="posterEvent.date"
-			:duration="posterEvent.durationInSeconds"
-			:is-online="posterEvent.isOnline"
-			:location="posterEvent.location"
-			:timezone="posterEvent.timezone"
-			has-link-to-g-maps
-			size="big"
-		/>
-		<h4
-			v-if="!mobile && posterEvent.creatorId !== PEREDELANO_CREATOR_ID"
-			class="event-summary__description-title"
-		>
-			{{ $t('event.description_title') }}
-		</h4>
-		<p
-			v-if="posterEvent.creatorId !== PEREDELANO_CREATOR_ID"
-			class="event-summary__description text3"
-		>
-			{{ posterEvent.description }}
-		</p>
-		<div
-			v-if="posterEvent.creatorId === PEREDELANO_CREATOR_ID"
-			class="event-summary__html-description"
-			v-html="useSanitizer(posterEvent.description)"
-		/>
-		<CommonButton
-			v-if="posterEvent.url"
-			class="event-summary__button-contact"
-			:button-kind="isOwner ? 'dark' : 'success'"
-			:button-text="$t('global.button.contact')"
-			:link="posterEvent.url"
-			is-external-link
-			:@click="$emit('onClickRedirect')"
-		/>
-	</div>
-</template>
-
-<style lang="less" scoped>
-.event-summary {
-	display: flex;
-	//width: 100%;
-	flex-grow: 1;
-	overflow: hidden;
-	height: 100%;
-	flex-direction: column;
-	//	overflow: hidden;
-
-	@media (min-width: 768px) {
-		width: 66%;
-		max-width: 820px;
-		flex: 1;
-	}
-	&__header {
-		display: flex;
-		width: 100%;
-		flex-direction: column;
-		margin-bottom: var(--space-related-items);
-
-		@media (min-width: 768px) {
-			flex-direction: column-reverse;
-			margin-bottom: 24px;
-		}
-	}
-
-	&__details {
-		display: flex;
-		width: 100%;
-		flex-direction: column;
-		margin-bottom: var(--space-unrelated-items);
-
-		@media (min-width: 768px) {
-			padding-top: 24px;
-			border-top: 1px solid var(--color-input-field);
-		}
-	}
-
-	&__description-title {
-		@media (min-width: 768px) {
-			display: flex;
-			width: 100%;
-			padding-top: 24px;
-			border-top: 1px solid var(--color-input-field);
-			margin-bottom: 24px;
-		}
-	}
-
-	&__description {
-		word-wrap: break-word;
-		white-space: pre-line;
-		margin-bottom: 24px;
-	}
-
-	&__html-description {
-		word-wrap: break-word;
-		white-space: pre-line;
-		font-size: var(--font-size-S);
-		line-height: 20px;
-		margin-bottom: 24px;
-		padding-top: 8px;
-
-		&:deep(h1),
-		&:deep(h2),
-		&:deep(h3),
-		&:deep(h4),
-		&:deep(h5) {
-			line-height: normal;
-			font-size: var(--font-size-S);
-		}
-
-		&:deep(h2) {
-			font-size: var(--font-size-L);
-			border-top: 1px solid var(--color-input-field);
-			padding-top: 24px;
-
-			@media (min-width: 768px) {
-				font-size: var(--font-size-ML);
-			}
-
-			@media (min-width: 1440px) {
-				margin-bottom: 14px;
-			}
-		}
-
-		&:deep(a) {
-			text-decoration: underline;
-			text-underline-offset: 0.2rem;
-		}
-
-		&:deep(img) {
-			min-width: 0 !important;
-			max-width: 100% !important;
-			box-sizing: content-box;
-		}
-
-		&:deep(blockquote) {
-			padding: 0 1em;
-			border-left: 0.25em solid var(--color-input-icons);
-		}
-
-		&:deep(table) {
-			width: max-content;
-			max-width: 100%;
-			overflow: auto;
-			margin-top: 0;
-			margin-bottom: 16px;
-			border-collapse: collapse;
-			border-spacing: 0;
-		}
-
-		&:deep(tr) {
-			border-top: 1px solid var(--color-input-icons);
-		}
-
-		&:deep(th),
-		&:deep(td) {
-			padding: 6px 13px;
-			border: 1px solid var(--color-input-icons);
-		}
-
-		&:deep(th) {
-			font-weight: var(--font-weight-bold);
-		}
-
-		&:deep(hr) {
-			border-style: none;
-			border-top: 1px solid var(--color-input-field);
-		}
-	}
-
-	&__button-contact {
-		margin-top: auto;
-
-		@media (min-width: 768px) {
-			margin-top: 0;
-			max-width: 60%;
-		}
-
-		@media (min-width: 1440px) {
-			max-width: 43%;
-		}
-	}
-}
-</style>
diff --git a/frontend/components/detailes/InfoPoster.vue b/frontend/components/detailes/InfoPoster.vue
new file mode 100644
index 00000000..c312305b
--- /dev/null
+++ b/frontend/components/detailes/InfoPoster.vue
@@ -0,0 +1,163 @@
+<script setup lang="ts"></script>
+
+<template>
+	<div class="poster">
+		<div class="info-poster">
+			<h3 class="info-poster__title">{{ $t('event.poster.create_title') }}</h3>
+			<p class="info-poster__subtitle info-poster__text">
+				{{ $t('event.poster.click_button') }}
+			</p>
+
+			<div class="info-poster__item-one">
+				<span class="info-poster__button">{{ $t('global.button.create_event') }}</span>
+				<span class="info-poster__text">{{ $t('event.poster.button') }}</span>
+			</div>
+
+			<div class="info-poster__item-two">
+				<span class="info-poster__button-plus">
+					<CommonIcon
+						name="plus"
+						color="var(--color-white)"
+					/>
+				</span>
+				<span class="info-poster__text">{{ $t('event.poster.button_plus') }}</span>
+			</div>
+		</div>
+		<!--
+		
+<CommonButton
+	:button-text="$t('global.button.more')"
+	class="button__success--filled isRound more"
+	button-kind="success"
+/>
+-->
+	</div>
+</template>
+
+<style lang="less" scoped>
+.poster {
+	display: grid;
+	width: 350px;
+	height: 225px;
+	padding: 38px 12px 17px 12px;
+	background-image: url(/img/event/background.svg);
+	background-repeat: no-repeat;
+	background-size: cover;
+	border-radius: 20px;
+	@media (min-width: 768px) {
+		padding: 38px 13px 8px 13px;
+		flex-shrink: 0;
+		width: 311px;
+		height: 225px;
+	}
+	@media (max-width: 768px) {
+		align-self: center;
+		margin-top: 24px;
+	}
+	@media (min-width: 1440px) {
+		width: 400px;
+		height: 279px;
+		padding: 41px 15px 16px;
+	}
+}
+.info-poster {
+	grid-area: 1 / 1 / 1 / 1;
+	border-radius: 20px;
+	width: 100%;
+	height: 100%;
+
+	&__title {
+		text-align: center;
+		margin-bottom: 18px;
+		font-size: 1.4rem;
+		font-weight: bold;
+		@media (min-width: 768px) {
+			margin-bottom: 11px;
+			font-size: 1.2rem;
+		}
+
+		@media (min-width: 1440px) {
+			font-size: 1.6rem;
+			margin-bottom: 32px;
+		}
+	}
+	&__subtitle {
+		margin-bottom: 19px;
+		@media (min-width: 768px) {
+			margin-bottom: 11px;
+		}
+
+		@media (min-width: 1440px) {
+			margin-bottom: 20px;
+		}
+	}
+	&__text {
+		font-size: 1.2rem;
+		font-weight: bold;
+
+		@media (min-width: 1440px) {
+			font-size: 1.6rem;
+		}
+	}
+
+	&__item-one {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16px;
+
+		@media (min-width: 768px) {
+			margin-bottom: 14px;
+		}
+		@media (min-width: 1440px) {
+			margin-bottom: 22px;
+		}
+	}
+
+	&__item-two {
+		display: flex;
+		align-items: center;
+	}
+	&__button {
+		margin-right: 14px;
+		border-radius: 8px;
+		line-height: 18px;
+		padding: 4px 10px;
+		color: var(--color-white);
+		background-color: var(--color-accent-green-main);
+		border: 1px solid var(--color-accent-green-main);
+		cursor: default;
+		font-size: 1.2rem;
+	}
+
+	&__button-plus {
+		width: 38px;
+		height: 38px;
+		cursor: default;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-radius: 50%;
+		background-color: var(--color-accent-green-main);
+		border: 1px solid var(--color-accent-green-main);
+		margin-right: 13px;
+	}
+}
+.more {
+	grid-area: 1 / 1 / 1 / 1;
+	position: relative;
+	top: 135px;
+	right: -210px;
+	width: 120px;
+	z-index: 20;
+
+	@media (min-width: 768px) {
+		font-size: 1.6rem;
+		transform: translate(-40px, 0px);
+	}
+
+	@media (min-width: 1440px) {
+		top: 180px;
+		transform: translate(40px, 0px);
+	}
+}
+</style>
diff --git a/frontend/components/detailes/Items/Organizer.vue b/frontend/components/detailes/Items/Organizer.vue
index c61b5c1c..6aa99978 100644
--- a/frontend/components/detailes/Items/Organizer.vue
+++ b/frontend/components/detailes/Items/Organizer.vue
@@ -26,6 +26,7 @@ defineProps({
 
 	@media (min-width: 768px) {
 		margin-bottom: 0;
+		margin-top: 10px;
 	}
 }
 </style>
diff --git a/frontend/components/detailes/Items/Title.vue b/frontend/components/detailes/Items/Title.vue
index f73a0836..9246dcd3 100644
--- a/frontend/components/detailes/Items/Title.vue
+++ b/frontend/components/detailes/Items/Title.vue
@@ -38,16 +38,13 @@ defineProps({
 .event-info-title {
 	display: flex;
 	width: 100%;
-	margin-bottom: 10px;
-	align-items: start;
+	align-items: center;
+	@media (min-width: 768px) {
+		gap: 16px;
+	}
 
 	&__title {
 		word-break: break-all;
-
-		@media (min-width: 768px) {
-			margin-bottom: 12px;
-			margin-right: 16px;
-		}
 	}
 }
 </style>
diff --git a/frontend/i18n/locales/en-GB/event.ts b/frontend/i18n/locales/en-GB/event.ts
index 87ab6259..847390f2 100644
--- a/frontend/i18n/locales/en-GB/event.ts
+++ b/frontend/i18n/locales/en-GB/event.ts
@@ -4,6 +4,13 @@ export default {
 		event: 'Event image'
 	},
 	description_title: 'Event description',
+	poster: {
+		create_title: 'You can also create your own event and gather people around it.',
+		click_button: 'Just click on the button:',
+		button: 'in your personal account',
+		button_plus: 'on the main page'
+	},
+
 	price: {
 		free: 'Free',
 		unknown: 'Price not specified',
diff --git a/frontend/i18n/locales/en-GB/global.ts b/frontend/i18n/locales/en-GB/global.ts
index 2463caa6..c6503906 100644
--- a/frontend/i18n/locales/en-GB/global.ts
+++ b/frontend/i18n/locales/en-GB/global.ts
@@ -28,7 +28,8 @@ export default {
 		save: 'Save',
 		search: 'Search',
 		share: 'Share',
-		yes: 'Yes'
+		yes: 'Yes',
+		more: 'More'
 	},
 	notFound: 'Nothing found'
 };
diff --git a/frontend/i18n/locales/ru-RU/event.ts b/frontend/i18n/locales/ru-RU/event.ts
index b3be10f5..013dc57f 100644
--- a/frontend/i18n/locales/ru-RU/event.ts
+++ b/frontend/i18n/locales/ru-RU/event.ts
@@ -5,6 +5,13 @@ export default {
 		event: 'Изображение мероприятия'
 	},
 	description_title: 'Описание мероприятия',
+	poster: {
+		create_title: 'А еще ты можешь сам создать мероприятие и объединить людей вокруг него.',
+		click_button: 'Просто нажмите на кнопку:',
+		button: 'в личном кабинете',
+		button_plus: 'на главной'
+	},
+
 	price: {
 		free: 'Бесплатно',
 		unknown: 'Цена не указана',
diff --git a/frontend/i18n/locales/ru-RU/global.ts b/frontend/i18n/locales/ru-RU/global.ts
index ec14852c..8d5ff675 100644
--- a/frontend/i18n/locales/ru-RU/global.ts
+++ b/frontend/i18n/locales/ru-RU/global.ts
@@ -28,7 +28,8 @@ export default {
 		save: 'Сохранить',
 		search: 'Поиск',
 		share: 'Поделиться',
-		yes: 'Да'
+		yes: 'Да',
+		more: 'Подробнее'
 	},
 	notFound: 'Ничего не найдено'
 };
diff --git a/frontend/pages/event/[id].vue b/frontend/pages/event/[id].vue
index 7b192218..5c36fc5e 100644
--- a/frontend/pages/event/[id].vue
+++ b/frontend/pages/event/[id].vue
@@ -17,7 +17,7 @@ const route = useRoute();
 const localePath = useLocalePath();
 const { t } = useI18n();
 const id = getFirstParam(route.params.id);
-
+const mobile = inject<boolean>('mobile');
 const posterEvent = ref(null);
 
 const toggleFavourites = async () => {
@@ -89,6 +89,7 @@ const deleteCard = async () => {
 };
 
 const onEditButtonClick = async () => {
+	console.log('EDIT', id);
 	await navigateTo(localePath({ path: `${RoutePathEnum.EVENT_EDIT}${id}` }));
 };
 
@@ -129,23 +130,35 @@ const onEditButtonClick = async () => {
 			:is-in-favourites="isInFavourites"
 			@toggle-favourites="toggleFavourites"
 		/>
-		<div class="event-info">
-			<DetailesInfo
-				:poster-event="posterEvent"
-				:is-in-favourites="isInFavourites"
-				:is-owner="userStore.id === posterEvent.creatorId"
-				:is-show-favourites="userStore.isAuthorized"
-				@on-click-redirect="analyticsOnRedirect"
-				@toggle-favourites="toggleFavourites"
-			/>
-
-			<DetailesActions
-				v-if="userStore.isAuthorized"
-				:creator-id="posterEvent.creatorId"
-				@delete-click="deleteCard"
-				@edit-click="onEditButtonClick"
-			/>
-		</div>
+		<DetailesEventSummary
+			:poster-event="posterEvent"
+			:is-in-favourites="isInFavourites"
+			:is-owner="userStore.id === posterEvent.creatorId"
+			:is-show-favourites="userStore.isAuthorized"
+			:is-active-buttons="userStore.isAuthorized && !mobile"
+			@toggle-favourites="toggleFavourites"
+			@delete-click="deleteCard"
+			@edit-click="onEditButtonClick"
+		/>
+		<DetailesDescription :poster-event="posterEvent" />
+
+		<CommonButton
+			v-if="posterEvent.url"
+			class="event__button-contact"
+			:button-kind="userStore.id === posterEvent.creatorId ? 'dark' : 'success'"
+			:button-text="$t('global.button.contact')"
+			:link="posterEvent.url"
+			is-external-link
+			@click="analyticsOnRedirect"
+		/>
+		<DetailesActions
+			v-if="userStore.isAuthorized && mobile"
+			:creator-id="posterEvent.creatorId"
+			@delete-click="deleteCard"
+			@edit-click="onEditButtonClick"
+		/>
+
+		<DetailesInfoPoster v-if="mobile" />
 	</main>
 </template>
 
@@ -170,31 +183,17 @@ const onEditButtonClick = async () => {
 		min-height: unset;
 		height: unset;
 	}
-}
 
-.event-info {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	min-height: 250px;
-	padding-inline: 0;
-
-	@media (min-width: 768px) {
-		flex-direction: row;
-
-		justify-content: space-between;
-	}
-
-	&__actions {
-		display: flex;
-		width: 100%;
-		padding-top: 15px;
+	&__button-contact {
+		margin-top: auto;
 
 		@media (min-width: 768px) {
-			width: 34%;
-			justify-content: flex-end;
-			padding-top: 50px;
+			margin-top: 0;
+			width: 272px;
+		}
+
+		@media (min-width: 1440px) {
+			width: 351px;
 		}
 	}
 }
diff --git a/frontend/public/img/event/background.svg b/frontend/public/img/event/background.svg
new file mode 100644
index 00000000..79bde743
--- /dev/null
+++ b/frontend/public/img/event/background.svg
@@ -0,0 +1,62 @@
+<svg width="349" height="225" viewBox="0 0 349 225" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8197_8620)">
+<rect width="349" height="225" fill="#48C78E" fill-opacity="0.1"/>
+<g filter="url(#filter0_f_8197_8620)">
+<path d="M141.556 101.449C152.741 155.667 96.4158 173.451 15.751 141.17C-64.9138 108.89 -139.372 38.7686 -150.557 -15.4493C-161.741 -69.6673 -105.416 -87.4509 -24.7512 -55.1702C55.9136 -22.8895 130.372 47.2315 141.556 101.449Z" fill="url(#paint0_linear_8197_8620)" fill-opacity="0.6"/>
+</g>
+<g filter="url(#filter1_f_8197_8620)">
+<path d="M523.333 117.274C590.337 151.134 582.721 206.219 506.322 240.31C429.923 274.4 313.671 274.587 246.667 240.726C179.663 206.866 187.279 151.781 263.678 117.69C340.077 83.5999 456.329 83.4134 523.333 117.274Z" fill="url(#paint1_linear_8197_8620)" fill-opacity="0.7"/>
+</g>
+<path d="M4.99056 22.8514L12.1149 14.3281L8.0093 4.08022L15.5122 11.5855L25.0093 6.69084L17.8849 15.2141L21.9906 25.462L14.4876 17.9567L4.99056 22.8514Z" fill="white"/>
+<path d="M10.7611 25.7992L12.9947 32.5809L20.4216 32.5356L13.3 35.478L12.5599 42.8704L10.3263 36.0887L2.89943 36.134L10.0211 33.1916L10.7611 25.7992Z" fill="white"/>
+<path d="M36.8124 6.36359L39.7382 13.5426L45.7562 13.1294L40.4617 16.6412L41.0753 24.6224L38.1495 17.4434L32.1315 17.8566L37.426 14.3448L36.8124 6.36359Z" fill="white"/>
+<path opacity="0.03" d="M185.21 278C176.953 249.121 210.178 222.037 237.364 207.623C258.437 196.45 281.35 189.595 305.327 182.928C318.777 179.188 333.286 173.885 340.49 163.819C353.216 146.035 338.036 125.588 339.881 106.89C342.229 83.0996 387.367 76.6835 411.466 70.5414" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.0454167" d="M180.103 276.127C172.466 247.372 206.071 220.797 233.412 206.745C254.605 195.852 277.543 189.265 301.535 182.874C314.994 179.289 329.538 174.162 336.908 164.236C349.928 146.699 335.234 126.25 337.445 107.702C340.259 84.1019 385.303 78.1628 409.406 72.2944" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.0608333" d="M175.021 274.219C167.999 245.595 201.97 219.531 229.457 205.841C250.765 195.229 273.721 188.908 297.723 182.793C311.187 179.362 325.762 174.411 333.294 164.626C346.602 147.339 332.39 126.895 334.962 108.5C338.235 85.0951 383.176 79.6297 407.277 74.034" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.07625" d="M169.965 272.276C163.55 243.791 197.875 218.24 225.501 204.912C246.915 194.581 269.885 188.526 293.89 182.685C307.356 179.408 321.958 174.632 329.649 164.99C343.237 147.955 329.504 127.522 332.432 109.284C336.157 86.0782 380.985 81.0833 405.079 75.7591" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.0916667" d="M164.937 270.299C159.123 241.959 193.789 216.924 221.544 203.958C243.058 193.908 266.035 188.118 290.039 182.549C303.504 179.426 318.129 174.826 325.974 165.327C339.836 148.546 326.579 128.13 329.857 110.052C334.028 87.0512 378.733 82.5234 402.815 77.4695" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.107083" d="M159.935 268.288C154.715 240.101 189.709 215.583 217.585 202.98C239.194 193.21 262.173 187.683 286.168 182.387C299.629 179.416 314.273 174.991 322.27 165.638C336.397 149.113 323.614 128.719 327.236 110.806C331.844 88.0133 376.419 83.9492 400.482 79.1642" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.1225" d="M154.962 266.244C150.329 238.215 185.638 214.217 213.627 201.976C235.323 192.487 258.298 187.223 282.281 182.197C295.734 179.378 310.394 175.127 318.537 165.92C332.923 149.654 320.609 129.288 324.57 111.542C329.61 88.9633 374.045 85.3593 398.084 80.8418" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.137917" d="M150.018 264.167C145.965 236.303 181.575 212.826 209.669 200.947C231.447 191.739 254.412 186.736 278.375 181.98C291.818 179.312 306.49 175.234 314.775 166.175C329.414 150.17 317.565 129.837 321.859 112.263C327.323 89.9016 371.609 86.754 395.619 82.5027" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.153333" d="M145.103 262.058C141.623 234.365 177.523 211.41 205.713 199.893C227.565 190.966 250.515 186.223 274.454 181.735C287.883 179.218 302.563 175.313 310.987 166.402C325.87 150.66 314.484 130.366 319.105 112.966C324.985 90.8267 369.114 88.1318 393.089 84.1452" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.16875" d="M140.218 259.917C137.304 232.402 173.48 209.971 201.757 198.815C223.677 190.168 246.608 185.684 270.516 181.463C283.928 179.095 298.612 175.362 307.171 166.602C322.292 151.124 311.364 130.874 316.307 113.652C322.596 91.7387 366.559 89.4927 390.494 85.7692" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.184167" d="M135.365 257.746C133.009 230.414 169.448 208.508 197.805 197.713C219.787 189.345 242.692 185.12 266.565 181.163C279.956 178.944 294.641 175.383 303.33 166.773C318.682 151.562 308.209 131.362 313.467 114.32C320.158 92.6371 363.946 90.836 387.835 87.374" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.199583" d="M130.543 255.543C128.737 228.401 165.426 207.02 193.855 196.586C215.892 188.498 238.766 184.528 262.598 180.836C275.966 178.764 290.648 175.374 299.464 166.916C315.038 151.972 305.016 131.828 310.584 114.97C317.669 93.5209 361.274 92.1607 385.112 88.9586" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.215" d="M125.753 253.31C124.491 226.364 161.416 205.509 189.908 195.435C211.994 187.626 234.832 183.911 258.618 180.48C271.96 178.556 286.635 175.335 295.573 167.03C311.364 152.356 301.788 132.272 307.659 115.601C315.131 94.3898 358.545 93.4665 382.327 90.5225" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.230417" d="M120.997 251.047C120.269 224.302 157.419 203.975 185.966 194.26C208.095 186.729 230.891 183.267 254.624 180.097C267.938 178.318 282.603 175.267 291.659 167.115C307.659 152.713 298.524 132.694 304.694 116.213C312.544 95.2429 355.759 94.7523 379.479 92.0646" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.245833" d="M116.273 248.755C116.072 222.217 153.434 202.418 182.028 193.061C204.193 185.808 226.943 182.598 250.619 179.686C263.901 178.052 278.552 175.17 287.722 167.172C303.923 153.042 295.226 133.093 301.687 116.805C309.908 96.0802 352.916 96.018 376.57 93.5849" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.26125" d="M111.584 246.435C111.902 220.11 149.462 200.838 178.095 191.839C200.29 184.862 222.988 181.902 246.602 179.247C259.849 177.758 274.482 175.043 283.762 167.2C300.158 153.344 291.894 133.471 298.641 117.378C307.225 96.9012 350.017 97.2631 373.6 95.0826" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.276667" d="M106.929 244.086C107.758 217.979 145.504 199.236 174.167 190.592C196.386 183.892 219.027 181.181 242.574 178.78C255.783 177.434 270.395 174.885 279.781 167.198C296.364 153.617 288.529 133.824 295.555 117.929C304.494 97.7048 347.064 98.4864 370.57 96.5566" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.292083" d="M102.309 241.71C103.641 215.826 141.56 197.611 170.246 189.323C192.482 182.898 215.062 180.433 238.536 178.285C251.704 177.081 266.292 174.698 275.78 167.167C292.542 153.862 285.131 134.155 292.43 118.46C301.717 98.4908 344.056 99.6877 367.481 98.0066" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.3075" d="M97.7251 239.307C99.551 213.651 137.63 195.964 166.331 188.03C188.579 181.879 211.092 179.659 234.488 177.763C247.613 176.699 262.173 174.481 271.759 167.107C288.693 154.079 281.701 134.462 289.267 118.97C298.893 99.2591 340.994 100.867 364.333 99.4322" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.322917" d="M93.1773 236.878C95.489 211.455 133.715 194.296 162.424 186.714C184.677 180.837 207.118 178.859 230.432 177.212C243.51 176.288 258.039 174.234 267.718 167.017C284.818 154.267 278.24 134.745 286.066 119.459C296.024 100.009 337.88 102.022 361.127 100.832" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.338333" d="M88.6665 234.423C91.4555 209.239 129.817 192.607 158.524 185.376C180.777 179.771 203.141 178.034 226.368 176.634C239.397 175.849 253.891 173.957 263.659 166.898C280.917 154.427 274.748 135.004 282.829 119.925C293.11 100.739 334.713 103.154 357.864 102.207" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.35375" d="M84.193 231.942C87.4505 207.001 125.934 190.896 154.633 184.015C176.879 178.68 199.161 177.183 222.296 176.028C235.273 175.38 249.729 173.65 259.583 166.749C276.991 154.557 271.227 135.239 279.555 120.369C290.151 101.45 331.494 104.262 354.545 103.555" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.369167" d="M79.7567 229.437C83.4742 204.743 122.067 189.164 150.749 182.631C172.983 177.566 195.179 176.306 218.217 175.394C231.14 174.882 245.554 173.312 255.489 166.57C273.041 154.658 267.675 135.448 276.244 120.791C287.147 102.141 328.224 105.344 351.17 104.875" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.384583" d="M75.3594 226.908C79.528 202.467 118.218 187.412 146.876 181.225C169.091 176.43 191.197 175.404 214.132 174.732C226.998 174.355 241.368 172.945 251.38 166.361C269.068 154.731 264.096 135.633 272.9 121.19C284.102 102.812 324.905 106.402 347.741 106.169" stroke="#11998E" stroke-linecap="round"/>
+<path opacity="0.4" d="M71 224.356C75.6108 200.171 114.385 185.64 143.012 179.798C165.203 175.269 187.213 174.477 210.042 174.043C222.848 173.799 237.17 172.547 247.254 166.123C265.071 154.773 260.487 135.792 269.52 121.565C281.012 103.462 321.535 107.434 344.257 107.434" stroke="#11998E" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_f_8197_8620" x="-301.972" y="-221.271" width="594.944" height="528.541" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_8197_8620"/>
+</filter>
+<filter id="filter1_f_8197_8620" x="51" y="-58" width="668" height="474" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_8197_8620"/>
+</filter>
+<linearGradient id="paint0_linear_8197_8620" x1="-150.558" y1="-15.45" x2="106.502" y2="-68.4777" gradientUnits="userSpaceOnUse">
+<stop stop-color="#34E89E"/>
+<stop offset="1" stop-color="#0F3443"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8197_8620" x1="246.668" y1="240.726" x2="352.644" y2="31.0161" gradientUnits="userSpaceOnUse">
+<stop stop-color="#34E89E"/>
+<stop offset="1" stop-color="#0F3443"/>
+</linearGradient>
+<clipPath id="clip0_8197_8620">
+<rect width="349" height="225" fill="white"/>
+</clipPath>
+</defs>
+</svg>