import Link from "next/link"


export default function Staff() {
    return (
        <>
            {/* Staff Section Two */}
            <section className="staff-section-two">
                <div className="outer-container">
                    {/* Sec Title */}
                    <div className="sec-title centered">
                        <div className="title">our most valuable assets</div>
                        <h2>Friendly Staff</h2>
                        <div className="separate"></div>
                    </div>
                    <div className="row clearfix">
                    
                        {/* Staff Block */}
                        <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <Link href="#"><img src="/assets/images/resource/staff-4.jpg" alt="" loading="lazy"/></Link>
                                    <div className="overlay-box">
                                        <div className="content">
                                            <h6><Link href="#">Jusica Malina</Link></h6>
                                            <div className="designation">Pastry Chef</div>
                                            <ul className="social-list">
                                                <li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Staff Block */}
                        <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <Link href="#"><img src="/assets/images/resource/staff-5.jpg" alt="" loading="lazy" /></Link>
                                    <div className="overlay-box">
                                        <div className="content">
                                            <h6><Link href="#">Jusica Malina</Link></h6>
                                            <div className="designation">Pastry Chef</div>
                                            <ul className="social-list">
                                                <li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Staff Block */}
                        <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <Link href="#"><img src="/assets/images/resource/staff-6.jpg" alt="" loading="lazy"/></Link>
                                    <div className="overlay-box">
                                        <div className="content">
                                            <h6><Link href="#">Jusica Malina</Link></h6>
                                            <div className="designation">Pastry Chef</div>
                                            <ul className="social-list">
                                                <li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Staff Block */}
                        <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <Link href="#"><img src="/assets/images/resource/staff-7.jpg" alt="" loading="lazy"/></Link>
                                    <div className="overlay-box">
                                        <div className="content">
                                            <h6><Link href="#">Jusica Malina</Link></h6>
                                            <div className="designation">Pastry Chef</div>
                                            <ul className="social-list">
                                                <li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
                                                <li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </section>
            {/* End Staff Section Two */}

        </>
    )
}
