import Link from "next/link";
import { Slide } from "react-awesome-reveal";

const About = () => {
    return (
        <>
            <div className="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                <Slide className="inner-column " data-aos="fade-left" direction="right">
                    <div className="sec-title">
                        <h2>Unlock Exclusive Opportunities: Connect with Verified Candidates Today!</h2>
                        <div className="text">
                            Are you tired of sifting through countless resumes, searching for that perfect match? Welcome, where we've revolutionized the hiring process!
                        </div>
                    </div>
                    <ul className="list-style-one">
                        <li>Say goodbye to uncertainties!</li>
                        <li>Speed up your hiring process by focusing on pre-qualified, verified professionals</li>
                        <li>Our Verified Employees have undergone thorough skill assessments</li>
                    </ul>
                    <Link href="/register" id="about_post_a_job" className="theme-btn btn-style-one bg-blue">
                        <span className="btn-title">Post a Job</span>
                    </Link>
                </Slide>
            </div>
            {/* End .col about left content */}

            <div className="image-column col-lg-6 col-md-12 col-sm-12">
                <Slide direction="left">
                    <figure className="image">
                        <img src="/images/home_about.png" alt="about" />
                    </figure>
                </Slide>

                {/* <!-- Count Employers --> */}
                <Slide direction="left">
                    <div className="count-employers ">
                        <div className="check-box">
                            <span className="flaticon-tick"></span>
                        </div>
                        <span className="title">300k+ Companies</span>
                        <figure className="image">
                            <img src="/images/resource/multi-logo.png" alt="resource" />
                        </figure>
                    </div>
                </Slide>
            </div>
            {/* <!-- Image Column --> */}
        </>
    );
};

export default About;