import Link from "next/link";

export default function Team2() {
    return (
        <>
            <section className="team__area-two">
                <div className="container">
                    <div className="row justify-content-center">
                        <div className="col-xl-6 col-lg-8">
                            <div className="section-title text-center mb-30 tg-heading-subheading animation-style3">
                                <span className="sub-title">
                                    MEET <span className="title-color">YOUR DEDICATED TEAM</span>
                                </span>
                                <h2 className="title tg-element-title">
                                    Collaborate with our <br /> SEO Experts
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div className="row justify-content-center gutter-24">
                        <div className="col-lg-3 col-md-6 col-sm-8">
                            <div className="team__item-two shine-animate-item">
                                <div className="team__thumb-two shine-animate">
                                    <img src="/assets/img/custom/team-1.png" alt="" />
                                </div>
                                <div className="team__content-two">
                                    <h4 className="title">Pearson Wright</h4>
                                    <span>Founder & Director of Strategy</span>
                                    <div className="team__social-two">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/pearsonwright/" target="_blank">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-8">
                            <div className="team__item-two shine-animate-item">
                                <div className="team__thumb-two shine-animate">
                                    <img src="/assets/img/custom/team-2.png" alt="" />
                                </div>
                                <div className="team__content-two">
                                    <h4 className="title">Fausto Vasconez</h4>
                                    <span>Technical Strategist & Senior Project Manager</span>
                                    <div className="team__social-two">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="#" target="_blank">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-8">
                            <div className="team__item-two shine-animate-item">
                                <div className="team__thumb-two shine-animate">
                                    <img src="/assets/img/custom/team-3.png" alt="" />
                                </div>
                                <div className="team__content-two">
                                    <h4 className="title">Christian Heuvel</h4>
                                    <span>Project Manager</span>
                                    <div className="team__social-two">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/christian-van-den-heuvel-011156205/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="team__shape">
                    <img src="/assets/img/team/team_shape01.png" alt="" data-parallax='{"y" : 100 }' />
                    <img src="/assets/img/team/team_shape02.png" alt="" className="alltuchtopdown" />
                </div>
            </section>
        </>
    );
}
