From 949e186112175635468fa667c46b3c1787f88765 Mon Sep 17 00:00:00 2001
From: "Vsevo;od" <96574851+vsevolod22@users.noreply.github.com>
Date: Sun, 24 Dec 2023 09:10:18 +0300
Subject: [PATCH] fdddd

---
 src/App.jsx                                   |   4 +
 src/Components/Header/index.jsx               |  30 +-
 src/Components/Header/style.module.scss       |   7 +
 src/Components/HomePageAdmin/index.jsx        |  80 +++
 .../HomePageAdmin/style.module.scss           |  89 +++
 src/Components/MeetAuthPageAdmin/index.jsx    | 263 ++++++++
 .../MeetAuthPageAdmin/style.module.scss       | 595 ++++++++++++++++++
 src/Components/UserHeader/index.jsx           |  22 +
 src/Components/UserHeader/style.module.scss   |  39 ++
 src/img/headerImg/Icon.png                    | Bin 0 -> 1016 bytes
 src/img/headerImg/avatar.png                  | Bin 0 -> 7508 bytes
 src/img/headerImg/google.png                  | Bin 0 -> 953 bytes
 src/img/headerImg/header.png                  | Bin 0 -> 7188 bytes
 13 files changed, 1126 insertions(+), 3 deletions(-)
 create mode 100644 src/Components/HomePageAdmin/index.jsx
 create mode 100644 src/Components/HomePageAdmin/style.module.scss
 create mode 100644 src/Components/MeetAuthPageAdmin/index.jsx
 create mode 100644 src/Components/MeetAuthPageAdmin/style.module.scss
 create mode 100644 src/Components/UserHeader/index.jsx
 create mode 100644 src/Components/UserHeader/style.module.scss
 create mode 100644 src/img/headerImg/Icon.png
 create mode 100644 src/img/headerImg/avatar.png
 create mode 100644 src/img/headerImg/google.png
 create mode 100644 src/img/headerImg/header.png

diff --git a/src/App.jsx b/src/App.jsx
index 8a9a479..8d40fb8 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -12,6 +12,8 @@ import HomePage from "./Components/HomePage/index.jsx";
 import MeetPage from "./Components/MeetPage/index.jsx";
 import MeetAuthPage from "./Components/MeetAuthPage/index.jsx";
 import ProfilePage from './Components/profilePage/index.jsx';
+import MeetAuthPageAdmin from './Components/MeetAuthPageAdmin/index.jsx'
+import HomeAuthPageAdmin from './Components/HomePageAdmin/index.jsx'
 
 
 function App() {
@@ -27,6 +29,8 @@ function App() {
           <Route path="/firstMeet" element={<MeetPage />}/>
           <Route path="/firstMeetAuth" element={<MeetAuthPage />}/>
           <Route path='/profile' element={<ProfilePage />}/>
+          <Route path='/adminMeets' element={<MeetAuthPageAdmin/>}/>
+          <Route path='/admin' element={<HomeAuthPageAdmin/>}/>
         </Routes>
       </BrowserRouter>
     </>
diff --git a/src/Components/Header/index.jsx b/src/Components/Header/index.jsx
index 9bcc280..07e7579 100644
--- a/src/Components/Header/index.jsx
+++ b/src/Components/Header/index.jsx
@@ -1,21 +1,45 @@
 
 import styles from './style.module.scss';
-import logo from '../../img/headerImg/OgettoLogo.png';
+import logo from '../../img/headerImg/header.png';
+import google from '../../img/headerImg/google.png';
+import avatar from '../../img/headerImg/avatar.png';
+import icon from '../../img/headerImg/Icon.png';
 import { useNavigate } from "react-router-dom";
 
+import { useState } from 'react';
+
 const Header = () => {
     const navigate = useNavigate();
     const handleHome = () => {
         navigate('/');
     }
+    const isAuth = useState(true)[0];
+    console.log(isAuth)
+
 
     return (
-        <div className={styles.header__container}>
+        <>
+            {(isAuth ? (
+            <div className={styles.header__container}>
             <header className={styles.header}>
                 <div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
-                <button className={styles.header__button}>ВХОД</button>
+                <div className={styles.header_img_container}>  <img className={styles.header_img} src={icon}></img> <img className={styles.header_img} src={avatar}></img></div>
             </header>
         </div>
+        ) :
+        (
+            <div className={styles.header__container}>
+                <header className={styles.header}>
+                    <div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
+                    <button className={styles.header__button}>ВХОД <img className={styles.header__button_img} src={google}></img></button>
+                </header>
+            </div>
+        ))
+            }
+       
+
+        </>
+        
     )
 
 }
diff --git a/src/Components/Header/style.module.scss b/src/Components/Header/style.module.scss
index 5fbb6be..f2959e3 100644
--- a/src/Components/Header/style.module.scss
+++ b/src/Components/Header/style.module.scss
@@ -35,5 +35,12 @@
         font-style: normal;
         font-weight: 400;
         line-height: normal;
+        position: relative;
+        &_img {
+
+            width: 55px;
+            margin-right: 40px;
+            height: 55px;
+        }
     }
 }
