Save

layout/style-css/historia-firmy.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/historia-firmy.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"historia-firmy.css"}

layout/style-scss/historia-firmy.scss

@@ -0,0 +1,213 @@
+@import 'variables';
+@import '_mixins';
+
+#historia-firmy {
+	._row {
+		&-1 {
+			margin-bottom: 100px;
+
+			@include respond-below(sm) {
+				margin-bottom: 60px;
+			}
+			@include respond-below(xs) {
+				margin-bottom: 40px;
+			}
+
+			._col {
+				&-1 {
+				}
+			}
+		}
+		&-2 {
+			#history-timeline {
+				#timeline-nav {
+					position: relative;
+					padding-left: 80px;
+					padding-right: 80px;
+					margin-bottom: 60px;
+
+					@include respond-below(md) {
+						padding-left: 40px;
+						padding-right: 40px;
+					}
+
+					.timeline-nav--wrapper {
+						&::before {
+							content: '';
+							position: absolute;
+							bottom: 17px;
+							height: 3px;
+							width: 100%;
+							background: #000000;
+							transform: translateY(-50%);
+
+							@include respond-below(md) {
+								bottom: 12px;
+							}
+						}
+						.swiper-wrapper {
+							align-items: end;
+							min-height: 140px;
+
+							@include respond-below(md) {
+								min-height: 100px;
+							}
+						}
+
+						.swiper-slide {
+							cursor: pointer;
+
+							flex: 0 0 calc(100% / 8);
+							transition: all 0.3s ease;
+
+							@include respond-below(lg) {
+								flex: 0 0 calc(100% / 6);
+							}
+							@include respond-below(md) {
+								flex: 0 0 calc(100% / 5);
+							}
+							@include respond-below(sm) {
+								flex: 0 0 calc(100% / 4);
+							}
+							@include respond-below(xs) {
+								flex: 0 0 calc(100% / 3);
+							}
+
+							&.active {
+								flex: 0 0 calc((100% / 8) * 2);
+								// flex: 0 0 200px;
+
+								@include respond-below(lg) {
+									flex: 0 0 calc((100% / 6) * 2);
+								}
+								@include respond-below(md) {
+									flex: 0 0 calc((100% / 5) * 2);
+								}
+								@include respond-below(sm) {
+									flex: 0 0 calc((100% / 4) * 2);
+								}
+								@include respond-below(xs) {
+									flex: 0 0 calc((100% / 3) * 2);
+								}
+
+								span {
+									font-size: 64px;
+									@include respond-below(md) {
+										font-size: 50px;
+									}
+									@include respond-below(sm) {
+										font-size: 40px;
+									}
+								}
+
+								.slide-dot {
+									background: #fff246;
+									border-color: #fff246;
+								}
+							}
+							span {
+								color: #181c1d;
+								font-size: 36px;
+								font-weight: 700;
+								font-family: $font3;
+								letter-spacing: 2px;
+								text-transform: uppercase;
+								margin-bottom: 30px;
+								transition: all 0.3s ease;
+
+								@include respond-below(md) {
+									font-size: 30px;
+								}
+								@include respond-below(sm) {
+									font-size: 26px;
+								}
+							}
+							.slide-dot {
+								width: 40px;
+								height: 40px;
+								display: block;
+								border: 2px solid #181c1d;
+								background: #fff;
+								border-radius: 100px;
+								transition: all 0.3s ease;
+
+								@include respond-below(md) {
+									width: 30px;
+									height: 30px;
+								}
+							}
+						}
+					}
+
+					.timeline-next,
+					.timeline-prev {
+						position: absolute;
+
+						width: 44px;
+						min-width: 44px;
+						height: 44px;
+						background: #181c1d;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						border-radius: 100%;
+						bottom: 47px;
+						cursor: pointer;
+						transition: all 0.3s ease;
+
+						&.swiper-button-disabled {
+							opacity: 0.3;
+						}
+
+						@include respond-below(md) {
+							width: 30px;
+							min-width: 30px;
+							height: 30px;
+						}
+					}
+					.timeline-prev {
+						left: 0;
+					}
+					.timeline-next {
+						right: 0;
+						img {
+							transform: scale(-1);
+						}
+					}
+				}
+				.timeline-content {
+					width: 100%;
+					max-width: 900px;
+					margin-left: auto;
+					margin-right: auto;
+
+					.swiper-slide {
+						p {
+							color: $cTxtBlack;
+							font-size: 20px;
+							font-family: $font3;
+							font-weight: 300;
+						}
+
+						> img {
+							margin-top: 40px;
+							width: 100%;
+							max-width: fit-content;
+						}
+						ul.logos {
+							padding: 0;
+							margin: 0;
+							list-style: none;
+							display: flex;
+							flex-direction: row;
+							align-items: center;
+							column-gap: 80px;
+							row-gap: 20px;
+							flex-wrap: wrap;
+						}
+					}
+				}
+			}
+		}
+	}
+}

