Meets

src/Components/MeetPage/index.jsx

@@ -2,6 +2,11 @@ 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 { style } from "@mui/system";
+import Card from "../Card";
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
 
 const MeetPage = () => {
 
@@ -19,6 +24,48 @@ const MeetPage = () => {
                 <div className={styles.meets__img}></div>
                
             </section>
+            <div className={styles.meets__otziv_container}>
+                <div className={styles.meets__otziv}>
+                    <span className={styles.meets__otziv_title}>Отзывы</span>
+                    Оставьте первый отзыв
+                </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.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>
+            </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>
         </>
         
     )