apuc/front_gestalt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Николай Полтщук 2025-01-14 18:28:14 +03:00
parent f246130ae1
commit 1278f7463d
11 changed files with 56 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/events/[slug]/page.tsx
View File

@ -54,7 +54,7 @@ export default function Page() {
<main>
<Breadcrumbs/>
<div className="bg-blue rounded-[6px] max-w-[1032px] m-auto mb-[30px] py-[45px] px-[100px]">
<p className="text-white text-[48px] text-center uppercase leading-[48px]">Базовая программа подготовки гештальт-терапевтов — добор</p>
<p className="text-white text-[40px] text-center uppercase leading-[48px]">Базовая программа подготовки гештальт-терапевтов — добор</p>
</div>
<div className="flex flex-col m-auto max-w-[1032px] gap-[50px] mb-[80px]">
<div className="flex gap-[23px]">
@ -93,7 +93,7 @@ export default function Page() {
</div>
</div>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto">
<div className="flex flex-col gap-[30px] max-w-[910px] font-[300]">
<h3 className="uppercase text-black text-[26px]">содержание</h3>
<p className="text-[15px] leading-[24px]">
ОСНОВНЫЕ ТЕМЫ: 1. Основы гештальт-терапии. Исторические корни, основоположники гештальт-терапии,
@ -119,15 +119,15 @@ export default function Page() {
этики
</p>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto">
<div className="flex flex-col gap-[30px] max-w-[910px] font-[300]">
<h3 className="uppercase text-black text-[26px]">Дополнительная информация</h3>
<p className="text-[15px] leading-[24px]">
<p className="text-[15px] leading-[24px] ">
Ведущие программы:<br/>Анжелика Мамченко - тренер, супервизор, гештальт терапевт,
клинический психолог, ведущая базовых программ, супервизорских, терапевтических групп и
специализаций «Гештальт подход в работе с психосоматикой», «Гештальт терапия в клинической
практике»<br/>Софья Пушкарева – психолог, супервизор, гештальт терапевт, ведущая терапевтических
и супервизорских групп <br/>Руководитель программы – Анжелика Мамченко. <br/>Запись на онлайн
знакомство по телефону: Софья Пушкарева <span className="text-blue underline">+7 9265968715</span>, WhatsApp,Telegram,
знакомство по телефону:<br/> Софья Пушкарева <span className="text-blue underline">+7 9265968715</span>, WhatsApp,Telegram,
почта <span className="text-blue underline">sida786@mail.ru</span> <br/>Запись в программу после онлайн знакомства.
</p>
</div>

18
app/page.tsx
View File

@ -80,7 +80,7 @@ export default function Home() {
<h3 className="text-white text-[38px] mt-[214px] text-end leading-[41px]">
<span className="bg-darkBlue px-[12px] py-[3px] rounded-[18px]">Цель</span> нашего<br/>объединения:
</h3>
<p className="ml-auto mt-[50px] text-start text-white text-[19px] leading-[20px] max-w-[400px]">взаимное
<p className="ml-auto mt-[50px] text-start text-white text-[19px] leading-[20px] max-w-[400px] font-[700]">взаимное
обогащение профессиональными знаниями, идеями и опытом на конференциях и семинарах, в учебных
программах и на интенсивах, на специализациях и в супервизорских группах.</p>
</div>
@ -92,27 +92,27 @@ export default function Home() {
width={1} height={1}/>
</div>
<div
className="flex flex-col items-center rounded-[25px] min-h-[234px] px-[68px] pt-[60px] border-[4px] border-white">
<div className="flex">
className="flex flex-col items-center rounded-[25px] min-h-[234px] px-[68px] pt-[40px] border-[4px] border-white">
<div className="flex relative left-[-20px] bottom-[-10px]">
<AvatarImage imageUrl='avatar'/>
<AvatarImage imageUrl='avatar' className="right-[35px] z-2"/>
<AvatarImage imageUrl='avatar' className="right-[70px] z-3"/>
<AvatarImage imageUrl='avatar' className="right-[105px] z-4"/>
<AvatarImage imageUrl='avatar' className="right-[55px] z-2"/>
<AvatarImage imageUrl='avatar' className="right-[105px] z-3"/>
<AvatarImage imageUrl='avatar' className="right-[155px] z-4"/>
</div>
<p className="text-blue font-[900] text-[26px] mt-[10px]">+ 145 учасников</p>
<p className="text-blue font-[900] text-[26px]">+ 145 учасников</p>
</div>
</div>
</div>
<div className="mt-[50px] flex gap-[64px] justify-center container mx-auto">
<div className="flex-col flex gap-[35px] items-center">
<Image src="images/oppgp.svg" alt="oppgp" width={140} height={37}/>
<p className="text-grey max-w-[300px] text-[16px] leading-[17px] text-center">Донецкое
<p className="text-grey max-w-[300px] text-[16px] leading-[17px] text-center font-[700]">Донецкое
гештальт-сообщество является частью Всероссийского общества психологов практикующих
гештальт-подход (ОПП ГП). </p>
</div>
<div className="flex-col flex gap-[19px] items-center">
<Image src="images/pmg.svg" alt="oppgp" width={177} height={53}/>
<p className="text-grey max-w-[507px] text-[16px] leading-[17px] text-center">В своей работе мы придерживаемся стандартов программы «Московский Гештальт Институт», а также стандартов Европейской Ассоциации Гештальт Терапии, Этического Кодекса Гештальт Терапевта и принципов гуманизма.</p>
<p className="text-grey max-w-[507px] text-[16px] leading-[17px] text-center font-[700]">В своей работе мы придерживаемся стандартов программы «Московский Гештальт Институт», а также стандартов Европейской Ассоциации Гештальт Терапии, Этического Кодекса Гештальт Терапевта и принципов гуманизма.</p>
</div>
</div>
<div className="flex flex-col mt-[100px]">

4
app/participants/[slug]/page.tsx
View File

@ -23,7 +23,7 @@ export default function Page() {
<main>
<Breadcrumbs/>
<div className=" flex gap-[35px] max-w-[1032px] m-auto">
<div className="bg-white p-[15px] w-fit">
<div className="bg-white p-[15px] w-fit rounded-[6px]">
<Image className="rotate-[180deg]" src="/images/mok_human.svg" alt="human" width={335} height={355} />
</div>
<div className="flex flex-col">
@ -74,7 +74,7 @@ export default function Page() {
</ul>
</div>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto mb-[100px]">
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto mb-[100px] font-[500]">
<h3 className="uppercase text-black text-[26px]">Описание профессиональной деятельности</h3>
<div className="text-[15px] leading-[24px]">
<p>Часто обращаются со следующими темами:</p>

4
components/avatar-image.tsx
View File

@ -12,8 +12,8 @@ const AvatarImage: React.FC<Props> =({ imageUrl, className}) => {
src={`/images/${imageUrl}.png`}
alt={imageUrl}
className={`${className} relative`}
width={67}
height={67}
width={101}
height={100}
/>
);
}

4
components/breadcrumb.tsx
View File

@ -10,9 +10,9 @@ const Breadcrumbs: React.FC = () => {
const correctName = {
events: "мероприятия сообщества",
event: "базовая программа подготовки гештальт-терапевтов - добор",
"event-1": "базовая программа подготовки гештальт-терапевтов - добор",
participants: "участники",
id: "кириллов кирилл кириллович"
1: "кириллов кирилл кириллович"
}
return(

23
components/human-card.tsx
View File

@ -21,7 +21,8 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
h: 221
},
name: "text-[18px]",
description: "",
blocks: ""
},
secondary: {
main: "flex w-full justify-between",
@ -33,26 +34,28 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
lg: {
main: "",
img: {
w: 280,
h: 280
w: 303,
h: 303
},
name: "text-[20px]",
name: "text-[20px] max-w-full",
description: "max-w-[300px]",
blocks: "max-w-[300px]"
}
};
return (
<Link href="/participants/1" className={`${cardStyles[variant].main} backdrop-blur-custom border-[1px] border-white rounded-[6px] bg-darkWhite p-[10px] text-black w-fit shadow-custom`}>
{image ? <Image src={image} alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} /> :
<Image src="/images/mok_human.svg" alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} className="rotate-[180deg]" />
<Image src={variant === "secondary" ? "/images/mok_human2.svg" :"/images/mok_human.svg"} alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} className="rotate-[180deg]" />
}
{(variant === 'default' || variant === 'lg') &&
<>
<h5 className={`${cardStyles[variant].name} font-[400] leading-[20px] max-w-[190px] mt-[16px] mb-[20px]`}>{name}</h5>
<span className="text-lightGrey">
<span className={`text-lightGrey`}>
Работает с темами
<p className="text-black text-[13px] leading-[15px] line-clamp-3 text-ellipsis max-w-[220px] mb-[16px]">{description}</p>
<p className={`text-black text-[13px] leading-[15px] line-clamp-3 text-ellipsis max-w-[220px] mb-[16px] ${cardStyles[variant].description}`}>{description}</p>
</span>
<div className="flex gap-[5px] max-w-[220px] flex-wrap">
<div className={`flex gap-[5px] max-w-[220px] flex-wrap ${cardStyles[variant].blocks}`}>
{skills.map((skill, index) => {
return <InfoItem name={skill} key={index} />
})}
@ -62,8 +65,8 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
{variant === 'secondary' &&
<div className="flex flex-col ml-[16px]">
<h5 className="font-[400] text-[21px] leading-[25px] max-w-[204px] mt-[8px] mb-[18px]">{name}</h5>
<span className="text-[15px] text-lightGrey mb-[55px]">{post}</span>
<div className="flex gap-[7px] max-w-[220px] flex-wrap">
<span className="text-[15px] text-lightGrey mb-[12px]">{post}</span>
<div className="flex gap-[7px] flex-wrap">
{skills.map((skill, index) => {
return <InfoItem name={skill} key={index} variable="white"/>
})}

6
components/info-block.tsx
View File

@ -3,9 +3,9 @@ import Image from "next/image";
const InfoBlock: React.FC = () => {
return (
<div className="flex bg-blue rounded-[25px] relative max-w-[1032px] w-full m-auto pt-[58px] pb-[61px] pl-[69px] h-[234px]">
<p className="text-white text-[32px] max-w-[671px] font-[500]">Через собственное развитие мы развиваем и популяризируем гештальт-подход</p>
<Image className="absolute right-[39px] top-[-20px]" src="/images/palm.svg" alt="palm" width={217} height={254} />
<div className="flex bg-blue rounded-[25px] relative max-w-[1032px] w-full m-auto pt-[59.5px] pb-[59.5px] h-[234px] text-center justify-center">
<p className="text-white text-[32px] max-w-[671px] font-[700]">Через собственное развитие мы развиваем и популяризируем гештальт-подход</p>
<Image className="absolute right-0 top-[-20px]" src="/images/palm.svg" alt="palm" width={217} height={254} />
</div>
);
};

16
components/info-item.tsx
View File

@ -9,21 +9,21 @@ interface Props {
const InfoItem: React.FC<Props> = ({name, variable = 'default', pathImg}) => {
const variantClasses = {
default: 'text-[9px] py-[4px] px-[8px] rounded-[3px] border-[0.5px] text-blue',
secondary: 'text-[16px] text-lightBlack border-[1px] rounded-[6px] py-[10px] px-[28px] gap-[10px]',
lg: 'px-[10px] py-[6.5px] rounded-[6px] border-[1px] text-[16px] text-blue',
default: 'text-[12px] py-[4px] px-[8px] rounded-[3px] border-[0.5px] text-blue font-[700]',
secondary: 'text-[16px] text-lightBlack border-[1px] rounded-[6px] py-[10px] px-[28px] gap-[10px] items-center',
lg: 'px-[10px] py-[6.5px] rounded-[6px] border-[1px] text-[16px] text-blue font-[700]',
lgFixed: 'px-[10px] py-[6.5px] max-w-[140px] w-full rounded-[6px] border-[1px] text-[16px] text-blue',
white: 'text-[10px] py-[9px] px-[16px] text-blue bg-white rounded-[6px]',
whiteFixed: 'tex-[14px] rounded-[6px] max-w-[114px] w-full bg-white py-[5px] text-blue'
white: 'text-[12px] py-[9px] px-[16px] text-blue bg-white rounded-[6px]',
whiteFixed: 'tex-[14px] rounded-[6px] max-w-[114px] w-full bg-white py-[5px] text-blue font-[700]'
};
const selectedVariantClasses = variantClasses[variable] || variantClasses.default;
return (
<span className={`flex items-center justify-center font-[400] border-blue w-fit ${selectedVariantClasses}`}>
<div className={`flex items-center justify-center font-[400] border-blue w-fit ${selectedVariantClasses}`}>
{pathImg && <Image src={`/images/${pathImg}.svg`} alt={pathImg} width={18} height={18} />}
{name}
</span>
<span className="relative top-[2px]">{name}</span>
</div>
);
}

2
components/pagination.tsx
View File

@ -72,7 +72,7 @@ const Pagination: React.FC<PaginationProps> = ({
)
))}
</div>
<button className="flex items-center text-[15px] font-[400] ml-[26px] gap-[11px]" onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>
<button className="flex items-center text-[15px] font-[700] ml-[26px] gap-[11px]" onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>
Следующая страница
<Image className="rotate-[-90deg] relative top-[-2px]" src="/images/chevronDown.svg" alt="arrow" width={11} height={11} />
</button>

4
components/select.tsx
View File

@ -16,8 +16,8 @@ const Select: React.FC<Props> = ({className, name, variant = 'default'}) => {
};
return(
<div className={`${className} ${variantClasses[variant]} w-fit cursor-pointer border-blue border-[1px] flex gap-[10px] rounded-[10px]`}>
<p className="text-blue font-[400] text-[16px]">{name}</p>
<div className={`${className} ${variantClasses[variant]} max-w-[225px] min-w-[180px] justify-center w-fit cursor-pointer border-blue border-[1px] flex gap-[10px] rounded-[10px]`}>
<p className="text-blue font-[700] text-[16px]">{name}</p>
<Image src="/images/chevronDown.svg" alt="chevronDown" width={11} height={8} />
</div>
);

9
public/images/mok_human2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB