fixes

Menzorg · Feb 13, 2024 · e6e2666 · e6e2666
1 parent 0ed47f8
commit e6e2666
Show file tree

Hide file tree

Showing 8 changed files with 145 additions and 175 deletions.
diff --git a/src/app/contacts/page-data.json b/src/app/contacts/page-data.json
@@ -6,7 +6,7 @@
       "lists": [{
         "texts": ["На данный момент запись на программы ВШСДТ и получения информации по обучению доступны только в следующих группах:"],
         "type": "column",
-        "mb": "1.5rem",
+        "mb": true,
         "content": [
           { "endLink": { "href": "https://t.me/styleschool_ask", "title": "Телеграм", "text": "Телеграм"} },
           { "endLink": { "href": "https://chat.whatsapp.com/LQpG7XjdGSBAiaXNgcoE54", "title": "Телеграм", "text": "WhatsApp"} }

diff --git a/src/app/education/style-consultant/page-data.json b/src/app/education/style-consultant/page-data.json
@@ -26,59 +26,38 @@
         "Курс создан для обучения с “нуля”. Дает возможность реализовать мечту о творческой самореализации в области моды и сделать первые шаги в профессии стилиста. В курсе представлены базовые методики в области подбора комплектов одежды в соответствии с индивидуальными особенностями персон и модными тенденциями. Гибкий график изучения видео материалов в сочетании с живыми практическими занятиями и командной работой дает гарантированный результат." },
         { "text": "Направления в профессии: имидж-консультант, консультант по стилю, персональный стилист, шопер, продавец-стилист."},
         { "text": "Доступно полностью дистанционное (онлайн) обучение"},
-        { "text": "Доступно комбинированное обучение с очными практиками", "mb": "md"}
+        { "text": "Доступно комбинированное обучение с очными практиками", "mb": true}
     ],
-      "button": {"text": "поступление", "href": "#", "title": "поступление", "mb": "md"},
+      "button": {"text": "поступление", "href": "#", "title": "поступление", "mb": true},
       "lists": [{
         "type": "2columns",
-        "texts": [],
-        "content": {
-          "1column": [
-            {
-              "1part": "Длительность",
-              "2part": " 8 недель, 144 академических часов."
-            },{
-              "1part": "Учебная нагрузка",
-              "2part": " до 18 часов в неделю (8 часов в неделю лекционно-практических занятий плюс выполнение заданий и самостоятельная работа)."
-            },{
-              "1part": "Категория слушателей",
-              "2part": "без ограничений."
-            },{
-              "1part": "Требования при поступлении",
-              "2part": "нет."
-            }
-          ],
-          "2column": [{
-              "1part": "Образовательная траектория",
-              "2part": "мода и стиль, 1 уровенью"
-            },{
-              "1part": "Стоимость курса",
-              "2part": "от 40 тыс. рублей, доступна рассрочка"
-            },{
-              "1part": "Документ об образовании",
-              "2part": "удостоверение о повышении квалификации установленного государством образца ведущего гос. ВУЗа"
-            }
-          ]
-        }
+        "minWidth": "300px",
+        "content": [
+          {
+            "1part": "Длительность",
+            "2part": " 8 недель, 144 академических часов."
+          },{
+            "1part": "Учебная нагрузка",
+            "2part": " до 18 часов в неделю (8 часов в неделю лекционно-практических занятий плюс выполнение заданий и самостоятельная работа)."
+          },{
+            "1part": "Категория слушателей",
+            "2part": "без ограничений."
+          },{
+            "1part": "Требования при поступлении",
+            "2part": "нет."
+          },{
+            "1part": "Образовательная траектория",
+            "2part": "мода и стиль, 1 уровенью"
+          },{
+            "1part": "Стоимость курса",
+            "2part": "от 40 тыс. рублей, доступна рассрочка"
+          },{
+            "1part": "Документ об образовании",
+            "2part": "удостоверение о повышении квалификации установленного государством образца ведущего гос. ВУЗа"
+          }
+        ]
       }]
     },
