561 lines
28 KiB
PHP
561 lines
28 KiB
PHP
<?php
|
|
$google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
|
?>
|
|
|
|
<div class="main-page" id="contactApp">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="breadcrumbs">
|
|
<a href="/">Strona główna</a>
|
|
<span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
|
|
<span class="last">Kontakt</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="box-1">
|
|
<div class="container">
|
|
<div class="box-1--wrapper">
|
|
<div class="c-row">
|
|
<img class="bg-icon" src="/upload/filemanager/Pages/Kontakt-8/V.png" alt="">
|
|
|
|
<div class="c-col c-col-1">
|
|
<div class="box-title">
|
|
<h1>Kontakt</h1>
|
|
</div>
|
|
<div class="box-text">
|
|
<p>
|
|
SPRAWDź JAK ŁATWO<br/>
|
|
SIĘ Z NAMI SKONTAKTOWAĆ
|
|
</p>
|
|
</div>
|
|
<div class="box-nav">
|
|
<ol>
|
|
<li>
|
|
<a href="#formularz">
|
|
<span>ZNAJDZ NAJBLIŻSZY SALON</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#salony">
|
|
<span>WSPÓŁPRACA B2B</span>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="box-img">
|
|
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-2.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-2" id="formularz">
|
|
<div class="container">
|
|
<div class="box-2--wrapper">
|
|
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
|
|
<input type="hidden" name="action" value="send-contact-form-new-2">
|
|
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
|
|
<input type="hidden" name="website" value="">
|
|
<div class="c-row">
|
|
<div class="c-col c-col-1">
|
|
<div class="box-text">
|
|
<p><strong>Skontaktuj się z nami</strong>, a nasz specjalista:</p>
|
|
<ul>
|
|
<li>odpowie na Twoje pytania,</li>
|
|
<li>doradzi najlepsze rozwiązania,</li>
|
|
<li>przedstawi szczegóły oferty dopasowane do Twoich potrzeb.</li>
|
|
</ul>
|
|
<p>Wybierz, kim jesteś:</p>
|
|
</div>
|
|
<div class="box-nav">
|
|
<div class="_radios">
|
|
<div class="_radio">
|
|
<input type="radio" id="client-individual" name="client" value="Klient indywidualny" required checked>
|
|
<label for="client-individual">Klient indywidualny</label>
|
|
</div>
|
|
<div class="_radio">
|
|
<input type="radio" id="client-cooperation" name="client" value="Deweloper/Inwestor" required>
|
|
<label for="client-cooperation">Deweloper/Inwestor</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="_2_columns">
|
|
<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>
|
|
</div>
|
|
<div class="_2_columns">
|
|
<div class="voivodeship__wrapper">
|
|
<select name="voivodeship" required>
|
|
<option value="" disabled selected>Województwa</option>
|
|
<option value="dolnoslaskie">dolnośląskie</option>
|
|
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
|
|
<option value="lubelskie">lubelskie</option>
|
|
<option value="lubuskie">lubuskie</option>
|
|
<option value="lodzkie">łódzkie</option>
|
|
<option value="malopolskie">małopolskie</option>
|
|
<option value="mazowieckie">mazowieckie</option>
|
|
<option value="opolskie">opolskie</option>
|
|
<option value="podkarpackie">podkarpackie</option>
|
|
<option value="podlaskie">podlaskie</option>
|
|
<option value="pomorskie">pomorskie</option>
|
|
<option value="slaskie">śląskie</option>
|
|
<option value="swietokrzyskie">świętokrzyskie</option>
|
|
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
|
|
<option value="wielkopolskie">wielkopolskie</option>
|
|
<option value="zachodniopomorskie">zachodniopomorskie</option>
|
|
</select>
|
|
</div>
|
|
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
|
|
</div>
|
|
<div class="_1_column _col_message">
|
|
<textarea name="message" placeholder="Opis zgłoszenia. Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj."></textarea>
|
|
</div>
|
|
<div class="_text">
|
|
<p>Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</p>
|
|
</div>
|
|
<div class="_file fileuploader fileuploader-theme-default">
|
|
<input type="hidden" name="fileuploader-list-files" value="[]">
|
|
<input type="file" name="files[]" class="files" multiple="multiple">
|
|
<div class="fileuploader-items">
|
|
<ul class="fileuploader-items-list"></ul>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-3">
|
|
<div class="container">
|
|
<div class="box-3--wrapper">
|
|
<div class="c-row">
|
|
<div class="box-title">
|
|
<h3>Jesteś zainteresowany<br/><strong>sprzedażą Naszych produktów?</strong></h3>
|
|
</div>
|
|
<ol>
|
|
<li>
|
|
<a href="#">
|
|
<span>Strefa partnera / współpraca B2B</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
<path d="M-0.000156792 8.92L-0.000156705 6.92L11.9998 6.92L6.49984 1.42L7.91984 -3.46194e-07L15.8398 7.92L7.91984 15.84L6.49984 14.42L11.9998 8.92L-0.000156792 8.92Z" fill="#1D1D1E"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-4" id="salony">
|
|
<div class="container">
|
|
<div class="box-4--wrapper">
|
|
<div class="c-row">
|
|
<div class="box-title">
|
|
<h2>Sprawdź gdzie możesz kupić <strong>Nasze Produkty</strong></h2>
|
|
</div>
|
|
<div class="box-text">
|
|
<p>
|
|
Wybierz region, aby otrzymać informacje dopasowane do Twojej lokalizacji lub
|
|
<strong id="share-location-btn">
|
|
udostępnij lokalizację
|
|
<img src="/upload/filemanager/icon/navigate-outline.svg" alt="">
|
|
</strong>
|
|
</p>
|
|
</div>
|
|
<div class="box-form">
|
|
<form action="/salony-sprzedazy-dev" id="search-showrooms-form">
|
|
<div class="form-search">
|
|
<div class="row-input">
|
|
<label for="place">
|
|
<img src="/upload/filemanager/icon/search-black.svg" alt="">
|
|
</label>
|
|
<input type="text" name="location" id="place" placeholder="wpisz miejscowość">
|
|
</div>
|
|
<button type="submit">ZNAJDZ NAJBLIŻSZY SALON</button>
|
|
</div>
|
|
</form>
|
|
</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="text-1">
|
|
<p>Siedziba firmy</p>
|
|
</div>
|
|
<div class="text-2">
|
|
<h2>VIDOK Sp. z o. o.</h2>
|
|
<p>36-054 Rudna Mała 75</p>
|
|
</div>
|
|
<div class="text-3">
|
|
<p>KRS Nr. 0000191980</p>
|
|
<p>REGON: 690379060</p>
|
|
<p>NIP: 8131086710</p>
|
|
</div>
|
|
<div class="text-4">
|
|
<p>ING BANK ŚLĄSKI S.A.</p>
|
|
<p>SWIFT INGBPLPW</p>
|
|
<br>
|
|
<p>PLN: PL 31 1050 1562 1000 0090 3034 4197</p>
|
|
<p>EUR: PL 84 1050 1562 1000 0090 3034 4213</p>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="box-map">
|
|
<div id="big-map" style="width: 100%;"></div>
|
|
</div>
|
|
<div class="box-info">
|
|
<div class="box-info-left">
|
|
<ul>
|
|
<li>
|
|
<span class="icons"></span>
|
|
poniedziałek - piątek 7:00 - 15:00
|
|
</li>
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
<div class="box-info-right">
|
|
<p>
|
|
<strong>Skontaktuj się bezpośrednio</strong><br/> z wybranym działem
|
|
</p>
|
|
<span>
|
|
<img src="/upload/filemanager/icon/btn-arrow.svg" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<link class="footer" href="/plugins/fileuploader/jquery.fileuploader.min.css" rel="stylesheet" type="text/css">
|
|
<link class="footer" href="/plugins/fileuploader/font/font-fileuploader.css" rel="stylesheet" type="text/css">
|
|
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo $google_map_api; ?>&callback=initMap" defer></script>
|
|
<script class="footer" type="text/javascript" src="/plugins/fileuploader/jquery.fileuploader.min.js"></script>
|
|
|
|
<script class="footer" type="text/javascript">
|
|
// Initialize Google Maps API
|
|
function initMap() {
|
|
// This function is called when Google Maps API is loaded
|
|
console.log('Google Maps API loaded');
|
|
|
|
const mapOptions = {
|
|
zoom: 6.62,
|
|
center: { lat: 52.068, lng: 19.479 },
|
|
mapTypeControl: false,
|
|
styles: getMapStyles() // Pobieranie stylów z osobnej funkcji
|
|
};
|
|
|
|
const bigMap = new google.maps.Map(
|
|
document.getElementById("big-map"),
|
|
{
|
|
...mapOptions,
|
|
center: {lat: 50.0411, lng: 21.9991},
|
|
zoom: 11.2,
|
|
}
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Style mapy (Greyscale)
|
|
*/
|
|
function getMapStyles() {
|
|
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"}]}];
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
/**
|
|
* More info under map
|
|
*/
|
|
$('body').on('click', '.box-6 .box-info .box-info-right', function(e){
|
|
e.preventDefault()
|
|
|
|
$(this).toggleClass('active')
|
|
$('.box-6 .c-row-2').slideToggle()
|
|
$('.box-6 .c-row-1').toggleClass('active')
|
|
})
|
|
|
|
/**
|
|
* File uploader
|
|
*/
|
|
$('#contact-form-new input.files').fileuploader({
|
|
fileMaxSize: 10,
|
|
extensions: ['jpg', 'jpeg', 'png', 'pdf', 'text/plain', 'csv', 'xml', 'xls', 'xlsx', 'doc', 'dot', 'docx'],
|
|
addMore: true,
|
|
captions: {
|
|
button: function(e) {
|
|
return "Wybierz plik<img src='/images/contact-icon-file.svg'>";
|
|
},
|
|
feedback: function(e) {
|
|
return (
|
|
"PRZYCIĄGNIJ I UPUŚĆ LUB"
|
|
);
|
|
},
|
|
feedback2: function(e) {
|
|
return (
|
|
e.length +
|
|
" " +
|
|
(1 < e.length ? "pliki są wybrane" : "plik jest wybrany")
|
|
);
|
|
},
|
|
confirm: "Potwierdzenie",
|
|
cancel: "Anuluj",
|
|
name: "Nazwa",
|
|
type: "Typ pliku",
|
|
size: "Rozmiar pliku",
|
|
dimensions: "Wymiary",
|
|
duration: "Czas",
|
|
crop: "Utnij to",
|
|
rotate: "Koło",
|
|
sort: "Sortować",
|
|
open: "Otwierasz",
|
|
download: "Ściągnij",
|
|
remove: "Usunąć",
|
|
drop: "Umieść plik tutaj do przesłania",
|
|
paste: '<div class="fileuploader-pending-loader"></div> Wklej plik, kliknij tutaj, aby usunąć',
|
|
removeConfirmation: "Czy na pewno chcesz usunąć plik??",
|
|
errors: {
|
|
filesLimit: "Sam ${limit} pliki można przesyłać.",
|
|
filesType: "Sam ${extensions} pliki można przesyłać.",
|
|
fileSize: "${name} jest zbyt duży! Wybierz plik do ${fileMaxSize} MB.",
|
|
filesSizeAll: "Wybrane pliki są za duże! Wybierz plik do ${maxSize} MB.",
|
|
fileName: "Plik o tej samej nazwie ${name} jest już wybrany.",
|
|
remoteFile: "Pliki zdalne są niedozwolone.",
|
|
folderUpload: "Foldery są niedozwolone.",
|
|
}
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Geolocation functionality
|
|
**/
|
|
$('#share-location-btn').on('click', function() {
|
|
const placeInput = document.getElementById('place');
|
|
|
|
if (!navigator.geolocation) {
|
|
alert('Twoja przeglądarka nie obsługuje geolokalizacji');
|
|
return;
|
|
}
|
|
|
|
// Save original HTML content (with icon)
|
|
const originalHTML = $(this).html();
|
|
const self = this;
|
|
|
|
// Show loading state
|
|
$(this).text('Pobieranie lokalizacji...');
|
|
|
|
navigator.geolocation.getCurrentPosition(
|
|
function(position) {
|
|
const lat = position.coords.latitude;
|
|
const lng = position.coords.longitude;
|
|
|
|
// Use Google Maps Geocoding API to get address from coordinates
|
|
const geocoder = new google.maps.Geocoder();
|
|
const latlng = { lat: lat, lng: lng };
|
|
|
|
geocoder.geocode({ location: latlng }, function(results, status) {
|
|
if (status === 'OK' && results[0]) {
|
|
// Find city name from address components
|
|
let city = '';
|
|
for (let i = 0; i < results.length; i++) {
|
|
const addressComponents = results[i].address_components;
|
|
for (let j = 0; j < addressComponents.length; j++) {
|
|
const types = addressComponents[j].types;
|
|
if (types.includes('locality')) {
|
|
city = addressComponents[j].long_name;
|
|
break;
|
|
}
|
|
}
|
|
if (city) break;
|
|
}
|
|
|
|
if (city) {
|
|
placeInput.value = city;
|
|
$(self).html(originalHTML);
|
|
} else {
|
|
alert('Nie można znaleźć nazwy miasta dla Twojej lokalizacji');
|
|
$(self).html(originalHTML);
|
|
}
|
|
} else {
|
|
alert('Nie można pobrać adresu dla Twojej lokalizacji');
|
|
$(self).html(originalHTML);
|
|
}
|
|
});
|
|
},
|
|
function(error) {
|
|
$(self).html(originalHTML);
|
|
switch(error.code) {
|
|
case error.PERMISSION_DENIED:
|
|
alert('Odmówiono dostępu do lokalizacji. Proszę zezwolić na dostęp do lokalizacji w ustawieniach przeglądarki.');
|
|
break;
|
|
case error.POSITION_UNAVAILABLE:
|
|
alert('Informacje o lokalizacji są niedostępne.');
|
|
break;
|
|
case error.TIMEOUT:
|
|
alert('Upłynął limit czasu żądania lokalizacji.');
|
|
break;
|
|
default:
|
|
alert('Wystąpił nieznany błąd podczas pobierania lokalizacji.');
|
|
break;
|
|
}
|
|
},
|
|
{
|
|
enableHighAccuracy: true,
|
|
timeout: 10000,
|
|
maximumAge: 0
|
|
}
|
|
);
|
|
});
|
|
});
|
|
|
|
|
|
$(document).ready(function() {
|
|
});
|
|
</script>
|