new addon main header

src/components/CarouselContainer/CarouselContainer.jsx

@@ -4,14 +4,20 @@ import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
 import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
 import mainImage1 from "../../assets/images/MAINHEADER-01.webp";
 import mainImage2 from "../../assets/images/MAINHEADER-02.webp";
+import mainImage3 from "../../assets/images/MAINHEADER-03.webp";
+import mainImage4 from "../../assets/images/MAINHEADER-04.webp";
 import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
 import { Carousel } from 'react-responsive-carousel';
 
 const CarouselContainer = () => {
 
   const items = [
+    { img_src: mainImage3, alt_name: "Image 3" },
+    { img_src: mainImage4, alt_name: "Image 4" },
     { img_src: mainImage2, alt_name: "Image 2" },
     { img_src: mainImage1, alt_name: "Image 1" },
+    { img_src: mainImage3, alt_name: "Image 3" },
+    { img_src: mainImage4, alt_name: "Image 4" },
     { img_src: mainImage2, alt_name: "Image 2" },
     { img_src: mainImage1, alt_name: "Image 1" },
   ];