Skip to content

Commit

Permalink
added tags & org-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Podumki committed Mar 29, 2024
1 parent e8b9d18 commit 724eaef
Show file tree
Hide file tree
Showing 21 changed files with 1,079 additions and 241 deletions.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
60 changes: 30 additions & 30 deletions src/app/education/courses.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,27 @@
"tags":[
{
"text":"нейросети",
"href":"#"
"href":"?filter=нейросети"
},
{
"text":"дизайн",
"href":"#"
"href":"?filter=дизайн"
},
{
"text":"стиль",
"href":"#"
"href":"?filter=стиль"
},
{
"text":"мода",
"href":"#"
"href":"?filter=мода"
},
{
"text":"дизайнер",
"href":"#"
"href":"?filter=дизайнер"
},
{
"text":"стилист",
"href":"#"
"href":"?filter=стилист"
}
],
"title":"Нейросети для дизайнеров и стилистов (3 месяца)",
Expand All @@ -36,23 +36,23 @@
"tags":[
{
"text":"имидж",
"href":"#"
"href":"?filter=имидж"
},
{
"text":"стиль",
"href":"#"
"href":"?filter=стиль"
},
{
"text":"модные",
"href":"#"
"href":"?filter=модные"
},
{
"text":"одежда",
"href":"#"
"href":"?filter=одежда"
},
{
"text":"бесплатно",
"href":"#"
"href":"?filter=бесплатно"
}
],
"title":"Консультант по стилю (2 месяца)",
Expand All @@ -65,23 +65,23 @@
"tags":[
{
"text":"дизайн",
"href":"#"
"href":"?filter=дизайн"
},
{
"text":"интерьер",
"href":"#"
"href":"?filter=интерьер"
},
{
"text":"среда",
"href":"#"
"href":"?filter=среда"
},
{
"text":"дом",
"href":"#"
"href":"?filter=дом"
},
{
"text":"бесплатно",
"href":"#"
"href":"?filter=бесплатно"
}
],
"title":"Дизайн интерьера (2 месяца)",
Expand All @@ -94,19 +94,19 @@
"tags":[
{
"text":"стилист",
"href":"#"
"href":"?filter=стилист"
},
{
"text":"мода",
"href":"#"
"href":"?filter=мода"
},
{
"text":"нейросети",
"href":"#"
"href":"?filter=нейросети"
},
{
"text":"профессия",
"href":"#"
"href":"?filter=профессия"
}
],
"title":"Стилист в индустрии моды. Fashion стилист (4 месяца)",
Expand All @@ -119,23 +119,23 @@
"tags":[
{
"text":"дизайнер",
"href":"#"
"href":"?filter=дизайнер"
},
{
"text":"интерьер",
"href":"#"
"href":"?filter=интерьер"
},
{
"text":"среда",
"href":"#"
"href":"?filter=среда"
},
{
"text":"нейросети",
"href":"#"
"href":"?filter=нейросети"
},
{
"text":"профессия",
"href":"#"
"href":"?filter=профессия"
}
],
"title":"Интерьерный стилист (4 месяца)",
Expand All @@ -148,23 +148,23 @@
"tags":[
{
"text":"нейросети",
"href":"#"
"href":"?filter=нейросети"
},
{
"text":"интеллект",
"href":"#"
"href":"?filter=интеллект"
},
{
"text":"продукт",
"href":"#"
"href":"?filter=продукт"
},
{
"text":"управление",
"href":"#"
"href":"?filter=управление"
},
{
"text":"профессия",
"href":"#"
"href":"?filter=профессия"
}
],
"title":"AI продукт менеджер: создание продуктов с использованием нейросетей (2 месяца)",
Expand Down
90 changes: 63 additions & 27 deletions src/app/education/page.tsx
Original file line number Diff line number Diff line change
@@ -1,35 +1,71 @@
'use client';
"use client";

import { Flex, VStack, useMediaQuery } from '@chakra-ui/react';
import {
Flex,
VStack,
useMediaQuery,
HStack,
Tag,
TagLabel,
TagCloseButton,
Link,
} from "@chakra-ui/react";

import Footer from '../../components/footer';
import EducationCard from '../../components/education-card';
import Header from '../../components/header';
import courses from './courses.json';
import Footer from "../../components/footer";
import EducationCard from "../../components/education-card";
import Header from "../../components/header";
import courses from "./courses.json";
import NextLink from "next/link";
import { useSearchParams } from "next/navigation";

import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
} from '@chakra-ui/react'
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react";

const breadcrumbs = [{text: 'Каталог курсов'}];
const breadcrumbs = [{ text: "Каталог курсов" }];

