46 lines
2.1 KiB
TypeScript
46 lines
2.1 KiB
TypeScript
const BoxShowroom: React.FC = () => {
|
|
return (
|
|
<>
|
|
<dialog id="boxShowroom" className="modal">
|
|
<div className="modal-box max-w-[1000px] bg-white">
|
|
<form method="dialog">
|
|
<button className="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
|
|
</form>
|
|
<div className="popup-showrom-container d-block">
|
|
<p className="group-title">HỆ THỐNG SHOWROOM</p>
|
|
<div className="mt-5 grid grid-cols-2 gap-5">
|
|
<div className="item">
|
|
<p className="item-title">1. Hà Nội</p>
|
|
<p>17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội.</p>
|
|
<p>
|
|
Giờ làm việc: <b>08:30 - 20:30</b>
|
|
</p>
|
|
<iframe
|
|
width={'100%'}
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3132.222076725264!2d105.83522224518104!3d20.998217116862435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ac7b37915991%3A0xe20876d091ded6bc!2zMTcgUC4gSMOgIEvhur8gVOG6pW4sIFBoxrDGoW5nIExp4buHdCwgVGhhbmggWHXDom4sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1720509407173!5m2!1svi!2s"
|
|
></iframe>
|
|
</div>
|
|
<div className="item">
|
|
<p className="item-title">2. Hồ Chí Minh</p>
|
|
<p>249 Lý Thường Kiệt, Phường Phú Thọ, TP. Hồ Chí Minh</p>
|
|
<p>
|
|
Giờ làm việc: <b>08:30 - 20:30</b>
|
|
</p>
|
|
<iframe
|
|
width={'100%'}
|
|
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15678.56730501209!2d106.66439700000001!3d10.762063!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x85a7fc3a74bcd7fd!2zTcOheSBUw61uaCBOZ3V54buFbiBDw7RuZyAxNzYgVMOibiBQaMaw4bubYw!5e0!3m2!1svi!2sus!4v1658936898247!5m2!1svi!2sus"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form method="dialog" className="modal-backdrop">
|
|
<button>Close</button>
|
|
</form>
|
|
</dialog>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default BoxShowroom;
|