imgaes and banners

package.json

@@ -23,7 +23,8 @@
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^5.0.1",
-    "react-image-gallery": "^1.3.0"
+    "react-image-gallery": "^1.3.0",
+    "react-player": "^2.15.1"
   },
   "devDependencies": {
     "@types/node": "^20",

public/sitemap-0.xml

@@ -1,14 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://menzorg.github.io/vshsdt/contacts</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/interior-design</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/ai-product-manager</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/fashion-stylist</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/style-consultant</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/nn-for-designers-and-stylists</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/education/interior-stylist</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/intro</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt/enrollment</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://menzorg.github.io/vshsdt</loc><lastmod>2024-03-12T12:06:11.252Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/contacts</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/ai-product-manager</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/interior-stylist</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/fashion-stylist</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/style-consultant</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/intro</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/nn-for-designers-and-stylists</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/enrollment</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://menzorg.github.io/vshsdt/education/interior-design</loc><lastmod>2024-03-13T12:43:12.557Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
 </urlset>

src/app/education/ai-product-manager/page-data.json

@@ -19,7 +19,16 @@
   ],
   "points": [
     {
-      "banner": true,
+      "banner": {
+        "type": "image",
+        "width": "100%",
+        "height": "400px",
+        "backgroundImage": "/ai2.jpg",
+        "backgroundPosition": "center",
+        "backgroundRepeat": "no-repeat",
+        "backgroundColor": "#1B1A22",
+        "backgroundSize": "contain"
+      },
       "title2": "",
       "content": [
         { "text": 
@@ -263,7 +272,6 @@
     },
     {
       "title2": "Как проходит обучение",
-      "banner": true,
       "content":[
         {"text": "Для реализации образовательной программы формируется график обучения. Это значит есть дата старта и дата окончания курса. "},
         {"text": "В процессе обучения предусмотрено обязательное выполнение домашних заданий как элементов целостной проектной работы. "},
@@ -274,12 +282,28 @@
     },
     {
       "title2": "Документ об образовании",
-      "banner": true,
+      "banner": {
+        "type": "stepper",
+        "active": 4,
+        "steps": [
+          { "title": "Лекции", "description": "Каждую неде­лю Вы изу­чаете теорию. Лекции ста­новятся доступны по мере про­хождения группой курса. Обучение движется в ком­форт­ном, рабочем рит­ме." },
+          { "title": "Домашние задания", "description": "По основным темам курса Вы получаете домашние задания. Это важная часть обучения, в результате ко­то­рой формируется итоговая проект­ная работа." },
+          { "title": "Практика", "description": "Каждую неделю — живое общение с груп­пой и пре­подавате­лем. Преподава­тель прове­ряет задания, находит ошибки, ком­мен­тирует, помо­гает, напра­вляет." },
+          { "title": "Практика + Книга стиля", "description": "В итоге обучения Вы созда­ете презентацию пер­сональ­ного стиля (Книгу стиля — stylebook), прово­дите шо­пинг, реали­зуете фото­сес­сию для Instagram" }
+        ]
+      },
       "content":[
         {"text": "Слушатели, заключившие договор на образовательные услуги в рамках программы повышения квалификации, выполнившие учебный план, сдавшие проектные работы, не имеющие академической задолженности и представившие все необходимые документы, получают документы установленного образца: удостоверение о повышении квалификации (ВШСДТ или НИ ТГУ в зависимости от договора на обучение) с правом деятель­ности в изучен­ной профес­сио­наль­ной области."}
       ]
     },
     {
+      "banner": {
+        "type": "gallery",
+        "text": "Курс дает системные и практические знания для старта карь­еры в индус­трии моды. После обу­че­ния Вы полу­чите диплом уста­новлен­ного госу­­дар­­ством образца о про­фес­сиональ­ной пере­под­готов­ке по про­грам­ме «Консультант по имиджу и стилю» с правом деятель­ности в изу­чен­ной профес­сио­наль­ной области.",
+        "items": [{
+          "original": "/diplom-2.jpg"
+        }]
+      },
       "title2": "Преподаватели",
       "id": "teachers"
     },
@@ -371,13 +395,13 @@
       "title2": "Вас может заинтересовать"
     },
     {
-      "banner": true
-    },
-    {
-      "banner": true
-    },
-    {
-      "banner": true
-    } 
+      "banner": {
+        "type": "recommendations",
+        "data": [
+          { "image": "/Group_72.jpg", "title": "Курс: нейросети", "href": "/education/nn-for-designers-and-stylists", "text": {"text": "Курс: нейросети",  "backgroundColor": "#7D0101", "color": "white"}},
+          { "image": "/Group_72.jpg", "title": "Курс: консультант по стилю 1 степень", "href": "/education/style-consultant", "text": {"text": "Курс: консультант по стилю 1 степень", "backgroundColor": "#7D0101", "color": "white"}}
+        ]
+      }
+    }
   ]
 }