\ No newline at end of file
diff --git a/src/Components/HomePageAdmin/index.jsx b/src/Components/HomePageAdmin/index.jsx
new file mode 100644
index 0000000..0026d6d
--- /dev/null
+++ b/src/Components/HomePageAdmin/index.jsx
@@ -0,0 +1,80 @@
+import Header from "../Header";
+import styles from "./style.module.scss";
+import TableMeets from '../TableMeets/TableMeets'
+import Home from "../Home/Home";
+// import FetchUtils from "../utils/FetchUtils";
+import EditForm from "../edit/EditForm";
+import PostForm from "../post/PostForm";
+
+const APIURL = ''
+
+// const events = [
+//     {
+//       id: 1,
+//       date: '10.10.2022',
+//       time: '14:00',
+//       title: 'Мероприятие 1',
+//       speaker: 'Спикер 1',
+//       avatar: 'speaker1.jpg',
+//       description: 'Описание мероприятия 1',
+//       isExpanded: true,
+//     },
+//     {
+//       id: 2,
+//       date: '11.10.2022',
+//       time: '15:30',
+//       title: 'Мероприятие 2',
+//       speaker: 'Спикер 2',
+//       avatar: 'speaker2.jpg',
+//       description: 'Описание мероприятия 2',
+//       isExpanded: true,
+//     },
+//     // Добавьте другие мероприятия сюда
+//   ];
+const HomePage = () => {
+    return (
+    <>
+
+        <Header></Header>
+        <section className={styles.muza__container}>
+           
+            
+        </section>
+        <section className={styles.meeting__container}>
+            <input className={styles.meeting__inputs} placeholder="Найти мероприятие"></input>
+            <div className={styles.container}>
+                <div className={styles.select__container}>
+                    <select className={styles.select} name="time__meeting">
+                        <option value="">Время мироприятия</option>
+                    </select>
+                    <select className={styles.select} name="type__meeting">
+                        <option value="">Тип мероприятия</option>
+                    </select>
+                </div>
+            </div>
+            <div className={styles.NewContainer}>
+                <div className={styles.search_container}>
+                    <div className={styles.search__descr}>100 мероприятий</div>
+                    <select className={styles.select} name="type__meeting">
+                        <option value="">Тип мероприятия</option>
+                    </select>
+                </div>
+            </div>
+            <div className={styles.cards__container}>
+                <div className={styles.card}></div>
+            </div>
+            <Home></Home>
+            {/* <FetchUtils></FetchUtils> */}
+            {/* <PostForm /> */}
+            {/* <EditForm /> */}
+        </section>
+        
+
+
+        
+    </>
+    
+
+    )
+}
+export default HomePage;
\ No newline at end of file
diff --git a/src/Components/HomePageAdmin/style.module.scss b/src/Components/HomePageAdmin/style.module.scss
new file mode 100644
index 0000000..e3e3ef5
--- /dev/null
+++ b/src/Components/HomePageAdmin/style.module.scss
@@ -0,0 +1,89 @@
+
+
+.container {
+    width: 100%;
+}
+.muza {
+    &__container {
+        height: 700px;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        width: 100%;
+    }
+   
+    &__title {
+        margin-top: 150px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 143.016px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+        text-align: left;
+        display: flex;
+        width: 90%;
+
+    }
+    &__descr {
+        &_container {
+            display: flex;
+            justify-content: flex-end;
+        }
+        margin-top: 50px;
+        margin-left: 70px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 46px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: left;
+        display: flex;
+        width: 60%;
+
+    }
+}
+.meeting {
+   &__container {
+    height: 1400px;
+   } 
+   &__inputs {
+        width: 90%;
+        height: 46px;
+        border-radius: 10px;
+        border: 1px solid #000;
+        padding-left: 40px;
+   }
+   
+}
+.container {
+    display: flex;
+    justify-content: center;
+    
+}
+.select {
+    margin-right: 50px;
+    height: 35px;
+    border-radius: 10px;
+    border: 1px solid var(--gray_stroke, #D0D2D8);
+    width: 200px;
+    &__container {
+        display: flex;
+        width: 93%;
+        margin-top: 30px;
+    }
+   }
+.NewContainer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 30px;
+}
+.search_container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.search__descr {
+    margin-right: 25px;
+}
diff --git a/src/Components/MeetAuthPageAdmin/index.jsx b/src/Components/MeetAuthPageAdmin/index.jsx
new file mode 100644
index 0000000..09f329a
--- /dev/null
+++ b/src/Components/MeetAuthPageAdmin/index.jsx
@@ -0,0 +1,263 @@
+import Header from "../Header";
+import styles from './style.module.scss';
+import clock from '../../img/MeetPage/Clock.png';
+import globe from '../../img/MeetPage/Globe.png';
+import avatar from '../../img/MeetPage/avatar.png';
+import like from '../../img/MeetPage/Facebook.png';
+import Card from "../Card";
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
+// import { useState, CSSProperties, useEffect, useRef } from "react";
+import newAvatar from '../../img/MeetPage/newAvatar.png';
+import vk from '../../img/MeetPage/Vk.png';
+import tg from '../../img/MeetPage/Telegram.png';
+import book from '../../img/MeetPage/Book.png';
+import * as React from 'react';
+import Modal from '@mui/material/Modal';
+
+const style = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: "56%",
+  height: "80vh",
+  bgcolor: 'background.paper',
+  borderRadius: '25px',
+  boxShadow: 24,
+  p: 4,
+};
+const MeetPage = () => {
+
+    const [open, setOpen] = React.useState(false);
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+  
+
+    return (
+        <>
+         
+            <Header></Header>
+
+            <section className={styles.meets}>
+                <div className={styles.meets__mainInfo_container}>
+                    <span className={styles.meets__mainInfo_descr}>Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</span>
+                    <span className={styles.meets__mainInfo_type}>Психология</span>
+                    <div className={styles.meets__mainInfo_status}><img className={styles.meets__mainInfo_status_img} src={clock} alt="clock"></img> <span>Онлайн</span> </div>
+                    <div className={styles.meets__mainInfo_time}><img className={styles.meets__mainInfo_status_img} src={globe} alt="globe"></img> <span>22 декабря, с 10:00 до 22:00 по Московскому времени</span> </div>
+                </div>
+                <div className={styles.meets__img}></div>
+                
+            </section>
+            <div className={styles.container}>
+              
+                <div className={styles.meets__otziv_container}>
+                    <div className={styles.newMeeting__container}>
+                        <button className={styles.newMeeting__button}>ЗАПИСАТЬСЯ НА МЕРОПРИЯТИЕ</button>
+                        <a href="#" className={styles.newMeeting__link}>Ссылка на мероприятие</a>
+                        <a href="#" className={styles.newMeeting__ling_video}>СКАЧАТЬ ВИДЕО</a>
+                    </div>
+                    <div onClick={handleOpen} className={styles.meets__otziv}>
+                        <span className={styles.meets__otziv_title}>Оставить вопрос</span>
+                        Оставьте вопрос первым
+                    </div>
+                    
+                </div>
+            </div>
+           
+            <section className={styles.aboutMeet}>
+                <div className={styles.aboutMeet__title}>О мероприятии</div>
+                <div className={styles.aboutMeet__descr}>Известным спикером будут продемонстрированы основные механизмы психологического воздействия в политике, а также особенности восприятия общественно-политической информации. Слушатели смогут узнать, как следует противостоять манипулятивному воздействию, фейковой информации, а также порассуждать о том, возможно ли существование мира без обмана.</div>
+            </section>
+            <section className={styles.expert}>
+                <div className={styles.expert__title}>Специалист</div>
+                <div className={styles.newContainer}>
+                    <div className={styles.expert__container}>
+                        <div className={styles.expert__img_container}><img className={styles.expert__img} src={avatar} alt="avatar"></img></div>
+
+                        <div className={styles.expert__descr_container}>
+                            <div className={styles.expert__descr_fullname}>Иванов Иван Иванович</div>
+                            <div className={styles.expert__descr_speciality}>Психолог, таролог</div>
+                            <div className={styles.expert__descr_phone}>+7 (888) 888 - 88 - 88</div>
+                            <a href="#" className={styles.expert__descr_email}>exampl@ya.ru</a>
+                        </div>
+
+                    </div>     
+                    <div className={styles.container__links}>
+                        <div className={styles.links__title}>Ссылки на материалы специалиста</div>
+                        <div className={styles.links__img_container}>
+                            <a href="#"><img src={vk} className={styles.links__img}></img></a>
+                            <a href="#"><img src={tg} className={styles.links__img}></img></a>
+                            <a href="#"><img src={book} className={styles.links__img}></img></a>
+                        </div>
+
+                    </div>
+                </div>
+                
+            </section>
+            <section className={styles.comments}>
+                <div className={styles.comments__title}>Комментарии</div>
+                <div className={styles.newInputContainer}>
+                    <div className={styles.comments__number}>3 КОММЕНТАРИЯ</div>
+                    <div className={styles.comments__input_container}>
+                        <div className={styles.comments__input_img_container}>
+                            <img className={styles.comments__input_img} src={newAvatar} alt='avatar'></img>
+                            <textarea placeholder="Дмитрий Кирканов" className={styles.comments__input}></textarea>
+                        </div>
+                        <div className={styles.comments__button_container}>
+                            <button className={styles.comments__button}>ОТПРАВИТЬ</button>
+                        </div>
+                    </div>
+                    <div className={styles.comments__all_container}>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+            </section>
+            <section className={styles.someMeetings}>
+            <div className={styles.someMeetings__title}>Еще мероприятия</div>
+            <Box sx={{ flexGrow: 1 }}>
+                <Grid container spacing={1}>
+                <Grid item xs={6}  md={4} lg={3} >
+                    <Card></Card>
+                </Grid>
+                <Grid item xs={6}  md={4} lg={3} >
+                    <Card></Card>
+                </Grid>
+                <Grid item xs={6} md={4} lg={3} >
+                    <Card></Card>
+                </Grid>
+                <Grid item xs={6}  md={4} lg={3} >
+                    <Card></Card>
+                </Grid>
+                
+                </Grid>
+            </Box>
+            </section>
+            <div>
+     
+                    <Modal
+                        open={open}
+                        onClose={handleClose}
+                        aria-labelledby="modal-modal-title"
+                        aria-describedby="modal-modal-description"
+                    >
+                        <Box sx={style}>
+                        <div className={styles.modal__title}>Вопросы</div>
+                        <div onClick={handleClose} className={styles.modal__close}><div className={styles.modal__close_img}>+</div></div>
+                        <div className={styles.modal__line}></div>
+                        <div className={styles.modal__question_number}>Всего  <span>1</span></div>
+                        <div className={styles.modal__question_container}>
+                            <div className={styles.modal__question_containerSecond}>
+                                <div className={styles.modal__question_user}>
+                                    <div className={styles.modal__question_user_img_container}><img src={newAvatar} alt='avatar' className={styles.modal__question_user_img}></img> Дмитрий Кирсанов</div>
+                                    <div className={styles.modal__question_user_descr}>Задача организации, в особенности же начало повседневной работы по формированию позиции обеспечивает актуальность приоретизации разума над эмоциями. </div>
+                                    <div className={styles.modal__question_time_container}>
+                                        <div className={styles.modal__question_time}>4 мая 1990, 00:00</div>
+                                        <div className={styles.modal__question_like_container}><img src={like} alt='like' className={styles.modal__question_like_container}></img> <span className={styles.modal__question_like}>0</span></div>
+                                    </div>
+                                    
+                                </div>
+                            </div>
+                            <div className={styles.modal__question_containerThird}>
+                                <div className={styles.modal__question_user_img_container}><img src={newAvatar} alt='avatar' className={styles.modal__question_user_img}></img> Дмитрий Кирсанов</div>
+                                <textarea placeholder="Дмитрий Кирканов" className={styles.modal__question_input}></textarea>
+                                <div className={styles.modal__question_button_container}>
+                                    <button className={styles.modal__question_button + ' ' + styles.yellow}>Задать вопрос</button>
+                                    <button className={styles.modal__question_button + ' ' + styles.gray}>Отменить</button>
+                                </div>
+                            </div>
+                        </div>
+                        </Box>
+                    </Modal>
+                    </div>
+        </>
+        
+    )
+
+
+}
+export default MeetPage;
\ No newline at end of file
diff --git a/src/Components/MeetAuthPageAdmin/style.module.scss b/src/Components/MeetAuthPageAdmin/style.module.scss
new file mode 100644
index 0000000..c8b8b37
--- /dev/null
+++ b/src/Components/MeetAuthPageAdmin/style.module.scss
@@ -0,0 +1,595 @@
+.meets {
+    margin-top: 150px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    &__img {
+        width: 44%;
+        height: 300px;
+        background-color: #D9D9D9;
+    }
+    &__mainInfo {
+        &_container {
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+            align-content: start;
+        }
+        &_descr {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 30px;
+            font-style: normal;
+            font-weight: 600;
+            line-height: normal;
+            text-align: left;
+        }
+        &_type {
+            display: flex;
+            margin-top: 25px;
+            border-radius: 10px;
+            border: 1px solid var(--gray_text, #888);
+            width: 110px;
+            height: 35px;
+            justify-content: center;
+            align-items: center;
+            color: var(--gray_text, #888);
+            font-family: Montserrat;
+            font-size: 15px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+        }
+        &_status {
+            margin-top: 40px;
+
+            display: flex;
+        }
+        &_time {
+            margin-top: 40px;
+   
+            display: flex;
+        }
+        &_status_img {
+            height: 26px;
+            width: 30px;
+            margin-right: 12px;
+        }
+    }
+    &__otziv {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 300px;
+        width: 44%;
+        border: 1px solid var(--gray_stroke, #D0D2D8);
+        margin-top: 50px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        &_title {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 25px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+            position: absolute;
+            left: 10px;
+            top: 4px;
+        }
+        &_container {
+            display: flex;
+            justify-content: space-between;
+        }
+    }
+    
+}
+.aboutMeet {
+    margin-top: 100px;
+    display: flex;
+    flex-direction: column;
+    &__title {
+        display: flex;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 56px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+    &__descr {
+        margin-top: 60px;
+        display: flex;
+        text-align: left;
+        color: rgba(0, 0, 0, 0.90);
+        font-family: Montserrat;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 110%; /* 27.6px */
+    }
+
+}
+.expert {
+
+    display: flex;
+    flex-direction: column;
+    margin-top: 200px;
+    &__title {
+        display: flex;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 56px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+    &__img {
+        border-radius: 10000px;
+    }
+   
+
+}
+.expert {
+
+
+    &__container {
+        margin-top: 60px;
+        display: flex;
+
+    }
+    &__img {
+        width: 200px;
+        height: 200px;
+        &_container {
+            margin-right: 50px;
+        }
+        
+    }
+    &__descr {
+        
+
+
+        &_container {
+            display: flex;
+            flex-direction: column;
+            text-align: left;
+
+            justify-content: center;
+        }
+        &_fullname {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 36px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+        }
+        &_speciality {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 32px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+            margin-top: 6px;
+        }
+        &_phone {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 22px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+            margin-top: 16px;
+        }
+        &_email {
+            color: #2C41FF;
+            font-family: Montserrat;
+            font-size: 22px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+            margin-top: 16px;
+        }
+    }
+}
+.someMeetings {
+
+    display: flex;
+    flex-direction: column;
+    margin-top: 200px;
+    &__title {
+        display: flex;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 56px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+
+}
+.cards_container {
+    display: flex;
+}
+.newMeeting {
+    &__container {
+        margin-top: 50px;
+        display: flex;
+        flex-direction: column;
+    }
+    &__button {
+        color: #000;
+        font-family: Montserrat;
+        font-size: 22px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        border-radius: 10px;
+        background: var(--yellow, #FFED00);
+        height: 80px;
+        width: 450px;
+    }
+    &__link {
+        margin-top: 30px;
+        color: #2C41FF;
+        font-family: Montserrat;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: left;
+    }
+    &__ling_video {
+        color: #000;
+        font-family: Montserrat;
+        font-size: 25px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        margin-top: 140px;
+        text-align: left;
+    }
+}
+.newContainer {
+    display: flex;
+    justify-content: space-between;
+}
+.container__links {
+    width: 40%;
+}
+.links {
+
+    &__title {
+        margin-top: 128px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: left;
+        padding-left: 5px;
+    }
+    &__img {
+        margin-right: 10px;
+
+        &_container {
+            margin-top: 45px;
+            display: flex;
+        }
+    }
+}
+
+.expert {
+
+    display: flex;
+    flex-direction: column;
+    margin-top: 200px;
+    &__title {
+        display: flex;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 56px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+    &__img {
+        border-radius: 10000px;
+    }
+   
+
+}
+
+.yellowSpan {
+    color: #FD0
+}
+.comments {
+    display: flex;
+    flex-direction: column;
+    margin-top: 200px;
+    &__title {
+        display: flex;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 56px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+   &__number {
+    margin-left: 3px;
+   }
+
+   &__input {
+    border-radius: 10px;
+    border: 1px solid var(--gray_stroke, #D0D2D8);
+    background: #FFF;
+    height: 200px;
+    width: 100%;
+    display: flex;
+    justify-content: start;
+    align-items: start;
+    padding-left: 20px;
+    text-align: start;
+    display: flex;
+    justify-content: start;
+    padding-left: 30px;
+    font-family: Montserrat;
+    font-size: 22px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    padding-top: 30px;
+    &_img {
+        height: 60px;
+        width: 60px;
+    }
+    &_container {
+        display: flex;
+        flex-direction: column;
+    }
+    &_img_container {
+        display: flex;
+        margin-top: 60px;
+    }
+    &_img {
+        margin-right: 50px;
+    }
+   }
+   .newInputContainer {
+    display: flex;
+    flex-direction: column;
+   }
+   &__number {
+    display: flex;
+    margin-top: 60px;
+    color: #000;
+    font-family: Montserrat;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+   }
+   &__button {
+    border-radius: 5.833px;
+    background: var(--yellow, #FD0);
+    width: 200px;
+    height: 45px;
+    margin-top: 35px;
+        &_container {
+            display: flex;
+            justify-content: flex-end;
+        }
+   }
+   &__all_container {
+    display: flex;
+    flex-direction: column;
+    height: 500px;
+    margin-top: 50px;
+    overflow-x: hidden;
+   }
+   
+}
+
+.oneComment {
+
+    &__container {
+        display: flex;
+        margin-top: 70px;
+    }
+    &__img {
+        margin-right: 50px;
+    }
+    &__descr {
+        color: #000;
+        font-family: Montserrat;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        margin-top: 20px;
+        &_title {
+            color: #000;
+            font-family: Montserrat;
+            font-size: 20px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+            margin-right: 12px;
+            &_container {
+                display: flex;
+
+            }
+        }
+        &_time {
+            color: var(--gray_text, #888);
+            font-family: Montserrat;
+            font-size: 20px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: normal;
+        }
+    }
+}
+.modal {
+    background-color: #fff;
+    position: absolute;
+    height: 400px;
+    width: 300px;
+    &__container {
+        position: absolute;
+        top: 0px;
+        height: 5000px;
+        width: 100%;
+        background-color: rgba(0, 0, 0, 0.40);
+    }
+    &__title {
+        color: #000;
+        font-family: Montserrat;
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+    &__line {
+        height: 1px;
+        width: 100%;
+        stroke-width: 1px;
+        background-color: #D0D2D8;
+        width: 100%;
+        margin-top: 40px;
+    }
+    &__close {
+        cursor: pointer;
+        transform: rotate(-45deg);
+        position: absolute;
+        height: 96px;
+        height: 45px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 58.625px;
+        font-style: normal;
+        font-weight: 200;
+        line-height: normal;
+        top: 0px;
+        right: 50px;
+    }
+    &__question {
+        &_number {
+            margin-top: 50px;
+            color: #000;
+            font-family: Montserrat;
+            font-size: 32px;
+            font-style: normal;
+            font-weight: 600;
+            line-height: normal;
+            span {
+                color: #000;
+                font-family: Montserrat;
+                font-size: 32px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: normal;
+            }
+        }
+        &_container {
+            margin-top: 60px;
+            display: flex;
+            justify-content: space-between;
+        }
+        &_containerSecond {
+            width: 48%;
+            height: 250px;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+        }
+        &_user {
+            &_img {
+                margin-right: 25px;
+                &_container {
+                    display: flex;
+                    align-items:center;
+                    color: #000;
+                    font-family: Montserrat;
+                    font-size: 24px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: normal;
+                }
+            }
+            &_descr {
+                color: #000;
+                font-family: Montserrat;
+                font-size: 18px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: normal;
+                margin-top: 25px;
+            }
+        }
+        &_time {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            &_container {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-top: 20px;
+            }
+        }
+        &_like {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 5px 0 0 10px;
+            &_container {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                
+            }
+        }
+        &_input {
+            margin-top: 40px;
+            border-radius: 10px;
+            border: 1px solid var(--gray_stroke, #D0D2D8);
+            width: 100%;
+            height: 235px;
+            padding-top: 20px;
+            padding-left: 10px;
+        }
+        &_containerThird {
+            margin-right: 3%;
+        }
+        &_button {
+            &_container {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+    }
+}
+.yellow {
+    border-radius: 10px;
+    background-color: #FD0;
+    width: 190px;
+    height: 50px;
+    margin-right: 30px;
+}
+.gray {
+    border-radius: 10px;
+    background: var(--gray_stroke, #D0D2D8);
+    width: 140px;
+    height: 40px;
+}
diff --git a/src/Components/UserHeader/index.jsx b/src/Components/UserHeader/index.jsx
new file mode 100644
index 0000000..9bcc280
--- /dev/null
+++ b/src/Components/UserHeader/index.jsx
@@ -0,0 +1,22 @@
+
+import styles from './style.module.scss';
+import logo from '../../img/headerImg/OgettoLogo.png';
+import { useNavigate } from "react-router-dom";
+
+const Header = () => {
+    const navigate = useNavigate();
+    const handleHome = () => {
+        navigate('/');
+    }
+
+    return (
+        <div className={styles.header__container}>
+            <header className={styles.header}>
+                <div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
+                <button className={styles.header__button}>ВХОД</button>
+            </header>
+        </div>
+    )
+
+}
+export default Header;
\ No newline at end of file
diff --git a/src/Components/UserHeader/style.module.scss b/src/Components/UserHeader/style.module.scss
new file mode 100644
index 0000000..5fbb6be
--- /dev/null
+++ b/src/Components/UserHeader/style.module.scss
@@ -0,0 +1,39 @@
+
+
+.header {
+    height: 75px;
+    width: 80%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &__container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 150px;
+        position: fixed;
+        top: 0px;
+        background-color: #fff;
+        left: 0px;
+        z-index: 10;
+    }
+    &__logo {
+        cursor: pointer;
+    }
+    &__button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 10px;
+        background: #FFED00;
+        width: 200px;
+        height: 42px;
+        color: #000;
+        font-family: Montserrat;
+        font-size: 25px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+    }
+}
\ No newline at end of file
diff --git a/src/img/headerImg/Icon.png b/src/img/headerImg/Icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7e2f953ec510ef3e69d0aea7d412ebbf881d165
GIT binary patch
literal 1016
zcmV<U0|)$xP)<h;3K|Lk000e1NJLTq001`t001`#1^@s6sN2#;00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1C2>UK~#7F?V3wc
z+dvS8y9X0P#iX1CRkE|dxdGW_7yASWCjd@BSZ0OUWfwRBzCpqXVorc=5K$Flc@-#J
z#9p9Dk8waVHk9UJVXEfaxYUwH`sdN=?lFMJ<MDVr9?!gikOM&w)aa+q0L1TF`W)x{
z5*Ul<HyjKG;ROMXn5j4twM7ruM1*?gn>e%*fc-d*Bd}y9;>1W%!$(@86cP?i61Wc*
zI2Sh(hVT<_r=T4Ot@HDE8w_zSu2KnpO%q18lLUCkIEL~GER%hm&VPU@_uV9Xx7X_(
zfB{a$i8aO$j^rockAz+@%Nlw^_j80jkVNu}>%YUdCXR-IL-6*+QU)=tx*J)YLnn?~
zwALDkm=c2J<zjIQ3~(lH>_lp5TatjbLl7Oo6MiTe8GZx<oQb2}UYCw(jhVXh7fVYA
za$9^I3~(oo%P+t=w84-lio~=$OSN7e2Lf6+6UUV)NfC!#q=EP+eONH~v^aGrQp1u{
z(1+HYbr?1?ar3}Di#r2LT#A#Tee#wO*s%td_-XlE@#0LlNs=;HKoQTSZF}w_6o%5n
z7Z|hq&Z$8FVhuELB5o8KDdAV2>LFkO1p%RA&<>uh#gz$>d8ch6Xtpi%EEbC`rOi5Z
z;+{qmcH-z^_2uQI(}~QRiacP62%afkZKrLN2sf)iaFjKOHWpW@R6et5wGv8DMbZfl
zpv+<$)fg3FOU#rk0*%Cp=|MTxx5+a+yuKdnf+I%xAhL!kP;@9me!9B4`e>e~Ep9ww
zP1VkUA5yKO;j*YI=yW<E6^Y)#L^y}#LSf<iV<V_lAQBBRhNm=N?%clURZRHC?>KJ5
zjHy<GCiSA^RK&XMcH_ph>lZ+Sl~U<|dgJ~7V<AlR>UkVnx&5qMUG>{5uS#M->UZxz
zQ}ku2bkgtlBlY^s)3R2p375Yq88epbTtY?K=7bjo<-P9h*%%Iob;T69@`}2U7nQ4O
z$UjZHF0(iWa^0WG0LSn|&}?a|wasacr2rX8$cbRe{ZK5qQ>_F$@I+ATDIJdsNKx9R
z^C_^-jPu6lbI+ArwvB0R@=O;}z)jyw<NY|5Tt*Hv7HCKN;||G1+{CWUL)Rf1Z8APY
zF5<?!HqoOOp_@(qG+MExDU>J-DE>Pp0k3J1%UfMEWhtZh((U%Xf@5-VC}~6_u}FJ)
mqo9CBv+wx7CmxUI>G%i221$}0xAOA<0000<MNUMnLSTXp`pU)t

literal 0
HcmV?d00001

diff --git a/src/img/headerImg/avatar.png b/src/img/headerImg/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..18690b52fbd744458ba691a591b1f691d3ec6891
GIT binary patch
literal 7508
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

literal 0
HcmV?d00001

diff --git a/src/img/headerImg/google.png b/src/img/headerImg/google.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f979cb342a550d68bde3ef58d02a316d0fccd41
GIT binary patch
literal 953
zcmV;q14jIbP)<h;3K|Lk000e1NJLTq000{R000^Y1^@s6Mu;cy00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH15QaqK~#7F<(6A)
z3{e=z|L5$?Y;C)(R<LeC-AX-pAr*v_EtQm%R3Z^C;t~mogoH%2aY>{iUPMTEKoCmE
zZrvJ}b%`n-N{W_7FWP9UMK61sotfhdy4~&Uw%gPbzvLuyzRUUVcfKz(3;e5)Sc2Fp
zq{4$`kdXls(s)(^U!4e`3PVteB-|nwQ8y?twifAV#eOJUNP#74pa3^tw-JwB<OXU7
zEXGzK5A8S!4Jn8fk=LJqHN=6Nk=!(*&`K;v2hI;jNGHInS1~u5+hh>R!$P#7gbN9V
zXo>el!Y%GAhK2GTF$M-((4UMWq!@dmiG^Jw+Xge<p^^{6gs><9)qDuH@P6D6i`VmW
zv4mguaqcf7*RdC|!X8L#*dY^Rnfxa&__H$chWBq|pLqolZXp8UmAT9%++s(w1{5hk
z3u{3lGKdp3_zMKZ*psAWsNNb7lJv`<^7TMHKn^PVdM7O|xR5G}Y+^rW!xyl&1INl;
z1ujM3_mr=B#|DLT^wG(pS8>pI$Xn0M^#mjzF)%H0$85m$N`LMd{Q$8UB31bV28jUQ
z`0i&KVl^^WAGpE6m_UqTL})TZeiqX(NMx1PcR%;kLxl!t0p8HxeXCOwaM?F04|wsq
z_W|k273V}spY*mjcG`Bg%EOj)??oE$S}i|<V&S9z$Xvqj&Hhv#g;Vb7@G#LoMeCSc
zxZ2f#ewbfSoLc7_{an$6;oY_&)c5Su;W_hy^@JvTRpU;d@T8-#YZls>nZN3&xr!#<
z+j?b@tuLWPg*R<q{KFlgLOLl@+quwvnAlNu_Fb2MOl7D|1)bI`SzVhP_AEXwhOfkC
zr+sl;%HyXhVd<fEiOTgeY1!FOn<06lBQv{MvleNL#D@nmNJK4{m{#Forg{sM@d_2@
zd6{W~?q|NC_*l6Po!${VR>QdXrp&VZWe@ul)7kE{=hmv0OI*;5fuNYtSiRaW$VquG
z^Orh%yQ6+QH#oC%zANGt88i+tB7l7xDRgZ<m2>}UBtMOocqZqzbF|4f!$Op6{16ZN
zK%$yEk;vDkithQ*gmhy1!?V+oHL*pb*={Cgh*V7jBUb)u=u`-OpFjeoHqC$MaIUKs
b|1CcOL_RIkO@^B-00000NkvXXu0mjf1(mar

literal 0
HcmV?d00001

diff --git a/src/img/headerImg/header.png b/src/img/headerImg/header.png
new file mode 100644
index 0000000000000000000000000000000000000000..caa4af6f8404405fd8bf281e5f72bc038b0a519f
GIT binary patch
literal 7188
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

literal 0
HcmV?d00001