import Link from 'next/link';

const FooterTop = () => {
    return (
        <footer className="footer-section fix bg-cover" style={{ backgroundImage: "url('/assets/img/home-1/footer-bg.jpg')" }}>
            <div className="container">
                <div className="footer-wrapper">
                    <div className="row">
                        <div className="col-xl-12">
                            <div className="footer-item">
                                <h2>
                                    <a href="tel:+16336547896">+84 961 83 4040</a>
                                </h2>
                                <h2 className="text">734 Luy Ban Bich St, Tan Thanh Ward, Tan Phu Dist, HCMC</h2>
                                <div className="footer-list-item">
                                    <Link href="/">
                                        <img src="/assets/img/logo/white-logo.svg" alt="img" />
                                    </Link>
                                    <ul className="footer-list">
                                        <li>
                                            <Link href="/">Home</Link>
                                        </li>
                                        <li>
                                            <Link href="/about">About Us</Link>
                                        </li>
                                        <li>
                                            <Link href="/country-details">Visa</Link>
                                        </li>
                                        <li>
                                            <Link href="/news-details">Pages</Link>
                                        </li>
                                        <li>
                                            <Link href="/news">Article</Link>
                                        </li>
                                        <li>
                                            <Link href="/contact">Contact Us</Link>
                                        </li>
                                    </ul>
                                    <div className="social-icon">
                                        <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-linkedin"></i></a>
                                        <a href="#"><i className="fa-brands fa-youtube"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    );
};

export default FooterTop;