src/app/education/fashion-stylist/page-data.json

@@ -19,7 +19,16 @@
   ],
   "points": [
     {
-      "banner": true,
+      "banner": {
+        "type": "image",
+        "width": "100%",
+        "height": "400px",
+        "backgroundImage": "/handstree.jpg",
+        "backgroundPosition": "bottom",
+        "backgroundRepeat": "repeat-x",
+        "backgroundColor": "#DCDFD8",
+        "backgroundSize": "contain"
+      },
       "title2": "Характеристики программы",
       "content": [
         { "text": 
@@ -130,7 +139,6 @@
     },
     {
       "title2": "Как проходит обучение",
-      "banner": true,
       "content":[
         {"text": "Для реализации образовательной программы формируется график обучения. Это значит есть дата старта и дата окончания курса."},
         {"text": "В процессе обучения предусмотрено обязательное выполнение домашних заданий как элементов целостной проектной работы. "},
@@ -140,12 +148,28 @@
     },
     {
       "title2": "Документ об образовании",
-      "banner": true,
+      "banner": {
+        "type": "stepper",
+        "active": 4,
+        "steps": [
+          { "title": "Лекции", "description": "Каждую неде­лю Вы изу­чаете теорию. Лекции ста­новятся доступны по мере про­хождения группой курса. Обучение движется в ком­форт­ном, рабочем рит­ме." },
+          { "title": "Домашние задания", "description": "По основным темам курса Вы получаете домашние задания. Это важная часть обучения, в результате ко­то­рой формируется итоговая проект­ная работа." },
+          { "title": "Практика", "description": "Каждую неделю — живое общение с груп­пой и пре­подавате­лем. Преподава­тель прове­ряет задания, находит ошибки, ком­мен­тирует, помо­гает, напра­вляет." },
+          { "title": "Практика + Книга стиля", "description": "В итоге обучения Вы созда­ете презентацию пер­сональ­ного стиля (Книгу стиля — stylebook), прово­дите шо­пинг, реали­зуете фото­сес­сию для Instagram" }
+        ]
+      },
       "content":[
         {"text": "Слушатели, заключившие договор на образовательные услуги, выполнившие учебный план, сдавшие проектные работы, не имеющие академической задолженности и представившие все необходимые документы, получают документы установленного образца: диплом о профессиональной переподготовке (ВШСДТ или НИ ТГУ в зависимости от договора на обучение) с правом деятель­ности в изученной профессиональной области."}
       ]
     },
     {
+      "banner": {
+        "type": "gallery",
+        "text": "Курс дает системные и практические знания для старта карь­еры в индус­трии моды. После обу­че­ния Вы полу­чите диплом уста­новлен­ного госу­­дар­­ством образца о про­фес­сиональ­ной пере­под­готов­ке по про­грам­ме «Консультант по имиджу и стилю» с правом деятель­ности в изу­чен­ной профес­сио­наль­ной области.",
+        "items": [{
+          "original": "/diplom-2.jpg"
+        }]
+      },
       "title2": "Преподаватели",
       "id": "teachers"
     },
@@ -262,13 +286,14 @@
       "title2": "Вас может заинтересовать"
     },
     {
-      "banner": true
-    },
-    {
-      "banner": true
-    },
-    {
-      "banner": true
-    } 
+      "banner": {
+        "type": "recommendations",
+        "data": [
+          { "image": "/Group_72.jpg", "title": "Курс: 1 ступень", "href": "/education/style-consultant", "text": {"text": "Курс: 1 ступень", "backgroundColor": "#7D0101", "color": "white"}},
+          { "image": "/Group_72.jpg", "title": "Курс: нейросети", "href": "/education/nn-for-designers-and-stylists", "text": {"text": "Курс: нейросети",  "backgroundColor": "#7D0101", "color": "white"}},
+          { "image": "/Group_72.jpg", "title": "Курс: дизайн интерьера 1 степень", "href": "/education/interior-design", "text": {"text": "Курс: дизайн интерьера 1 степень", "backgroundColor": "#7D0101", "color": "white"}}
+        ]
+      }
+    }
   ]
 }