@@ -1,15 +1,13 @@
 .card {
 	position: relative;
 	width: 100%;
-	height: 100%;
-	min-height: 400px;
+	height: 400px;
 	cursor: pointer;
 	border-radius: 16px;
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
 	transition: transform 0.2s ease, box-shadow 0.2s ease;
-	grid-column: span 1;
 
 	&:hover {
 		transform: scale(1.02);
@@ -17,16 +15,11 @@
 	}
 
 	&[data-desktop='true'] {
-		min-height: 500px;
 		min-width: 0;
 
 		&[data-flex='2'] {
 			grid-column: span 2;
 		}
-
-		&[data-flex='1'] {
-			grid-column: span 1;
-		}
 	}
 }
 
@@ -72,7 +65,6 @@
 .title {
 	font-size: 32px;
 	font-weight: 700;
-	color: #ffffff;
 	margin-bottom: 16px;
 	line-height: 1.2;
 }
@@ -44,7 +44,7 @@ export const PromoCard: React.FC<PromoCardProps> = ({ card, isDesktop, flex = 1
 					src={card.image}
 					alt={card.title}
 					fill
-					sizes={isDesktop ? '(max-width: 1200px) 50vw, 33vw' : '100vw'}
+					sizes={isDesktop ? '(max-width: 1200px) 50vw, 33vw' : '100%'}
 					priority
 					style={{ objectFit: 'cover' }}
 				/>
@@ -1,13 +1,15 @@
 .list {
 	display: grid;
 	grid-template-columns: 1fr;
+	grid-template-rows: repeat(4, 1fr);
 	gap: 20px;
-	width: 100%;
+	min-height: 90vh;
 
 	&[data-desktop='true'] {
 		grid-template-columns: repeat(3, 1fr);
+		grid-template-rows: 1fr 1fr;
 		gap: 24px;
-		max-width: 100%;
+		min-height: 90vh;
 	}
 }
 
@@ -52,37 +52,27 @@ const Home: NextPageWithLayout<HomePageProps> = () => {
 			routerlink: '/videos',
 			buttonText: 'Попробовать',
 		},
-		{
-			title: 'Копирайтинг',
-			image: '/images/promo-cards/copyright.png',
-			description: 'Создавайте уникальные, качественные тексты для бизнеса, блогов и рекламы.',
-			routerlink: '/chat-bot',
-			buttonText: 'Скоро будет доступно',
-			buttonDisabled: true,
-		},
-		{
-			title: 'Улучшение фото',
-			image: '/images/promo-cards/image-enhancement.png',
-			description: 'Улучшайте качество, устраняйте шум и добавляйте детали с помощью ИИ.',
-			routerlink: '/images/nanobanana',
-			buttonText: 'Скоро будет доступно',
-			buttonDisabled: true,
-		},
+		// {
+		// 	title: 'Копирайтинг',
+		// 	image: '/images/promo-cards/copyright.png',
+		// 	description: 'Создавайте уникальные, качественные тексты для бизнеса, блогов и рекламы.',
+		// 	routerlink: '/chat-bot',
+		// 	buttonText: 'Скоро будет доступно',
+		// 	buttonDisabled: true,
+		// },
+		// {
+		// 	title: 'Улучшение фото',
+		// 	image: '/images/promo-cards/image-enhancement.png',
+		// 	description: 'Улучшайте качество, устраняйте шум и добавляйте детали с помощью ИИ.',
+		// 	routerlink: '/images/nanobanana',
+		// 	buttonText: 'Скоро будет доступно',
+		// 	buttonDisabled: true,
+		// },
 	]
 
 	return (
 		<Box sx={{ width: isDesktop ? 'none' : '100%', marginRight: isDesktop ? '60px' : 'none' }}>
-			<Box sx={{ padding: isDesktop ? '20px' : '10px' }}>
-				<Typography
-					sx={{
-						fontSize: isDesktop ? '28px' : '24px',
-						fontWeight: 600,
-						color: '#D4D4D4',
-						marginBottom: '20px',
-					}}
-				>
-					Главная
-				</Typography>
+			<Box sx={{ padding: isDesktop ? '20px 20px 20px 2px' : '10px' }}>
 				<Box>
 					<PromoCardsList cards={promoCards} isDesktop={isDesktop} />
 				</Box>
@@ -12,9 +12,9 @@ export const ZoomOutIcon: React.FC<FullscreenIconProps> = ({ width = 20, height
 			<path
 				d='M17.5 17.5L12.5 12.5M8.33333 5.83333V8.33333M8.33333 8.33333V10.8333M8.33333 8.33333H10.8333M8.33333 8.33333H5.83333M14.1667 8.33333C14.1667 9.09938 14.0158 9.85792 13.7226 10.5657C13.4295 11.2734 12.9998 11.9164 12.4581 12.4581C11.9164 12.9998 11.2734 13.4295 10.5657 13.7226C9.85792 14.0158 9.09938 14.1667 8.33333 14.1667C7.56729 14.1667 6.80875 14.0158 6.10101 13.7226C5.39328 13.4295 4.75022 12.9998 4.20854 12.4581C3.66687 11.9164 3.23719 11.2734 2.94404 10.5657C2.65088 9.85792 2.5 9.09938 2.5 8.33333C2.5 6.78624 3.11458 5.30251 4.20854 4.20854C5.30251 3.11458 6.78624 2.5 8.33333 2.5C9.88043 2.5 11.3642 3.11458 12.4581 4.20854C13.5521 5.30251 14.1667 6.78624 14.1667 8.33333Z'
 				stroke='#A4AAB5'
-				stroke-width='1.66667'
-				stroke-linecap='round'
-				stroke-linejoin='round'
+				strokeWidth='1.66667'
+				strokeLinecap='round'
+				strokeLinejoin='round'
 			/>
 		</svg>
 	)
@@ -12,9 +12,9 @@ export const ZoomOutIcon: React.FC<FullscreenIconProps> = ({ width = 20, height
 			<path
 				d='M17.5 17.5L12.5 12.5M10.8333 8.33333H5.83333M14.1667 8.33333C14.1667 9.09938 14.0158 9.85792 13.7226 10.5657C13.4295 11.2734 12.9998 11.9164 12.4581 12.4581C11.9164 12.9998 11.2734 13.4295 10.5657 13.7226C9.85792 14.0158 9.09938 14.1667 8.33333 14.1667C7.56729 14.1667 6.80875 14.0158 6.10101 13.7226C5.39328 13.4295 4.75022 12.9998 4.20854 12.4581C3.66687 11.9164 3.23719 11.2734 2.94404 10.5657C2.65088 9.85792 2.5 9.09938 2.5 8.33333C2.5 6.78624 3.11458 5.30251 4.20854 4.20854C5.30251 3.11458 6.78624 2.5 8.33333 2.5C9.88043 2.5 11.3642 3.11458 12.4581 4.20854C13.5521 5.30251 14.1667 6.78624 14.1667 8.33333Z'
 				stroke='#A4AAB5'
-				stroke-width='1.66667'
-				stroke-linecap='round'
-				stroke-linejoin='round'
+				strokeWidth='1.66667'
+				strokeLinecap='round'
+				strokeLinejoin='round'
 			/>
 		</svg>
 	)
@@ -52,6 +52,26 @@
 	}
 }
 
+.markdownContent {
+	ul,
+	ol {
+		padding-left: 1.5em;
+		margin: 0.5em 0;
+	}
+
+	ul {
+		list-style-type: disc;
+	}
+
+	ol {
+		list-style-type: decimal;
+	}
+
+	li {
+		margin: 0.25em 0;
+	}
+}
+
 .content {
 	height: 500px;
 	overflow-y: auto;
@@ -286,6 +286,7 @@ export const FullscreenMessageModal: React.FC<FullscreenMessageModalProps> = ({
 				{messageContent && (
 					<Box
 						ref={markdownRef}
+						className={styles.markdownContent}
 						sx={{
 							fontFamily: fontFamily,
 							fontWeight: 400,
@@ -366,6 +366,7 @@ export function MenuItem(props: MenuItemProps) {
 							sx={{
 								backgroundColor: isActive ? 'rgba(130, 128, 255, 0.08)' : 'none',
 								borderRadius: '10px',
+								justifyContent: 'center',
 							}}
 						>
 							<ListItemIcon