diff --git a/layout/style-css/home-new.css b/layout/style-css/home-new.css new file mode 100644 index 0000000..260d0b3 --- /dev/null +++ b/layout/style-css/home-new.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}body{background-color:#f9f9f9}.box-title,.box-4 h2,.box-2 h2{color:#000;font-size:30px;font-family:"Proxima Nova",sans-serif;line-height:1;font-weight:700;padding-left:20px;border-left:3px solid #ffbf0b}@media(max-width: 767px){.box-title,.box-4 h2,.box-2 h2{font-size:24px}}.subpage-content{padding-bottom:0}.box-1{padding-top:90px;padding-bottom:80px;overflow:hidden}.box-1 h2{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;margin:100px 0 30px 0;font-size:14px;font-weight:700;z-index:1}.box-1 h2 img{width:100%;max-width:12px}.box-1 h1{position:relative;color:#000;font-size:32px;font-weight:700;font-family:"Proxima Nova",sans-serif;padding-left:20px;border-left:3px solid #ffbf0b;margin:0 0 40px 0;text-transform:initial;z-index:1}@media(max-width: 767px){.box-1 h1{font-size:24px}}.box-1 p{position:relative;z-index:1}.box-1 p strong{font-weight:700}.box-1 #form-acc-demo{position:relative;width:100%;max-width:500px;margin-left:auto;padding:40px;border:1px solid #ffbf0b;border-radius:24px;background-color:#fff}@media(max-width: 991px){.box-1 #form-acc-demo{margin:0 auto}}.box-1 #form-acc-demo h2{font-size:30px;font-weight:700;margin-top:0;margin-bottom:30px}.box-1 #form-acc-demo .f-row{position:relative}.box-1 #form-acc-demo .f-row .tile{position:relative;margin-bottom:20px}.box-1 #form-acc-demo .f-row .tile label{position:absolute;top:50%;left:20px;color:#b9b9b9;font-size:14px;font-weight:600;line-height:1;margin:0;transform:translateY(-50%);transition:all 250ms ease}.box-1 #form-acc-demo .f-row .tile input{background:#f9f9f9;height:53px;width:100%;border:none;border-radius:6px;padding:10px 20px;color:#000;font-size:14px;font-weight:700;line-height:1;outline:none}.box-1 #form-acc-demo .f-row .tile input:not(:-moz-placeholder-shown)~label{top:0;color:#b9b9b9;font-size:12px}.box-1 #form-acc-demo .f-row .tile input:focus~label,.box-1 #form-acc-demo .f-row .tile input:not(:placeholder-shown)~label{top:0;color:#b9b9b9;font-size:12px}.box-1 #form-acc-demo .checkbox-row{display:flex;flex-direction:row;gap:10px;margin-bottom:30px}.box-1 #form-acc-demo .checkbox-row label{font-size:14px;font-weight:500;line-height:1;color:rgba(0,0,0,.8);margin:0}.box-1 #form-acc-demo .checkbox-row label a{color:#ffbf0b;text-decoration:underline}.box-1 #form-acc-demo .checkbox-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;border:1px solid #ebebeb;border-radius:6px;background:#f9f9f9;width:20px;min-width:20px;height:20px;overflow:hidden;cursor:pointer}.box-1 #form-acc-demo .checkbox-row input[type=checkbox]:checked::before{top:9px;left:6px}.box-1 #form-acc-demo .checkbox-row input[type=checkbox]:checked::after{top:10px;left:4px}.box-1 #form-acc-demo .checkbox-row input[type=checkbox]::before{content:"";position:absolute;top:-11px;left:26px;width:10px;height:2px;background:#000;transform:rotate(-50deg);transition:all 250ms ease}.box-1 #form-acc-demo .checkbox-row input[type=checkbox]::after{content:"";position:absolute;top:-10px;left:-16px;width:5px;height:2px;background:#000;transform:rotate(50deg);transition:all 250ms ease}.box-1 #form-acc-demo .btn-row .btn{display:flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;width:100%;padding:20px 21px;border-radius:12px;background-color:#d43277;color:#fff;font-size:14px;font-weight:700;font-family:"Proxima Nova",sans-serif}.box-1 #form-acc-demo .star{position:absolute}.box-1 #form-acc-demo .star-1{top:-40px;right:60px}.box-1 #form-acc-demo .star-2{left:-90px;top:27%;transform:rotate(45deg)}@media(max-width: 767px){.box-1 #form-acc-demo .star-2{left:auto;right:-90px}}.box-1 #form-acc-demo .star-3{left:0;bottom:0;transform:translate(-65%, 10%);width:190px;height:190px;-o-object-fit:contain;object-fit:contain;z-index:-1}@media(max-width: 575px){.box-1 #form-acc-demo .star{display:none}}.box-2{padding-top:80px;padding-bottom:70px;background-color:#fffbec}.box-2 h2{margin:0 0 60px 0}.box-2 h4{color:#000;font-size:24px;font-weight:700;margin-bottom:24px}.box-2 p{font-size:16px;flex:1}.box-2 p:last-child{margin-bottom:10px}.box-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content;border-top-left-radius:12px;border-top-right-radius:12px}.box-2 ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:40px}.box-2 ol li{position:relative;display:flex;flex-direction:column;width:calc(50% - 15px)}@media(max-width: 767px){.box-2 ol li{width:100%}}.box-2 ol li>div{padding:45px 50px 35px 50px;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 24px 64px rgba(100,84,0,.12);display:flex;flex-direction:column;flex:1}.box-3{padding-top:70px;padding-bottom:80px;background-color:#fffbec}.box-3 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:80px;column-gap:80px;row-gap:40px}.box-3 ul li{display:flex;flex-direction:column;align-items:flex-start;width:calc(33.3333333333% - 53.3333333333px)}@media(max-width: 767px){.box-3 ul li{width:100%}}.box-3 img{margin-bottom:28px}.box-3 h4{font-size:24px;font-weight:700;margin-bottom:24px}.box-3 p:last-child{margin-bottom:0}.box-4{padding-top:80px;padding-bottom:40px;background-color:#fffbec}.box-4 h2{margin:0 0 40px 0}.box-4 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:40px}.box-4 ul li{display:flex;flex-direction:column;align-items:flex-start;width:calc(33.3333333333% - 20px);background-color:#fff;padding:40px;border-radius:15px;margin-bottom:0}.box-4 ul li:nth-child(2) img{margin-bottom:35px;margin-top:15px}.box-4 ul li>span{display:inline-block;margin-top:20px;font-size:16px;font-weight:700}@media(max-width: 991px){.box-4 ul li{width:100%}}.box-4 img{margin-bottom:28px;width:100%;max-width:-moz-fit-content;max-width:fit-content}.box-4 h4{font-size:24px;font-weight:700;margin-bottom:24px}.box-4 p{flex-grow:1}.box-4 p:last-child{margin-bottom:0}.box-5{padding-top:40px;padding-bottom:90px;background-color:#fffbec}.box-5 .box-5--wrapper{position:relative;background-color:#141414;border-radius:12px;padding:64px;background-image:url("/upload/filemanager/Pages/home-new/box-bg.svg");background-position:calc(100% + 57px) center;background-repeat:no-repeat}@media(max-width: 991px){.box-5 .box-5--wrapper{padding:30px;background-position:calc(170% + 57px) center}}@media(max-width: 767px){.box-5 .box-5--wrapper{background-image:none}}.box-5 .c-col-1{width:100%;max-width:675px}@media(max-width: 1199px){.box-5 .c-col-1{max-width:470px}}.box-5 h2{color:#fff;margin-top:0;margin-bottom:16px;font-size:48px;font-weight:700;font-family:"Proxima Nova",sans-serif}.box-5 h2 span{color:#ffbf0b}@media(max-width: 767px){.box-5 h2{font-size:32px}}.box-5 p{color:#fff;font-size:16px;font-weight:400;margin-bottom:32px}.box-5 a.btn{display:inline-flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;padding:20px 21px;border-radius:12px;background-color:#d43277;color:#fff;font-size:14px;font-weight:700;font-family:"Proxima Nova",sans-serif}/*# sourceMappingURL=home-new.css.map */ \ No newline at end of file diff --git a/layout/style-css/home-new.css.map b/layout/style-css/home-new.css.map new file mode 100644 index 0000000..7ffd075 --- /dev/null +++ b/layout/style-css/home-new.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/home-new.scss","../style-scss/_mixins.scss","../style-scss/_variables.scss"],"names":[],"mappings":"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","file":"home-new.css"} \ No newline at end of file diff --git a/layout/style-scss/home-new.scss b/layout/style-scss/home-new.scss new file mode 100644 index 0000000..e5c8263 --- /dev/null +++ b/layout/style-scss/home-new.scss @@ -0,0 +1,520 @@ +@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); +@import '_variables'; +@import '_mixins'; + +body { + background-color: #f9f9f9; +} +.box-title { + color: $cBlackText; + font-size: 30px; + font-family: $font-5; + line-height: 1; + font-weight: 700; + + padding-left: 20px; + border-left: 3px solid $cYellow; + + @include respond-below(sm) { + font-size: 24px; + } +} + +.subpage-content { + padding-bottom: 0; +} + +.box-1 { + padding-top: 90px; + padding-bottom: 80px; + overflow: hidden; + + h2 { + position: relative; + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; + margin: 100px 0 30px 0; + font-size: 14px; + font-weight: 700; + z-index: 1; + + img { + width: 100%; + max-width: 12px; + } + } + + h1 { + position: relative; + color: $cBlackText; + font-size: 32px; + font-weight: 700; + font-family: $font-5; + padding-left: 20px; + border-left: 3px solid $cYellow; + margin: 0 0 40px 0; + text-transform: initial; + z-index: 1; + + @include respond-below(sm) { + font-size: 24px; + } + } + + p { + position: relative; + z-index: 1; + + strong { + font-weight: 700; + } + } + + #form-acc-demo { + position: relative; + width: 100%; + max-width: 500px; + margin-left: auto; + padding: 40px; + border: 1px solid $cYellow; + border-radius: 24px; + background-color: $cWhite; + + @include respond-below(md) { + margin: 0 auto; + } + + h2 { + font-size: 30px; + font-weight: 700; + margin-top: 0; + margin-bottom: 30px; + } + + .f-row { + position: relative; + + .tile { + position: relative; + margin-bottom: 20px; + + label { + position: absolute; + top: 50%; + left: 20px; + color: #b9b9b9; + font-size: 14px; + font-weight: 600; + line-height: 1; + margin: 0; + transform: translateY(-50%); + transition: all 250ms ease; + } + + input { + background: #f9f9f9; + height: 53px; + width: 100%; + border: none; + border-radius: 6px; + padding: 10px 20px; + + color: #000; + font-size: 14px; + font-weight: 700; + line-height: 1; + outline: none; + } + + input:focus ~ label, + input:not(:placeholder-shown) ~ label { + top: 0; + color: #b9b9b9; + font-size: 12px; + } + } + } + + .checkbox-row { + display: flex; + flex-direction: row; + gap: 10px; + margin-bottom: 30px; + + label { + font-size: 14px; + font-weight: 500; + line-height: 1; + color: rgba(#000, 0.8); + margin: 0; + + a { + color: $cYellow; + text-decoration: underline; + } + } + + input[type='checkbox'] { + appearance: none; + position: relative; + width: 20px; + height: 20px; + border: 1px solid #ebebeb; + border-radius: 6px; + background: #f9f9f9; + width: 20px; + min-width: 20px; + height: 20px; + overflow: hidden; + cursor: pointer; + + &:checked { + &::before { + top: 9px; + left: 6px; + } + + &::after { + top: 10px; + left: 4px; + } + } + + &::before { + content: ''; + position: absolute; + top: -11px; + left: 26px; + width: 10px; + height: 2px; + background: #000; + transform: rotate(-50deg); + transition: all 250ms ease; + } + + &::after { + content: ''; + position: absolute; + top: -10px; + left: -16px; + width: 5px; + height: 2px; + background: #000; + transform: rotate(50deg); + transition: all 250ms ease; + } + } + } + + .btn-row { + .btn { + display: flex; + flex-direction: row; + column-gap: 12px; + align-items: center; + justify-content: center; + width: 100%; + + padding: 20px 21px; + border-radius: 12px; + background-color: #d43277; + + color: $cWhite; + font-size: 14px; + font-weight: 700; + font-family: $font-5; + } + } + + .star { + position: absolute; + + &-1 { + top: -40px; + right: 60px; + } + &-2 { + left: -90px; + top: 27%; + transform: rotate(45deg); + + @include respond-below(sm) { + left: auto; + right: -90px; + } + } + &-3 { + left: 0; + bottom: 0; + transform: translate(-65%, 10%); + width: 190px; + height: 190px; + object-fit: contain; + z-index: -1; + } + + @include respond-below(xs) { + display: none; + } + } + } +} +.box-2 { + padding-top: 80px; + padding-bottom: 70px; + background-color: #fffbec; + + h2 { + @extend .box-title; + margin: 0 0 60px 0; + } + + h4 { + color: $cBlackText; + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + + p { + font-size: 16px; + flex: 1; + + &:last-child { + margin-bottom: 10px; + } + } + + img { + width: 100%; + max-width: fit-content; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 30px; + row-gap: 40px; + + @include respond-below(sm) { + } + + li { + position: relative; + display: flex; + flex-direction: column; + + width: calc(100% / 2 - (30px - (30px / 2))); + + @include respond-below(sm) { + width: 100%; + } + + > div { + padding: 45px 50px 35px 50px; + background: $cWhite; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + + box-shadow: 0 24px 64px rgba(100, 84, 0, 0.12); + + display: flex; + flex-direction: column; + flex: 1; + } + } + } +} +.box-3 { + padding-top: 70px; + padding-bottom: 80px; + background-color: #fffbec; + + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 80px; + row-gap: 40px; + + li { + display: flex; + flex-direction: column; + align-items: flex-start; + width: calc(100% / 3 - (80px - 80px / 3)); + + @include respond-below(sm) { + width: 100%; + } + } + } + + img { + margin-bottom: 28px; + } + h4 { + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + p { + &:last-child { + margin-bottom: 0; + } + } +} +.box-4 { + padding-top: 80px; + padding-bottom: 40px; + background-color: #fffbec; + + h2 { + @extend .box-title; + margin: 0 0 40px 0; + } + + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 30px; + row-gap: 40px; + + li { + display: flex; + flex-direction: column; + align-items: flex-start; + width: calc(100% / 3 - (30px - 30px / 3)); + background-color: $cWhite; + padding: 40px; + border-radius: 15px; + margin-bottom: 0; + + &:nth-child(2) { + img { + margin-bottom: 35px; + margin-top: 15px; + } + } + + > span { + display: inline-block; + margin-top: 20px; + font-size: 16px; + font-weight: 700; + } + + @include respond-below(md) { + width: 100%; + } + } + } + + img { + margin-bottom: 28px; + width: 100%; + max-width: fit-content; + } + h4 { + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + + p { + flex-grow: 1; + + &:last-child { + margin-bottom: 0; + } + } +} +.box-5 { + padding-top: 40px; + padding-bottom: 90px; + background-color: #fffbec; + + .box-5--wrapper { + position: relative; + background-color: #141414; + border-radius: 12px; + padding: 64px; + background-image: url('/upload/filemanager/Pages/home-new/box-bg.svg'); + background-position: calc(100% + 57px) center; + background-repeat: no-repeat; + + @include respond-below(md) { + padding: 30px; + background-position: calc(170% + 57px) center; + } + @include respond-below(sm) { + background-image: none; + } + } + + .c-col-1 { + width: 100%; + max-width: 675px; + + @include respond-below(lg) { + max-width: 470px; + } + } + + h2 { + color: $cWhite; + margin-top: 0; + margin-bottom: 16px; + + font-size: 48px; + font-weight: 700; + font-family: $font-5; + + span { + color: $cYellow; + } + + @include respond-below(sm) { + font-size: 32px; + } + } + + p { + color: $cWhite; + font-size: 16px; + font-weight: 400; + margin-bottom: 32px; + } + + a.btn { + display: inline-flex; + flex-direction: row; + column-gap: 12px; + align-items: center; + justify-content: center; + + padding: 20px 21px; + border-radius: 12px; + background-color: #d43277; + + color: $cWhite; + font-size: 14px; + font-weight: 700; + font-family: $font-5; + } +} diff --git a/libraries/.DS_Store b/libraries/.DS_Store new file mode 100644 index 0000000..0a0a818 Binary files /dev/null and b/libraries/.DS_Store differ diff --git a/pages/Home-Page.php b/pages/Home-Page.php new file mode 100644 index 0000000..5c4c3d9 --- /dev/null +++ b/pages/Home-Page.php @@ -0,0 +1,135 @@ +
+
+
+
+

+ + BEZPŁATNE DEMO +

+ +

Wypróbuj Zaufane.pl za darmo!

+ +

Załóż konto demo i przetestuj najlepsze narzędzie do pozyskiwania, publikowania i zarządzania opiniami. Bez zobowiązań, bez ryzyka - przetestuj Zaufane.pl zupełnie bezpłatnie.

+ + +
+ +
+ +
+
+
+
+ +
+
+
+
+

Dlaczego warto założyć konto demo?

+ +
    +
  1. + +
    +

    Wyróżnisz się na tle konkurencji dzięki „złotym gwiazdkom” w Google

    +

    Wizytówka Google to jedno z pierwszych miejsc, gdzie klienci sprawdzają Twoją wiarygodność. Dzięki Zaufane.pl możesz wypełnić swoją wizytówkę pozytywnymi opiniami i wyświetlać „złote gwiazdki” w reklamach Google, co zwiększa zaufanie, obniża CPC i podnosi CTR.

    +
    +
    2. +
  2. + +
    +

    Oszczędzasz czas i zarządzasz opiniami w jednym miejscu

    +

    Zaufane.pl oferuje 5 metod pozyskiwania opinii (pop-upy, e-maile, QR kody i inne), które działają automatycznie. Wszystkie opinie są Twoją własnością, a zarządzanie nimi odbywa się w jednym miejscu.

    +
    +
    3. +
  3. + +
    +

    Zbudujesz trwałe relacje z klientami

    +

    Negatywne doświadczenia klientów to szansa na poprawę. Zaufane.pl oferuje mediację, która pomaga rozwiązywać spory i chroni wizerunek Twojej marki, poprawiając satysfakcję klientów i budując długotrwałe relacje.

    +
    +
    4. +
  4. + +
    +

    Otrzymasz tylko pozytywne opinie i cenny feedback

    +

    Dzięki algorytmom Zaufane.pl filtrujesz recenzentów na podstawie ich wcześniejszych odpowiedzi. Zadowolonych klientów zachęcasz do zostawienia opinii publicznie, a mniej zadowolonych prosisz o dodatkowy feedback, unikając negatywnych opinii.

    +
    +
    5. +
+
+
+
+
+ +
+
+
+
+
    +
  • + +

    Będziesz zgodny z prawem i zyskasz przewagę konkurencyjną

    +

    Zaufane.pl jest zgodne z dyrektywą Omnibus, co oznacza, że wszystkie opinie są legalne i wiarygodne. Jako oficjalny partner Google, zapewnia narzędzia wyróżniające Twoją markę na tle konkurencji.

    +
    • +
  • + +

    Zdobędziesz przewagę na rynkach zagranicznych

    +

    Jeśli planujesz ekspansję, Zaufane.pl obsługuje 26 języków, co pozwala zbierać i wyświetlać opinie na całym świecie. To zwiększa zaufanie międzynarodowych klientów i szanse na sukces na nowych rynkach.

    +
    • +
  • + +

    Zbudujesz zaufanie klientów i zwiększysz sprzedaż

    +

    Klienci ufają opiniom innych konsumentów. Dzięki Zaufane.pl zbierasz autentyczne, potransakcyjne opinie, które pokazują, że Twoje produkty i usługi są warte zakupu. Produkty z 20+ recenzjami mogą zwiększyć sprzedaż nawet o 100%, a przy 101+ recenzjach - nawet o 380%.

    +
    • +
+
+
+
+
+ +
+
+
+
+

Zobacz opinie naszych klientów

+
    +
  • + +

    "Dzięki Zaufane.pl nasza sprzedaż wzrosła o 150%! Klienci widząc autentyczne opinie, chętniej dokonują zakupów. Dodatkowo „złote gwiazdki” w Google sprawiły, że nasze reklamy mają lepsze wyniki i niższy koszt. Polecam każdemu e-commerce!"

    + Anna Kowalska,
    Właścicielka Gatta     +
    • +
  • + +

    "Zaufane.pl to świetne narzędzie do budowania wiarygodności marki. Dzięki automatycznemu zbieraniu opinii oszczędzamy czas, a system filtrowania pomaga nam unikać negatywnych recenzji publicznie. Klienci chętniej nam ufają, co przekłada się na większą konwersję!"

    + Mateusz Kowalski,
    Dyrektor marketingu Morele     +
    • +
  • + +

    "Reputacja w branży beauty to podstawa, a Zaufane.pl pomogło nam zdobyć setki pozytywnych opinii. Klientki zwracają uwagę na oceny w Google, a nasze 4,9 gwiazdki robią ogromną różnicę. Dodatkowo, mediacja pomogła nam rozwiązać kilka trudniejszych sytuacji z klientami. Bardzo polecam!"

    + Andżelika Nowak,
    Właścicielka Hair New Life     +
    • +
+
+
+
+
+ +
+
+
+
+
+
+

Zaufane.pl to najlepszy wybór dla Twojego e-commerce

+

Zwiększysz sprzedaż dzięki autentycznym opiniom i „złotym gwiazdkom” w Google. Zbudujesz zaufanie klientów, wyróżnisz się na tle konkurencji, otrzymasz cenny feedback, unikniesz negatywnych opinii, będziesz zgodny z prawem, oszczędzisz czas i zyskasz przewagę na rynkach zagranicznych.

+ + + Załóż konto DEMO + +
+
+
+
+
+
\ No newline at end of file diff --git a/pages/HomeDev.php b/pages/HomeDev.php deleted file mode 100644 index 7a1255c..0000000 --- a/pages/HomeDev.php +++ /dev/null @@ -1 +0,0 @@ - diff --git a/templates_user/home-page-form-new.php b/templates_user/home-page-form-new.php new file mode 100644 index 0000000..4321c7f --- /dev/null +++ b/templates_user/home-page-form-new.php @@ -0,0 +1,37 @@ +
+ + +

Załóż konto DEMO

+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ +
+ + + + +
\ No newline at end of file