965 lines
42 KiB
PHP
965 lines
42 KiB
PHP
<? \S::set_session('partner-form-token', bin2hex(random_bytes(32))); ?>
|
|
|
|
<style>
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: 'URW Form', sans-serif !important;
|
|
color: #000;
|
|
}
|
|
|
|
.rounded-full {
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.border-none {
|
|
border: none;
|
|
}
|
|
|
|
.custom-checkbox .custom-control-label::before {
|
|
border-radius: 5rem;
|
|
}
|
|
.custom-checkbox .custom-control-label::after {
|
|
display: none !important;
|
|
}
|
|
|
|
.benefits-card {
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 24px;
|
|
height: 16rem;
|
|
display: grid;
|
|
text-align: center;
|
|
padding: 2rem 3.5rem;
|
|
}
|
|
|
|
.btn-contact-box {
|
|
width: 20rem;
|
|
padding: 0.5rem;
|
|
padding-left: 1rem;
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 18px;
|
|
background: #fff;
|
|
}
|
|
.btn-contact-box-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
|
|
height: 46px;
|
|
}
|
|
.btn-contact-box-select2 .select2.select2-container{
|
|
width: 20rem !important;
|
|
}
|
|
.btn-contact-box-select2 .select2-selection{
|
|
height: auto;
|
|
border: none;
|
|
}
|
|
.btn-contact-box-select2 .select2.select2-container .select2-selection__rendered{
|
|
width: 20rem;
|
|
padding: 0.5rem;
|
|
padding-left: 1rem;
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 100px;
|
|
background: #fff;
|
|
}
|
|
.btn-contact-box-select2 .select2.select2-container .select2-selection__arrow{
|
|
display: none;
|
|
}
|
|
|
|
.c-btn-contact-box{
|
|
width: 100%;
|
|
max-width: 478px;
|
|
}
|
|
.c-btn-contact-box .select2.select2-container {
|
|
width: 100% !important;
|
|
}
|
|
.c-btn-contact-box .select2-selection__rendered{
|
|
width: 100% !important;
|
|
}
|
|
.c-btn-contact-box .select2-selection__rendered{
|
|
font-family: 'URW Form';
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 253%;
|
|
color: #3F3F3F;
|
|
}
|
|
|
|
.select2 .select2-selection[aria-expanded="true"] .select2-selection__rendered{
|
|
background: #eaf1ff;
|
|
}
|
|
|
|
.select2-container--default.select2-container--disabled .select2-selection--single{
|
|
background: transparent;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.select2-dropdown {
|
|
border: .5px solid #d8d8d8 !important;
|
|
border-radius: 15px !important;
|
|
background: #fff;
|
|
box-shadow: 0 4px 4px #e9e3de;
|
|
overflow: hidden;
|
|
top: 5px;
|
|
padding: 5px 0;
|
|
}
|
|
body .select2-results__options li{
|
|
margin: 0 5px;
|
|
border-radius: 10px;
|
|
}
|
|
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
|
|
background-color: #f1f1f1;
|
|
color: #232323;
|
|
}
|
|
.select2-container--default .select2-results__option--selected{
|
|
background-color: #f1f1f1;
|
|
}
|
|
.select2-results__option.select2-results__option--selectable:not(:last-child){
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.btn-contact-us {
|
|
border: none;
|
|
width: 100%;
|
|
background: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn-submit:hover {
|
|
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.btn-submit {
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
|
|
transition: box-shadow 0.3s;
|
|
padding: 1rem;
|
|
padding-bottom: 0.8rem;
|
|
background: #fff246;
|
|
border-radius: 6px;
|
|
color: #1d1d1e;
|
|
font-size: 13px;
|
|
font-family: 'URW Form', sans-serif;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
line-height: 1;
|
|
width: fit-content;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.scroller-logo {
|
|
width: 125px;
|
|
height: 125px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.scroller {
|
|
display: flex;
|
|
}
|
|
|
|
.scroller__inner {
|
|
padding-block: 1rem;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.scroller[data-animated='true'] {
|
|
overflow: hidden;
|
|
-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
|
|
mask: linear-gradient(90deg, transparent, white 5%, white 95%, transparent);
|
|
}
|
|
|
|
.scroller[data-animated='true'] .scroller__inner {
|
|
width: max-content;
|
|
flex-wrap: nowrap;
|
|
animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
|
|
}
|
|
|
|
.scroller[data-direction='right'] {
|
|
--_animation-direction: reverse;
|
|
}
|
|
|
|
.scroller[data-direction='left'] {
|
|
--_animation-direction: forwards;
|
|
}
|
|
|
|
.scroller[data-speed='fast'] {
|
|
--_animation-duration: 20s;
|
|
}
|
|
|
|
.scroller[data-speed='slow'] {
|
|
--_animation-duration: 60s;
|
|
}
|
|
|
|
@keyframes scroll {
|
|
to {
|
|
transform: translate(calc(-50% - 0.5rem));
|
|
}
|
|
}
|
|
|
|
.partner-contact-form .form-actions{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: 15px;
|
|
}
|
|
.partner-contact-form .form-info div{
|
|
font-size: 15px;
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|
|
|
|
<div class="main-page" style="overflow-x: hidden; max-width: 100%">
|
|
<div style="position: absolute; z-index: 0; overflow: hidden; width: 100%;">
|
|
<img src="/upload/filemanager/Pages/Kontakt/world-map.png" style="margin-left: 35%;"/>
|
|
</div>
|
|
|
|
<div class="container container-md" style="z-index: 10">
|
|
<div class="row py-4">
|
|
<div class="col-12">
|
|
<div class="breadcrumbs" style="text-transform: uppercase; letter-spacing: 1px">
|
|
<a href="/" style="color: #000">Strona główna</a>
|
|
<span class="sep mx-4"><img src="/images/breadcrumbs-sep.svg" /></span>
|
|
<span class="last" style="font-size: 14px; text-decoration: underline">Strefa partnera</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12" style="height: 30rem; display: flex; align-items: center">
|
|
<div style="letter-spacing: 2px">
|
|
<h1 style="font-weight: 500">Strefa partnera</h1>
|
|
<h5 style="line-height: 1.8; font-weight: 300; text-transform: uppercase; letter-spacing: 2px">
|
|
Zostań partnerem firmy VIDOK <br />
|
|
solidnego producenta <br />
|
|
<div style="font-weight: 700">od 1993 r.</div>
|
|
</h5>
|
|
<div style="border-top: 1px solid black; padding-top: 1rem" id="portfolio-button">
|
|
<a href="#portfolio">
|
|
<button class="btn-submit" style="background-color: #1e2832; color: white">Zapoznaj się z ofertą</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div style="text-align: center; margin-bottom: 2rem">
|
|
<h1 style="margin-bottom: 2rem; font-weight: 300">Skontaktuj się <b style="font-weight: 500">z Nami</b></h1>
|
|
<div class="row">
|
|
<div class="col-1 d-md-block d-none"></div>
|
|
<div class="col">
|
|
Wybierz kraj i region, aby otrzymać informacje dopasowane do Twojej lokalizacji. <br />
|
|
Jesteśmy obecni na rynkach międzynarodowych i otwarci na współpracę z partnerami na całym świecie.
|
|
</div>
|
|
<div class="col-1 d-md-block d-none"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex; justify-content: center; gap: 1rem">
|
|
<div class="c-btn-contact-box btn-contact-box-select2">
|
|
<select class="btn-contact-us" id="select-country" name="country" onchange="swapCountry(true)">
|
|
<option value="Polska">Polska</option>
|
|
<option value="Niemcy">Niemcy</option>
|
|
<option value="Stany Zjednoczone">Stany Zjednoczone</option>
|
|
<option value="Wielka Brytania">Wielka Brytania</option>
|
|
<option value="Francja">Francja</option>
|
|
<option value="Włochy">Włochy</option>
|
|
<option value="Słowacja">Słowacja</option>
|
|
<option value="Czechy">Czechy</option>
|
|
<option value="Kanada">Kanada</option>
|
|
<option value="Belgia">Belgia</option>
|
|
</select>
|
|
</div>
|
|
<div class="c-btn-contact-box btn-contact-box-select2">
|
|
<select style="font-family: 'Open Sans',sans-serif;" class="btn-contact-us" id="select-region" disabled="disabled" onchange="merchantsFilter(true)">
|
|
<option value="" disabled selected hidden>Region</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-top: 4rem">
|
|
<div class="col-lg">
|
|
<div class="p-4">
|
|
<h4>
|
|
Wypełnij formularz -
|
|
<span style="font-weight: 300">
|
|
nasz specjalista skontaktuje się z Tobą i omówi szczegóły Twojej inwestycji.
|
|
</span>
|
|
</h4>
|
|
</div>
|
|
|
|
<div class="p-4" style="border: 1px solid #dfdfdf; border-radius: 24px">
|
|
<div class="row" style="max-height: 18rem; overflow-y: auto; margin: 1px 0" id="marchants-box">
|
|
<div class="col-lg-6 col-lg py-3"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex" class="m-2">
|
|
<div class="p-3" style="margin-left: auto">
|
|
<h6 class="text-center">Media społecznościowe</h6>
|
|
<div class="m-3" style="text-align: right">
|
|
<a href="" id="facebook-logo" target="_blank">
|
|
<img width="18" class="mx-2" src="/images/system/facebook-small.jpg" />
|
|
</a>
|
|
<a href="" id="instagram-logo" target="_blank">
|
|
<img width="18" class="mx-2" src="/images/system/instagram.jpg" />
|
|
</a>
|
|
<a href="" id="youtube-logo" target="_blank">
|
|
<img width="18" class="mx-2" src="/images/system/youtube.jpg" />
|
|
</a>
|
|
<a href="" id="linkedin-logo" target="_blank">
|
|
<img width="18" class="mx-2" src="/images/system/linkedin.jpg" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <form class="col-lg m-4 partner-contact-form" style="border-radius: 30px; background: #F8F7F6"> -->
|
|
<form
|
|
method="POST"
|
|
action=""
|
|
enctype="multipart/form-data"
|
|
id="partner-form-new"
|
|
class="col-lg m-4 partner-contact-form"
|
|
style="border-radius: 30px; background: #F8F7F6"
|
|
>
|
|
<input type="hidden" name="action" value="send-partner-form-new">
|
|
<input type="hidden" name="token" value="<?= \S::get_session('partner-form-token'); ?>">
|
|
<input type="hidden" name="website" value="">
|
|
<div class="row mb-2">
|
|
<div class="col">
|
|
<select name="partner-type" class="form-control" id="select-partner-type">
|
|
<option value="" disabled selected hidden>Rodzaj Partnera biznesowego</option>
|
|
<option value="Deweloper">Deweloper</option>
|
|
<option value="Firma budowlana">Firma budowlana</option>
|
|
<option value="Architekt">Architekt</option>
|
|
<option value="Montażysta">Montażysta</option>
|
|
<option value="Salon sprzedaży">Salon sprzedaży</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="company" placeholder="Nazwa firmy *" required/>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-5">
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="company_address" placeholder="Adres firmy *" required/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-2">
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="phone" placeholder="Telefon *" required/>
|
|
</div>
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="email" placeholder="Adres e-mail *" required/>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="name" placeholder="Imię *" required/>
|
|
</div>
|
|
<div class="col">
|
|
<input class="form-control rounded-full border-none" name="surname" placeholder="Nazwisko *" required/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row_last">
|
|
<div class="col">
|
|
<select name="interesting-me" class="form-control" id="select-interesting-me">
|
|
<option value="" disabled selected hidden>Interesują mnie ...</option>
|
|
<option value="Okna">Okna</option>
|
|
<option value="Drzwi">Drzwi</option>
|
|
<option value="Rolety">Rolety</option>
|
|
<option value="Fasady">Fasady</option>
|
|
<option value="Rolety">Rolety</option>
|
|
<option value="Inne">Inne</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="row">
|
|
<div class="col">
|
|
<input type="text" class="form-control" placeholder="First name">
|
|
</div>
|
|
<div class="col">
|
|
<input type="text" class="form-control" placeholder="Last name">
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Imię i Nazwisko" /></div> -->
|
|
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Telefon" /></div> -->
|
|
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Adres e-mail" /></div> -->
|
|
<!-- <div class="m-2">
|
|
<input class="form-control rounded-full border-none" placeholder="Rodzaj partnera biznesowego" />
|
|
</div> -->
|
|
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Nazwa firmy" /></div> -->
|
|
<!-- <div class="m-2">
|
|
<textarea placeholder="Opis zgłoszenia" class="form-control border-none" style="height: 8rem"></textarea>
|
|
</div> -->
|
|
<div class="custom-control custom-checkbox m-2 rounded-full" style="font-size: 12px">
|
|
<input type="checkbox" name="aggrement1" class="custom-control-input" id="Aggrement1" />
|
|
<label class="custom-control-label" for="Aggrement1" style="cursor: pointer">
|
|
Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania
|
|
stosownej oferty.
|
|
</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox m-2 mb-5 rounded-full" style="font-size: 12px">
|
|
<input type="checkbox" name="aggrement2" class="custom-control-input" id="Aggrement2" />
|
|
<label class="custom-control-label" for="Aggrement2" style="cursor: pointer">
|
|
Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania
|
|
materiałów reklamowych.
|
|
</label>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
|
|
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
|
|
<button type="submit" class="btn-submit">
|
|
WYŚLIJ
|
|
<img src="/upload/filemanager/icon/Vector.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<div class="form-info">
|
|
<?php
|
|
if ($alert = \S::get_session('alert')) {
|
|
echo '<div>';
|
|
echo htmlspecialchars($alert);
|
|
echo '</div>';
|
|
|
|
$_SESSION['alert'] = null;
|
|
$_SESSION['alert-class'] = null;
|
|
unset($_SESSION['alert'], $_SESSION['alert-class']);
|
|
}
|
|
?>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row my-4 p-4 mx-xl-0 mx-2" style="border-radius: 20px; background: #f6f5f4; color: #1e2832">
|
|
<div class="col-lg-4">
|
|
<div class="d-flex" style="align-items: center; height: 100%">
|
|
<div style="font-size: 16px">
|
|
<div class="pb-2">Siedziba firmy</div>
|
|
<div style="line-height: 0.8">
|
|
<h4 style="font-weight: 700">VIDOK Sp. z o.o.</h4>
|
|
<h6>36-054 Rudna Mała 75</h6>
|
|
</div>
|
|
|
|
<div class="py-3 pb-4" style="font-size: 16px">
|
|
KRS Nr. 0000191980 <br />
|
|
REGON: 690379060 <br />
|
|
NIP: 8131086710
|
|
</div>
|
|
|
|
<div style="font-weight: 700; font-size: 16px">
|
|
ING BANK ŚLĄSKI S.A. <br />
|
|
SWIFT INGBPLPW <br /><br />
|
|
</div>
|
|
|
|
<div style="font-size: 16px">
|
|
<b>PLN:</b> PL 31 1050 1562 1000 0090 3034 4197 <br />
|
|
<b>EUR:</b> PL 84 1050 1562 1000 0090 3034 4213
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<img src="/upload/filemanager/Pages/Kontakt/sky-tower.png" style="width: 100%" />
|
|
<div class="mt-4 m-1 d-lg-flex" style="font-size: 14px">
|
|
<div>
|
|
<div class="m-1" style="font-weight: 600">
|
|
<img width="16" class="mr-3" src="/upload/filemanager/icon/clock-circle-outlined.svg" /> pon. - pt. 7:00 -
|
|
15:00
|
|
</div>
|
|
<div class="m-1" style="font-weight: 600">
|
|
<img width="16" class="mr-3" src="/images/contact-icon-phone.svg" /> +48 17 859 56 60
|
|
</div>
|
|
<div class="m-1" style="font-weight: 600">
|
|
<img width="16" class="mr-3" src="/images/contact-icon-mail.svg" /> sekretariat@vidok.com
|
|
</div>
|
|
</div>
|
|
<a
|
|
href="https://vidok.com/kontakt/#direct-contact"
|
|
style="color: black; margin-left: auto; display: flex; align-items: center; justify-content: end">
|
|
<div class="mt-xl-0 mt-4" style="display: flex; align-items: center">
|
|
<div class="mr-3" style="line-height: 1.2; text-align: right; text-transform: uppercase">
|
|
<b>Skontaktuj się bezpośrednio</b> <br />
|
|
z wybranym działem
|
|
</div>
|
|
<div>
|
|
<img
|
|
width="24"
|
|
src="/images/arrow-right-circle-fill.svg"
|
|
style="
|
|
filter: brightness(0) saturate(100%) invert(11%) sepia(20%) saturate(931%) hue-rotate(168deg)
|
|
brightness(98%) contrast(90%);
|
|
" />
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="my-5" style="font-size: 12px; text-align: justify">
|
|
VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, 36-054 Rudna Mała 75, wpisana do rejestru
|
|
przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP:
|
|
8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego
|
|
przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w
|
|
transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).
|
|
</div>
|
|
|
|
<div style="border: 1px solid #dfdfdf; margin: 5% 15%" id="portfolio"></div>
|
|
|
|
<div class="row">
|
|
<div class="col my-4" style="text-align: center">
|
|
<h1 style="font-weight: 400">
|
|
Zachęcamy do <span style="text-transform: uppercase; font-weight: 600">współpracy</span>
|
|
</h1>
|
|
</div>
|
|
|
|
<img src="/upload/filemanager/Pages/Kontakt/cooperation-vidok.png" style="width: 100%" />
|
|
|
|
<div class="mt-5" style="text-align: center; width: 100%">
|
|
<h4 style="font-weight: 400">
|
|
Firmy budowlane| Deweloperów | Architektów | Pośredników| Monterów | Salony sprzedaży
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin: 3rem 0; justify-content: center">
|
|
<div class="col-xl-6 col pr-5">
|
|
<h3 class="mt-1">Dlaczego warto zostać <b>Partnerem VIDOK?</b></h3>
|
|
<div class="my-4" style="text-indent: 4rem; text-align: justify; line-height: 1.6">
|
|
VIDOK to sprawdzona marka z <b>ponad 30-letnim</b> doświadczeniem w produkcji wysokiej jakości okien i
|
|
drzwi, co stanowi solidną podstawę do długotrwałej i zaufanej współpracy. Oferta firmy jest kompleksowa
|
|
— obejmuje stolarkę z PVC, drewna i aluminium, a także fachowe wsparcie techniczne oraz serwis, co zapewnia
|
|
partnerom pełne bezpieczeństwo działania.
|
|
</div>
|
|
<div class="my-4" style="text-indent: 4rem; text-align: justify; line-height: 1.6">
|
|
Dzięki <b>automatyzacji produkcji</b> oraz stosowaniu <b>zaawansowanych technologii</b> firma gwarantuje
|
|
najwyższe parametry — energooszczędność, izolacyjność akustyczną i odporność na włamanie — dopasowane do
|
|
wymagań nowoczesnego budownictwa. VIDOK skutecznie eksportuje swoje produkty i współpracuje z
|
|
deweloperami nie tylko w Polsce, ale również za granicą, co stwarza realną szansę rozwoju dla partnerów
|
|
biznesowych na wielu rynkach.
|
|
</div>
|
|
<div class="my-5" style="width: 60%; min-width: 300px; border: 1px solid #dfdfdf"></div>
|
|
|
|
<a href="#select-country">
|
|
<button class="btn-submit" style="background-color: #1e2832; color: white">
|
|
Wyślij zapytanie <img width="13" class="ml-2" src="/upload/filemanager/icon/Arrow-1-yellow.svg" /></button></a>
|
|
</div>
|
|
<div class="col-xl-6 col px-4 row" style="font-size: 18px">
|
|
<div class="col-xl-6 col p-2">
|
|
<div class="benefits-card">
|
|
<div>Gwarancja <br /><b>najwyższej jakości</b> <br />produktów</div>
|
|
<div>
|
|
<img src="/images/check-circle-fill.svg" width="40" style="margin: 1.5rem" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col p-2">
|
|
<div class="benefits-card">
|
|
<div>
|
|
<b>Indywidualne <br />warunki</b> <br />
|
|
dla Partnerów
|
|
</div>
|
|
<div>
|
|
<img src="/upload/filemanager/Pages/Kontakt/hand-shake.png" height="40" style="margin: 1.5rem" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col p-2">
|
|
<div class="benefits-card">
|
|
<div>
|
|
<b>Doradztwo</b> <br />techniczno-handlowe<br />
|
|
w wielu językach
|
|
</div>
|
|
<div>
|
|
<img src="/upload/filemanager/Pages/Kontakt/group.png" height="40" style="margin: 1.5rem" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col p-2">
|
|
<div class="benefits-card">
|
|
<div>
|
|
<b>Własna flota</b><br />
|
|
i szybki <br />transport
|
|
</div>
|
|
<div>
|
|
<img src="/upload/filemanager/Pages/Kontakt/truck.png" height="40" style="margin: 1.5rem" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col" style="text-align: center">
|
|
<h3>Współpracują z <b>Nami</b></h3>
|
|
<div class="scroller my-4" data-direction="left" data-speed="slow">
|
|
<div class="scroller__inner">
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/aluron-logo.svg" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/cortizo-logo.svg" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/suys-logo.jpg" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/koe-logo.jpg" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/saint-gobain-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/somfy-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-4" src="/upload/filemanager/Pages/Kontakt/wink-house-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo" style="margin-left: -2rem; margin-right: -2rem">
|
|
<img class="my-2 p-2" src="/upload/filemanager/Pages/Kontakt/veka-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-4" src="/upload/filemanager/Pages/Kontakt/inel-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/aluprof-logo.svg" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/deceuninck-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/pilkington-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/pressglass-logo.png" style="width: 100%" />
|
|
</div>
|
|
<div class="scroller-logo">
|
|
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/roto-logo.png" style="width: 100%" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function swapCountry(scroll) {
|
|
var regionsElement = document.getElementById('select-region');
|
|
var countryElement = document.getElementById('select-country');
|
|
|
|
if (countryElement.options[countryElement.selectedIndex].text == 'Polska') {
|
|
regionsElement.disabled = false;
|
|
regionsElement.innerHTML += `<option value="Dolnośląskie">Dolnośląskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Kujawsko-Pomorskie">Kujawsko-Pomorskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Lubelskie">Lubelskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Lubuskie">Lubuskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Łódzkie">Łódzkie</option>`;
|
|
regionsElement.innerHTML += `<option value="Małopolskie">Małopolskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Mazowieckie">Mazowieckie</option>`;
|
|
regionsElement.innerHTML += `<option value="Opolskie">Opolskie</option>`;
|
|
regionsElement.innerHTML += `<option selected value="Podkarpackie">Podkarpackie</option>`;
|
|
regionsElement.innerHTML += `<option value="Podlaskie">Podlaskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Pomorskie">Pomorskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Śląskie">Śląskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Świętokrzyskie">Świętokrzyskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Warmińsko-Mazurskie">Warmińsko-Mazurskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Wielkopolskie">Wielkopolskie</option>`;
|
|
regionsElement.innerHTML += `<option value="Zachodniopomorskie">Zachodniopomorskie</option>`;
|
|
} else {
|
|
regionsElement.disabled = true;
|
|
regionsElement.innerHTML = `<option value="" disabled selected hidden>Regiony niedostępne</option>`;
|
|
}
|
|
|
|
merchantsFilter(scroll);
|
|
changeSocialMediaLink(countryElement.options[countryElement.selectedIndex].text);
|
|
}
|
|
|
|
const scrollers = document.querySelectorAll('.scroller');
|
|
|
|
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
|
addAnimation();
|
|
}
|
|
|
|
function addAnimation() {
|
|
scrollers.forEach((scroller) => {
|
|
scroller.setAttribute('data-animated', true);
|
|
|
|
const scrollerInner = scroller.querySelector('.scroller__inner');
|
|
const scrollerContent = Array.from(scrollerInner.children);
|
|
|
|
scrollerContent.forEach((item) => {
|
|
const duplicatedItem = item.cloneNode(true);
|
|
duplicatedItem.setAttribute('aria-hidden', true);
|
|
scrollerInner.appendChild(duplicatedItem);
|
|
});
|
|
});
|
|
}
|
|
|
|
const merchants = [{
|
|
name: 'Łukasz Cieślachowski',
|
|
phoneNumber: '+48 602 374 711',
|
|
email: 'l.cieslachowski@vidok.com',
|
|
position: 'Regionalny Doradca Techniczno-Handlowy',
|
|
region: 'Podkarpackie|Świętokrzyskie|Lubelskie|Mazowieckie',
|
|
country: 'Polska',
|
|
},
|
|
{
|
|
name: 'Łukasz Cieślachowski',
|
|
phoneNumber: '+48 602 374 711',
|
|
email: 'l.cieslachowski@vidok.com',
|
|
position: 'Regionalny Doradca Techniczno-Handlowy',
|
|
region: 'Małopolskie',
|
|
country: 'Polska',
|
|
},
|
|
{
|
|
name: 'Łukasz Cieślachowski',
|
|
phoneNumber: '+48 602 374 711',
|
|
email: 'l.cieslachowski@vidok.com',
|
|
position: 'Regionalny Doradca Techniczno-Handlowy',
|
|
region: 'Śląskie',
|
|
country: 'Polska',
|
|
},
|
|
{
|
|
name: 'SALON RUDNA MAŁA',
|
|
phoneNumber: '+48 17 859 56 71',
|
|
email: 'zapytania@vidok.com',
|
|
position: 'Biuro Obsługi Klienta',
|
|
salon: true,
|
|
main: true,
|
|
region: 'Zachodniopomorskie|Warmińsko-Mazurskie|Wielkopolskie|Warmińsko|Świętokrzyskie|Śląskie|Pomorskie|Podlaskie|Podkarpackie|Opolskie|Mazowieckie|Małopolskie|Łódzkie|Lubuskie|Lubelskie|Kujawsko-Pomorskie|Dolnośląskie',
|
|
country: 'Polska',
|
|
},
|
|
{
|
|
name: 'Laura Naranowicz-Kiepura',
|
|
phoneNumber: '+48 880 914 179',
|
|
email: 'anfrage@vidok.com',
|
|
position: 'Key Account Manager',
|
|
country: 'Niemcy',
|
|
},
|
|
{
|
|
name: 'FR / Contact B2B',
|
|
phoneNumber: '+48 17 85 95 663',
|
|
email: 'sales@vidok.com',
|
|
position: 'Bureau du service client',
|
|
country: 'Francja',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'FR / Contact B2B',
|
|
phoneNumber: '+48 17 85 95 663',
|
|
email: 'sales@vidok.com',
|
|
position: 'Bureau du service client',
|
|
country: 'Belgia',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'ENG / Contact B2B',
|
|
phoneNumber: '+48 17 853 92 46',
|
|
email: 'sales@vidok.com',
|
|
position: 'Customer Service Office',
|
|
country: 'Stany Zjednoczone',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'ENG / Contact B2B',
|
|
phoneNumber: '+48 17 853 92 46',
|
|
email: 'sales@vidok.com',
|
|
position: 'Customer Service Office',
|
|
country: 'Kanada',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'ENG / Contact B2B',
|
|
phoneNumber: '+48 880 788 165',
|
|
email: 'sales@vidok.com',
|
|
position: 'Customer Service Office',
|
|
country: 'Wielka Brytania',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'SK / Kontakt B2B',
|
|
phoneNumber: '+421 901 732 575',
|
|
email: 'vidok.sk@gmail.com',
|
|
position: 'Zákaznícke centrum',
|
|
country: 'Słowacja',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'SK / Kontakt B2B',
|
|
phoneNumber: '+421 901 732 575',
|
|
email: 'vidok.sk@gmail.com',
|
|
position: 'Zákaznícke centrum',
|
|
country: 'Czechy',
|
|
salon: true,
|
|
},
|
|
{
|
|
name: 'IT / Contatto B2B',
|
|
phoneNumber: '+48 17 859 56 72',
|
|
email: 'ufficio@vidok.com',
|
|
position: 'Ufficio servizio clienti',
|
|
country: 'Włochy',
|
|
salon: true,
|
|
},
|
|
];
|
|
|
|
function merchantsFilter(scroll) {
|
|
if (scroll) {
|
|
location = '#portfolio-button';
|
|
}
|
|
|
|
var regionsElement = document.getElementById('select-region');
|
|
var countryElement = document.getElementById('select-country');
|
|
var merchantsBox = document.getElementById('marchants-box');
|
|
var filteredMerchants = [];
|
|
|
|
merchantsBox.innerHTML = '';
|
|
|
|
for (let merchant of merchants) {
|
|
if (countryElement.options[countryElement.selectedIndex].value != merchant.country) {
|
|
continue;
|
|
}
|
|
|
|
if (
|
|
regionsElement.options[regionsElement.selectedIndex].value != '' &&
|
|
!merchant.region?.includes(regionsElement.options[regionsElement.selectedIndex].value)
|
|
) {
|
|
continue;
|
|
}
|
|
|
|
filteredMerchants.push(merchant);
|
|
}
|
|
|
|
for (let merchant of filteredMerchants) {
|
|
var mBox = document.createElement('div');
|
|
mBox.style['font-size'] = '15px';
|
|
|
|
if (merchant.main) {
|
|
mBox.style['background'] = '#F7F6F5';
|
|
mBox.style['border-radius'] = '10px';
|
|
mBox.className = 'col-lg-6 col pl-4 py-3 my-2';
|
|
} else {
|
|
mBox.className = 'col-lg-6 col py-3 my-2 px-1';
|
|
}
|
|
|
|
if (!merchant.salon) {
|
|
var positionLabelBox = document.createElement('div');
|
|
positionLabelBox.textContent = 'Opiekun:';
|
|
mBox.appendChild(positionLabelBox);
|
|
}
|
|
|
|
var nameBox = document.createElement('div');
|
|
nameBox.style.fontWeight = '600';
|
|
nameBox.textContent = merchant.name;
|
|
|
|
if (merchant.salon) {
|
|
if (merchant.main) {
|
|
nameBox.className = 'mt-3';
|
|
nameBox.style['padding-top'] = '6px';
|
|
}
|
|
}
|
|
|
|
mBox.appendChild(nameBox);
|
|
|
|
var positionBox = document.createElement('div');
|
|
positionBox.className = 'mb-4';
|
|
positionBox.textContent = merchant.position;
|
|
|
|
mBox.appendChild(positionBox);
|
|
|
|
if (merchant.phoneNumber) {
|
|
for (let phoneNumber of merchant.phoneNumber.split(',')) {
|
|
var phoneBox = document.createElement('div');
|
|
phoneBox.style.fontWeight = '600';
|
|
phoneBox.innerHTML = `<img class="mr-2" width="16" src="/images/contact-icon-phone.svg" /> ${phoneNumber}`;
|
|
|
|
mBox.appendChild(phoneBox);
|
|
}
|
|
}
|
|
|
|
var emailBox = document.createElement('div');
|
|
emailBox.style.fontWeight = '600';
|
|
emailBox.innerHTML = `<img class="mr-2" width="16" src="/images/contact-icon-mail.svg" /> ${merchant.email}`;
|
|
|
|
mBox.appendChild(emailBox);
|
|
|
|
if (filteredMerchants.length > 1 && !merchant.salon) {
|
|
mBox.style['border-bottom'] = '1px solid';
|
|
mBox.style['border-image'] = 'linear-gradient(to right, #1D1D1E 30%, transparent 30%) 100% 1';
|
|
}
|
|
|
|
merchantsBox.appendChild(mBox);
|
|
}
|
|
}
|
|
|
|
function changeSocialMediaLink(country) {
|
|
var facebookLogo = document.getElementById('facebook-logo');
|
|
var instagramLogo = document.getElementById('instagram-logo');
|
|
var youtubeLogo = document.getElementById('youtube-logo');
|
|
var linkedinLogo = document.getElementById('linkedin-logo');
|
|
|
|
if (country == 'Polska') {
|
|
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg';
|
|
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
|
}
|
|
|
|
if (country == 'Francja' || country == 'Belgia') {
|
|
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'https://www.youtube.com/@vidokportesetfenetres6720/videos';
|
|
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
|
}
|
|
|
|
if (country == 'Włochy') {
|
|
facebookLogo.href = 'https://www.facebook.com/profile.php?id=100095628602970';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg';
|
|
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
|
}
|
|
|
|
if (country == 'Niemcy') {
|
|
facebookLogo.href = 'https://www.facebook.com/vidok.fenster.turen/';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'www.youtube.com/@vidokfensterundturen4925';
|
|
linkedinLogo.href = 'https://www.linkedin.com/company/vidok-fenster-und-turen/?viewAsMember=true';
|
|
}
|
|
|
|
if (country == 'Kanada' || country == 'Stany Zjednoczone' || country == 'Wielka Brytania') {
|
|
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'https://www.youtube.com/@vidokwindowsanddoors8529';
|
|
linkedinLogo.href = 'https://www.linkedin.com/company/100758751/admin/feed/posts/?feedType=following';
|
|
}
|
|
|
|
if (country == 'Słowacja' || country == 'Czechy') {
|
|
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
|
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
|
youtubeLogo.href = 'https://www.youtube.com/channel/UCXzURM4OPhFuB7N1ryrulqw';
|
|
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
|
}
|
|
}
|
|
|
|
swapCountry();
|
|
</script>
|