|
@@ -6,16 +6,20 @@ import mainImage1 from "../../assets/images/MAINHEADER-01.webp";
|
6
|
6
|
import mainImage2 from "../../assets/images/MAINHEADER-02.webp";
|
7
|
7
|
import mainImage3 from "../../assets/images/MAINHEADER-03.webp";
|
8
|
8
|
import mainImage4 from "../../assets/images/MAINHEADER-04.webp";
|
|
9
|
+import mainImage5 from "../../assets/images/MAINHEADER-05.webp";
|
9
|
10
|
import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
|
10
|
11
|
import { Carousel } from 'react-responsive-carousel';
|
11
|
12
|
|
12
|
13
|
const CarouselContainer = () => {
|
13
|
14
|
|
14
|
15
|
const items = [
|
|
16
|
+ { img_src: mainImage5, alt_name: "Image 5" },
|
15
|
17
|
{ img_src: mainImage3, alt_name: "Image 3" },
|
16
|
18
|
{ img_src: mainImage4, alt_name: "Image 4" },
|
17
|
19
|
{ img_src: mainImage2, alt_name: "Image 2" },
|
18
|
20
|
{ img_src: mainImage1, alt_name: "Image 1" },
|
|
21
|
+
|
|
22
|
+ { img_src: mainImage5, alt_name: "Image 5" },
|
19
|
23
|
{ img_src: mainImage3, alt_name: "Image 3" },
|
20
|
24
|
{ img_src: mainImage4, alt_name: "Image 4" },
|
21
|
25
|
{ img_src: mainImage2, alt_name: "Image 2" },
|
|
@@ -35,6 +39,7 @@ const CarouselContainer = () => {
|
35
|
39
|
width: "100%",
|
36
|
40
|
height: "100%",
|
37
|
41
|
zIndex: 0,
|
|
42
|
+ filter:"brightness(0.9)"
|
38
|
43
|
}}
|
39
|
44
|
/>
|
40
|
45
|
))}
|