feat: add forms logic

This commit is contained in:
2025-06-09 14:11:36 +03:00
parent 9b6e163da5
commit a17afb39ba
18 changed files with 481 additions and 84 deletions

View File

@@ -236,6 +236,11 @@
margin-left: rem(42px);
}
a:hover {
color: #163055;
text-decoration: underline;
}
.Icon {
position: absolute;
top: 0;

View File

@@ -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>

View File

@@ -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>

View File

@@ -10,7 +10,7 @@ export default function HomePage() {
<>
<Main />
<Offer />
<Result />
{/*<Result />*/}
<License />
<Contacts />
<Footer />

View File

@@ -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 {

View File

@@ -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>