39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
'use client';
|
||
|
||
import s from './styles.module.scss';
|
||
import { Button, Icons } from '@shared/ui';
|
||
import { CONTACTS } from '@shared/const/contacts';
|
||
import { useModal } from '@core/providers/modal-provider';
|
||
import { ConsultationModal } from '@/widgets';
|
||
|
||
function CallUs() {
|
||
const modal = useModal();
|
||
const openModal = () =>
|
||
modal.showModal(<ConsultationModal pageName={'Home-CallUs'} />);
|
||
|
||
const handlePhoneClick = () => {
|
||
window.open(`tel:${CONTACTS.PHONE}`, '_self');
|
||
};
|
||
|
||
return (
|
||
<section className={s.CallUs}>
|
||
<div className={s.LeftBlock}>
|
||
<p className={s.LineTitle}>Остались вопросы?</p>
|
||
<p className={s.LineText}>Свяжитесь с нами любым удобным способом</p>
|
||
</div>
|
||
<div className={s.RightBlock}>
|
||
<Button className={s.Btn} onClick={openModal}>
|
||
<Icons.MobilePhone className={s.Icon} />
|
||
Мы вам перезвоним
|
||
</Button>
|
||
<Button className={s.Btn} onClick={handlePhoneClick}>
|
||
<Icons.MobileContact className={s.Icon} />
|
||
Связаться с нами
|
||
</Button>
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|
||
|
||
export { CallUs };
|