base commit

client/src/app/App.tsx

@@ -1,6 +1,7 @@
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
 import { MainLayout } from '@/app/layout/MainLayout'
 import { AppProviders } from '@/app/providers/AppProviders'
+import { AboutPage } from '@/pages/about'
 import { AdminLayoutPage } from '@/pages/admin-layout'
 import { AuthCallbackPage, AuthPage } from '@/pages/auth'
 import { CartPage } from '@/pages/cart'
@@ -22,6 +23,7 @@ export function App() {
             <Route path="/auth/callback" element={<AuthCallbackPage />} />
             <Route path="/cart" element={<CartPage />} />
             <Route path="/checkout" element={<CheckoutPage />} />
+            <Route path="/about" element={<AboutPage />} />
             <Route path="/info" element={<InfoPage />} />
             <Route path="/me/*" element={<MeLayoutPage />} />
             <Route path="/products/:id" element={<ProductPage />} />

client/src/app/layout/AppHeader.tsx

@@ -39,6 +39,7 @@ type NavItem = { label: string; to: string }
 
 const navItems: NavItem[] = [
   { label: 'Каталог', to: '/' },
+  { label: 'О нас', to: '/about' },
   { label: 'О покупке', to: '/info' },
 ]
 

client/src/app/layout/MainLayout.tsx

@@ -34,7 +34,7 @@ export function MainLayout({ children }: PropsWithChildren) {
         <Container maxWidth="lg">
           <Grid container spacing={3}>
             <Grid size={{ xs: 12, sm: 4 }}>
-              <Typography variant="subtitle1" fontWeight={700} gutterBottom>
+              <Typography variant="subtitle1" gutterBottom sx={{ fontWeight: 700 }}>
                 Магазин
               </Typography>
               <Stack spacing={1}>
@@ -50,10 +50,13 @@ export function MainLayout({ children }: PropsWithChildren) {
               </Stack>
             </Grid>
             <Grid size={{ xs: 12, sm: 4 }}>
-              <Typography variant="subtitle1" fontWeight={700} gutterBottom>
+              <Typography variant="subtitle1" gutterBottom sx={{ fontWeight: 700 }}>
                 Покупателям
               </Typography>
               <Stack spacing={1}>
+                <Link component={RouterLink} to="/about" color="inherit" underline="hover" variant="body2">
+                  О нас и самовывоз
+                </Link>
                 <Link component={RouterLink} to="/me" color="inherit" underline="hover" variant="body2">
                   Личный кабинет
                 </Link>
@@ -63,7 +66,7 @@ export function MainLayout({ children }: PropsWithChildren) {
               </Stack>
             </Grid>
             <Grid size={{ xs: 12, sm: 4 }}>
-              <Typography variant="subtitle1" fontWeight={700} gutterBottom>
+              <Typography variant="subtitle1" gutterBottom sx={{ fontWeight: 700 }}>
                 Контакты
               </Typography>
               <Stack spacing={0.75}>
@@ -86,7 +89,11 @@ export function MainLayout({ children }: PropsWithChildren) {
             </Grid>
           </Grid>
           <Divider sx={{ my: 2 }} />
-          <Typography variant="caption" color="text.secondary" display="block" textAlign={{ xs: 'left', sm: 'center' }}>
+          <Typography
+            variant="caption"
+            color="text.secondary"
+            sx={{ display: 'block', textAlign: { xs: 'left', sm: 'center' } }}
+          >
             © {year} {STORE_NAME}. Сделано для демонстрации возможностей витрины.
           </Typography>
         </Container>