-    {
-      "title2": "Подробнее об обучении",
-      "tags": [
-        {
-          "id": "program",
-          "text": "#Программа"
-        },
-        {
-          "id": "teachers",
-          "text": "#Преподователи"
-        },
-        {
-          "id": "cost",
-          "text": "#Стоимость"
-        }
-      ] 
-    },
     {
       "title2": "Обзор курса",
       "content":[
@@ -92,7 +71,7 @@
       "title2": "Программа Курса",
       "lists": [{
         "type": "column",
-        "mb": "md",
+        "mb": true,
         "texts": ["Программа направлена на достижение слушателем следующих результатов обучения:"],
         "content": [
           { "text": "знать методики и подходы создания современного стильного образа;" },
@@ -102,6 +81,7 @@
         ]
       }, {
         "type": "column",
+        "mb": true,
         "texts": ["В курс включены следующие ключевые дисциплины:"],
         "content": [
           { "text": "Колористика и подбор цветовой палитры." },
@@ -167,7 +147,7 @@
     {
       "title2": "Кому подходит",
       "content":[
-        {"text": "Курс создан прежде всего для тех, кто настойчиво стремится погрузиться в мир создания имиджа и стиля, а также применить приобретенные знания как в личных целях, так и в профессиональной деятельности, будь то фриланс, предпринимательство или карьерный рост в области индустрии моды. Курс доступен как для начинающих, так и для обладающих начальной подготовкой в области модной индустрии."}
+        {"text": "Курс создан прежде всего для тех, кто настойчиво стремится погрузиться в мир создания имиджа и стиля, а также применить приобретенные знания как в личных целях, так и в профессиональной деятельности, будь то фриланс, предпринимательство или карьерный рост в области индустрии моды. Курс доступен как для начинающих, так и для обладающих начальной подготовкой в области модной индустрии.", "mb": "0rem"}
       ]
     },
     {
@@ -180,15 +160,15 @@
       "title2": "Требования к поступающим:",
       "lists": [{
         "type": "column",
-        "mb": "3rem",
+        "mb": true,
         "texts": ["1) Полномочия для получения документа об образовании:"],
         "content": [
           { "text": "Оформление всех необходимых документов в соответствии с законодательством РФ;" },
           { "text": "подписание договора на обучение, предоставление документов об образовании, персональных данных и заявлений на зачисление согласно установленной форме;" }
         ]
       }, {
         "type": "column",
-        "mb": "3rem",
+        "mb": true,
         "texts": ["2) Технические требования:"],
         "content": [
           { "text": "Наличие персонального компьютера или ноутбука для обучения. Обучение с использованием планшета или телефона ограничивает возможности в достижении качественных результатов;" },
@@ -198,7 +178,7 @@
         ]
       }, {
         "type": "column",
-        "mb": "3rem",
+        "mb": true,
         "texts": ["3) Личные качества и обязательства:"],
         "content": [
           { "text": "Внимательность к деталям и окружающим;" },
@@ -217,7 +197,8 @@
       "title2": "Стоимость",
       "id": "cost",
       "lists": [{
-        "type": "column", "mb":"3rem",
+        "type": "column",
+        "mb": true,
         "texts": ["Полная стоимость курса:"],
         "content": [
           {"text": "онлайн формат - 40 тыс. рублей, доступна рассрочка"},

diff --git a/src/app/education/style-consultant/page.tsx b/src/app/education/style-consultant/page.tsx
@@ -10,8 +10,8 @@ import data from "./page-data.json";
 export default function Home() {
   return (
   <Flex direction="column">
-    <Header breadcrumbs={[{text: 'Коммерческое образование', href: "/education"}, {text: 'Консультант по стилю'}]} />
-    <PageGrid { ...data } />
+    <Header />
+    <PageGrid { ...data } breadcrumbs={[{text: 'Коммерческое образование', href: "/education"}, {text: 'Консультант по стилю'}]} />
     <Footer/>
   </Flex>
   )

diff --git a/src/app/enrollment/page-data.json b/src/app/enrollment/page-data.json
@@ -8,7 +8,7 @@
       ],
       "list": {
         "type": "column",
-        "mb": "1.5rem",
+        "mb": true,
         "content": [
           { "endLink": { "href": "https://t.me/styleschool_ask", "title": "Телеграм", "text": "Телеграм"} },
           { "endLink": { "href": "https://chat.whatsapp.com/LQpG7XjdGSBAiaXNgcoE54", "title": "Телеграм", "text": "WhatsApp"} }
@@ -23,7 +23,7 @@
       ],
       "list": {
         "type": "column",
-        "mb": "1.5rem",
+        "mb": true,
         "content": [
           { "text": "Коммерческое образование (обучение оплачивает заказчик)" },
           { "text": "Программы, доступные с оплатой от государства" },
@@ -38,7 +38,7 @@
       ],
       "list": {
         "type": "column",
-        "mb": "1.5rem",
+        "mb": true,
         "content": [
           { "text": "программы профессиональной переподготовки и повышения квалификации с выдачей документа об образовании установленного государством образца;" },
           { "text": "авторские курсы с выдачей документа об образовании - электронного сертификата" },

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -17,19 +17,19 @@ export default function Home() {
       <Image onMouseOut={e=>{setLogo(0)}} onMouseOver={e=>{setLogo(1)}} src={logoObj[logo]} width='200' height="200" alt="logo" />
     </Flex>
     <Flex direction="column" align="center" p="1rem">
-      <Text textStyle="h1" color="black">ВЫСШАЯ ШКОЛА <Text textStyle="Light30" as="span" >СТИЛИСТИКИ</Text></Text>
-      <Text textStyle="h1" color="black"><Text as="span" color="primary">ДИЗАЙНА</Text> И <Text as="span" color="secondary">ТЕХНОЛОГИЙ</Text></Text>
+      <Text textStyle="h1" color="black">ВЫСШАЯ ШКОЛА СТИЛИСТИКИ</Text>
+      <Text textStyle="h1" color="black">ДИЗАЙНА И ТЕХНОЛОГИЙ</Text>
     </Flex>
-    <Flex direction="row" mb="1.5rem" justify="center" p="1rem">
+    <Flex direction="row" mb="1.5rem" p="1rem" justifyContent="center" alignItems="center">
+    <Box p="1rem" sx={{ borderRight: '1px solid black' }}>
+      <Text textStyle="h2">Мода</Text>
+      <Text textStyle="h2">Дизайн</Text>
+      <Text textStyle="h2">IT</Text>
+      <Text>и повышение квалификации</Text>
+      <Text>в креативных индустриях</Text>
+    </Box>
       <Flex direction="column">
         <Box p="1rem">
-          <Text>Профессиональная переподготовка</Text>
-          <Text>и повышение квалификации</Text>
-          <Text>в креативных индустриях</Text>
-        </Box>
-      </Flex>
-      <Flex direction="column">
-        <Box p="1rem" sx={{ borderLeft: '1px solid black' }}>
           <Link as={NextLink} title="Образование" href="education"><Text>Образование</Text></Link>
           <Link as={NextLink} title="Поступление" href="enrollment"><Text>Поступление</Text></Link>
           {/* <Link as={NextLink} title="Проекты" href=""><Text>Проекты</Text></Link>

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -16,28 +16,19 @@ import {
   useDisclosure,
   Link
 } from '@chakra-ui/react'
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-} from '@chakra-ui/react'
 import NextLink from 'next/link'
+import { PiUserFill } from "react-icons/pi";
+import { IconProvider } from "./icon-provider";
 
 export default function Header(props: any) {
   const [isMax959] = useMediaQuery('(max-width: 959px)')
   const { isOpen, onOpen, onClose } = useDisclosure()
   return (
-      <Flex direction="row" align="center" height="35" bg="#F9F9F9" color="black" p={isMax959 ? 0 : "2rem 6rem"}>
+      <Flex direction="row" align="center" height="35" bg="#F9F9F9" color="black" p={isMax959 ? 0 : "2rem 6rem"} sx={{position: 'fixed', width: '100%'}}>
         <IconButton aria-label='menu' icon={<HamburgerIcon />} onClick={onOpen}></IconButton>
         <Box color="secondary" m="0 auto">
-          <Breadcrumb>
-            <BreadcrumbItem>
-              <BreadcrumbLink href='/'>ВШСДТ</BreadcrumbLink>
-            </BreadcrumbItem>
-            {props?.breadcrumbs ? props?.breadcrumbs.map((crumb:{text: string; href: string}, i:number) => <BreadcrumbItem key={i} isCurrentPage={props?.breadcrumbs.length === i+1}><BreadcrumbLink href={crumb.href}>{crumb.text}</BreadcrumbLink></BreadcrumbItem>) : ''}
-          </Breadcrumb>
         </Box>
-        <Link as={NextLink} title="Авторизация" href="/intro"><LockIcon w={10} h={10} p="0.5rem"/></Link>
+        <Link as={NextLink} title="Авторизация" href="/intro"><IconProvider size='1.5rem' icon={<PiUserFill/>} /></Link>
         <Drawer placement="left" onClose={onClose} isOpen={isOpen} size="md">
           <DrawerOverlay />
           <DrawerContent>

diff --git a/src/components/list-items.tsx b/src/components/list-items.tsx
@@ -23,8 +23,9 @@ export const PointList = (props: {
   content: any;
   isMax959:boolean;
   mb?: string;
+  minWidth?: string;
 }) => {
-  const { type, content, isMax959, mb } = props;
+  const { type, content, isMax959, mb, minWidth } = props;
   return type === 'column' ? 
     <UnorderList mb={mb}>
       {content.map ? content.map((item:{text: string; endLink?: {href: string; title: string; text: string}}, i:number) => (<ListItem key={i}>
@@ -33,18 +34,11 @@ export const PointList = (props: {
         </Text>
       </ListItem>)) : null}
     </UnorderList>
-  : <Flex direction={isMax959 ? "column" : "row"} mb="md">
-     <Flex direction="column" alignItems="flex-start" justify="flex-start" w={isMax959 ? '100%' : '50%'} mr={isMax959 ? 0 : '2rem'}>
-      {content?.['1column'] ? content?.['1column'].map((item:any, i:number) => 
-       <Stack direction={!isMax959 ? 'row' : 'column'} key={i} spacing={isMax959 ? '0.5rem' : '1rem'} mb="xs">
-         { item['1part'] ? <Text textStyle="Bold16">{item['1part']}</Text> : null }
-         { item['2part'] ? <TextDescription mb={0} text={item['2part']} /> : null }
-       </Stack> ) : null}
-     </Flex>
-     <Flex mb={mb} direction="column" alignItems="flex-start" justify="flex-start" w={isMax959 ? '100%' : '50%'}>
-     {content?.['2column'] ? content?.['2column'].map((item:any, i:number) => 
-       <Stack direction={!isMax959 ? 'row' : 'column'} key={i} spacing={isMax959 ? '0.5rem' : '1rem'} mb="xs">
-         { item['1part'] ? <Text textStyle="Bold16">{item['1part']}</Text> : null }
+  : <Flex direction={isMax959 ? "column" : "row"} mb={isMax959 ? '3rem' : 'md'}>
+     <Flex direction="column" alignItems="flex-start" justify="flex-start" w="100%" mr={isMax959 ? 0 : '2rem'}>
+      {content ? content.map((item:any, i:number) => 
+       <Stack direction={isMax959 ? 'column' : 'row'} key={i} spacing={isMax959 ? '0.5rem' : '1rem'} w="100%" mb="xs">
+         { item['1part'] ? <Text minWidth={minWidth} textStyle="Bold16">{item['1part']}</Text> : null }
          { item['2part'] ? <TextDescription mb={0} text={item['2part']} /> : null }
        </Stack> ) : null}
      </Flex>