feat: add forms logic
This commit is contained in:
@@ -236,6 +236,11 @@
|
||||
margin-left: rem(42px);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #163055;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.Icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
@@ -53,11 +53,11 @@ export default function Contacts() {
|
||||
</p>
|
||||
<p className={s.Address}>
|
||||
<Image className={s.Icon} src={phoneCall} alt='' />
|
||||
+7 (988) 400 93 93
|
||||
<a href='tel:+79884009393'>+7 (988) 400-93-93</a>
|
||||
</p>
|
||||
<p className={s.Address}>
|
||||
<Image className={s.Icon} src={email} alt='' />
|
||||
office@firecheck.ru
|
||||
<a href='mailto:spo-71@yandex.ru'>spo-71@yandex.ru</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -10,9 +10,23 @@ export default function Footer() {
|
||||
<FooterForm />
|
||||
|
||||
<div className={s.Bottom}>
|
||||
<Button variant='ghost'>Telegram</Button>
|
||||
<Button variant='ghost'>WhatsApp</Button>
|
||||
<Button variant='ghost'>+7 (999) 123 45 67</Button>
|
||||
<a
|
||||
href='https://wa.me/?phone=79884009393&text=Консультация+по+пожарной+безопасности'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
>
|
||||
<Button variant='ghost'>WhatsApp</Button>
|
||||
</a>
|
||||
<a
|
||||
href='mailto: spo-71@yandex.ru'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
>
|
||||
<Button variant='ghost'>spo-71@yandex.ru</Button>
|
||||
</a>
|
||||
<a href='tel:+79884009393' target='_blank' rel='noopener noreferrer'>
|
||||
<Button variant='ghost'>+7 (988) 400-93-93</Button>
|
||||
</a>
|
||||
<p className={s.Policy}>
|
||||
<Link href='#'>Политика конфиденциальности</Link>
|
||||
</p>
|
||||
|
||||
@@ -10,7 +10,7 @@ export default function HomePage() {
|
||||
<>
|
||||
<Main />
|
||||
<Offer />
|
||||
<Result />
|
||||
{/*<Result />*/}
|
||||
<License />
|
||||
<Contacts />
|
||||
<Footer />
|
||||
|
||||
@@ -5,17 +5,17 @@
|
||||
@include iftablet {
|
||||
margin: 0 auto;
|
||||
width: rem(712px);
|
||||
padding: 0 0 rem(40px);
|
||||
padding: rem(40px) 0 rem(40px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
width: rem(930px);
|
||||
padding: 0 0 rem(60px);
|
||||
padding: rem(60px) 0 rem(60px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
width: rem(1340px);
|
||||
padding: 0 0 rem(160px);
|
||||
padding: rem(160px) 0 rem(160px);
|
||||
}
|
||||
|
||||
.Header {
|
||||
|
||||
@@ -6,7 +6,7 @@ import Image from 'next/image';
|
||||
|
||||
import bgStart from '@public/images/bg-start-desktop.jpg';
|
||||
import waIcon from '@public/svg/whatsapp.svg';
|
||||
import tgIcon from '@public/svg/telegram.svg';
|
||||
import emailIcon from '@public/svg/email-icon.svg';
|
||||
import callBtn from '@public/svg/phone-calling.svg';
|
||||
|
||||
export default function Main() {
|
||||
@@ -26,8 +26,20 @@ export default function Main() {
|
||||
<div className={s.Header}>
|
||||
<div className={s.Logo}>Пожарная экспертиза</div>
|
||||
<div className={s.Buttons}>
|
||||
<Image className={s.Icon} src={waIcon} alt='whatsapp' />
|
||||
<Image className={s.Icon} src={tgIcon} alt='telegram' />
|
||||
<a
|
||||
href='mailto: spo-71@yandex.ru'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
>
|
||||
<Image className={s.Icon} src={emailIcon} alt='email' />
|
||||
</a>
|
||||
<a
|
||||
href='https://wa.me/?phone=79884009393&text=Консультация+по+пожарной+безопасности'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
>
|
||||
<Image className={s.Icon} src={waIcon} alt='whatsapp' />
|
||||
</a>
|
||||
<Button className={s.Button}>
|
||||
<Image src={callBtn} alt='Call' />
|
||||
Обратный звонок
|
||||
@@ -51,7 +63,7 @@ export default function Main() {
|
||||
</ul>
|
||||
</div>
|
||||
<div className={s.Phone}>
|
||||
<p className={s.Title}>+7 988 400 93 93</p>
|
||||
<p className={s.Title}>+7 (988) 400-93-93</p>
|
||||
<ConsultationOrder />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user