Project-Pro/zaufane.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-02-21 13:13:22 +01:00
parent dfa887e9f1
commit 85754c501a
4 changed files with 212 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/tuzzer.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/tuzzer.css.map
View File

File diff suppressed because one or more lines are too long

141
layout/style-scss/tuzzer.scss
View File

@@ -300,8 +300,13 @@ $fAnton: 'Anton', sans-serif;
}
//* ~~~~~~~~~~~~~~ *//
html {
scroll-behavior: smooth;
}
body {
background: $cYellowLight;
scroll-behavior: smooth;
.page-content {
overflow: hidden;
@@ -406,6 +411,7 @@ header {
font-family: $fProxima;
line-height: 1;
font-weight: 900;
margin-bottom: 20px;
@include respond-below(sm) {
font-size: 46px;
@@ -420,6 +426,15 @@ header {
color: $cYellow;
}
}
h4 {
color: $cBlack;
font-size: 24px;
font-family: $fProxima;
line-height: 1;
font-weight: 700;
margin-bottom: 20px;
}
.buttons {
display: flex;
flex-direction: row;
@@ -1409,6 +1424,23 @@ header {
}
}
}
figure {
picture {
source {
display: block;
margin: 0 auto;
width: 100%;
max-width: fit-content;
}
img {
display: block;
margin: 0 auto;
width: 100%;
max-width: fit-content;
}
}
}
}
.box-10 {
@@ -1702,3 +1734,112 @@ footer {
}
}
}
//
.footer {
background: $cVioletDarkBg;
background-image: url('/upload/filemanager/images/footer-bg.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding-top: 50px;
padding-bottom: 50px;
h6 {
font-family: $font-1;
font-size: 17px;
line-height: 31px;
font-weight: 700;
color: $cGrayText;
margin-bottom: 40px;
}
a {
margin-bottom: 20px;
color: #fff;
font-family: $font-1;
font-weight: 300;
font-size: 15px;
}
p {
margin-bottom: 7px;
color: #fff;
font-family: $font-1;
font-weight: 300;
font-size: 15px;
}
.social-media {
display: flex;
justify-content: flex-start;
align-items: center;
position: absolute;
bottom: 0;
img {
width: 15px;
height: 15px;
margin-right: 20px;
}
}
.row {
&.copyright {
div[class^='col-'] {
display: flex;
justify-content: space-between;
align-items: flex-end;
@include respond-below(xs) {
justify-content: center;
flex-direction: column-reverse;
text-align: center;
align-items: center;
}
.btn5 {
margin-bottom: 0;
@include respond-below(xs) {
margin-bottom: 50px;
}
}
}
p {
span {
margin-right: 10px;
margin-left: 10px;
}
@include respond-below(sm) {
font-size: 10px;
}
}
}
}
}
#scontainer-9 {
strong {
font-weight: 600;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
ul {
padding: 0;
margin: 0;
margin-bottom: 50px;
list-style-type: none;
li {
a {
margin: 0;
}
}
}
}

101
templates_user/landing-tuzzer.php
View File

@@ -1,3 +1,7 @@
<?php
$umow_spotkanie = 'https://meetings.hubspot.com/patryk-wyskiel/opinie?uuid=e102aa20-96e5-41b9-ae99-e90d94edb8d2';
?>
<div class="page-content">
<header>
<div class="content container">
@@ -5,7 +9,7 @@
<img src="/layout/nfc/logo.svg">
</div>
<div class="button">
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -17,17 +21,20 @@
<div class="container content">
<div class="c-row">
<div class="c-col c-col-1">
<div class="title-tag">
<!-- <div class="title-tag">
<span>Dziękujemy za zakup NASZYCH PRODUKTÓW!</span>
</div>
</div> -->
<h2>Zbuduj <span>pozytywny wizerunek firmy</span>, dzięki opiniom klientów</h2>
<h4>Pozyskuj więcej opinii i chroń swoją reputację z Zaufane Lokalnie!</h4>
<div class="buttons">
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
<a href="#" class="btn btn-transparent">
<a href="#how-it-works" class="btn btn-transparent">
<img alt="" src="/layout/images/tuzzer/info.svg">
Zobacz jak to działa
</a>
@@ -72,7 +79,7 @@
<li>Dodatkowe pytania w ankietach, mediacja, personalizacja, statystki i wiele więcej w celu zbudowania pozytywnego wizerunku</li>
</ul>
<div class="buttons">
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -85,10 +92,12 @@
</div>
</section>
<section class="box-3">
<section class="box-3" id="how-it-works">
<div class="container content">
<div class="c-row c-row-1">
<h2 class="box-title">Jak działa <span>zabezpieczenie wizytówki Google</span></h2>
<p>Negatywne opinie potrafią zepsuć wizerunek Twojego biznesu, zanim zdążysz zareagować.</p>
<p>Dzięki <strong>Zaufane Lokalnie</strong> przejmujesz kontrolę nad ocenami - kieruj klientów do swojej wizytówki i zbieraj więcej pozytywnych recenzji, zanim trafią gdzie indziej.</p>
<p>Nasza usługa umożliwia weryfikację satysfakcji klienta przed pozostawieniem opinii na wizytówce Google. Dzięki temu na wizytówce pojawiają się tylko opinie pozytywne.</p>
</div>
<div class="c-row c-row-2">
@@ -146,7 +155,7 @@
</div>
</div>
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -160,7 +169,7 @@
<div class="c-col c-col-1">
<h2 class="box-title">Wiadomości <span>e-mail i SMS</span></h2>
<p>Opinie z wizytówki Google są własnością Google - możesz je stracić, jeśli Google usunie Twoją wizytówkę. Nasza usługa pomaga zbierać własne, niezależne opinie, które należą do Ciebie i mogą być wykorzystane na Twojej stronie internetowej.</p>
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -176,7 +185,7 @@
<div class="container content">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>1-2%</h2>
<h2>30%</h2>
<p>O tyle wyższą skuteczność posiada usługa Zaufane.pl w porównaniu do tradycyjnych metod zbierania opinii.</p>
<img src="/layout/images/tuzzer/stars-grup.svg" alt="">
</div>
@@ -204,13 +213,13 @@
</ul>
<div class="buttons">
<a href="#" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
<a href="#" class="btn btn-transparent">
<a href="https://smartforms.ekomi.com/review/142115?fid=509955" class="btn btn-transparent">
<img src="/layout/images/tuzzer/Eye.svg" alt="">
Wypróbuj ankietę online
Wypróbuj ankietę online skróconą
</a>
<a href="https://smartforms.ekomi.com/review/142115?fid=426918" class="btn btn-transparent">
<img src="/layout/images/tuzzer/Eye.svg" alt="">
Wypróbuj ankietę online standardową
</a>
</div>
</div>
@@ -267,7 +276,7 @@
<li>Gwiazdki zwiększają współczynnik klikalności (CTR) nawet o <strong>10%</strong></li>
<li>Recenzje obniżają koszty reklamy *CPC) aż o <strong>5-15%</strong></li>
</ul>
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -281,6 +290,16 @@
<section class="box-9">
<div class="container content">
<figure>
<picture>
<source srcset="/upload/filemanager/Pages/tuzzer/Zaufane-Lokalnie-Cennik-1056-x-880-px.jpg" media="(min-width: 1056px)">
<source srcset="/upload/filemanager/Pages/tuzzer/Zaufane-Lokalnie-Cennik-845-x-880-px.jpg" media="(min-width: 845px)">
<img src="/upload/filemanager/Pages/tuzzer/Zaufane-Lokalnie-Cennik-704-x-880-px.jpg" alt="Zaufane Lokalnie Cennik">
</picture>
</figure>
</div>
<!-- <div class="container content">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2 class="box-title">W pakiecie <span>Zaufane.pl</span> otrzymasz:</h2>
@@ -334,13 +353,13 @@
</div>
<div class="c-row c-row-4">
<div class="c-col c-col-1">
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
</div>
</div>
</div>
</div> -->
</section>
<section class="box-10">
@@ -361,7 +380,7 @@
<li><strong>Wsparcie sprzedaży</strong> online, offline oraz firm usługowych</li>
</ul>
<a href="#" class="btn btn-green">
<a href="<?php echo $umow_spotkanie; ?>" class="btn btn-green">
<img alt="" src="/upload/filemanager/new-2024/assets/calendar-icon.svg">
Umów spotkanie
</a>
@@ -382,11 +401,11 @@
<ul>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/primagran.png" /> </a></li>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/missi-sleepy.png" /> </a></li>
<!-- <li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/missi-sleepy.png" /> </a></li> -->
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/komputronik.png" /> </a></li>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/meble-bogart.png" /> </a></li>
<!-- <li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/meble-bogart.png" /> </a></li> -->
<li><a href="https://darymex.pl/" target="_blank"><img alt="" src="/upload/filemanager/new-2024/partners/Darymex.png" style="max-width: 100px; width: 100%;" /> </a></li>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/GORTEKS.png" /> </a></li>
<!-- <li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/GORTEKS.png" /> </a></li> -->
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/Delia.png" /> </a></li>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/speckable.png" /> </a></li>
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/wojas.png" /> </a></li>
@@ -396,7 +415,7 @@
<li><a href="#"><img alt="" src="/upload/filemanager/new-2024/partners/onniner.png" /> </a></li>
</ul>
<p>Sprawdź Certyfikaty naszych klinetów klikając w ich loga!</p>
<!-- <p>Sprawdź Certyfikaty naszych klinetów klikając w ich loga!</p> -->
</div>
</div>
</div>
@@ -419,29 +438,47 @@
<img src="/layout/images/tuzzer/box-12-img-1.png" alt="">
</div>
<div class="contact-box-data">
<span>Co-founder</span>
<p>Sebastian Horoszko</p>
<span>Account Manager</span>
<p>Patryk Wyskiel</p>
<ul>
<li>
<strong>t:</strong> <a href="tel:+48500253000">+48 500 253 000</a>
<strong>t:</strong> <a href="tel:+48501189811">+48 501 189 811</a>
</li>
<li>
<strong>e:</strong> <a href="mailto:sebastian@zaufane.pl">sebastian@zaufane.pl</a>
<strong>e:</strong> <a href="mailto:p.wyskiel@zaufane.pl">p.wyskiel@zaufane.pl</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-col c-col-2">
<div class="form-box">
<h3>Zostaw nam wiadomość</h3>
<div class="form-box mb-4">
<!-- <h3>Zostaw nam wiadomość</h3> -->
<h3>Wolisz kontakt mailowy?</br>
Skontaktuj sie za pomoca formularza.</h3>
<br>
<p class="mb-0">Nasz zespół odpowie na Twoje pytanie w ciagu 24h.</p>
</div>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "7094950",
formId: "56aa4dcd-9bb6-4363-835a-998a27243b4a",
region: "na1"
});
</script>
</div>
</div>
</div>
</section>
<footer>
<div class="footer">
<div class="container">
<?php echo \front\view\Scontainers::scontainer( 9 ); ?>
</div>
</div>
<!-- <footer>
<div class="container content">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
@@ -453,7 +490,7 @@
</div>
</div>
</div>
</footer>
</footer> -->
</div>
<script class="footer">