import Link from "next/link";

export default function Team4() {
    return (
        <>
            <section className="team__area-four">
                <div className="container">
                    <div className="row justify-content-center">
                        <div className="col-lg-6">
                            <div className="section-title text-center mb-40 tg-heading-subheading animation-style3">
                                <span className="sub-title">
                                    MEET <span className="title-color">YOUR RUNNERS</span>
                                </span>
                                <h2 className="title tg-element-title">
                                    Collaborate with our <br /> IT and SEO Experts
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div className="row">
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-1.webp" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Pearson Wright</h2>
                                    <span>CEO / Founder</span>
                                    <div className="team__social-four">
                                        <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-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-6.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Tauseef Ali</h2>
                                    <span>Director of Strategy</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/tauseef-ali-research-manager/">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-5.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Katya Markotic</h2>
                                    <span>Director of Sales</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/katya-markotic-a26409311/">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-14.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Will Dangerfield</h2>
                                    <span>Director of Operations</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/will-dangerfield-196705321/">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-3.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Christian Heuvel</h2>
                                    <span>Senior Account Executive</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/christian-van-den-heuvel-011156205/">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-4.webp" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Noah Rochefort</h2>
                                    <span>Head of Fulfillment</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="https://www.linkedin.com/in/noah-rochefort-0b46652a2/">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-8.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Reihan Haekal</h2>
                                    <span>Senior Web Developer</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/reihan-haekal-57b969300/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-9.jpg" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Kevin Humala</h2>
                                    <span>Senior Web Designer</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/kevin-humala-013574302/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-2.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Fausto Vasconez</h2>
                                    <span>Technical Strategist</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/faustovasconez/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-7.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Madison Hall</h2>
                                    <span>Client Success Manager</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/madison-hall-9b2103296/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-15.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Haley Turpin</h2>
                                    <span>Client Success Manager</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link
                                                    href="https://www.linkedin.com/in/haley-turpin-8b010b18a/"
                                                    target="_blank"
                                                >
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-10.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Matthias Galvan</h2>
                                    <span>Outreach Specialist</span>
                                    <div className="team__social-four">
                                        <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-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-11.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Devyn Jones</h2>
                                    <span>Outreach Specialist</span>
                                    <div className="team__social-four">
                                        <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-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-12.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Danielle Sevarlic</h2>
                                    <span>Outreach Specialist</span>
                                    <div className="team__social-four">
                                        <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-xl-3 col-lg-4 col-md-6 col-sm-8">
                            <div className="team__item-four shine-animate-item">
                                <div className="team__thumb-four shine-animate">
                                    <img src="/assets/img/custom/team-13.png" alt="" />
                                </div>
                                <div className="team__content-four">
                                    <h2 className="title">Sophia Palmer</h2>
                                    <span>Outreach Specialist</span>
                                    <div className="team__social-four">
                                        <ul className="list-wrap">
                                            <li>
                                                <Link href="#" target="_blank">
                                                    <i className="fab fa-linkedin-in" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    );
}
