mobile
This commit is contained in:
@ -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>
|
||||
|
||||
@ -51,6 +51,16 @@ export default function Page() {
|
||||
description: "Финансовые изменения, болезнь, своя или близких, разрыв отношений, развод...",
|
||||
skills: ["Терапевт", "Супервизор", "Тренер-стажер", "Тренер", "Ассоциированный тренер", "Ведущий тренер"]
|
||||
},
|
||||
{
|
||||
name: "Лукашенко Марина Анатольевна",
|
||||
description: "Финансовые изменения, болезнь, своя или близких, разрыв отношений, развод...",
|
||||
skills: ["Терапевт", "Супервизор", "Тренер-стажер", "Тренер", "Ассоциированный тренер", "Ведущий тренер"]
|
||||
},
|
||||
{
|
||||
name: "Лукашенко Марина Анатольевна",
|
||||
description: "Финансовые изменения, болезнь, своя или близких, разрыв отношений, развод...",
|
||||
skills: ["Терапевт", "Супервизор", "Тренер-стажер", "Тренер", "Ассоциированный тренер", "Ведущий тренер"]
|
||||
},
|
||||
{
|
||||
name: "Лукашенко Марина Анатольевна",
|
||||
description: "Финансовые изменения, болезнь, своя или близких, разрыв отношений, развод...",
|
||||
@ -60,30 +70,30 @@ export default function Page() {
|
||||
return(
|
||||
<main>
|
||||
<Breadcrumbs/>
|
||||
<div className="flex flex-col gap-[31px] items-center mb-[50px]">
|
||||
<h1 className="text-[40px] uppercase">участники сообщества</h1>
|
||||
<p className="text-[19px] max-w-[832px] text-center">это добровольное самоорганизующееся сообщество специалистов г. Донецка и Донецкого края в области психологического консультирования и гештальт-терапии.</p>
|
||||
<div className="flex flex-col gap-[31px] items-center mb-[50px] px-[25px]">
|
||||
<h1 className="text-[35px] sm:text-[40px] text-center uppercase">участники сообщества</h1>
|
||||
<p className="text-[19px] sm:text-[19px] max-w-[832px] text-center">это добровольное самоорганизующееся сообщество специалистов г. Донецка и Донецкого края в области психологического консультирования и гештальт-терапии.</p>
|
||||
</div>
|
||||
<div className="flex flex-col gap-[50px] max-w-[1032px] m-auto">
|
||||
<div className="flex gap-[28px]">
|
||||
<div className="flex flex-col gap-[50px] px-[25px]">
|
||||
<div className="flex flex-wrap gap-[10px] justify-center md:justify-start md:gap-[28px] max-w-[1032px] m-auto w-full">
|
||||
{skills.map((skill, index) => {
|
||||
return <InfoItem name={skill} key={index} variable="lgFixed"/>
|
||||
})}
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-[26px] justify-between">
|
||||
<div className="flex flex-wrap gap-x-[16px] gap-y-[30px] justify-center max-w-[1350px] m-auto">
|
||||
{humans.map((human, index) => {
|
||||
return <HumanCard key={index} name={human.name} variant="lg" description={human.description}
|
||||
return <HumanCard key={index} name={human.name} description={human.description}
|
||||
skills={human.skills}/>
|
||||
})}
|
||||
</div>
|
||||
<div className="mb-[100px] flex justify-between">
|
||||
<div className="flex-col md:flex-row gap-[50px] max-w-[1033px] m-auto w-full mb-[100px] flex justify-between">
|
||||
<Pagination
|
||||
totalItems={totalItems}
|
||||
itemsPerPage={itemsPerPage}
|
||||
currentPage={currentPage}
|
||||
onPageChange={handlePageChange}
|
||||
/>
|
||||
<Button name="Показать всех участников" variant="secondary"/>
|
||||
<Button name="Показать всех участников"/>
|
||||
</div>
|
||||
<div className="flex flex-col gap-[80px]">
|
||||
<InfoBlock/>
|
||||
|
||||
Reference in New Issue
Block a user