export default function Home() {
const [isMax959] = useMediaQuery('(max-width: 959px)')
const [isMax959] = useMediaQuery("(max-width: 959px)");
const filter = useSearchParams().get("filter");

return (
<Flex direction="column">
<Header pageName='Каталог курсов'/>
<VStack align="center" p={isMax959 ? "5rem 1rem" : "7rem 6rem"} spacing="2rem">
{ courses.map((course, i)=> <EducationCard key={i} {...course} /> ) }
</VStack>
<Breadcrumb separator='•' textAlign="center" fontSize='15px' p={isMax959 ? '0rem 2rem' : "0rem 6rem"}>
<BreadcrumbItem>
<BreadcrumbLink href='/'>ВШСДТ</BreadcrumbLink>
</BreadcrumbItem>
{breadcrumbs.map((crumb:any, i:number) => <BreadcrumbItem key={i} isCurrentPage={breadcrumbs.length === i+1}><BreadcrumbLink href={crumb.href}>{crumb.text}</BreadcrumbLink></BreadcrumbItem>)}
</Breadcrumb>
<Footer/>
</Flex>
)
<Flex direction="column">
<Header pageName="Каталог курсов" />
<HStack p={isMax959 ? "5rem 1rem 1rem 1rem" : "7rem 6rem 1rem 6rem"} spacing={4}>
{ filter ?
<Tag borderRadius="full" variant="solid" bg="secondary" p="0rem 1rem">
<Link as={NextLink} title="удалить фильтр" href="/education">
<TagLabel textStyle="Regular16" color="white">{filter}</TagLabel>
</Link>
<Link as={NextLink} title="удалить фильтр" href="/education">
<TagCloseButton />
</Link>
</Tag> : null
}

</HStack>
<VStack align="center" spacing="2rem">
{courses.map((course, i) =>
!filter ||
(filter && course.tags.find((tag) => tag.text == filter)) ? (
<EducationCard key={i} {...course} />
) : null
)}
</VStack>
<Breadcrumb
separator="•"
textAlign="center"
fontSize="15px"
p={isMax959 ? "0rem 2rem" : "0rem 6rem"}
>
<BreadcrumbItem>
<BreadcrumbLink href="/">ВШСДТ</BreadcrumbLink>
</BreadcrumbItem>
{breadcrumbs.map((crumb: any, i: number) => (
<BreadcrumbItem key={i} isCurrentPage={breadcrumbs.length === i + 1}>
<BreadcrumbLink href={crumb.href}>{crumb.text}</BreadcrumbLink>
</BreadcrumbItem>
))}
</Breadcrumb>
<Footer />
</Flex>
);
}
2 changes: 1 addition & 1 deletion src/app/org-info/education/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function Home() {
АНО ДПО Высшая школа стилистики, дизайна и технологий
</Text>

<Text textStyle="Bold20" color="black" mt="3rem" align="center">
<Text textStyle="Regular30" color="black" mt="3rem" align="center">
Образование
</Text>
<Flex direction="column" p="2rem 25%">
Expand Down
86 changes: 86 additions & 0 deletions src/app/org-info/educational-services/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
"use client";

import {
Flex,
Text,
Link,
useMediaQuery,
UnorderedList,
ListItem,
} from "@chakra-ui/react";
import NextLink from "next/link";
import Header from "@/components/header";
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react";
import Footer from "@/components/footer";

const breadcrumbs = [
{
text: "Платные образовательные услуги",
},
];

export default function Home() {
const [isMax959] = useMediaQuery("(max-width: 959px)");
return (
<>
<Header pageName="Платные образовательные услуги" />
<Flex direction="column" padding="3rem 25%">
<Text textStyle="h1" color="black" mt="6rem" align="center">
Сведения об образовательной организации
</Text>
<Text textStyle="Medium32" color="black" mt="3rem" align="center">
АНО ДПО Высшая школа стилистики, дизайна и технологий
</Text>

<Text textStyle="Regular30" color="black" mt="3rem" align="center">
Платные образовательные услуги
</Text>

<Text textStyle="Regular14" mt="2rem">
Образцы договоров об оказании платных услуг:
</Text>
<UnorderedList spacing="1rem" paddingTop="1rem">
<ListItem>
<Link
as={NextLink}
title="Образец договора об оказании платных образовательных услуг физическому лицу"
target="_blank"
href="/documents/obrazets-dogovora-ob-okazanii-platnyh-obrazovateljnyh-uslug-fizlitsu.pdf"
>
Образец договора об оказании платных образовательных услуг физическому лицу
</Link>
</ListItem>

<ListItem>
<Link
as={NextLink}
title="Образец договора об оказании платных образовательных услуг юридическому лицу"
target="_blank"
href="/documents/obrazets-dogovora-ob-okazanii-platnyh-obrazovateljnyh-uslug-urlitsu.pdf"
>
Образец договора об оказании платных образовательных услуг юридическому лицу
</Link>
</ListItem>
</UnorderedList>

</Flex>

<Breadcrumb
separator="•"
textAlign="center"
fontSize="15px"
p={isMax959 ? "0rem 2rem" : "0rem 6rem"}
>
<BreadcrumbItem>
<BreadcrumbLink href="/">ВШСДТ</BreadcrumbLink>
</BreadcrumbItem>
{breadcrumbs.map((crumb: any, i: number) => (
<BreadcrumbItem key={i} isCurrentPage={breadcrumbs.length === i + 1}>
<BreadcrumbLink href={crumb.href}>{crumb.text}</BreadcrumbLink>
</BreadcrumbItem>
))}
</Breadcrumb>
<Footer></Footer>
</>
);
}
Loading

0 comments on commit 724eaef

Please sign in to comment.