https://amcconstruction-llc.com/wp-content/themes/understrap/js/custom-script.js?ver=1790361119

1document.addEventListener('DOMContentLoaded', function () {
2    // Hero Slider
3    let homeSlider = new Swiper(".homeSlider", {
4        slidesPerView: 1,    // Mobile default
5        spaceBetween: 20,
6        pagination: {
7            el: ".swiper-pagination",
8            clickable: true,
9        },
10        loop: true,
11        breakpoints: {
12            // Mobile (0px - 575px)
13            0: {
14                slidesPerView: 2,
15            },
16
17            // Tablet (576px - 991px)
18            576: {
19                slidesPerView: 3,
20            },
21
22            // Laptop (992px - 1199px)
23            992: {
24                slidesPerView: 2.1,
25            },
26
27            // Desktop (1200px+)
28            1200: {
29                slidesPerView: 2.5,
30            },
31        }
32    });
33
34    // services slider
35    const Servicesswiper = new Swiper('.servicesSwiper', {
36
37        centeredSlides: true,
38        initialSlide: 1,
39        slidesPerView: 1,
40        spaceBetween: 20,
41        speed: 400,
42        grabCursor: true,
43
44        breakpoints: {
45            320: {
46                slidesPerView: 1,
47                spaceBetween: 20,
48                centeredSlides: false, // FIX ✔
49                initialSlide: 0,        // FIX ✔
50                loop: true,            // FIX ✔
51            },
52            768: {
53                slidesPerView: 3,
54                spaceBetween: 30
55            },
56            1024: {
57                slidesPerView: 3,
58                spaceBetween: 20
59            }
60        },
61
62        navigation: {
63            nextEl: '.next',
64            prevEl: '.prev',
65        }
66    });
67
68
69
70    // showCaseSwiper slider
71    let showCaseSwiper = new Swiper(".showCaseSwiper", {
72        slidesPerView: 2,
73        spaceBetween: 30,
74        centeredSlides: true,
75        loop: true,
76        pagination: {
77            el: ".swiper-pagination",
78            clickable: true,
79        },
80        navigation: {
81            nextEl: ".swiper-button-next",
82            prevEl: ".swiper-button-prev",
83        },
84        breakpoints: {
85            320: {
86                slidesPerView: 1,
87                spaceBetween: 20,
88            },
89            768: {
90                slidesPerView: 1.5,
91                spaceBetween: 30
92            },
93            1024: {
94                slidesPerView: 2,
95                spaceBetween: 20
96            }
97        },
98    });
99
100
101    // Different slider
102    let differentSwiper = new Swiper(".features-slider", {
103        slidesPerView: 4,
104        spaceBetween: 20,
105        loop: true,
106        navigation: {
107            nextEl: ".swiper-button-next",
108            prevEl: ".swiper-button-pre",
109        },
110        breakpoints: {
111            320: {
112                slidesPerView: 1,
113                spaceBetween: 20,
114            },
115            768: {
116                slidesPerView: 1.5,
117                spaceBetween: 30
118            },
119            1024: {
120                slidesPerView: 4.2,
121                spaceBetween: 20
122            }
123        },
124    });
125
126    // process slider
127
128    let processSwiper = new Swiper(".process-swipper", {
129        slidesPerView: 1,
130        spaceBetween: 20,
131        loop: true,
132        breakpoints: {
133            0: {
134                slidesPerView: 1,
135                spaceBetween: 20,
136                centeredSlides: false,
137                loop: false,
138            },
139            768: {
140                slidesPerView: 1.5,
141                spaceBetween: 30
142            },
143            1024: {
144                slidesPerView: 3.2,
145                spaceBetween: 20
146            }
147        }, navigation: {
148            nextEl: ".swiper-button-next",
149            prevEl: ".swiper-button-prev",
150        },
151    });
152
153
154    const PageDiv = document.getElementById("content")
155    let pathName = window.location.pathname
156    switch(pathName){
157        case "/" : 
158        PageDiv.classList += " home"
159        break;
160        case "/about" : 
161        PageDiv.classList += " about"
162        break;
163        default : console.log("no-page")
164    }
165
166    // Animate on scroll
167AOS.init(
168    {
169         offset: 120,
170         disable:'mobile'
171    }
172);
173
174});
175
176
177
178