import Link from 'next/link';

const HeaderTop = () => {
    return (
        <div className="header-top-section">
            <div className="container-fluid">
                <div className="header-top-wrapper">
                    <div className="header-left">
                        <ul className="list d-flex align-items-center mb-0 p-0 list-unstyled">
                            <li className="style-2 d-flex align-items-center me-4">
                                <span className="me-2">Help Line</span>
                                <i className="fa-solid fa-phone me-2"></i>
                                <a href="tel:+84961834040">+84 961 83 4040</a>
                            </li>

                            <li className="d-flex align-items-center me-4">
                                <i className="fa-solid fa-location-dot me-2"></i>
                                734 Luy Ban Bich St, Tan Thanh Ward, Tan Phu Dist, HCMC
                            </li>

                            <li className="d-flex align-items-center">
                                <i className="fa-solid fa-envelope me-2"></i>
                                <a href="mailto:get-info@hai.edu.vn">get-info@hai.edu.vn</a>
                            </li>
                        </ul>
                    </div>

                    <div className="header-right">
                        <div className="flag-wrap">
                            <div className="flag">
                                <i className="fa-solid fa-globe"></i>
                            </div>
                            <div className="nice-select" tabIndex={0}>
                                <span className="current">
                                    English
                                </span>
                                <ul className="list">
                                    <li data-value="1" className="option selected focus">
                                        English
                                    </li>
                                    <li data-value="1" className="option">
                                        Bangla
                                    </li>
                                    <li data-value="1" className="option">
                                        Hindi
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div className="social-item">
                            <a href="#"><i className="fa-brands fa-linkedin"></i></a>
                            <a href="#"><i className="fa-brands fa-twitter"></i></a>
                            <a href="#"><i className="fa-brands fa-instagram"></i></a>
                            <a href="#"><i className="fa-brands fa-youtube"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
};

export default HeaderTop;
