export default function Hotline() {
    return (
        <div id="fancybox-headphone" style={{ display: 'none' }} 
            className="fancybox-content-container max-w-[720px] text-[#000] w-full text-16 leading-6 !p-0 !bg-transparent">
            <div className="bg-white overflow-hidden rounded-[12px]">
                <div className="text-center bg-[#0676DA] uppercase font-500 text-20 p-5 relative text-white">
                    <p className="m-0"> Liên hệ hotline để nhận được tư vấn tốt nhất </p>
                </div>

                <div className="p-4 tooltip-content">
                    
                    {/* HOÀNG HÀ PC HÀ NỘI */}
                    <div className="last:mb-0 mb-4 bg-[#F2F6FF] rounded-[12px] p-4 grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-14">

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 text-18 text-[#004BA4] mb-3"> HOÀNG HÀ PC CẦU GIẤY </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0969123666"> 0969123666 </a>
                                        <span> Mr.Long </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:0922635999"> 0922635999 </a>
                                        <span> Mr. Thụ </span>
                                    </p>
                                </div>
                            </div>

                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 mb-3 text-14"> BẢO HÀNH - HỖ TRỢ KỸ THUẬT </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0976382666"> 0976382666 </a>
                                        <span> Mr. Dũng </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:19006100"> 19006100 </a>
                                        <span> Bảo hành </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 text-18 text-[#004BA4] mb-3"> HOÀNG HÀ PC ĐỐNG ĐA </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0396122999"> 0396122999 </a>
                                        <span> Mr.Nghĩa </span>
                                    </p>

                                    <p>  
                                        <a href="tel:0396138999"> 0396138999 </a>
                                        <span> Mr. Huy </span>
                                    </p>

                                    <p>  
                                        <a href="tel:0396178999"> 0396178999 </a>
                                        <span> Mr. Duy </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:0397122122"> 0397122122 </a>
                                        <span> Mr. Tùng Anh </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    {/* HOÀNG HÀ PC MIỀN TRUNG */}
                    <div className="last:mb-0 mb-4 bg-[#F2F6FF] rounded-[12px] p-4 grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-12">

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 text-18 text-[#004BA4] mb-3"> HOÀNG HÀ PC MIỀN TRUNG </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0988163666"> 0988163666 </a>
                                        <span> Mr. Hưng </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:0356072072"> 0356072072 </a>
                                        <span> Mr. Huy </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 mb-3 text-14"> BẢO HÀNH - HỖ TRỢ KỸ THUẬT </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0358072072"> 0358072072 </a>
                                        <span> Mr.Toản </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:19006100"> 19006100 </a>
                                        <span> Bảo hành </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    {/* HOÀNG HÀ PC HỒ CHÍ MINH */}
                    <div className="last:mb-0 mb-4 bg-[#F2F6FF] rounded-[12px] p-4 grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-12">

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 text-18 text-[#004BA4] mb-3"> HOÀNG HÀ PC ĐỐNG ĐA </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0968123666"> 0968123666 </a>
                                        <span> Mr. Bình </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:0379260260"> 0379260260 </a>
                                        <span> Mr. Khanh </span>
                                    </p>

                                    <p>  
                                        <a href="tel:0359072072"> 0359072072 </a>
                                        <span> Mr. Kiên </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div className="last:mb-0 mb-10">
                                <p className="border-b border-[#DEE4EC] leading-6 pb-2 font-600 mb-3 text-14"> BẢO HÀNH - HỖ TRỢ KỸ THUẬT </p>

                                <div className="hotline-list">
                                    <p>  
                                        <a href="tel:0345260260"> 0345260260 </a>
                                        <span> Mr. Nhân </span>
                                    </p>
                                    
                                    <p>  
                                        <a href="tel:19006100"> 19006100 </a>
                                        <span> Bảo hành </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    )
}