fix: add sidebar
This commit is contained in:
47
src/feature/article/sidebar/ui.tsx
Normal file
47
src/feature/article/sidebar/ui.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
import s from './styles.module.scss';
|
||||
import { Button } from '@shared/ui';
|
||||
|
||||
function Sidebar() {
|
||||
return (
|
||||
<div className={s.Sidebar}>
|
||||
<div className={s.Estimation}>
|
||||
<h4 className={s.Title}>Срок выполнения:</h4>
|
||||
<p className={s.Estimate}>от 3 дней</p>
|
||||
<p className={s.Text}>
|
||||
Наш эксперт свяжется с вами для уточнения обстоятельств дела и
|
||||
определения точной стоимости.
|
||||
</p>
|
||||
<p className={s.Text}>Оставьте заявку или позвоните по телефону</p>
|
||||
<Button variant={'white'}>Записаться</Button>
|
||||
<p className={s.Phone}>+7 (900) 241-34-34</p>
|
||||
</div>
|
||||
<div className={s.Related}>
|
||||
<h4 className={s.Title}>Сопутствующие экспертизы</h4>
|
||||
<ul className={s.List}>
|
||||
<li className={s.ListItem}>Трасологическая</li>
|
||||
<li className={s.ListItem}>Оценочная</li>
|
||||
<li className={s.ListItem}>Товароведческая</li>
|
||||
<li className={s.ListItem}>Рецензирование (проверка)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className={s.Warranties}>
|
||||
<h4 className={s.Title}>Наши гарантии</h4>
|
||||
<ul className={s.List}>
|
||||
<li className={s.ListItem}>
|
||||
Эксперты компании являются членами Саморегулируемой организации
|
||||
судебных экспертов
|
||||
</li>
|
||||
<li className={s.ListItem}>
|
||||
Деятельность компании застрахована на 60 000 000 рублей
|
||||
</li>
|
||||
<li className={s.ListItem}>
|
||||
Экспертизы выполняются в соответствии с Федеральными
|
||||
Законодательными Актами
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export { Sidebar };
|
||||
Reference in New Issue
Block a user