Refactor code structure for improved readability and maintainability

src/components/CarouselContainer/CarouselContainer.jsx

@@ -8,21 +8,23 @@ import mainImage3 from "../../assets/images/MAINHEADER-03.webp";
 import mainImage4 from "../../assets/images/MAINHEADER-04.webp";
 import mainImage5 from "../../assets/images/MAINHEADER-05.webp";
 import mainImage6 from "../../assets/images/MAINHEADER-06.webp";
-import mainImage7 from "../../assets/images/MAINHEADER-07.webp";
+import mainImage8 from "../../assets/images/MAINHEADER-08.webp";
+
 import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
 import { Carousel } from 'react-responsive-carousel';
 
 const CarouselContainer = () => {
 
   const items = [
-    { img_src: mainImage7, alt_name: "Image 7" },
+    { img_src: mainImage8, alt_name: "Image 8" },
     { img_src: mainImage6, alt_name: "Image 6" },
     { img_src: mainImage5, alt_name: "Image 5" },
     { 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: mainImage7, alt_name: "Image 7" },
+
+    { img_src: mainImage8, alt_name: "Image 8" },
     { img_src: mainImage6, alt_name: "Image 6" },
     { img_src: mainImage5, alt_name: "Image 5" },
     { img_src: mainImage3, alt_name: "Image 3" },

src/pages/Home.jsx

@@ -12,7 +12,7 @@ import NewsLetter from '../components/NewsLetter';
 import ProductService from "../services/ProductService"
 import AmberHomeWallpaper from "../assets/images/amberHomeWallpaper.webp";
 import AmberBeautyWallpaper from "../assets/images/amberBeautyWallpaper.webp";
-import AmberClothing from "../assets/images/MAINHEADER-06.webp"
+import AmberClothing from "../assets/images/MAINHEADER-09.webp"
 
 const Home = () => {