import Head from 'next/head'
import Link from "next/link";
export default function Technology() {
    const scrollPage = () => {
        window.scrollTo({ top: 900, behavior: 'smooth' })
      };
  return (
    <>
    <section className="site-hero justify-content-center align-items-center back_technology" data-stellar-background-ratio="0.5">
        <div className="bg-section">
            <img src="/images/mobi-banner.png" alt="" title=""/>
        </div>
        <div className="container">
            <div className="row site-hero-inner justify-content-center align-items-center">
                <div className="mouse-down" onClick={() => scrollPage()}>
                    <div className="chevron"></div>
                    <div className="chevron"></div>
                    <div className="chevron"></div>
                </div>
            </div>
        </div>
    </section>
    <main className="site-main">
    <section className="mobi-section-alt">
            <div className="container">
                <div className="tech-heading aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                    <h3>Mobirelo <span className="heading-light">Advantages</span></h3>
                </div>

                <div className="tech-section">
                    <div className="row bod-block">
                        <div className="col-md-12 mobi-section aos-init aos-animate" data-aos="fade-up"
                            data-aos-duration="500">
                            <div className="row bod-block">

                                <div className="col-md-6 pad-col aos-init aos-animate" data-aos="fade-up"
                                    data-aos-duration="500">
                                    <div className="row bod-block">

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                            <div className="sbc-banner">
                                                <img className="img-fluid" alt="..." src="images/Secured-Platform.png"/>
                                            </div>
                                            <h3 className="mobi-text">Secured Platform</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Virtual-Tours.png"/>
                                                </div>
                                                <h3 className="mobi-text">Virtual Tours</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Digital-city.png"/>
                                                </div>
                                                <h3 className="mobi-text">Digital City Guide</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..."
                                                        src="images/Interactive-dashboard.png"/>
                                                </div>
                                                <h3 className="mobi-text">Interactive Dashboard</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Document-managment.png"/>
                                                </div>
                                                <h3 className="mobi-text">Document Management</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Digital-Itinerary.png"/>
                                                </div>
                                                <h3 className="mobi-text">Digital Itinerary</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Tenancy-Management.png"/>
                                                </div>
                                                <h3 className="mobi-text">Tenancy Management</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Instant-access.png"/>
                                                </div>
                                                <h3 className="mobi-text">Instant access to consultant</h3>
                                        </div>

                                        <div className="col-md-4 col-6 mar-col aos-init aos-animate" data-aos="fade-up"
                                            data-aos-duration="500">
                                                <div className="sbc-banner">
                                                    <img className="img-fluid" alt="..." src="images/Track-time.png"/>
                                                </div>
                                                <h3 className="mobi-text">Track real time service progress</h3>
                                       </div>

                                    </div>

                                </div>

                                <div className="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                                    <div className="abt-org-col text-centre align-middle">
                                        <div className="abt-org-col-text">
                                            <div className="sbc-banner image-centre">
                                                <img className="img-fluid img" alt="..." src="images/web-resp.png"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
        <section className="mobi-section-alt1">
            <div className="container">
                <div className="tech-heading aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                    <h3>Technology <span className="heading-light">Capability</span></h3>
                </div>

                <div className="tech-section">
                    <div className="row bod-block">

                        <div className="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col">
                                <div className="sbc-banner">
                                    <img className="img-fluid img-rounded" alt="..." src="images/co-worker.jpg"/>
                                </div>
                            </div>
                        </div>

                        <div className="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col tech-content">
                                <div className="tech-pera">
                                    <h4>Co-Worker</h4>
                                    <p>Exceptional relocation experience</p>
                                    <ul>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Information under one
                                            platform (Cityguide, Program tour, End of the day report, ability to provide
                                            feedback)</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Effective communication
                                        </li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Data protection</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Information on the go</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Quick access to documents
                                        </li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Seamless experience</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div className="tech-section1">
                    <div className="row bod-block">

                        <div className="col-md-6 order-md-1 order-2 aos-init aos-animate" data-aos="fade-up"
                            data-aos-duration="500">
                            <div className="abt-org-col tech-content">
                                <div className="tech-pera">
                                    <h4>Client HR/ Mobility</h4>
                                    <p>An integrated and collaborative experience</p>
                                    <ul>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Tracking Co-Workers</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Tracking the progress of
                                            services</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Working as one team</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Identify challenges if any
                                            at the initial stages to arrest escalation</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Cost Saving Reports</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Due date reminders</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div className="col-md-6 order-1 order-md-2 aos-init aos-animate" data-aos="fade-up"
                            data-aos-duration="500">
                            <div className="abt-org-col">
                                <div className="sbc-banner">
                                    <img className="img-fluid img-rounded" alt="..." src="images/client-hr-mobility.jpg"/>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div className="tech-section1">
                    <div className="row bod-block">

                        <div className="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col">
                                <div className="sbc-banner">
                                    <img className="img-fluid img-rounded" alt="..." src="images/internal.jpg"/>
                                </div>
                            </div>
                        </div>

                        <div className="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col tech-content">
                                <div className="tech-pera">
                                    <h4>Internal</h4>
                                    <p>Consistent delivery</p>
                                    <ul>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Defined scope of work</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Standardised approach</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Assignment administration
                                        </li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Program planning</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Financial management</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Reporting</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Data Security</li>
                                        <li><i className="fas fa-chevron-right"></i> &nbsp; &nbsp;Restricted level wise
                                            access</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </section>

    <section className="home-section-alt1">
            <div className="container">
                <div className="home-section-content">
                    <div className="row bod-block">
                        <div className="col-md-12 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col">
                                <div className="abt-org-col-text">
                                    <p className="businessNeed">To experience it, request a demo</p>
                                        <button className="btn btn-primary contact"><Link href="/contact-us">Connect us</Link></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div className="vl"></div>
        </section>
  </main>
   </>
     
  )
}