diff --git a/public/img/front-pages/landing-page/dashboard-light-01.png b/public/img/app/dashboard-light-01.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-01.png
rename to public/img/app/dashboard-light-01.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-02.png b/public/img/app/dashboard-light-02.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-02.png
rename to public/img/app/dashboard-light-02.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-03.png b/public/img/app/dashboard-light-03.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-03.png
rename to public/img/app/dashboard-light-03.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-04.png b/public/img/app/dashboard-light-04.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-04.png
rename to public/img/app/dashboard-light-04.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-05.png b/public/img/app/dashboard-light-05.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-05.png
rename to public/img/app/dashboard-light-05.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-06.png b/public/img/app/dashboard-light-06.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-06.png
rename to public/img/app/dashboard-light-06.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-07.png b/public/img/app/dashboard-light-07.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-07.png
rename to public/img/app/dashboard-light-07.png
diff --git a/public/img/front-pages/landing-page/dashboard-light-08.png b/public/img/app/dashboard-light-08.png
similarity index 100%
rename from public/img/front-pages/landing-page/dashboard-light-08.png
rename to public/img/app/dashboard-light-08.png
diff --git a/public/img/front-pages/backgrounds/cta-bg-dark.png b/public/img/backgrounds/cta-bg-dark.png
similarity index 100%
rename from public/img/front-pages/backgrounds/cta-bg-dark.png
rename to public/img/backgrounds/cta-bg-dark.png
diff --git a/public/img/front-pages/backgrounds/cta-bg-light.png b/public/img/backgrounds/cta-bg-light.png
similarity index 100%
rename from public/img/front-pages/backgrounds/cta-bg-light.png
rename to public/img/backgrounds/cta-bg-light.png
diff --git a/public/img/front-pages/backgrounds/footer-bg-dark.png b/public/img/backgrounds/footer-bg-dark.png
similarity index 100%
rename from public/img/front-pages/backgrounds/footer-bg-dark.png
rename to public/img/backgrounds/footer-bg-dark.png
diff --git a/public/img/front-pages/backgrounds/footer-bg-light.png b/public/img/backgrounds/footer-bg-light.png
similarity index 100%
rename from public/img/front-pages/backgrounds/footer-bg-light.png
rename to public/img/backgrounds/footer-bg-light.png
diff --git a/public/img/front-pages/backgrounds/footer-bg.png b/public/img/backgrounds/footer-bg.png
similarity index 100%
rename from public/img/front-pages/backgrounds/footer-bg.png
rename to public/img/backgrounds/footer-bg.png
diff --git a/public/img/front-pages/backgrounds/hero-bg.png b/public/img/backgrounds/hero-bg.png
similarity index 100%
rename from public/img/front-pages/backgrounds/hero-bg.png
rename to public/img/backgrounds/hero-bg.png
diff --git a/public/img/front-pages/branding/logo-1.png b/public/img/brand/logo-1.png
similarity index 100%
rename from public/img/front-pages/branding/logo-1.png
rename to public/img/brand/logo-1.png
diff --git a/public/img/front-pages/branding/logo-2.png b/public/img/brand/logo-2.png
similarity index 100%
rename from public/img/front-pages/branding/logo-2.png
rename to public/img/brand/logo-2.png
diff --git a/public/img/front-pages/branding/logo-3.png b/public/img/brand/logo-3.png
similarity index 100%
rename from public/img/front-pages/branding/logo-3.png
rename to public/img/brand/logo-3.png
diff --git a/public/img/front-pages/branding/logo-4.png b/public/img/brand/logo-4.png
similarity index 100%
rename from public/img/front-pages/branding/logo-4.png
rename to public/img/brand/logo-4.png
diff --git a/public/img/front-pages/branding/logo-5.png b/public/img/brand/logo-5.png
similarity index 100%
rename from public/img/front-pages/branding/logo-5.png
rename to public/img/brand/logo-5.png
diff --git a/public/img/front-pages/branding/logo-6.png b/public/img/brand/logo-6.png
similarity index 100%
rename from public/img/front-pages/branding/logo-6.png
rename to public/img/brand/logo-6.png
diff --git a/public/img/front-pages/branding/logo_1-dark.png b/public/img/brand/logo_1-dark.png
similarity index 100%
rename from public/img/front-pages/branding/logo_1-dark.png
rename to public/img/brand/logo_1-dark.png
diff --git a/public/img/front-pages/branding/logo_1-light.png b/public/img/brand/logo_1-light.png
similarity index 100%
rename from public/img/front-pages/branding/logo_1-light.png
rename to public/img/brand/logo_1-light.png
diff --git a/public/img/front-pages/branding/logo_2-dark.png b/public/img/brand/logo_2-dark.png
similarity index 100%
rename from public/img/front-pages/branding/logo_2-dark.png
rename to public/img/brand/logo_2-dark.png
diff --git a/public/img/front-pages/branding/logo_2-light.png b/public/img/brand/logo_2-light.png
similarity index 100%
rename from public/img/front-pages/branding/logo_2-light.png
rename to public/img/brand/logo_2-light.png
diff --git a/public/img/front-pages/branding/logo_3-dark.png b/public/img/brand/logo_3-dark.png
similarity index 100%
rename from public/img/front-pages/branding/logo_3-dark.png
rename to public/img/brand/logo_3-dark.png
diff --git a/public/img/front-pages/branding/logo_3-light.png b/public/img/brand/logo_3-light.png
similarity index 100%
rename from public/img/front-pages/branding/logo_3-light.png
rename to public/img/brand/logo_3-light.png
diff --git a/public/img/front-pages/branding/logo_4-dark.png b/public/img/brand/logo_4-dark.png
similarity index 100%
rename from public/img/front-pages/branding/logo_4-dark.png
rename to public/img/brand/logo_4-dark.png
diff --git a/public/img/front-pages/branding/logo_4-light.png b/public/img/brand/logo_4-light.png
similarity index 100%
rename from public/img/front-pages/branding/logo_4-light.png
rename to public/img/brand/logo_4-light.png
diff --git a/public/img/front-pages/branding/logo_5-dark.png b/public/img/brand/logo_5-dark.png
similarity index 100%
rename from public/img/front-pages/branding/logo_5-dark.png
rename to public/img/brand/logo_5-dark.png
diff --git a/public/img/front-pages/branding/logo_5-light.png b/public/img/brand/logo_5-light.png
similarity index 100%
rename from public/img/front-pages/branding/logo_5-light.png
rename to public/img/brand/logo_5-light.png
diff --git a/public/img/brand/marco.png b/public/img/brand/marco.png
index ca14f303..446e998f 100644
Binary files a/public/img/brand/marco.png and b/public/img/brand/marco.png differ
diff --git a/public/img/front-pages/landing-page/cta-dashboard.png b/public/img/front-pages/landing-page/cta-dashboard.png
deleted file mode 100644
index 9dcb642f..00000000
Binary files a/public/img/front-pages/landing-page/cta-dashboard.png and /dev/null differ
diff --git a/public/img/front-pages/landing-page/hero-dashboard-dark.png b/public/img/front-pages/landing-page/hero-dashboard-dark.png
deleted file mode 100644
index e035ae98..00000000
Binary files a/public/img/front-pages/landing-page/hero-dashboard-dark.png and /dev/null differ
diff --git a/public/img/front-pages/landing-page/hero-dashboard-light1.png b/public/img/front-pages/landing-page/hero-dashboard-light1.png
deleted file mode 100644
index b4f5fe55..00000000
Binary files a/public/img/front-pages/landing-page/hero-dashboard-light1.png and /dev/null differ
diff --git a/public/img/front-pages/landing-page/hero-elements-dark.png b/public/img/front-pages/landing-page/hero-elements-dark.png
deleted file mode 100644
index af1f5506..00000000
Binary files a/public/img/front-pages/landing-page/hero-elements-dark.png and /dev/null differ
diff --git a/public/img/front-pages/landing-page/hero-elements-light.png b/public/img/front-pages/landing-page/hero-elements-light.png
deleted file mode 100644
index 99f88901..00000000
Binary files a/public/img/front-pages/landing-page/hero-elements-light.png and /dev/null differ
diff --git a/public/img/front-pages/misc/checkout-image.png b/public/img/front-pages/misc/checkout-image.png
deleted file mode 100644
index 720bfc48..00000000
Binary files a/public/img/front-pages/misc/checkout-image.png and /dev/null differ
diff --git a/public/img/front-pages/misc/nav-item-col-img.png b/public/img/front-pages/misc/nav-item-col-img.png
deleted file mode 100644
index 5e51e3be..00000000
Binary files a/public/img/front-pages/misc/nav-item-col-img.png and /dev/null differ
diff --git a/public/img/front-pages/misc/product-image.png b/public/img/front-pages/misc/product-image.png
deleted file mode 100644
index 25f511b9..00000000
Binary files a/public/img/front-pages/misc/product-image.png and /dev/null differ
diff --git a/public/img/front-pages/icons/Join-community-arrow.png b/public/img/icons/Join-community-arrow.png
similarity index 100%
rename from public/img/front-pages/icons/Join-community-arrow.png
rename to public/img/icons/Join-community-arrow.png
diff --git a/public/img/front-pages/landing-page/apple-icon.png b/public/img/icons/apple-icon.png
similarity index 100%
rename from public/img/front-pages/landing-page/apple-icon.png
rename to public/img/icons/apple-icon.png
diff --git a/public/img/front-pages/icons/check-warning.svg b/public/img/icons/check-warning.svg
similarity index 100%
rename from public/img/front-pages/icons/check-warning.svg
rename to public/img/icons/check-warning.svg
diff --git a/public/img/front-pages/icons/check.svg b/public/img/icons/check.svg
similarity index 100%
rename from public/img/front-pages/icons/check.svg
rename to public/img/icons/check.svg
diff --git a/public/img/front-pages/icons/contact-border.png b/public/img/icons/contact-border.png
similarity index 100%
rename from public/img/front-pages/icons/contact-border.png
rename to public/img/icons/contact-border.png
diff --git a/public/img/front-pages/icons/diamond-info.svg b/public/img/icons/diamond-info.svg
similarity index 100%
rename from public/img/front-pages/icons/diamond-info.svg
rename to public/img/icons/diamond-info.svg
diff --git a/public/img/front-pages/icons/facebook.svg b/public/img/icons/facebook.svg
similarity index 100%
rename from public/img/front-pages/icons/facebook.svg
rename to public/img/icons/facebook.svg
diff --git a/public/img/front-pages/icons/github.svg b/public/img/icons/github.svg
similarity index 100%
rename from public/img/front-pages/icons/github.svg
rename to public/img/icons/github.svg
diff --git a/public/img/front-pages/landing-page/google-play-icon.png b/public/img/icons/google-play-icon.png
similarity index 100%
rename from public/img/front-pages/landing-page/google-play-icon.png
rename to public/img/icons/google-play-icon.png
diff --git a/public/img/front-pages/icons/instagram.svg b/public/img/icons/instagram.svg
similarity index 100%
rename from public/img/front-pages/icons/instagram.svg
rename to public/img/icons/instagram.svg
diff --git a/public/img/front-pages/icons/inventory.svg b/public/img/icons/inventory.svg
similarity index 100%
rename from public/img/front-pages/icons/inventory.svg
rename to public/img/icons/inventory.svg
diff --git a/public/img/front-pages/icons/keyboard.svg b/public/img/icons/keyboard.svg
similarity index 100%
rename from public/img/front-pages/icons/keyboard.svg
rename to public/img/icons/keyboard.svg
diff --git a/public/img/front-pages/icons/laptop.svg b/public/img/icons/laptop.svg
similarity index 100%
rename from public/img/front-pages/icons/laptop.svg
rename to public/img/icons/laptop.svg
diff --git a/public/img/front-pages/icons/paper-airplane.png b/public/img/icons/paper-airplane.png
similarity index 100%
rename from public/img/front-pages/icons/paper-airplane.png
rename to public/img/icons/paper-airplane.png
diff --git a/public/img/front-pages/icons/paper.svg b/public/img/icons/paper.svg
similarity index 100%
rename from public/img/front-pages/icons/paper.svg
rename to public/img/icons/paper.svg
diff --git a/public/img/front-pages/icons/plane.png b/public/img/icons/plane.png
similarity index 100%
rename from public/img/front-pages/icons/plane.png
rename to public/img/icons/plane.png
diff --git a/public/img/front-pages/icons/pricing-plans-arrow.png b/public/img/icons/pricing-plans-arrow.png
similarity index 100%
rename from public/img/front-pages/icons/pricing-plans-arrow.png
rename to public/img/icons/pricing-plans-arrow.png
diff --git a/public/img/front-pages/icons/rocket.svg b/public/img/icons/rocket.svg
similarity index 100%
rename from public/img/front-pages/icons/rocket.svg
rename to public/img/icons/rocket.svg
diff --git a/public/img/front-pages/icons/section-title-icon.png b/public/img/icons/section-title-icon.png
similarity index 100%
rename from public/img/front-pages/icons/section-title-icon.png
rename to public/img/icons/section-title-icon.png
diff --git a/public/img/front-pages/icons/shuttle-rocket.png b/public/img/icons/shuttle-rocket.png
similarity index 100%
rename from public/img/front-pages/icons/shuttle-rocket.png
rename to public/img/icons/shuttle-rocket.png
diff --git a/public/img/front-pages/icons/twitter.svg b/public/img/icons/twitter.svg
similarity index 100%
rename from public/img/front-pages/icons/twitter.svg
rename to public/img/icons/twitter.svg
diff --git a/public/img/front-pages/icons/user-success.svg b/public/img/icons/user-success.svg
similarity index 100%
rename from public/img/front-pages/icons/user-success.svg
rename to public/img/icons/user-success.svg
diff --git a/public/img/front-pages/icons/user.svg b/public/img/icons/user.svg
similarity index 100%
rename from public/img/front-pages/icons/user.svg
rename to public/img/icons/user.svg
diff --git a/public/img/front-pages/landing-page/faq-boy-with-logos.png b/public/img/illustrations/faq-boy-with-logos.png
similarity index 100%
rename from public/img/front-pages/landing-page/faq-boy-with-logos.png
rename to public/img/illustrations/faq-boy-with-logos.png
diff --git a/public/img/front-pages/landing-page/contact-customer-service.png b/public/img/images/contact-customer-service.png
similarity index 100%
rename from public/img/front-pages/landing-page/contact-customer-service.png
rename to public/img/images/contact-customer-service.png
diff --git a/public/img/front-pages/landing-page/team-member-1.png b/public/img/teams/team-member-1.png
similarity index 100%
rename from public/img/front-pages/landing-page/team-member-1.png
rename to public/img/teams/team-member-1.png
diff --git a/public/img/front-pages/landing-page/team-member-2.png b/public/img/teams/team-member-2.png
similarity index 100%
rename from public/img/front-pages/landing-page/team-member-2.png
rename to public/img/teams/team-member-2.png
diff --git a/public/img/front-pages/landing-page/team-member-3.png b/public/img/teams/team-member-3.png
similarity index 100%
rename from public/img/front-pages/landing-page/team-member-3.png
rename to public/img/teams/team-member-3.png
diff --git a/public/img/front-pages/landing-page/team-member-4.png b/public/img/teams/team-member-4.png
similarity index 100%
rename from public/img/front-pages/landing-page/team-member-4.png
rename to public/img/teams/team-member-4.png
diff --git a/src/pages/Home/LandingPage.css b/src/pages/Home/LandingPage.css
index 365b22e4..db6555fa 100644
--- a/src/pages/Home/LandingPage.css
+++ b/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 {
diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx
index 48cb73ac..190f315c 100644
--- a/src/pages/Home/LandingPage.jsx
+++ b/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>