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); height: rem(900px);
z-index: -1; z-index: -1;
& img { .Background {
object-fit: cover; object-fit: cover;
filter: brightness(0.5); filter: brightness(0.5);
} }
} }
} }
@@ -122,6 +123,7 @@
} }
.Info { .Info {
position: relative;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -131,15 +133,49 @@
@include iftablet { @include iftablet {
flex-direction: row; flex-direction: row;
gap: unset; gap: unset;
padding: rem(130px) 0 rem(160px); padding: rem(110px) 0 rem(160px);
} }
@include iflaptop { @include iflaptop {
padding: rem(130px) 0 rem(160px); padding: rem(110px) 0 rem(160px);
} }
@include ifdesktop { @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 { .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 { CallbackOrder } from '@/entities/home/callback-order';
import bgStart from '@public/images/bg-start-desktop.jpg'; 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 logo from '@public/images/dtr-logo.png';
import waIcon from '@public/svg/whatsapp.svg'; import waIcon from '@public/svg/whatsapp.svg';
import emailIcon from '@public/svg/email-icon.svg'; import emailIcon from '@public/svg/email-icon.svg';
@@ -14,6 +15,7 @@ export default function Main() {
<section className={s.Main}> <section className={s.Main}>
<div className={s.Main_BgWrapper}> <div className={s.Main_BgWrapper}>
<Image <Image
className={s.Background}
src={bgStart} src={bgStart}
placeholder='blur' placeholder='blur'
alt={''} alt={''}
@@ -51,6 +53,7 @@ export default function Main() {
</div> </div>
</div> </div>
<div className={s.Info}> <div className={s.Info}>
<Image className={s.Map} src={ruKrdMap} alt={''} priority />
<div className={s.Content}> <div className={s.Content}>
<h1 className={s.Title}> <h1 className={s.Title}>
Полное обследование объекта на соответствие требованиям пожарной Полное обследование объекта на соответствие требованиям пожарной
@@ -64,6 +67,9 @@ export default function Main() {
<li className={s.ListItem}> <li className={s.ListItem}>
Сокращение затрат на модернизацию пожарных систем Сокращение затрат на модернизацию пожарных систем
</li> </li>
<li className={s.ListItem}>
Работаем на всей территории Краснодарского края
</li>
</ul> </ul>
</div> </div>
<div className={s.Phone}> <div className={s.Phone}>