fixees and training

styleschool · Apr 17, 2024 · 92a677c · 92a677c
1 parent 3f3245e
commit 92a677c
Show file tree

Hide file tree

Showing 10 changed files with 144 additions and 7 deletions.
diff --git a/public/infografic/14 Преподаватель.png → public/infografic/14_teacher.png b/public/infografic/14 Преподаватель.png → public/infografic/14_teacher.png
diff --git a/public/yandex.js b/public/yandex.js
@@ -0,0 +1,13 @@
+
+(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+m[i].l=1*new Date();
+for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
+k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+ym(53888251, "init", {
+      clickmap:true,
+      trackLinks:true,
+      accurateTrackBounce:true,
+      webvisor:true
+});
diff --git a/src/app/.DS_Store b/src/app/.DS_Store
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,8 @@
 import type { Metadata } from 'next';
 import { Alegreya_Sans } from 'next/font/google';
 import { ChakraProvider } from '@chakra-ui/react';
+import Head from 'next/head'
+import Script from 'next/script'
 import theme from '../components/theme';
 
 const alegriya = Alegreya_Sans({ 
@@ -22,10 +24,14 @@ export default function RootLayout({
 }) {
   return (
     <html lang="ru" className={alegriya.className}>
+      <Head>
+        <Script src="yandex.js" strategy='beforeInteractive' />
+      </Head>
       <body style={{ margin: 0 }}>
         <ChakraProvider theme={theme} cssVarsRoot="body">
           {children}
         </ChakraProvider>
+        <noscript><div><img src="https://mc.yandex.ru/watch/53888251" style={{ position: 'absolute', left:'-9999px' }} alt="" /></div></noscript>
       </body>
     </html>
   )

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -36,10 +36,9 @@ export default function Home() {
       </Box>
       <Flex direction="column">
         <Box p="1rem">
-          <Link as={NextLink} title="Образование" href="education"><Text textStyle="Regular20">Образование</Text></Link>
+          <Link as={NextLink} title="Образование" href="education"><Text textStyle="Regular20">Каталог курсов</Text></Link>
           <Link as={NextLink} title="Поступление" href="enrollment"><Text textStyle="Regular20">Поступление</Text></Link>
-          {/* <Link as={NextLink} title="Проекты" href=""><Text>Проекты</Text></Link>
-          <Link as={NextLink} title="О Школе" href=""><Text>О Школе</Text></Link> */}
+          <Link as={NextLink} title="Подготовка кадров" href="training"><Text textStyle="Regular20">Подготовка кадров</Text></Link>
           <Link as={NextLink} title="Контакты" href="contacts"><Text textStyle="Regular20">Контакты</Text></Link>
         </Box>
       </Flex>

diff --git a/src/app/training/layout.tsx b/src/app/training/layout.tsx
@@ -0,0 +1,17 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Обучение и развитие персонала в рамках федерального проекта',
+    description: 'Обучение и развитие персонала в рамках федерального проекта. Бесплатное обучение в рамках утвержденного перечня программ в определенных регионах РФ или комплексные программы обучения персонала под заказ без ограничений.',
+    keywords: 'обучение, развитие, персонал, кадры, сотрудники, бесплатно, федеральный',
+  }
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <> {children} </>
+  )
+}
diff --git a/src/app/training/page-data.json b/src/app/training/page-data.json
@@ -0,0 +1,85 @@
+{  
+  "title": "ОБУЧЕНИЕ СОТРУДНИКОВ И ПОДГОТОВКА КАДРОВ",
+  "description": "Отправляйте своих работников на бесплатные курсы повышения квалификации. Станьте партнером проекта и развивайте бизнес вместе с нами. Найдите сотрудников в команду по базе выпускников. Разместите предложение о работе в закрытом канале. Заказывайте тренинги для сотрудников под Ваши задачи.",
+  "list": ["Организаторы: ВШСДТ, НИ ТГУ.", "Доступны: бесплатное обучение сотрудников по определенным программам или программы/тренинги под заказ"],
+  "points": [
+    {
+      "mb": "0px",
+      "banner": {
+        "type": "image",
+        "width": "100%",
+        "height": "400px",
+        "backgroundImage": "/infografic/14_teacher.png",
+        "backgroundPosition": "center",
+        "backgroundRepeat": "no-repeat",
+        "backgroundColor": "#EBE8EB"
+      },
+      "content": [
+        { "text": "АНО ДПО “Высшая школа стилистики, дизайна и технологий” (ВШСДТ) является одним из партнеров Национального Исследовательского Томского государственного университета (НИ ТГУ), федерального оператора проекта «Содействие занятости» национального проекта «Демография»."},
+        {"text": "Обучение в рамках федерального Проекта по определенным программам осуществляется за счет федеральных средств.", "textStyles": "Bold16"}
+      ],
+      "lists": [{
+        "type": "column",
+        "mb": true,
+        "texts": [{ "text": "В рамках проекта ВШСДТ совместно с НИ ТГУ реализует программы по направлениям:"}],
+        "content": [
+          { "text": "индустрия моды и красоты" },
+          { "text": "дизайн среды (интерьера)" },
+          { "text": "управление продуктовыми исследованиями" }
+        ]
+      },{
+        "type": "column",
+        "mb": true,
+        "texts": [{ "text": "Сегодня представители бизнеса в рамках Проекта имеют возможность оказать содействие в профессиональном развитии специалистов, стать одним из участников процессов в формате:"}],
+        "content": [
+          { "text": "Обучения сотрудников по утвержденным программам" },
+          { "text": "Согласованию и актуализации программ под запрос предприятия" },
+          { "text": "Совместной разработки и продвижения образовательных программ" },
+          { "text": "Создании потока обученных кадров для компании" }
+        ],
+        "details": [
+          { "text": "Ваше участие в проекте будет содействовать подготовке востребованных и опытных специалистов - значит вы можете воспользоваться результатами такой подготовки."}, { "text": "Если Вы представляете предприятие или ИП, у Вас есть сотрудники и вы заинтересованы стать частью проекта, напишите нам в приватную группу, ответим на Ваши вопросы и по итогам переговоров включим в лист партнеров проекта"}]
+      }]
+    },{
+      "title2": "Преимущества участияв проекте для работодателя",
+
+      "banner": {
+        "type": "snetworks",
+        "size": "4rem",
+        "justify": "end",
+        "telegram": "https://t.me/+2mIavjeDqY1kYjFi",
+        "mb": "0px"
+      },
+      "content": [
+        { "text": "Если Вы рассматриваете новых кандидатов, которые обучаются в рамках проекта, Вы можете отслеживать результаты обучения и после успешного завершения обучения подбирать персонал для последующего трудоустройства"},
+        {"text": "Работодатель не обязан трудоустраивать участников проекта, записавшихся самостоятельно и заключивших соглашения о намерениях с предприятием"},
+        {"text": "ВАЖНО", "textStyles": "Bold16"},
+        {"text": "Если от предприятия на обучени записался сотрудник предприятия, работодатель не обязан переводить сотрудников на новую должность после обучения."},
+        {"text": "Несет ли работодатель какие-либо издержки, если сотрудник не доучился? Нет! Обучение осуществляетсяза счет финансирования государства. Материальной ответственности не несетни работодатель, ни гражданин"},
+        {"text": "Количество сотрудников от предприятия не ограничивается."}
+      ]
+    },{
+      "title2": "Условия сотрудничества",
+      "content": [
+        { "text": "1. Прежде всего, свяжитесь с нами."},
+        { "text": "Важно отметить, что в рамках проекта имеются определенные ограничения, касающиеся бесплатного обучения, которые действуют в определенных регионах Российской Федерации. Не во всех регионах, на момент обращения, доступны программы бесплатного обучения. Также следует учитывать специфику процесса записи на обучение через федеральный портал \"Работа России\"."}
+      ],
+      "lists": [{
+        "type": "column",
+        "mb": "2rem",
+        "texts": [{ "text": "Поэтому мы консультируем и помогаем:"}],
+        "content": [
+          { "text": "Высылаем инструкции по шагам для записи на обучение" },
+          { "text": "Консультируем в процессе зачисления и после обучения" },
+          { "text": "Даем ссылки на официальную информацию, где подтверждены условия и возможности" }
+        ],
+        "details": [
+          { "text": "2. Больше возможностей для групп предприятий. "},
+          { "text": "Больше возможностей для групп предприятий. Если Вы представляете отраслевое предприятие или группу предприятий, возможна разработка целевых программ под Ваш запрос с последующим утверждением в федеральном проекте. Это требует совместной работы и оценки эффективности."},
+          { "text": "3. Если Вы представляете малое предприятие."},
+          { "text": "Если вы представляете малый бизнес и заинтересованы в повышении квалификации небольшого числа сотрудников вашей компании или наборе новых сотрудников, возможности проекта также открыты для вас, кроме разработки персонализированных программ в рамках бесплатного обучения."}
+        ]
+      }]
+    }
+  ]
+}
diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import { Flex, Box } from '@chakra-ui/react';
+import Footer from '../../components/footer';
+import Header from '../../components/header';
+import { PageGrid } from '@/components/page-grid';
+
+import data from "./page-data.json";
+
+export default function Home() {
+  return (
+  <Flex direction="column">
+    <Header pageName="Подготовка кадров"/>
+    <PageGrid { ...data } breadcrumbs={[{text: 'Подготовка кадров'}]} />
+    <Footer/>
+  </Flex>
+  )
+}
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -38,10 +38,9 @@ export default function Header(props: any) {
             <DrawerHeader>{`АНО ДПО ВШСДТ`}</DrawerHeader>
             <DrawerBody>
             <Box p="1rem">
-              <Link as={NextLink} title="Образование" href="/education"><Text textStyle="Regular20">Образование</Text></Link>
+              <Link as={NextLink} title="Образование" href="/education"><Text textStyle="Regular20">Каталог курсов</Text></Link>
               <Link as={NextLink} title="Поступление" href="/enrollment"><Text textStyle="Regular20">Поступление</Text></Link>
-              {/* <Link as={NextLink} title="Проекты" href=""><Text>Проекты</Text></Link>
-              <Link as={NextLink} title="О Школе" href=""><Text>О Школе</Text></Link> */}
+          <Link as={NextLink} title="Подготовка кадров" href="training"><Text textStyle="Regular20">Подготовка кадров</Text></Link>
               <Link as={NextLink} title="Контакты" href="/contacts"><Text textStyle="Regular20">Контакты</Text></Link>
             </Box>
             </DrawerBody>

diff --git a/src/components/page-grid.tsx b/src/components/page-grid.tsx
@@ -50,7 +50,7 @@ export const PageGrid = memo(function PageGrid(props: any) {
           </TextContainer>
           {
             list && list.length ? 
-            <VStack justify="center" align="flex-start">
+            <VStack justify="center" align="flex-start" maxW={450}>
               { list.map((item:string, i:number) => <Text 
                   key={i}
                   as="h4"