Refactor code structure for improved readability and maintainability

src/components/CarouselContainer/CarouselContainer.jsx

 import mainImage6 from "../../assets/images/MAINHEADER-06.webp";
 import mainImage8 from "../../assets/images/MAINHEADER-08.webp";
 import mainImage10 from "../../assets/images/MAINHEADER-10.png";
+import mainImage11 from "../../assets/images/MAINHEADER-11.jpg";
 
 import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
 import { Carousel } from 'react-responsive-carousel';
 const CarouselContainer = () => {
 
   const items = [
+    { img_src: mainImage11, alt_name: "Image 11" },
     { img_src: mainImage10, alt_name: "Image 10" },
     { img_src: mainImage8, alt_name: "Image 8" },
     { img_src: mainImage6, alt_name: "Image 6" },
     { img_src: mainImage2, alt_name: "Image 2" },
     { img_src: mainImage1, alt_name: "Image 1" },
 
+    { img_src: mainImage11, alt_name: "Image 11" },
     { img_src: mainImage10, alt_name: "Image 10" },
     { img_src: mainImage8, alt_name: "Image 8" },
     { img_src: mainImage6, alt_name: "Image 6" },

src/components/VideoAds/VideoAds.jsx

 import { useRef, useState, useEffect  } from 'react';
 import { Box, Button } from '@mui/material';
 import PropTypes from 'prop-types';
-import videoAds from "../../assets/video/WebsiteAmberOASIS2025.mp4";
+// import videoAds from "../../assets/video/WebsiteAmberOASIS2025.mp4";
+import videoAds from "../../assets/video/singlelook1.mp4";
 
 const VideoAds = ({ video_url, height, width }) => {
   const videoRef = useRef(null);

src/pages/Home.jsx

 import AmberHomeWallpaper from "../assets/images/amberHomeWallpaper.webp";
 import AmberBeautyWallpaper from "../assets/images/amberBeautyWallpaper.webp";
 import AmberClothing from "../assets/images/MAINHEADER-09.webp"
+import AmberClothing from "../assets/images/MAINHEADER-11.webp";
 
 const Home = () => {