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

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

@ -1,3 +1,5 @@
"use client";
import React, { useState, useEffect } from 'react';
import Breadcrumbs from "@/components/breadcrumb";
import InfoBlock from "@/components/info-block";
import NavSection from "@/components/nav-section";
@ -19,6 +21,20 @@ import SocialItem from "@/components/social-item";
// }
export default function Page() {
const [isLg, setIsLg] = useState(false);
useEffect(() => {
const handleResize = () => {
setIsLg(window.innerWidth >= 1024);
};
// Устанавливаем значение при первом рендере
handleResize();
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
const infoItems = [
{
name: "Базовый курс"
@ -53,24 +69,24 @@ export default function Page() {
return(
<main>
<Breadcrumbs/>
<div className="bg-blue rounded-[6px] max-w-[1032px] m-auto mb-[30px] py-[45px] px-[100px]">
<div className="bg-blue rounded-[6px] max-w-[1033px] m-auto mb-[30px] py-[45px] lg:px-[100px]">
<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]">
<div className="flex flex-col m-auto max-w-[1083px] px-[25px] gap-[50px] mb-[80px]">
<div className="flex gap-[10px] flex-wrap lg:gap-[23px] lg:justify-between">
{infoItems.map((item, index) => {
return <InfoItem variable="secondary" name={item.name} pathImg={item?.img} key={index}/>
})}
</div>
<div className="flex gap-[18px]">
<div className="flex justify-center flex-wrap lg:flex-nowrap lg:justify-between gap-[18px]">
{humanCards.map((card, index) => {
return <HumanCard name={card.name} post={card.post} skills={card.skills} key={index}
variant="secondary"/>
variant={isLg ? "secondary" : undefined}/>
})}
</div>
<div className="flex gap-[21px]">
<div className="flex-wrap xl:flex-nowrap flex gap-[21px]">
<div
className="flex flex-col border-white border-[1px] rounded-[6px] min-w-[780px] h-[200px] px-[32px] justify-center gap-[12px]">
className="order-2 xl:order-1 items-center xl:items-start flex flex-col border-white border-[1px] rounded-[6px] w-full xl:min-w-[780px] min-h-[200px] px-[32px] justify-center gap-[12px]">
<h4 className="text-black text-[26px] uppercase">формат мероприятия</h4>
<p className="text-black text-[15px] max-w-[640px]">Встречи проходят очно в формате двухдневок:
суббота, воскресенье раз в 1,5 - 2,5 месяца. Формы работы - групповые встречи, включающие
@ -78,7 +94,7 @@ export default function Page() {
сессии в кругу, обсуждения и т.д.</p>
</div>
<div
className="flex flex-col bg-white rounded-[12px] pt-[47px] pb-[34px] w-full pl-[32px] gap-[23px] relative">
className="order-1 xl:order-2 justify-evenly flex xl:flex-col bg-white rounded-[12px] pt-[25px] pb-[10px] xl:pt-[47px] xl:pb-[34px] w-full xl:pl-[32px] gap-[23px] relative">
<div className="flex-col flex text-[18px]">
<span>+7 949 185 65 65 </span>
<span>+7 949 185 65 65 </span>

14
app/events/page.tsx
View File

@ -66,21 +66,21 @@ 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] text-center md:text-[40px] uppercase">Мероприятия сообщества</h1>
<p className="text-[17px] md:text-[19px] max-w-[832px] text-center">это добровольное самоорганизующееся сообщество специалистов г. Донецка и Донецкого края в области психологического консультирования и гештальт-терапии.</p>
</div>
<div className="flex flex-col max-w-[1032px] m-auto">
<div className="flex gap-[84px] mb-[30px]">
<div className="flex flex-col max-w-[1083px] px-[25px] m-auto">
<div className="flex flex-col gap-[30px] items-center md:flex-row md:gap-[84px] mb-[30px]">
<Select name="Все мероприятия" variant="secondary" />
<FilterCheckbox />
</div>
<div className="flex flex-wrap gap-x-[12px] gap-y-[30px] mb-[80px] justify-between">
<div className="flex flex-wrap gap-x-[12px] gap-y-[30px] mb-[80px] justify-evenly lg:justify-between">
{eventCards.map((card, index) => {
return <EventCard title={card.title} description={card.description} key={index} />
})}
</div>
<div className="mb-[100px] flex justify-between">
<div className="mb-[100px] flex justify-between flex-col gap-[50px] md:flex-row">
<Pagination
totalItems={totalItems}
itemsPerPage={itemsPerPage}