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

mobile

Browse Source
This commit is contained in:
Николай Полтщук
2025-01-27 22:42:23 +03:00
parent 1278f7463d
commit ec0f24e450
17 changed files with 165 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,25 +22,25 @@ export default function Page() {
return(
<main>
<Breadcrumbs/>
<div className=" flex gap-[35px] max-w-[1032px] m-auto">
<div className=" flex flex-wrap justify-center gap-[35px] px-[25px] max-w-[1083px] m-auto">
<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">
<h2 className="uppercase max-w-[390px] text-[40px] leading-[48px]">кириллов кирилл кириллович</h2>
<div className="flex gap-[17px] mt-[8px] mb-[25px]">
<div className="flex flex-col w-full lg:w-auto">
<h2 className="uppercase text-center lg:text-start lg:max-w-[390px] text-[40px] leading-[48px]">кириллов кирилл кириллович</h2>
<div className="flex justify-center lg:justify-start gap-[17px] mt-[8px] mb-[25px]">
<Image src="/images/location.svg" alt="location" width={18} height={22} />
<span className="text-lightBlack text-[18px]">Донецк</span>
</div>
<div className="flex flex-col gap-[8px] mb-[23px]">
<div className="flex flex-col gap-[8px] mb-[70px] lg:mb-[23px]">
<span className="text-blue text-[16px]">Статус в сообществе:</span>
<div className="flex gap-[13px]">
<InfoItem name="Терапевт" variable="whiteFixed" />
<InfoItem name="Супервизор" variable="whiteFixed" />
<InfoItem name="Тренер" variable="whiteFixed" />
<InfoItem name="Терапевт" variable="lgDefault" />
<InfoItem name="Супервизор" variable="lgDefault" />
<InfoItem name="Тренер" variable="lgDefault" />
</div>
</div>
<div className="py-[47.5px] px-[53px] gap-[52px] bg-white text-[20px] flex rounded-[12px] relative">
<div className="px-[35px] pb-[10px] pt-[35px] sm:py-[47.5px] sm:px-[53px] gap-[20px] sm:gap-[52px] bg-white text-[20px] flex flex-col sm:flex-row rounded-[12px] relative">
<div className="flex gap-[13px]">
<Image src="/images/phone.svg" alt="phone" width={18} height={18}/>
<span>+7 949 185 65 65 </span>
@ -49,16 +49,15 @@ export default function Page() {
<Image src="/images/mail.svg" alt="phone" width={18} height={18}/>
<span>Luchayapochta@mail.ru</span>
</div>
<div className="flex absolute min-w-[47px] h-[47px] bg-white items-center justify-center rounded-full right-[-25px] top-[38px]">
<div className="flex absolute top-[-20px] min-w-[47px] h-[47px] bg-white items-center justify-center rounded-full sm:right-[-25px] sm:top-[38px]">
<SocialItem icon="logo_tg" link="/" />
</div>
</div>
</div>
</div>
<div
className="flex flex-col rounded-[6px] border-[1px] border-white max-w-[1032px] m-auto pt-[41px] px-[34px] pb-[30px] gap-[12px] mb-[50px] mt-[36px]">
<h3 className="uppercase text-[26px]">Специализация</h3>
<div className="flex text-[15px] leading-[25px] gap-[63px]">
<div className="flex flex-col rounded-[6px] border-[1px] border-white max-w-[1032px] mx-[25px] lg:mx-auto pt-[41px] px-[34px] pb-[30px] gap-[12px] mb-[50px] mt-[36px]">
<h3 className="uppercase text-[26px]">Специализация</h3>
<div className="flex text-[15px] leading-[25px] gap-0 lg:gap-[63px] flex-col lg:flex-row ">
<ul className="list-disc list-inside">
<li>Индивидуальная терапия</li>
<li>Терапия зависимостей</li>
@ -74,7 +73,7 @@ export default function Page() {
</ul>
</div>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto mb-[100px] font-[500]">
<div className="flex flex-col gap-[30px] mx-[25px] lg:max-w-[910px] lg:mx-auto mb-[100px] font-[500]">
<h3 className="uppercase text-black text-[26px]">Описание профессиональной деятельности</h3>
<div className="text-[15px] leading-[24px]">
<p>Часто обращаются со следующими темами:</p>