export default function Showroom(){
    return(
        <div className="global-showroom-container bg-[#E8ECF6] py-16 text-16 leading-[22px]">
            <div className="container">
                <p className="text-center col-span-4 text-[#004BA4] text-[40px] font-600 mb-8 leading-[48px]"> Hệ thống Showroom </p>

                <div className="grid grid-cols-4 gap-5">
                    <div className="showroom-item bg-white overflow-hidden relative">
                        <div className="item-triangle"> </div>

                        <div className="image">
                            <img src="/images/hoang-ha-pc-cau-giay.png" alt="HoangHaPc Cầu Giấy" width="1" height="1" className="block lazy"/>
                        </div>

                        <div className="text">
                            <p className="mb-2 uppercase text-[#004BA4] font-600"> QUẬN CẦU GIẤY, HÀ NỘI </p>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-location"></i>
                                <p className="mb-0"> 
                                    <b>Địa chỉ:</b> Số 41 Khúc Thừa Dụ, Phường Cầu Giấy, Hà Nội 
                                </p>
                            </div>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-phone"></i>
                                <p className="mb-0"> 
                                    <b>Hotline:</b> 0969123666 
                                </p>
                            </div>

                            <div className="item-info flex">
                                <i className="icons icon-time"></i>
                                <p className="mb-0"> 
                                    <b>Thời gian làm việc:</b> 8h00 - 20h00
                                </p>
                            </div>

                            <a href="https://goo.gl/maps/56ARHjWKoVhpWBCF6" target="_blank" rel="nofollow noopener noreferrer" className="inline-flex items-center text-linear font-600 mt-4">
                                Chỉ đường tới đây <i className="bxr bx-arrow-right-stroke"></i>
                            </a>
                        </div>        
                    </div>

                    <div className="showroom-item bg-white overflow-hidden relative">
                        <div className="item-triangle"> </div>

                        <div className="image">
                            <img src="/images/hoang-ha-pc-dong-da-5.jpg" alt="HoangHaPc Đống Đa" width="1" height="1" className="block lazy"/>
                        </div>

                        <div className="text">
                            <p className="mb-2 uppercase text-[#004BA4] font-600"> QUẬN ĐỐNG ĐA, HÀ NỘI </p>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-location"></i>
                                <p className="mb-0"> 
                                    <b>Địa chỉ:</b> Số 94E-94F Đường Láng, Phường Đống Đa, Hà Nội
                                </p>
                            </div>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-phone"></i>
                                <p className="mb-0"> 
                                    <b>Hotline:</b> 0969123666
                                </p>
                            </div>

                            <div className="item-info flex">
                                <i className="icons icon-time"></i>
                                <p className="mb-0"> 
                                    <b>Thời gian làm việc:</b> 8h00 - 20h00
                                </p>
                            </div>

                            <a href="https://g.page/hoanghapc?share" target="_blank" rel="nofollow noopener noreferrer" className="inline-flex items-center text-linear font-600 mt-4">
                                Chỉ đường tới đây <i className="bxr bx-arrow-right-stroke"></i>
                            </a>
                        </div>        
                    </div>

                    <div className="showroom-item bg-white overflow-hidden relative">
                        <div className="item-triangle"> </div>

                        <div className="image">
                            <img src="/images/hoang_ha_pc_vinh.jpg" alt="HoangHaPc Vinh" width="1" height="1" className="block lazy"/>
                        </div>

                        <div className="text">
                            <p className="mb-2 uppercase text-[#004BA4] font-600"> TP. VINH, NGHỆ AN </p>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-location"></i>
                                <p className="mb-0"> 
                                    <b>Địa chỉ:</b> Số 72 Lê Lợi, Phường Thành Vinh, Nghệ An
                                </p>
                            </div>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-phone"></i>
                                <p className="mb-0"> 
                                    <b>Hotline:</b> 0969123666
                                </p>
                            </div>

                            <div className="item-info flex">
                                <i className="icons icon-time"></i>
                                <p className="mb-0"> 
                                    <b>Thời gian làm việc:</b> 8h30 - 18h30
                                </p>
                            </div>

                            <a href="https://goo.gl/maps/1HQrD6mdf4VMYccs6" target="_blank" rel="nofollow noopener noreferrer" className="inline-flex items-center text-linear font-600 mt-4">
                                Chỉ đường tới đây <i className="bxr bx-arrow-right-stroke"></i>
                            </a>
                        </div>        
                    </div>

                    <div className="showroom-item bg-white overflow-hidden relative">
                        <div className="item-triangle"> </div>

                        <div className="image">
                            <img src="/images/hoang-ha-pc-hcm.jpg" alt="HoangHaPc HỒ CHÍ MINH" width="1" height="1" className="block lazy"/>
                        </div>

                        <div className="text">
                            <p className="mb-2 uppercase text-[#004BA4] font-600"> QUẬN 10, HỒ CHÍ MINH </p>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-location"></i>
                                <p className="mb-0"> 
                                    <b>Địa chỉ:</b> Số 260 Lý Thường Kiệt, Phường Diên Hồng, Hồ Chí Minh
                                </p>
                            </div>

                            <div className="item-info flex mb-2">
                                <i className="icons icon-phone"></i>
                                <p className="mb-0"> 
                                    <b>Hotline:</b> 0969123666
                                </p>
                            </div>

                            <div className="item-info flex">
                                <i className="icons icon-time"></i>
                                <p className="mb-0"> 
                                    <b>Thời gian làm việc:</b> 8h00 - 20h00
                                </p>
                            </div>

                            <a href="https://maps.app.goo.gl/nTpvvoS6tkXBxqZg9" target="_blank" rel="nofollow noopener noreferrer" className="inline-flex items-center text-linear font-600 mt-4">
                                Chỉ đường tới đây <i className="bxr bx-arrow-right-stroke"></i>
                            </a>
                        </div>        
                    </div>
                </div>
            </div>
        </div>
    )
}