layout/style-scss/o-nas.scss

@@ -396,215 +396,6 @@ p {
 	@include respond-below(sm) {
 		margin-bottom: 100px;
 	}
-
-	._row {
-		&-1 {
-			margin-bottom: 100px;
-
-			@include respond-below(sm) {
-				margin-bottom: 60px;
-			}
-			@include respond-below(xs) {
-				margin-bottom: 40px;
-			}
-
-			._col {
-				&-1 {
-				}
-			}
-		}
-		&-2 {
-			#history-timeline {
-				#timeline-nav {
-					position: relative;
-					padding-left: 80px;
-					padding-right: 80px;
-					margin-bottom: 60px;
-
-					@include respond-below(md) {
-						padding-left: 40px;
-						padding-right: 40px;
-					}
-
-					.timeline-nav--wrapper {
-						&::before {
-							content: '';
-							position: absolute;
-							bottom: 17px;
-							height: 3px;
-							width: 100%;
-							background: #000000;
-							transform: translateY(-50%);
-
-							@include respond-below(md) {
-								bottom: 12px;
-							}
-						}
-						.swiper-wrapper {
-							align-items: end;
-							min-height: 140px;
-
-							@include respond-below(md) {
-								min-height: 100px;
-							}
-						}
-
-						.swiper-slide {
-							cursor: pointer;
-
-							flex: 0 0 calc(100% / 8);
-							transition: all 0.3s ease;
-
-							@include respond-below(lg) {
-								flex: 0 0 calc(100% / 6);
-							}
-							@include respond-below(md) {
-								flex: 0 0 calc(100% / 5);
-							}
-							@include respond-below(sm) {
-								flex: 0 0 calc(100% / 4);
-							}
-							@include respond-below(xs) {
-								flex: 0 0 calc(100% / 3);
-							}
-
-							&.active {
-								flex: 0 0 calc((100% / 8) * 2);
-								// flex: 0 0 200px;
-
-								@include respond-below(lg) {
-									flex: 0 0 calc((100% / 6) * 2);
-								}
-								@include respond-below(md) {
-									flex: 0 0 calc((100% / 5) * 2);
-								}
-								@include respond-below(sm) {
-									flex: 0 0 calc((100% / 4) * 2);
-								}
-								@include respond-below(xs) {
-									flex: 0 0 calc((100% / 3) * 2);
-								}
-
-								span {
-									font-size: 64px;
-									@include respond-below(md) {
-										font-size: 50px;
-									}
-									@include respond-below(sm) {
-										font-size: 40px;
-									}
-								}
-
-								.slide-dot {
-									background: #fff246;
-									border-color: #fff246;
-								}
-							}
-							span {
-								color: #181c1d;
-								font-size: 36px;
-								font-weight: 700;
-								font-family: $font3;
-								letter-spacing: 2px;
-								text-transform: uppercase;
-								margin-bottom: 30px;
-								transition: all 0.3s ease;
-
-								@include respond-below(md) {
-									font-size: 30px;
-								}
-								@include respond-below(sm) {
-									font-size: 26px;
-								}
-							}
-							.slide-dot {
-								width: 40px;
-								height: 40px;
-								display: block;
-								border: 2px solid #181c1d;
-								background: #fff;
-								border-radius: 100px;
-								transition: all 0.3s ease;
-
-								@include respond-below(md) {
-									width: 30px;
-									height: 30px;
-								}
-							}
-						}
-					}
-
-					.timeline-next,
-					.timeline-prev {
-						position: absolute;
-
-						width: 44px;
-						min-width: 44px;
-						height: 44px;
-						background: #181c1d;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						border-radius: 100%;
-						bottom: 47px;
-						cursor: pointer;
-						transition: all 0.3s ease;
-
-						&.swiper-button-disabled {
-							opacity: 0.3;
-						}
-
-						@include respond-below(md) {
-							width: 30px;
-							min-width: 30px;
-							height: 30px;
-						}
-					}
-					.timeline-prev {
-						left: 0;
-					}
-					.timeline-next {
-						right: 0;
-						img {
-							transform: scale(-1);
-						}
-					}
-				}
-				.timeline-content {
-					width: 100%;
-					max-width: 900px;
-					margin-left: auto;
-					margin-right: auto;
-
-					.swiper-slide {
-						p {
-							color: $cTxtBlack;
-							font-size: 20px;
-							font-family: $font3;
-							font-weight: 300;
-						}
-
-						> img {
-							margin-top: 40px;
-							width: 100%;
-							max-width: fit-content;
-						}
-						ul.logos {
-							padding: 0;
-							margin: 0;
-							list-style: none;
-							display: flex;
-							flex-direction: row;
-							align-items: center;
-							column-gap: 80px;
-							row-gap: 20px;
-							flex-wrap: wrap;
-						}
-					}
-				}
-			}
-		}
-	}
 }
 
 .box-5 {

templates_user/components/historia-firmy.php

@@ -0,0 +1,254 @@
+<link rel="stylesheet" href="/layout/style-css/historia-firmy.css">
+
+<div id="historia-firmy">
+    <div class="_row _row-1">
+        <div class="_col _col-1">
+            <h2 class="section-title">
+                <span>historia firmy vidok</span>
+            </h2>
+        </div>
+    </div>
+    <div class="_row _row-2">
+        <div class="_col _col-1">
+            <!-- Swiper -->
+            <div id="history-timeline">
+                <div id="timeline-nav">
+                    <div class="timeline-nav--wrapper swiper">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide active" data-slide="0">
+                                <span>1993</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="1">
+                                <span>1994</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="2">
+                                <span>1995</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="3">
+                                <span>1999</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="4">
+                                <span>2001</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="5">
+                                <span>2002</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="6">
+                                <span>2005</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="7">
+                                <span>2006</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="8">
+                                <span>2008</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="9">
+                                <span>2009</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="10">
+                                <span>2010</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="11">
+                                <span>2014</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="12">
+                                <span>2016</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="13">
+                                <span>2017</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="14">
+                                <span>2018</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="15">
+                                <span>2019</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="16">
+                                <span>2020</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="17">
+                                <span>2021</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="18">
+                                <span>2022</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="19">
+                                <span>2023</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="20">
+                                <span>2024</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                            <div class="swiper-slide" data-slide="21">
+                                <span>obecnie</span>
+                                <div class="slide-dot"></div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="timeline-next">
+                        <img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
+                    </div>
+                    <div class="timeline-prev">
+                        <img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
+                    </div>
+                </div>
+
+                <div class="timeline-content swiper">
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide">
+                            <p>Uruchomienie biura pośrednictwa sprzedaży okien <strong>PCV</strong>.</p>
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Rozpoczęcie własnej produkcji okien <strong>PVC</strong>.</p>
+                            <img src="/upload/filemanager/podstrony/historia/1994.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Rozszerzenie działalności o <strong>ślusarkę aluminiową</strong></p>
+                            <img src="/upload/filemanager/images/lider-od-93/1995.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Wprowadzenie do oferty <strong>stolarki drewnianej</strong>.</p>
+                            <p>Otwarcie największego w województwie Podkarpackim salonu sprzedaży VIDOK z ponad 200m² powierzchnią wystawową.</p>
+                            <p>Wdrożenie systemu zarządzania jakością ISO 9001, potwierdzającego najwyższą jakość oferowanych produktów i świadczonych usług.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/1999.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Powiększenie portfolio produktów o rolety zewnętrzne, moskitiery oraz okna dachowe.</p>
+                            <p>Usługi montażowe na najwyższym poziomie, certyfikacja ekip.</p>
+                            <p>Komputeryzacja zamówień i automatyzacja procesu zakupowego.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2001.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Rozwój sieci sprzedaży, kilkadziesiąt własnych punktów handlowych.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2002.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Ekspansja do krajów Unii Europejskiej.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2005.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Nowe linie stylistyczne w stolarce drewnianej- Classic, Softline, Retro.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2006.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Rozszerzenie gamy produktów w zakresie ślusarki aluminiowej o konstrukcje przeciwpożarowe.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2008.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Powiększenie portfolio o okna aluminiowo - drewniane.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2009.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Pozyskanie nowych rynków, firma wchodzi ze swoją ofertą na rynek niemiecki, austriacki i włoski.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2010.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Drzwi wejściowe PCV, drewno aluminium spełniające najwyższe parametry trwałości i bezpieczeństwa.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2014.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Całkowita modernizacja produkcji, hale produkcyjno-magazynowe o powierzchni 8500 m².</p>
+                            <p>Złoty medal MTR za PASSIVALUCLIP- pasywna rewolucja, okna do domów pasywnych.</p>
+                            <p>Autorski projekt AQUSTIC - linia okien łącząca antywłamaniowość akustykę i energooszczędność w jednym oknie.</p>
+                            <p>VIDOK poza Oceanem, współpraca z Partnerami Biznesowymi w Stanach Zjednoczonych i krajach anglojęzycznych.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2016.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Zakup i wdrożenie nowoczesnych technologii: robotów nowej generacji umożliwiających pełną automatyzację procesów produkcji.</p>
+                            <p>SMART VIDOK, rozwiązania z zakresu inteligentnego domu w stolarce okienno - drzwiowej.</p>
+                            <p>GOLD ENERGY - złota myśl technologiczna VIDOK, nowa autorska linia okien i drzwi PCV.</p>
+                            <p>VIDOK w programie stacji TVN Dom Marzeń.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2017.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>25-lecie VIDOK - cenionej marki o zasięgu światowym, która łączy najlepszy produkt z usługą na najwyższym poziomie.</p>
+                            <p>Propagujemy zdrowy styl życia, VIDOK partnerem klubu golfowego Kraków Valley Golf & Country Club.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2018.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Poszerzenie oferty o innowacyjny system drzwi podnoszono-przesuwnych INOOVA SMOVE.</p>
+                            <p>Nowoczesne okucia ROTO NX w standardowym wyposażeniu okien PVC.</p>
+                            <p>VIDOK z tytułem lidera w konkursie INNOVATOR 2019</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2019.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Wdrożenie nowej linii drzwi tarasowych aluminiowych VIDOK OPTIC.</p>
+                            <p>Poszerzenie asortymentu o drzwi podnoszono-przesuwne V-SLIDE Optima o optymalnie dopasowanych korzyściach.</p>
+                            <p>VIDOK NATURE - drewniane okna i drzwi o idealnych parametrach izolacyjności cieplnej, akustycznej i bezpieczeństwa.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2020.png" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Nowa inwestycja - hala aluminium o powierzchni 2 500 m2 z drugim w Polsce tak zaawansowanym centrum obróbczo-tnącym FOM Industrie LMX 650.</p>
+                            <p>Nowa odsłona tarasowych drzwi przesuwnych VIDOK-MOTION. Najnowsza technologia zamknięta w najwyższej jakości profilach PVC.</p>
+                            <p>Pogłębianie współpracy z rynkiem deweloperskim, Generalnymi Wykonawcami, architektami. Prestiżowe inwestycje m. in. w Warszawie, Krakowie oraz Gdańsku.</p>
+                            <img src="/upload/filemanager/images/lider-od-93/2021.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Poszerzenie asortymentu o nową linię okien VP 76 Silver Line - doskonałe parametry w optymalnej cenie.</p>
+                            <p>Ekspansja na kraje eksportowe: Kanada, Maroko, Japonia.</p>
+                            <p>VIDOK z tytułem laureata Najcenniejszej Firmy Rodzinnej w Polsce 2022 FORBES.</p>
+                            <img src="/upload/filemanager/Pages/os-czasu/os-czasu-2022-ver-2.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Jako wiodący światowy producent od 30 lat dzielimy się z Państwem miłością do okien i drzwi. Dziś znamy Państwa gusta i upodobania. Przyświeca nam dbałość o najwyższy poziom satysfakcji z produktów i usług, które oferujemy. Przez lata działalności zdobyliśmy liczne nagrody i wyróżnienia. Produkty VIDOK łączą zaawansowanie technologie w zakresie energooszczędności i ekologii, niepowtarzalne wzornictwo oraz funkcjonalność użytkowania.</p>
+                            <p>Nowa era okien i drzwi - linia Platinum Design. Okna PCV o prostym futurystycznym designie, wyglądem przypominającym okna aluminiowe.</p>
+                            <img src="/upload/filemanager/Pages/os-czasu/os-czasu-2023-ver-2.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Uzyskanie <strong>Certyfikatu PAS 24</strong> w jednostce certyfikującej BM Trada</p>
+                            <img src="/upload/filemanager/Pages/O-nas/historia/2024.jpg" />
+                        </div>
+                        <div class="swiper-slide">
+                            <p>Stosowanie najnowszych technologii w <strong>oknach i drzwiach z drewna, PVC i aluminium</strong></p>
+                            <img src="/upload/filemanager/Pages/O-nas/historia/2025.jpg" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<script class="footer" type="text/javascript">
+    const contentSwiper = new Swiper(".timeline-content", {
+        slidesPerView: 1,
+        allowTouchMove: false,
+    });
+
+    const navSwiper = new Swiper("#timeline-nav .swiper", {
+        slidesPerView: 'auto',
+        navigation: {
+            nextEl: ".timeline-next",
+            prevEl: ".timeline-prev",
+        },
+    });
+
+    $("#timeline-nav .swiper-slide").on("click", function () {
+        const index = $(this).data("slide");
+        contentSwiper.slideTo(index);
+        $("#timeline-nav .swiper-slide").removeClass("active");
+        $(this).addClass("active");
+    });
+</script>

templates_user/page-contact-v5.php

@@ -406,6 +406,23 @@ $klienci_indywidualni = [
     ],
     [
         'id' => 14,
+        'name' => "Okna-Spec",
+        'voivodeship' => $wojewodztwa['lubelskie'],
+        'position' => [
+            'lat' => 50.72428677475427,
+            'lng' => 23.26145483987318
+        ],
+        'icon' => "https://maps.google.com/mapfiles/ms/icons/yellow-dot.png",
+        'description' => '
+            <p><strong>
+                Przemysłowa 4C<br/>
+                22-400 Zamość
+            </strong></p>
+        '
+    ],
+
+    [
+        'id' => 15,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['lubuskie'],
         'description' => '
@@ -420,7 +437,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 15,
+        'id' => 16,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['lodzkie'],
         'description' => '
@@ -435,7 +452,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 16,
+        'id' => 17,
         'name' => "SALON KRAKÓW",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -460,7 +477,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 17,
+        'id' => 18,
         'name' => "SALON ZAKOPANE",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -486,7 +503,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 18,
+        'id' => 19,
         'name' => "SALON NOWY TARG",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -515,7 +532,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 19,
+        'id' => 20,
         'name' => "LISZKA",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -531,7 +548,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 20,
+        'id' => 21,
         'name' => "TRADER - Materiały Budowlane Sp. z o.o.",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -547,7 +564,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 21,
+        'id' => 22,
         'name' => "OKNOBUD",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -563,7 +580,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 22,
+        'id' => 23,
         'name' => "Paweł Gara Materiały Budowlane",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -579,7 +596,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 23,
+        'id' => 24,
         'name' => "Vbau Vivien",
         'voivodeship' => $wojewodztwa['malopolskie'],
         'position' => [
@@ -595,7 +612,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 24,
+        'id' => 25,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'description' => '
@@ -610,7 +627,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 25,
+        'id' => 26,
         'name' => "ERPO Drzwi i Okna",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -626,7 +643,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 26,
+        'id' => 27,
         'name' => "ART.-MAX. Budzisz Piotr",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -642,7 +659,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 27,
+        'id' => 28,
         'name' => "SIMAR",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -658,7 +675,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 28,
+        'id' => 29,
         'name' => "RENMAR Okna i Drzwi",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -674,7 +691,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 29,
+        'id' => 30,
         'name' => "EVIS.",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -690,7 +707,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 30,
+        'id' => 31,
         'name' => "Zgoda Parczew",
         'voivodeship' => $wojewodztwa['mazowieckie'],
         'position' => [
@@ -706,7 +723,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 31,
+        'id' => 32,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['opolskie'],
         'description' => '
@@ -721,7 +738,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 32,
+        'id' => 33,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['podlaskie'],
         'description' => '
@@ -736,7 +753,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 33,
+        'id' => 34,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['pomorskie'],
         'description' => '
@@ -751,7 +768,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 34,
+        'id' => 35,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['slaskie'],
         'description' => '
@@ -766,7 +783,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 35,
+        'id' => 36,
         'name' => "Okna Bramy Ogrodzenia",
         'voivodeship' => $wojewodztwa['slaskie'],
         'position' => [
@@ -782,7 +799,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 36,
+        'id' => 37,
         'name' => "Szostak Materiały Budowlane",
         'voivodeship' => $wojewodztwa['slaskie'],
         'position' => [
@@ -798,7 +815,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 37,
+        'id' => 38,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['swietokrzyskie'],
         'description' => '
@@ -813,7 +830,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 38,
+        'id' => 39,
         'name' => "Termovid",
         'voivodeship' => $wojewodztwa['swietokrzyskie'],
         'position' => [
@@ -829,7 +846,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 39,
+        'id' => 40,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['warminsko-mazurskie'],
         'description' => '
@@ -844,7 +861,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 40,
+        'id' => 41,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['wielkopolskie'],
         'description' => '
@@ -859,7 +876,7 @@ $klienci_indywidualni = [
         '
     ],
     [
-        'id' => 41,
+        'id' => 42,
         'name' => "SALON RUDNA MAŁA",
         'voivodeship' => $wojewodztwa['zachodniopomorskie'],
         'description' => '
@@ -1404,11 +1421,13 @@ $klienci_instytucjonalni = [
                     <img src="/upload/filemanager/Pages/Kontakt/img-1.png" alt="">
                 </div>
                 <div class="_col _col-2">
-                    <h3>SPRAWDZ</h3>
-                    <h2>
-                        NASZE KATALOGI
-                        <img src="/upload/filemanager/icon/download-icon.svg" alt="">
-                    </h2>
+                    <h3>SPRAWDŹ</h3>
+                    <a href="https://vidok.com/upload/filemanager/do-pobrania/PL_Katalog-produktow_VIDOK.pdf" target="_blank">
+                        <h2>
+                            NASZE KATALOGI
+                            <img src="/upload/filemanager/icon/download-icon.svg" alt="">
+                        </h2>
+                    </a>
 
                     <p>Każdy katalog to połączenie wysokiej jakości produktów, nowoczesnego designu i technologicznych innowacji - tworzonych z myślą o wymagających klientach oraz aktualnych trendach w architekturze.</p>
                 </div>
@@ -1491,103 +1510,264 @@ $klienci_instytucjonalni = [
             zoom: 6,
             styles: [
                 {
-                    elementType: "geometry",
-                    stylers: [
+                    "featureType": "all",
+                    "elementType": "all",
+                    "stylers": [
                         {
-                        color: "#F4F4F4"
+                            "saturation": "-100"
                         }
                     ]
                 },
                 {
-                    elementType: "labels.text.stroke",
-                    stylers: [{
-                        color: "F4F4F4"
-                    }]
+                    "featureType": "administrative",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
                 },
                 {
-                    elementType: "labels.text.fill",
-                    stylers: [{
-                        color: "#181C1D"
-                    }]
+                    "featureType": "landscape",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
                 },
-
-                // (motorway)
                 {
-                    featureType: "road.highway",
-                    elementType: "geometry",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // Autostrady
+                    "featureType": "landscape.man_made",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "visibility": "on"
+                        },
+                        {
+                            "saturation": "-100"
+                        },
+                        {
+                            "gamma": "1"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road.highway",
-                    elementType: "geometry.stroke",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // Kontur autostrady
+                    "featureType": "poi",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        },
+                        {
+                            "visibility": "simplified"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road.highway",
-                    elementType: "labels.text.fill",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // tekst
-
-                // (primary, secondary, local)
+                    "featureType": "poi",
+                    "elementType": "geometry.fill",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road.arterial",
-                    elementType: "geometry",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // Główne drogi
+                    "featureType": "poi",
+                    "elementType": "labels",
+                    "stylers": [
+                        {
+                            "visibility": "simplified"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road.local",
-                    elementType: "geometry",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // Ulice
+                    "featureType": "poi",
+                    "elementType": "labels.text.fill",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        },
+                        {
+                            "weight": "6.61"
+                        },
+                        {
+                            "lightness": "0"
+                        },
+                        {
+                            "gamma": "1.5"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road",
-                    elementType: "labels.text.fill",
-                    stylers: [{
-                        color: "#BABABA"
-                    }]
-                }, // tekst
-
-                // Ukryj numery dróg (E40, A4, 92 itp.)
+                    "featureType": "poi",
+                    "elementType": "labels.icon",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        },
+                        {
+                            "gamma": "1.5"
+                        },
+                        {
+                            "weight": "0.01"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road",
-                    elementType: "labels.icon",
-                    stylers: [{
-                        visibility: "off"
-                    }]
-                }, // Ukryj ikony dróg
+                    "featureType": "road",
+                    "elementType": "labels.icon",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
                 {
-                    featureType: "road",
-                    elementType: "labels.text",
-                    stylers: [{
-                        visibility: "off"
-                    }]
-                }, // Ukryj tekst dróg
-
+                    "featureType": "road.highway",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
                 {
-                    featureType: "water",
-                    elementType: "geometry",
-                    stylers: [{
-                        color: "#F4F4F4"
-                    }]
-                }, // Woda
+                    "featureType": "transit",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
                 {
-                    featureType: "landscape",
-                    elementType: "geometry",
-                    stylers: [{
-                        color: "#F4F4F4"
-                    }]
+                    "featureType": "transit",
+                    "elementType": "labels.text",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
+                {
+                    "featureType": "transit",
+                    "elementType": "labels.icon",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
+                },
+                {
+                    "featureType": "water",
+                    "elementType": "all",
+                    "stylers": [
+                        {
+                            "saturation": "-100"
+                        }
+                    ]
                 }
             ]
+            // styles: [
+            //     {
+            //         elementType: "geometry",
+            //         stylers: [
+            //             {
+            //             color: "#F4F4F4"
+            //             }
+            //         ]
+            //     },
+            //     {
+            //         elementType: "labels.text.stroke",
+            //         stylers: [{
+            //             color: "F4F4F4"
+            //         }]
+            //     },
+            //     {
+            //         elementType: "labels.text.fill",
+            //         stylers: [{
+            //             color: "#181C1D"
+            //         }]
+            //     },
+
+            //     // (motorway)
+            //     {
+            //         featureType: "road.highway",
+            //         elementType: "geometry",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // Autostrady
+            //     {
+            //         featureType: "road.highway",
+            //         elementType: "geometry.stroke",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // Kontur autostrady
+            //     {
+            //         featureType: "road.highway",
+            //         elementType: "labels.text.fill",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // tekst
+
+            //     // (primary, secondary, local)
+            //     {
+            //         featureType: "road.arterial",
+            //         elementType: "geometry",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // Główne drogi
+            //     {
+            //         featureType: "road.local",
+            //         elementType: "geometry",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // Ulice
+            //     {
+            //         featureType: "road",
+            //         elementType: "labels.text.fill",
+            //         stylers: [{
+            //             color: "#BABABA"
+            //         }]
+            //     }, // tekst
+
+            //     // Ukryj numery dróg (E40, A4, 92 itp.)
+            //     {
+            //         featureType: "road",
+            //         elementType: "labels.icon",
+            //         stylers: [{
+            //             visibility: "off"
+            //         }]
+            //     }, // Ukryj ikony dróg
+            //     {
+            //         featureType: "road",
+            //         elementType: "labels.text",
+            //         stylers: [{
+            //             visibility: "off"
+            //         }]
+            //     }, // Ukryj tekst dróg
+
+            //     {
+            //         featureType: "water",
+            //         elementType: "geometry",
+            //         stylers: [{
+            //             color: "#F4F4F4"
+            //         }]
+            //     }, // Woda
+            //     {
+            //         featureType: "landscape",
+            //         elementType: "geometry",
+            //         stylers: [{
+            //             color: "#F4F4F4"
+            //         }]
+            //     }
+            // ]
         };
 
         const map1 = new google.maps.Map(document.getElementById("map-klienci-indywidualni"), mapOptions);

templates_user/pages/o-nas.php

@@ -84,121 +84,7 @@
     </div>
 
     <div class="box-4">
-        <div class="_row _row-1">
-            <div class="_col _col-1">
-                <h2 class="section-title">
-                    <span>historia firmy vidok</span>
-                </h2>
-            </div>
-        </div>
-        <div class="_row _row-2">
-            <div class="_col _col-1">
-                <!-- Swiper -->
-                <div id="history-timeline">
-                    <div id="timeline-nav">
-                        <div class="timeline-nav--wrapper swiper">
-                            <div class="swiper-wrapper">
-                                <div class="swiper-slide active" data-slide="0">
-                                    <span>1994</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="1">
-                                    <span>1995</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="2">
-                                    <span>1999</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="3">
-                                    <span>2005</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="4">
-                                    <span>2010</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="5">
-                                    <span>2016</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="6">
-                                    <span>2018</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="7">
-                                    <span>2024</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                                <div class="swiper-slide" data-slide="8">
-                                    <span>obecnie</span>
-                                    <div class="slide-dot"></div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="timeline-next">
-                            <img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
-                        </div>
-                        <div class="timeline-prev">
-                            <img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
-                        </div>
-                    </div>
-
-                    <div class="timeline-content swiper">
-                        <div class="swiper-wrapper">
-                            <div class="swiper-slide">
-                                <p>Rozpoczęcie własnej produkcji okien <strong>PVC</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/1994.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Rozszerzenie działalności o <strong>ślusarkę aluminiową</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/1995.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Rozszerzenie działalności o <strong>stolarki drewnianej</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/1999.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Ekspansja do krajów <strong>Unii Europejskiej</strong></p>
-                                <ul class="logos">
-                                    <li>
-                                        <img src="upload/filemanager/images/vidok-logo-black.png" alt="">
-                                    </li>
-                                    <li>
-                                        <img src="upload/filemanager/images/vidok-logo-black.png" alt="">
-                                    </li>
-                                    <li>
-                                        <img src="upload/filemanager/images/vidok-logo-black.png" alt="">
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Powiększenie portfolio o hybrydę, <strong>okna aluminiowo-drewniane</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/2010.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p><strong>Modernizacja produkcji</strong>, hale produkcyjno-magazynowe o powierzchni ponad 8 500 m²</p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/2016.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p><strong>Gold Energy linia okien PVC</strong> wykazująca najwyższą estetykę i unikatowość produktu. Wdrożenie autorskiego projektu AQUSTIC</p>
-                                <p>Rozpoczęcie corocznych turniejów golfowych <strong>VIDOK GOLF CUP</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/2018.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Uzyskanie <strong>Certyfikatu PAS 24</strong> w jednostce certyfikującej BM Trada</p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/2024.jpg" />
-                            </div>
-                            <div class="swiper-slide">
-                                <p>Stosowanie najnowszych technologii w <strong>oknach i drzwiach z drewna, PVC i aluminium</strong></p>
-                                <img src="/upload/filemanager/Pages/O-nas/historia/2025.jpg" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+        <?php include 'templates_user/components/historia-firmy.php'; ?>
     </div>
 
     <div class="box-5">
@@ -662,8 +548,6 @@
     </div>
 </div>
 
-
-
 <script class="footer" type="text/javascript">
     var swiper = new Swiper(".partners-icons", {
         slidesPerView: "auto",
@@ -673,26 +557,4 @@
             prevEl: ".swiper-button-prev",
         },
     });
-
-    const contentSwiper = new Swiper(".timeline-content", {
-        slidesPerView: 1,
-        allowTouchMove: false,
-    });
-
-    const navSwiper = new Swiper("#timeline-nav .swiper", {
-        slidesPerView: 'auto',
-        navigation: {
-            nextEl: ".timeline-next",
-            prevEl: ".timeline-prev",
-        },
-    });
-
-    $("#timeline-nav .swiper-slide").on("click", function () {
-        const index = $(this).data("slide");
-        contentSwiper.slideTo(index);
-        $("#timeline-nav .swiper-slide").removeClass("active");
-        $(this).addClass("active");
-    });
-
-
 </script>