import React from 'react';
import heroThumb from '../../assets/images/hero-thumb-7.png';
import CurrentJobsHero from "./CurrentJobsHero";

function HomeNigeria() {
    return (
        <>
            <section className="appie-hero-area">
                <div className="container">
                    <div className="row align-items-start">

                        <div className="col-12 col-lg-6">
                            <div className="appie-hero-content appie-hero-content-6">
                                {/*<span>Welcome To Creative App.</span>*/}
                                <h1 className="appie-title">Pick any task and start earning.</h1>
                                <p>
                                    The Marketplace platform to earn money with your skills, find, buy and sell professional services.
                                </p>
                                <ul>
                                    <li className=''>
                                        <a className="item-2" target='_blank'  href={process.env.REACT_APP_APPLE_APP}>
                                            <i className="fab fa-apple"></i>
                                            <span>
                                                Available on the <span>App Store</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li className=''>
                                        <a className="item-2" target='_blank' href={process.env.REACT_APP_ANDROID_APP}>
                                            <i className="fab fa-google-play"></i>
                                            <span>
                                                Available on the <span>Google Play</span>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div className="col-12 col-lg-6">
                            {/*<div className="appie-hero-thumb-6">*/}
                            {/*    <div*/}
                            {/*        className="thumb wow animated fadeInUp"*/}
                            {/*        data-wow-duration="1000ms"*/}
                            {/*        data-wow-delay="600ms"*/}
                            {/*    >*/}
                            {/*        <img src={heroThumb} alt="" />*/}
                            {/*    </div>*/}
                            {/*</div>*/}
                            <CurrentJobsHero />
                        </div>
                    </div>
                </div>
            </section>
        </>
    );
}

export default HomeNigeria;
