rearrange images in folder

src/pages/Home/LandingPage.css

@@ -57,6 +57,7 @@
 nav.layout-navbar {
   /* backdrop-filter: unset; */
   /* background-color: transparent !important; */
+  background-color: rgba(214, 36, 33, 0.88) !important;
 }
 
 nav.layout-navbar::before {

src/pages/Home/LandingPage.jsx

@@ -144,7 +144,7 @@ const LandingPage = () => {
                   {/* <span className="hero-btn-item position-absolute d-none d-md-flex fw-medium">
                     Join community
                     <img
-                      src="./../../public/img/front-pages/icons/Join-community-arrow.png"
+                      src="./../../public/img/icons/Join-community-arrow.png"
                       alt="Join community arrow"
                       className="scaleX-n1-rtl"
                     />
@@ -194,7 +194,7 @@ const LandingPage = () => {
                   >
                     <SwiperSlide>
                       <SwaperSlideContent
-                        ImageUrl="./../../public/img/front-pages/landing-page/dashboard-light-01.png"
+                        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>
@@ -202,21 +202,21 @@ const LandingPage = () => {
 
                     <SwiperSlide>
                       <SwaperSlideContent
-                        ImageUrl="./../../public/img/front-pages/landing-page/dashboard-light-02.png"
+                        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/front-pages/landing-page/dashboard-light-04.png"
+                        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/front-pages/landing-page/dashboard-light-05.png"
+                        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"
@@ -224,21 +224,21 @@ const LandingPage = () => {
                     </SwiperSlide>
                     <SwiperSlide>
                       <SwaperSlideContent
-                        ImageUrl="./../../public/img/front-pages/landing-page/dashboard-light-06.png"
+                        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/front-pages/landing-page/dashboard-light-07.png"
+                        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/front-pages/landing-page/dashboard-light-08.png"
+                        ImageUrl="./../../public/img/app/dashboard-light-08.png"
                         Title="Inventory Management"
                         Body="Track materials, supplies, and assets — never run short again."
                       ></SwaperSlideContent>
@@ -264,7 +264,7 @@ const LandingPage = () => {
               <span className="position-relative fw-extrabold z-1">
                 From tasks to teams, documents to inventory —
                 {/* <img
-                  src="./../../public/img/front-pages/icons/section-title-icon.png"
+                  src="./../../public/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
                 /> */}
@@ -279,7 +279,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/front-pages/icons/laptop.svg"
+                    src="./../../public/img/icons/laptop.svg"
                     alt="laptop charging"
                   />
                 </div>
@@ -292,7 +292,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/front-pages/icons/rocket.svg"
+                    src="./../../public/img/icons/rocket.svg"
                     alt="transition up"
                   />
                 </div>
@@ -304,10 +304,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/front-pages/icons/paper.svg"
-                    alt="edit"
-                  />
+                  <img src="./../../public/img/icons/paper.svg" alt="edit" />
                 </div>
                 <h5 className="mb-2">Role-based Permissions</h5>
                 <p className="features-icon-description">
@@ -318,7 +315,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/front-pages/icons/check.svg"
+                    src="./../../public/img/icons/check.svg"
                     alt="3d select solid"
                   />
                 </div>
@@ -330,10 +327,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/front-pages/icons/user.svg"
-                    alt="user"
-                  />
+                  <img src="./../../public/img/icons/user.svg" alt="user" />
                 </div>
                 <h5 className="mb-2">Reporting & Analytics</h5>
                 <p className="features-icon-description">
@@ -344,7 +338,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/front-pages/icons/keyboard.svg"
+                    src="./../../public/img/icons/keyboard.svg"
                     alt="keyboard"
                   />
                 </div>
@@ -357,7 +351,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/front-pages/icons/keyboard.svg"
+                    src="./../../public/img/icons/keyboard.svg"
                     alt="keyboard"
                   />
                 </div>
@@ -372,7 +366,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/front-pages/icons/inventory.svg"
+                    src="./../../public/img/icons/inventory.svg"
                     alt="keyboard"
                   />
                 </div>
@@ -385,7 +379,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/front-pages/icons/keyboard.svg"
+                  src="./../../public/img/icons/keyboard.svg"
                   alt="keyboard"
                 />
               </div>
@@ -495,7 +489,7 @@ const LandingPage = () => {
               <span className="position-relative fw-extrabold z-1 me-2">
                 Tailored pricing plans
                 {/* <img
-                  src="./../../public/img/front-pages/icons/section-title-icon.png"
+                  src="./../../public/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
                 /> */}
@@ -538,7 +532,7 @@ const LandingPage = () => {
                 </label> */}
                 {/* <div className="pricing-plans-item position-absolute d-flex">
                   <img
-                    src="./../../public/img/front-pages/icons/pricing-plans-arrow.png"
+                    src="./../../public/img/icons/pricing-plans-arrow.png"
                     alt="pricing plans arrow"
                     className="scaleX-n1-rtl"
                   />
@@ -553,7 +547,7 @@ const LandingPage = () => {
                   <div className="card-header">
                     <div className="text-center">
                       <img
-                        src="./../../public/img/front-pages/icons/paper-airplane.png"
+                        src="./../../public/img/icons/paper-airplane.png"
                         alt="paper airplane icon"
                         className="mb-8 pb-2"
                       />
@@ -635,7 +629,7 @@ const LandingPage = () => {
                     </ul>
                     <div className="d-grid mt-8">
                       <a
-                        href="payment-page.html"
+                        href="#landingPricing"
                         className="btn btn-label-primary"
                       >
                         Get Started
@@ -652,7 +646,7 @@ const LandingPage = () => {
                   <div className="card-header">
                     <div className="text-center">
                       <img
-                        src="./../../public/img/front-pages/icons/plane.png"
+                        src="./../../public/img/icons/plane.png"
                         alt="plane icon"
                         className="mb-8 pb-2"
                       />
@@ -748,7 +742,7 @@ const LandingPage = () => {
                   <div className="card-header">
                     <div className="text-center">
                       <img
-                        src="./../../public/img/front-pages/icons/shuttle-rocket.png"
+                        src="./../../public/img/icons/shuttle-rocket.png"
                         alt="shuttle rocket icon"
                         className="mb-8 pb-2"
                       />
@@ -857,7 +851,7 @@ const LandingPage = () => {
                 <div className="card border border-primary shadow-none">
                   <div className="card-body text-center">
                     <img
-                      src="./../../public/img/front-pages/icons/laptop.svg"
+                      src="./../../public/img/icons/laptop.svg"
                       alt="laptop"
                       className="mb-4"
                     />
@@ -874,7 +868,7 @@ const LandingPage = () => {
                 <div className="card border border-success shadow-none">
                   <div className="card-body text-center">
                     <img
-                      src="./../../public/img/front-pages/icons/user-success.svg"
+                      src="./../../public/img/icons/user-success.svg"
                       alt="laptop"
                       className="mb-4"
                     />
@@ -891,7 +885,7 @@ const LandingPage = () => {
                 <div className="card border border-info shadow-none">
                   <div className="card-body text-center">
                     <img
-                      src="./../../public/img/front-pages/icons/diamond-info.svg"
+                      src="./../../public/img/icons/diamond-info.svg"
                       alt="laptop"
                       className="mb-4"
                     />
@@ -908,7 +902,7 @@ const LandingPage = () => {
                 <div className="card border border-warning shadow-none">
                   <div className="card-body text-center">
                     <img
-                      src="./../../public/img/front-pages/icons/check-warning.svg"
+                      src="./../../public/img/icons/check-warning.svg"
                       alt="laptop"
                       className="mb-4"
                     />
@@ -937,7 +931,7 @@ const LandingPage = () => {
               <span className="position-relative fw-extrabold z-1">
                 questions
                 <img
-                  src="./../../public/img/front-pages/icons/section-title-icon.png"
+                  src="./../../public/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
                 />
@@ -951,7 +945,7 @@ const LandingPage = () => {
               <div className="col-lg-5">
                 <div className="text-center">
                   <img
-                    src="./../../public/img/front-pages/landing-page/faq-boy-with-logos.png"
+                    src="./../../public/img/illustrations/faq-boy-with-logos.png"
                     alt="faq boy with logos"
                     className="faq-image"
                   />
@@ -1114,11 +1108,11 @@ const LandingPage = () => {
         {/*  CTA: Start */}
         <section id="landingCTA" className="section-py landing-cta ">
           <img
-            src="./../../public/img/front-pages/backgrounds/cta-bg-light.png"
+            src="./../../public/img/backgrounds/cta-bg-light.png"
             className="position-absolute bottom-0 end-0 scaleX-n1-rtl h-100 w-100 z-n1"
             alt="cta image"
-            data-app-light-img="front-pages/backgrounds/cta-bg-light.png"
-            data-app-dark-img="front-pages/backgrounds/cta-bg-dark.png"
+            data-app-light-img="backgrounds/cta-bg-light.png"
+            data-app-dark-img="backgrounds/cta-bg-dark.png"
           />
           <div className="container">
             <div className="text-center mb-4 mt-5">
@@ -1133,7 +1127,7 @@ const LandingPage = () => {
                     <span className="position-relative fw-extrabold z-1">
                       Let's work
                       <img
-                        src="./../../public/img/front-pages/icons/section-title-icon.png"
+                        src="./../../public/img/icons/section-title-icon.png"
                         alt="laptop charging"
                         className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
                       />
@@ -1189,10 +1183,7 @@ const LandingPage = () => {
                   <h5 className="text-body mb-8">
                     Start your project with a 14-day free trial
                   </h5>
-                  <a
-                    href="payment-page.html"
-                    className="btn btn-lg btn-primary"
-                  >
+                  <a href="#landingPricing" className="btn btn-lg btn-primary">
                     Get Started
                   </a>{" "}
                   <a
@@ -1206,7 +1197,7 @@ const LandingPage = () => {
               <div className="col-lg-6 pt-lg-12 text-center text-lg-end">
                 <img
                   style={{ width: "80%" }}
-                  src="./../../public/img/front-pages/landing-page/contact-customer-service.png"
+                  src="./../../public/img/images/contact-customer-service.png"
                   alt="hero elements"
                 ></img>
               </div>
@@ -1229,7 +1220,7 @@ const LandingPage = () => {
               <span className="position-relative fw-extrabold z-1">
                 Let's work
                 <img
-                  src="./../../public/img/front-pages/icons/section-title-icon.png"
+                  src="./../../public/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
                 />
@@ -1243,12 +1234,12 @@ const LandingPage = () => {
               <div className="col-lg-5">
                 <div className="contact-img-box position-relative border p-2 h-100">
                   <img
-                    src="./../../public/img/front-pages/icons/contact-border.png"
+                    src="./../../public/img/icons/contact-border.png"
                     alt="contact border"
                     className="contact-border-img position-absolute d-none d-lg-block scaleX-n1-rtl"
                   />
                   <img
-                    src="./../../public/img/front-pages/landing-page/contact-customer-service.png"
+                    src="./../../public/img/images/contact-customer-service.png"
                     alt="contact customer service"
                     className="contact-img w-100 scaleX-n1-rtl"
                   />
@@ -1371,7 +1362,7 @@ const LandingPage = () => {
       <footer className="landing-footer bg-body footer-text">
         <div className="footer-top position-relative overflow-hidden z-1">
           <img
-            src="./../../public/img/front-pages/backgrounds/footer-bg.png"
+            src="./../../public/img/backgrounds/footer-bg.png"
             alt="footer bg"
             className="footer-bg banner-bg-img z-n1"
           />
@@ -1465,10 +1456,10 @@ const LandingPage = () => {
                     <Link className="cta-title">
                       <div className="app-brand-logo demo">
                         <img
-                          className="rounded"
+                          className="rounded rounded-circle"
                           style={{
-                            border: "1px solid #fff",
-                            padding: "5px",
+                            border: "3px solid #efdedeff",
+                            padding: "0px",
                             borderRadius: "50px",
                           }}
                           src="../../../public/img/brand/marco.png"
@@ -1505,16 +1496,19 @@ const LandingPage = () => {
               </div>
 
               <div className="col-lg-6 col-md-6 d-flex gap-3 align-items-center justify-content-end">
-                <h6 className="footer-title">Download our app</h6>
+                <h6 className="footer-title mt-3">Download our app</h6>
                 <a href="javascript:void(0);">
                   <img
-                    src="./../../public/img/front-pages/landing-page/apple-icon.png"
+                    src="./../../public/img/icons/apple-icon.png"
                     alt="apple icon"
                   />
                 </a>
-                <a href="javascript:void(0);">
+                <a
+                  href="https://play.google.com/store/apps/details?id=com.marco.aiotstage&pcampaignid=web_share"
+                  target="_blank"
+                >
                   <img
-                    src="./../../public/img/front-pages/landing-page/google-play-icon.png"
+                    src="./../../public/img/icons/google-play-icon.png"
                     alt="google play icon"
                   />
                 </a>
@@ -1543,7 +1537,7 @@ const LandingPage = () => {
                 target="_blank"
               >
                 <img
-                  src="./../../public/img/front-pages/icons/facebook.svg"
+                  src="./../../public/img/icons/facebook.svg"
                   alt="facebook icon"
                 />
               </a>
@@ -1553,13 +1547,13 @@ const LandingPage = () => {
                 target="_blank"
               >
                 <img
-                  src="./../../public/img/front-pages/icons/twitter.svg"
+                  src="./../../public/img/icons/twitter.svg"
                   alt="twitter icon"
                 />
               </a>
               <a href="https://www.instagram.com/marcoaiot/" target="_blank">
                 <img
-                  src="./../../public/img/front-pages/icons/instagram.svg"
+                  src="./../../public/img/icons/instagram.svg"
                   alt="google icon"
                 />
               </a>