Kontakt page

This commit is contained in:
2026-02-09 15:34:25 +01:00
parent bd7aa65738
commit f7796f5dc1
12 changed files with 704 additions and 641 deletions

View File

@@ -165,7 +165,7 @@
<div class="box-nav">
<ol>
<li>
<a href="#formularz">
<a href="#salony">
<span>ZNAJDZ NAJBLIŻSZY SALON</span>
</a>
</li>
@@ -199,6 +199,9 @@
<div class="_radio tabs-nav-item" data-form-type="client-cooperation">
<p>Deweloper/Inwestor</p>
</div>
<div class="_radio tabs-nav-item" data-form-type="client-b2b">
<p>Współpraca B2B</p>
</div>
</div>
</div>
</div>
@@ -211,17 +214,17 @@
<input type="hidden" name="client" value="Klient indywidualny">
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię" required>
<input type="text" name="surname" placeholder="Nazwisko" required>
<input type="text" name="name" placeholder="Imię *" required>
<input type="text" name="surname" placeholder="Nazwisko *" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon" required>
<input type="email" name="email" placeholder="Adres e-mail" required>
<input type="text" name="phone" placeholder="Telefon *" required>
<input type="email" name="email" placeholder="Adres e-mail *" required>
</div>
<div class="_2_columns">
<div class="voivodeship__wrapper">
<select name="voivodeship" required>
<option value="" disabled selected>Województwa</option>
<option value="" disabled selected>Województwo *</option>
<option value="dolnoslaskie">dolnośląskie</option>
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
<option value="lubelskie">lubelskie</option>
@@ -276,9 +279,10 @@
<section class="tabs-content tabs-content-2" data-form-type="client-cooperation">
<div class="tabs-content-map">
<div class="tabs-content-map--head">
<p class="tabs-content-map--title">WSPÓŁPRACA<br>INWESTYCYJNA</p>
<p class="tabs-content-map--subtitle">Poznaj swojego <strong>doradcę VIDOK</strong><br/>
profesjonalna opieka i indywidualne podejście</p>
<p class="tabs-content-map--title">
Poznaj swojego doradcę VIDOK<br>
<strong>profesjonalna opieka i indywidualne podejście</strong>
</p>
</div>
<div class="tabs-content-map--body">
<div class="tabs-content-map--sidebar">
@@ -292,36 +296,6 @@
<?php endforeach; ?>
</select>
</div>
<div class="tabs-content-map--sidebar-list">
<ul class="personal-list">
<?php foreach ($contact_personal as $presonal) : ?>
<li class="personal-item" data-provinces="<?= implode(',', array_map(fn($p) => $p['id'], $presonal['provinces'])) ?>">
<div class="personal-item--head">
<p><strong><?php echo $presonal['name']; ?></strong></p>
<p><?php echo $presonal['position']; ?></p>
</div>
<div class="personal-item--body">
<ol>
<?php foreach ($presonal['contact']['phone'] as $phone) : ?>
<li>
<img src="/upload/filemanager/icon/iphone.svg" alt="">
<a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?><\/a>
</li>
<?php endforeach; ?>
<?php foreach ($presonal['contact']['email'] as $email) : ?>
<li>
<img src="/upload/filemanager/icon/envelope.svg" alt="">
<a href="mailto:<?php echo $email; ?>"><?php echo $email; ?><\/a>
</li>
<?php endforeach; ?>
</ol>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<div class="tabs-content-map--map">
<div id="interactive-map">
@@ -416,173 +390,93 @@
</div>
</div>
</div>
<div class="tabs-content-map--footer">
<div class="tabs-content-map--sidebar-list">
<ul class="personal-list">
<?php foreach ($contact_personal as $presonal) : ?>
<li class="personal-item" data-provinces="<?= implode(',', array_map(fn($p) => $p['id'], $presonal['provinces'])) ?>">
<div class="personal-item--head">
<p><strong><?php echo $presonal['name']; ?></strong></p>
<p><?php echo $presonal['position']; ?></p>
</div>
<div class="personal-item--body">
<ol>
<?php foreach ($presonal['contact']['phone'] as $phone) : ?>
<li>
<img src="/upload/filemanager/icon/iphone.svg" alt="">
<a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?><\/a>
</li>
<?php endforeach; ?>
<?php foreach ($presonal['contact']['email'] as $email) : ?>
<li>
<img src="/upload/filemanager/icon/envelope.svg" alt="">
<a href="mailto:<?php echo $email; ?>"><?php echo $email; ?><\/a>
</li>
<?php endforeach; ?>
</ol>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<section class="box-5" id="salony">
<div class="container">
<div class="box-5--wrapper">
<div class="c-row">
</div>
</div>
</div>
</section>
<section class="box-6">
<div class="container">
<div class="box-6--wrapper">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<div class="c-col-head">
<p><span>ING BANK ŚLĄSKI S.A.</span><span>PLN: PL 31 1050 1562 1000 0090 3034 4197</span></p>
<p><span>SWIFT INGBPLPW</span><span>EUR: PL 84 1050 1562 1000 0090 3034 4213</span></p>
</div>
<div class="c-col-body">
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-2-1.jpg" alt="">
</div>
</div>
<div class="c-col c-col-2">
<div class="c-col-head">
<div class="c-col-head--text">
<p class="text-title">Siedziba firmy</p>
<section class="tabs-content tabs-content-3" data-form-type="client-b2b">
<div class="section-tab-head">
<p class="section-tab-head--title">
Jesteś zainteresowany<br>
<strong>sprzedażą Naszych produktów?</strong>
</p>
<p>
<strong>VIDOK Sp. z o. o.</strong>
36-054 Rudna Mała 75
<strong>Wypełnij formularz,</strong><br>
nasz specjalista skontaktuje się z Tobą i omówi szczegóły Twojej współpracy.
</p>
</div>
<div class="c-col-head--logo">
<img src="/upload/filemanager/images/VIDOK-logo-new.png" alt="">
</div>
</div>
<div class="c-col-body">
<div class="text-1">
<strong>Godziny otwarcia:</strong><br>
Pn.-Pt.: 8:00 - 17:00<br>
Sob.: 9:00 - 13:00
</div>
<ol class="text-2">
<li>
<a href="tel:+48178595660">
<span class="icons">
<img src="/upload/filemanager/icon/iphone.svg">
</span>
+48 17 859 56 60
</a>
</li>
<li>
<a href="mailto:sekretariat@vidok.com">
<span class="icons">
<img src="/upload/filemanager/icon/envelope.svg">
</span>
sekretariat@vidok.com
</a>
</li>
</ol>
<div class="text-3">
<p>
KRS Nr. 0000191980<br>
REGON: 690379060<br>
NIP: 8131086710
</p>
</div>
</div>
<div class="c-col-footer">
<div class="handler-btn">
<p>
<strong>Skontaktuj się bezpośrednio</strong><br> z wybranym działem
</p>
<span>
<img alt="" data-src="/upload/filemanager/icon/btn-arrow.svg" class=" lozad" src="/upload/filemanager/icon/btn-arrow.svg" data-loaded="true">
</span>
</div>
</div>
</div>
</div>
<div class="section-tab-body">
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new-b2b">
<input type="hidden" name="action" value="send-contact-form-new-b2b">
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
<input type="hidden" name="website" value="">
<input type="hidden" name="client" value="Współpraca B2B">
<div class="c-row c-row-2">
<div class="c-col">
<div class="tiles">
<div class="tile tile-1">
<h3>LOGISTYKA</h3>
<ol>
<li>
<a href="tel:+48178676402">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 867 64 02
</a>
</li>
<li>
<a href="mailto:logistyka@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
logistyka@vidok.com
</a>
</li>
</ol>
<div class="_1_column _col_message">
<input type="text" name="partner-type" placeholder="Rodzaj Partnera biznesowego">
<input type="text" name="company" placeholder="Nazwa Firmy*" required>
<input type="text" name="address" placeholder="Adres firmy *" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon *" required>
<input type="email" name="email" placeholder="Adres e-mail *" required>
</div>
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię *" required>
<input type="text" name="surname" placeholder="Nazwisko *" required>
</div>
<div class="_1_column _col_message">
<textarea name="message" placeholder="Interesują mnie ..." rows="1"></textarea>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_1" id="zgoda_1">
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
</div>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_2" id="zgoda_2">
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
</div>
</div>
<div class="_1_column form_actions">
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
</div>
</form>
</div>
<div class="tile tile-2">
<h3>KSIĘGOWOŚĆ</h3>
<ol>
<li>
<a href="tel:+48178595676">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 76
</a>
</li>
<li>
<a href="mailto:ksiegowosc@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
ksiegowosc@vidok.com
</a>
</li>
</ol>
</div>
<div class="tile tile-3">
<h3>MARKETING</h3>
<ol>
<li>
<a href="tel:+48178595667">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 67
</a>
</li>
<li>
<a href="mailto:marketing@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
marketing@vidok.com
</a>
</li>
</ol>
</div>
<div class="tile tile-4">
<h3>SERWIS</h3>
<ol>
<li>
<a href="tel:+48178595682">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 82
</a>
</li>
<li>
<a href="mailto:serwis@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
serwis@vidok.com
</a>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="c-row c-row-3">
<div class="c-col">
<p>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.).</p>
</section>
</div>
</div>
</div>
@@ -622,6 +516,156 @@
</div>
</div>
</section>
<section class="box-6">
<div class="container">
<div class="box-6--wrapper">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-3.jpg" alt="">
</div>
<div class="c-col c-col-2">
<div class="info-tiles">
<div class="info-tile info-tile-1">
<p>
<strong>VIDOK Sp. z o. o.</strong><br>
36-054 Rudna Mała 75
</p>
</div>
<div class="info-tile info-tile-2">
<ol class="text-2">
<li>
<a href="tel:+48178595660">
<span class="icons">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
</span>
+48 17 859 56 60
</a>
</li>
<li>
<a href="mailto:sekretariat@vidok.com">
<span class="icons">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
</span>
sekretariat@vidok.com
</a>
</li>
<li>
<strong>Pn.-Pt.:</strong> 7:00 - 15:00
</li>
</ol>
</div>
<div class="info-tile info-tile-3">
<ol>
<li><strong>KRS:</strong> 0000191980</li>
<li><strong>REGON:</strong> 690379060</li>
<li><strong>NIP:</strong> 8131086710</li>
</ol>
</div>
<div class="info-tile info-tile-4">
<p>
ING BANK ŚLĄSKI S.A.<br>
<strong>PLN: PL 31 1050 1562 1000 0090 3034 4197</strong>
</p>
<p>
SWIFT INGBPLPW<br>
<strong>EUR: PL 84 1050 1562 1000 0090 3034 4213</strong>
</p>
</div>
</div>
</div>
</div>
<div class="c-row c-row-2">
<div class="c-col">
<div class="tiles">
<div class="tile tile-1">
<div class="tile-head">
<h3>LOGISTYKA</h3>
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
</div>
<ol>
<li>
<a href="tel:+48178676402">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 867 64 02
</a>
</li>
<li>
<a href="mailto:logistyka@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
logistyka@vidok.com
</a>
</li>
</ol>
</div>
<div class="tile tile-2">
<div class="tile-head">
<h3>KSIĘGOWOŚĆ</h3>
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
</div>
<ol>
<li>
<a href="tel:+48178595676">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 76
</a>
</li>
<li>
<a href="mailto:ksiegowosc@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
ksiegowosc@vidok.com
</a>
</li>
</ol>
</div>
<div class="tile tile-3">
<div class="tile-head">
<h3>MARKETING</h3>
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
</div>
<ol>
<li>
<a href="tel:+48178595667">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 67
</a>
</li>
<li>
<a href="mailto:marketing@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
marketing@vidok.com
</a>
</li>
</ol>
</div>
<div class="tile tile-4">
<div class="tile-head">
<h3>SERWIS</h3>
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
</div>
<ol>
<li>
<a href="tel:+48178595682">
<img src="/upload/filemanager/icon/iphone.svg" alt="">
+48 17 859 56 82
</a>
</li>
<li>
<a href="mailto:serwis@vidok.com">
<img src="/upload/filemanager/icon/envelope.svg" alt="">
serwis@vidok.com
</a>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<link class="footer" href="/plugins/fileuploader/jquery.fileuploader.min.css" rel="stylesheet" type="text/css">
@@ -829,7 +873,7 @@
function filterPersonalByVoivodeshipId(voivodeshipId) {
const idStr = String(voivodeshipId);
$('.tabs-content-map--sidebar .personal-item').each(function () {
$('.tabs-content-map--footer .personal-item').each(function () {
const provinces = String($(this).data('provinces') || '');
const ids = provinces.split(',').map(s => s.trim()).filter(Boolean);

View File

@@ -148,6 +148,7 @@
$('#search-showrooms-form').on('submit', function(e) {
e.preventDefault();
closePopup();
const place = autocomplete.getPlace();
@@ -263,15 +264,13 @@
<div class="sidebar-item--wrapper">
<div class="item-type ${itemType}"><span>${itemTypeText}<\/span><\/div>
<div class="item-working-hours">
<strong>Godziny otwarcia:<\/strong><br/>
${item.opening_hours}
<\/div>
<div class="item-location">
<strong>${item.salon_name}<\/strong><br/>
${item.address}
<\/div>
<div class="item-contact">
${renderContacts(item.contact)}
${renderContacts(item.contact, false, true)}
<\/div>
<\/div>
<\/div>
@@ -282,30 +281,34 @@
return $el;
}
function renderContacts(item) {
function renderContacts(item, showEmails = true, showPhones = true) {
if (item) {
let html = '<ul>';
if (Array.isArray(item.phones)) {
item.phones.forEach(phone => {
html += `
<li>
<img src="/upload/filemanager/icon/iphone.svg" alt="">
<a href="tel:${phone.replace(/\s+/g, '')}">${phone}<\/a>
<\/li>
`;
});
if(showPhones == true) {
if (Array.isArray(item.phones)) {
item.phones.forEach(phone => {
html += `
<li>
<img src="/upload/filemanager/icon/iphone.svg" alt="">
<a href="tel:${phone.replace(/\s+/g, '')}">${phone}<\/a>
<\/li>
`;
});
}
}
if (Array.isArray(item.emails)) {
item.emails.forEach(email => {
html += `
<li>
<img src="/upload/filemanager/icon/envelope.svg" alt="">
<a href="mailto:${email}">${email}<\/a>
<\/li>
`;
});
if(showEmails == true) {
if (Array.isArray(item.emails)) {
item.emails.forEach(email => {
html += `
<li>
<img src="/upload/filemanager/icon/envelope.svg" alt="">
<a href="mailto:${email}">${email}<\/a>
<\/li>
`;
});
}
}
html += '</ul>';
@@ -397,6 +400,10 @@
return [{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"},{"saturation":"-100"},{"gamma":"1"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":"-100"},{"visibility":"simplified"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"saturation":"-100"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels.text.fill","stylers":[{"saturation":"-100"},{"weight":"6.61"},{"lightness":"0"},{"gamma":"1.5"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"saturation":"-100"},{"gamma":"1.5"},{"weight":"0.01"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"saturation":"-100"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"labels.text","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"labels.icon","stylers":[{"saturation":"-100"}]},{"featureType":"water","elementType":"all","stylers":[{"saturation":"-100"}]}];
}
function closePopup() {
const $popup = $('#showroom-popup');
$popup.removeClass('active');
}
/**
* Uruchomienie po załadowaniu DOM
*/