/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/pages/Main/Main.jsx
37 строк
2 KB
Evgeniy
Init commit
20 сен 2024, 16:32
20 сен 2024, 16:32
24e91ef
Код
Авторство
О чём код?
import Layout from "../../components/Layout/layout"; import Photo from '../../assets/profile_img.jpeg'; import Button from "../../components/Button/button"; import ContactForm from '../../components/ContactForm/contactForm'; import { useState } from "react"; function Main() { const [constFormState, displayContactForm] = useState(false); return ( <> <Layout> <div className="container"> <div className="main-content"> <div className="main-info"> <div className="title"> <h1>Меня зовут Евгений</h1> <h1>Я веб-разработчик</h1> </div> <div className="dsc"> <p className='dsc__content'>Я создаю высокопроизводительные, красивые веб-сайты, которые ориентированы на конверсию, соответствуют бренду и удобны для людей.</p> </div> <Button className="btn-dark" label="Связаться со мной" onClick={() => displayContactForm(true)} /> </div> <img src={Photo} alt="" className='main-img' /> </div> </div> </Layout> {constFormState && ( <ContactForm onClick={() => displayContactForm(false)} /> )} </> ) } export default Main;