cosmatic changes

src/pages/Home/LandingPage.css

@@ -299,7 +299,7 @@ nav.layout-navbar.navbar-active::after {
   color: #d3d4dc;
 }
 .landing-footer .footer-bottom {
-  background-color: #282c3e;
+  background-color: #f44336;
 }
 .landing-footer .footer-link {
   transition: all 0.2s ease-in-out;
@@ -312,6 +312,7 @@ nav.layout-navbar.navbar-active::after {
   padding-bottom: 1.3rem;
   border-top-left-radius: 1.75rem;
   border-top-right-radius: 1.75rem;
+  background-color: #f44336;
 }
 @media (max-width: 767.98px) {
   .landing-footer .footer-top {

src/pages/Home/LandingPage.jsx

@@ -591,14 +591,14 @@ const LandingPage = () => {
               <span className="badge bg-label-primary heading">FAQ</span>
             </div>
             <h4 className="text-center mb-1">
-              Frequently asked
+              Frequently Asked
-              <span className="position-relative fw-extrabold z-1">
+              <span className="position-relative fw-extrabold z-1 ms-2">
-                questions
+                Questions
-                <img
+                {/* <img
                   src="/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
-                />
+                /> */}
               </span>
             </h4>
             <p className="text-center mb-12 pb-md-4">
@@ -816,19 +816,26 @@ const LandingPage = () => {
             </div>
 
             <div className="row align-items-center gy-12  mb-12">
+              <div className="col-lg-6 pt-lg-12 text-center text-lg-start">
+                <img
+                  style={{ width: "80%" }}
+                  src="/img/images/contact-customer-service.png"
+                  alt="hero elements"
+                ></img>
+              </div>
               <div className="col-lg-6 text-start text-sm-center text-lg-start">
                 <div className="mt-5">
                   {" "}
                   <h4 className="text-start mb-1">
                     <span className="position-relative fw-extrabold z-1">
-                      Let's work
+                      Let's Work
-                      <img
+                      {/* <img
                         src="/img/icons/section-title-icon.png"
                         alt="laptop charging"
                         className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
-                      />
+                      /> */}
                     </span>
-                    together
+                    Together
                   </h4>
                   <p className="text-start pb-md-4">
                     Any question or remark? just write us a message
@@ -873,15 +880,15 @@ const LandingPage = () => {
                   </div>
                 </div>
                 <div className="mt-10">
-                  <h4 className="cta-title text-primary  mb-1">
+                  <h5 className="cta-title text-primary  mb-1">
                     Ready to Get Started?
-                  </h4>
-                  <h5 className="text-body mb-8">
-                    Start your project with a 14-day free trial
                   </h5>
-                  <a href="#landingPricing" className="btn btn-lg btn-primary">
+                  <h5 className="text-body mb-8">
+                    Start your project with a free trial
+                  </h5>
+                  {/* <a href="#landingPricing" className="btn btn-lg btn-primary">
                     Get Started
-                  </a>{" "}
+                  </a>{" "} */}
                   <a
                     href="/auth/reqest/demo"
                     className="btn btn-lg btn-primary"
@@ -890,13 +897,6 @@ const LandingPage = () => {
                   </a>
                 </div>
               </div>
-              <div className="col-lg-6 pt-lg-12 text-center text-lg-end">
-                <img
-                  style={{ width: "80%" }}
-                  src="/img/images/contact-customer-service.png"
-                  alt="hero elements"
-                ></img>
-              </div>
             </div>
           </div>
         </section>
@@ -1056,7 +1056,10 @@ const LandingPage = () => {
 
       {/*  Footer: Start */}
       <footer className="landing-footer bg-body footer-text">
-        <div className="footer-top position-relative overflow-hidden z-1">
+        <div
+          className="footer-top position-relative overflow-hidden z-1"
+          hidden
+        >
           <img
             src="/img/backgrounds/footer-bg.png"
             alt="footer bg"
@@ -1193,7 +1196,7 @@ const LandingPage = () => {
 
               <div className="col-lg-6 col-md-6 d-flex gap-3 align-items-center justify-content-end">
                 <h6 className="footer-title mt-3">Download our app</h6>
-                <a href="javascript:void(0);">
+                <a href="javascript:void(0);" hidden>
                   <img src="/img/icons/apple-icon.png" alt="apple icon" />
                 </a>
                 <a
@@ -1209,21 +1212,9 @@ const LandingPage = () => {
             </div>
           </div>
         </div>
-        <div className="footer-bottom py-3 py-md-5">
+        <div className="footer-bottom py-md-4">
           <div className="container d-flex flex-wrap justify-content-between flex-md-row flex-column text-center text-md-start">
-            <div className="mb-2 mb-md-0">
+            <div className="col-lg-4 col-md-4 d-flex  align-items-center justify-content-start">
-              <span className="footer-bottom-text me-1">
-                ©{new Date().getFullYear()}
-              </span>
-              <a
-                href="https://marcoaiot.com"
-                target="_blank"
-                className="text-white"
-              >
-                Marco AIoT Technologies Pvt. Ltd.,
-              </a>
-            </div>
-            <div>
               <a
                 href="https://www.facebook.com/marcoaiot/"
                 className="me-4"
@@ -1242,6 +1233,34 @@ const LandingPage = () => {
                 <img src="/img/icons/instagram.svg" alt="google icon" />
               </a>
             </div>
+            <div className="col-lg-4 col-md-4 mb-2 mb-md-0 d-flex gap-3 align-items-center justify-content-center">
+              <span className="footer-bottom-text me-1">
+                ©{new Date().getFullYear()}
+              </span>
+              <a
+                href="https://marcoaiot.com"
+                target="_blank"
+                className="text-white"
+              >
+                Marco AIoT Technologies Pvt. Ltd.,
+              </a>
+            </div>
+
+            <div className="col-lg-4 col-md-4 d-flex gap-3 align-items-center justify-content-end">
+              <h6 className="footer-title mt-3">Download our app</h6>
+              <a href="javascript:void(0);" hidden>
+                <img src="/img/icons/apple-icon.png" alt="apple icon" />
+              </a>
+              <a
+                href="https://play.google.com/store/apps/details?id=com.marco.aiotstage&pcampaignid=web_share"
+                target="_blank"
+              >
+                <img
+                  src="/img/icons/google-play-icon.png"
+                  alt="google play icon"
+                />
+              </a>
+            </div>
           </div>
         </div>
       </footer>