feat: add email, phone, VK contacts to About page

client/src/pages/about/ui/AboutPage.tsx

@@ -1,9 +1,11 @@
 import Box from '@mui/material/Box'
+import Link from '@mui/material/Link'
 import Paper from '@mui/material/Paper'
 import Stack from '@mui/material/Stack'
 import Typography from '@mui/material/Typography'
 import * as maplibregl from 'maplibre-gl'
 import Map, { Marker } from 'react-map-gl/maplibre'
+import { STORE_EMAIL, STORE_PHONE, VK_URL } from '@/shared/config'
 import { PICKUP_ADDRESS_FULL, PICKUP_COORDINATES } from '@/shared/constants/pickup-point'
 
 const rasterStyle = {
@@ -39,6 +41,23 @@ export function AboutPage() {
             Забрать заказ можно по адресу самовывоза (координаты указаны на карте ниже):
           </Typography>
           <Typography sx={{ whiteSpace: 'pre-wrap', fontWeight: 600 }}>{PICKUP_ADDRESS_FULL}</Typography>
+          <Typography variant="body2" sx={{ mt: 1 }}>
+            Email:{' '}
+            <Link href={`mailto:${STORE_EMAIL}`} underline="hover">
+              {STORE_EMAIL}
+            </Link>
+          </Typography>
+          <Typography variant="body2">
+            Телефон:{' '}
+            <Link href={`tel:${STORE_PHONE.replace(/\s/g, '')}`} underline="hover">
+              {STORE_PHONE}
+            </Link>
+          </Typography>
+          <Typography variant="body2">
+            <Link href={VK_URL} target="_blank" rel="noopener noreferrer" underline="hover">
+              ВКонтакте
+            </Link>
+          </Typography>
           <Typography color="text.secondary" variant="body2" sx={{ mt: 1 }}>
             Перед визитом мы свяжемся с вами и согласуем время — чтобы заказ точно был готов к выдаче.
           </Typography>