changed images path for landing page

src/pages/Home/LandingPage.jsx

@@ -13,6 +13,64 @@ import "swiper/css/navigation";
 import SwaperSlideContent from "./SwaperSlideContent";
 import SwaperBlogContent from "./SwaperBlogContent";
 
+const slides = [
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-01.png",
+    Title: "Project & Task Management",
+    Body: "Plan, assign, and track projects and tasks seamlessly for better team collaboration.",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-02.png",
+    Title: "Attendance & Leave Tracking",
+    Body: "Monitor employee attendance and manage leave requests with ease.",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-04.png",
+    Title: "Role-based Permissions",
+    Body: "Securely control access with customizable roles and permissions.",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-05.png",
+    Title: "Expense & Budget Tracking",
+    Body: "Keep projects on budget with real-time expense and cost management.",
+    ContentAlign: "left",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-06.png",
+    Title: "Reporting & Analytics",
+    Body: "Gain actionable insights through powerful reports and analytics dashboards.",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-07.png",
+    Title: "Document Management",
+    Body: "Organize, share, and access all your project and employee documents in one place.",
+  },
+  {
+    ImageUrl: "/assets/img/app/dashboard-light-08.png",
+    Title: "Inventory Management",
+    Body: "Track materials, supplies, and assets — never run short again.",
+  },
+];
+
+const swiperConfig = {
+  spaceBetween: 30,
+  centeredSlides: true,
+  rewind: true,
+  autoplay: {
+    delay: 3500,
+    disableOnInteraction: false,
+  },
+  pagination: {
+    clickable: true,
+  },
+  keyboard: {
+    enabled: true,
+  },
+  navigation: false,
+  modules: [EffectFlip, Autoplay, Pagination, Navigation],
+  className: "mySwiper",
+};
+
 const LandingPage = () => {
   const [swiperRef, setSwiperRef] = useState(null);
   return (
@@ -37,10 +95,7 @@ const LandingPage = () => {
               {/*  Mobile menu toggle: End*/}
               <a href="/" className="app-brand-link">
                 <span className="app-brand-logo demo">
-                  <img
+                  <img src="/img/brand/marco.png" width={50}></img>
-                    src="/img/brand/marco.png"
-                    width={50}
-                  ></img>
                 </span>
                 <span className="app-brand-text demo menu-text fw-bold ms-2 ps-1 ">
                   {/* <Link> */} PMS
@@ -172,77 +227,12 @@ const LandingPage = () => {
                   id="heroAnimationImg"
                   className="position-relative hero-dashboard-img"
                 >
-                  <Swiper
+                  <Swiper {...swiperConfig}>
-                    spaceBetween={30}
+                    {slides.map((slide, index) => (
-                    centeredSlides={true}
+                      <SwiperSlide key={index}>
-                    rewind={true}
+                        <SwaperSlideContent {...slide} />
-                    autoplay={{
+                      </SwiperSlide>
-                      delay: 3500,
+                    ))}
-                      disableOnInteraction: false,
-                    }}
-                    pagination={{
-                      clickable: true,
-                    }}
-                    keyboard={{
-                      enabled: true,
-                    }}
-                    navigation={false}
-                    modules={[EffectFlip, Autoplay, Pagination, Navigation]}
-                    className="mySwiper"
-                    onSlideChange={() => console.log("slide change")}
-                    onSwiper={(swiper) => console.log(swiper)}
-                  >
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-01.png"
-                        Title="Project & Task Management"
-                        Body="Plan, assign, and track projects and tasks seamlessly for better team collaboration."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-02.png"
-                        Title="Attendance & Leave Tracking"
-                        Body="Monitor employee attendance and manage leave requests with ease."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-04.png"
-                        Title="Role-based Permissions"
-                        Body="Securely control access with customizable roles and permissions."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-05.png"
-                        Title="Expense & Budget Tracking"
-                        Body="Keep projects on budget with real-time expense and cost management."
-                        ContentAlign="left"
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-06.png"
-                        Title="Reporting & Analytics"
-                        Body="Gain actionable insights through powerful reports and analytics dashboards."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-07.png"
-                        Title="Document Management"
-                        Body="Organize, share, and access all your project and employee documents in one place."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
-                    <SwiperSlide>
-                      <SwaperSlideContent
-                        ImageUrl="./../../public/img/app/dashboard-light-08.png"
-                        Title="Inventory Management"
-                        Body="Track materials, supplies, and assets — never run short again."
-                      ></SwaperSlideContent>
-                    </SwiperSlide>
                   </Swiper>
                 </div>
               </div>
@@ -279,7 +269,7 @@ const LandingPage = () => {
               <div className="col-lg-3 col-sm-4 text-center features-icon-box">
                 <div className="text-center mb-4">
                   <img
-                    src="./../../public/img/icons/laptop.svg"
+                    src="/img/icons/laptop.svg"
                     alt="laptop charging"
                   />
                 </div>
@@ -292,7 +282,7 @@ const LandingPage = () => {
               <div className="col-lg-3 col-sm-4 text-center features-icon-box">
                 <div className="text-center mb-4">
                   <img
-                    src="./../../public/img/icons/rocket.svg"
+                    src="/img/icons/rocket.svg"
                     alt="transition up"
                   />
                 </div>
@@ -304,7 +294,7 @@ const LandingPage = () => {
               </div>
               <div className="col-lg-3 col-sm-4 text-center features-icon-box">
                 <div className="text-center mb-4">
-                  <img src="./../../public/img/icons/paper.svg" alt="edit" />
+                  <img src="/img/icons/paper.svg" alt="edit" />
                 </div>
                 <h5 className="mb-2">Role-based Permissions</h5>
                 <p className="features-icon-description">
@@ -366,7 +356,7 @@ const LandingPage = () => {
               <div className="col-lg-3 col-sm-4 text-center features-icon-box">
                 <div className="text-center mb-4">
                   <img
-                    src="./../../public/img/icons/inventory.svg"
+                    src="/img/icons/inventory.svg"
                     alt="keyboard"
                   />
                 </div>