feat: add result section

2025-05-30 11:02:09 +03:00
parent 6bd23f4d2d
commit 6a9b8f41e8
12 changed files with 195 additions and 9 deletions
--- a/src/views/home/ui/offer/offer.module.scss
+++ b/src/views/home/ui/offer/offer.module.scss
@@ -150,10 +150,58 @@
  }

  .Form {
-    .Title {
+    position: relative;
+    padding: 40px 60px;
+    background: #292E3D;
+    border-radius: 28px;
+    overflow: hidden;
+    &:after {
+      content: '';
+      display: block;
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      z-index: 1;
+      left: 0;
+      top: 0;
+      background-color: rgba(#163055, .6);
+      transition: 250ms background-color;
+    }
+
+    .Background {
+      position: absolute;
+      object-fit: cover;
+      z-index: 1;
    }

    .SubTitle {
+      position: relative;
+      z-index: 2;
+      font-family: $font-open-sans;
+      font-weight: $font-light;
+      font-size: 30px;
+      line-height: 100%;
+      color: $color-white;
+      margin-bottom: 16px;
+    }
+
+    .Title {
+      position: relative;
+      z-index: 2;
+      font-family: $font-open-sans;
+      font-weight: $font-regular;
+      font-size: 48px;
+      line-height: 130%;
+      color: $color-white;
+      max-width: 660px;
+      margin: 0;
+    }
+
+    .Input{
+      position: absolute;
+      z-index: 2;
+      right: 60px;
+      bottom: 40px;
    }
  }
 }