redrockjs/fire-exam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #22 from redrockjs/dev

Browse Source 
Dev
This commit was merged in pull request #22.
This commit is contained in:
Valeriy G.
2025-06-20 11:29:09 +03:00
committed by GitHub
parent 7edf76c63c 2d77844758
commit 3a30905c2f
4 changed files with 65 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/svg/ru-krd-map.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

6
public/yandex_eb592d0a9916552a.html Normal file
View File

@@ -0,0 +1,6 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>Verification: eb592d0a9916552a</body>
</html>

44
src/views/home/ui/main/main.module.scss
View File

@@ -24,10 +24,11 @@
height: rem(900px);
z-index: -1;
& img {
.Background {
object-fit: cover;
filter: brightness(0.5);
}
}
}
@@ -122,6 +123,7 @@
}
.Info {
position: relative;
margin: 0 auto;
display: flex;
flex-direction: column;
@@ -131,15 +133,49 @@
@include iftablet {
flex-direction: row;
gap: unset;
padding: rem(130px) 0 rem(160px);
padding: rem(110px) 0 rem(160px);
}
@include iflaptop {
padding: rem(130px) 0 rem(160px);
padding: rem(110px) 0 rem(160px);
}
@include ifdesktop {
padding: rem(160px) 0 rem(120px);
padding: rem(130px) 0 rem(120px);
}
.Map {
position: absolute;
z-index: -1;
width: 90vw;
bottom: rem(-50px);
right: 50%;
transform: translateX(50%);
@media (min-width: 500px) and (max-width: 768px) {
bottom: rem(-40px);
width: rem(480px);
}
@include iftablet {
width: rem(500px);
top: rem(10px);
bottom: unset;
right: rem(-50px);
transform: none;
}
@include iflaptop {
width: rem(580px);
top: rem(10px);
right: rem(-30px);
}
@include ifdesktop {
width: rem(800px);
top: rem(120px);
right: rem(-100px);
}
}
.Content {

6
src/views/home/ui/main/main.tsx
View File

@@ -5,6 +5,7 @@ import { ConsultationOrder } from '@/entities/home/consultation-order';
import { CallbackOrder } from '@/entities/home/callback-order';
import bgStart from '@public/images/bg-start-desktop.jpg';
import ruKrdMap from '@public/svg/ru-krd-map.svg';
import logo from '@public/images/dtr-logo.png';
import waIcon from '@public/svg/whatsapp.svg';
import emailIcon from '@public/svg/email-icon.svg';
@@ -14,6 +15,7 @@ export default function Main() {
<section className={s.Main}>
<div className={s.Main_BgWrapper}>
<Image
className={s.Background}
src={bgStart}
placeholder='blur'
alt={''}
@@ -51,6 +53,7 @@ export default function Main() {
</div>
</div>
<div className={s.Info}>
<Image className={s.Map} src={ruKrdMap} alt={''} priority />
<div className={s.Content}>
<h1 className={s.Title}>
Полное обследование объекта на соответствие требованиям пожарной
@@ -64,6 +67,9 @@ export default function Main() {
<li className={s.ListItem}>
Сокращение затрат на модернизацию пожарных систем
</li>
<li className={s.ListItem}>
Работаем на всей территории Краснодарского края
</li>
</ul>
</div>
<div className={s.Phone}>