ducdt/hoanghapc_nextJs
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

11/02/2026

Browse Source
This commit is contained in:
Dao Duc
2026-02-11 17:27:55 +07:00
parent 9851c311b3
commit 2bc93383a0
37 changed files with 3047 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/components/about/Contact.tsx Normal file
View File

@@ -0,0 +1,144 @@
export default function Contact() {
return (
<>
<h1 style={{ position: 'absolute', top: '-999px' }}>Liên hệ</h1>
<div className="contact-info-page main-content">
<div className="contact-info text-20">
<div className="container">
<div className="contact-info-header py-6">
<div className="contact-info-header-text">
<h2 className="text-20 mb-3">
Công ty tin rằng khách hàng chính là nhân tố quan trọng cho phát triển của <b className="font-weight-600 color-blue-1">Hoàng Hà PC</b>. Vì vậy, mọi hoạt động kinh doanh của công ty luôn hướng tới mục tiêu tôn trọng và bảo đảm quyền lợi cho khách hàng, chinh phục khách hàng bằng chất lượng sản phẩm và dịch vụ tốt nhất.
</h2>
<p>
Để được phục vụ cũng như giải đáp mọi thắc mắc, Quý khách vui lòng liên hệ với chúng tôi theo các thông tin sau:
</p>
</div>
<div className="contact-info-header-image">
<img src="/images/static-contact-info-pic-1.png" alt="contact-info" />
</div>
</div>
<div className="contact-info-content d-flex flex-wrap">
<div className="contact-info-box d-flex flex-column align-items-center">
<i className="static-icons static-icon-location-3" />
<h3 className="text-20 font-weight-bold">Showroom bán hàng</h3>
<h4 className="text-24 font-weight-bold mb-4 mt-2">PHƯỜNG CẦU GIẤY, HÀ NỘI</h4>
<p className="text-16 pb-3x text-center">41 Khúc Thừa Dụ, Phường Cầu Giấy, Hà Nội</p>
<div className="w-full pb-4x">
<a href="https://goo.gl/maps/56ARHjWKoVhpWBCF6" className="btn btn-blue-2 w-full" target="_blank">Nhận chỉ đường</a>
</div>
<ul className="contact-list d-flex flex-column">
<li className="d-flex align-items-center">
<i className="static-icons static-icon-phone" />
<a className="text-14" href="tel:0969.123.666">Điện thoại: 0969.123.666</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-mail" />
<a className="text-14" href="mailto:hoanghapcws@gmail.com">Email: hoanghapcws@gmail.com</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-clock" />
<p className="text-14 m-0">Thời gian làm việc: 8h00 - 18h30</p>
</li>
</ul>
</div>
{/* QUẬN ĐỐNG ĐA, HÀ NỘI */}
<div className="contact-info-box d-flex flex-column align-items-center">
<i className="static-icons static-icon-location-3" />
<h3 className="text-20 font-weight-bold">Showroom bán hàng</h3>
<h4 className="text-24 font-weight-bold mb-4 mt-2">PHƯỜNG ĐỐNG ĐA, HÀ NỘI</h4>
<p className="text-16 pb-3x text-center">94E-94F Đường Láng , Phường Đống Đa, Hà Nội</p>
<div className="w-full pb-4x">
<a href="https://g.page/hoanghapc?share" className="btn btn-blue-2 w-full" target="_blank">Nhận chỉ đường</a>
</div>
<ul className="contact-list d-flex flex-column">
<li className="d-flex align-items-center">
<i className="static-icons static-icon-phone" />
<a className="text-14" href="tel: 0396.122.999">Điện thoại: 0396.122.999</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-mail" />
<a className="text-14" href="mailto:hoanghapcws@gmail.com">Email: hoanghapcws@gmail.com</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-clock" />
<p className="text-14 m-0">Thời gian làm việc: 8h00 - 18h30</p>
</li>
</ul>
</div>
{/* VINH, NGHỆ AN */}
<div className="contact-info-box d-flex flex-column align-items-center">
<i className="static-icons static-icon-location-3" />
<h3 className="text-20 font-weight-bold">Showroom bán hàng</h3>
<h4 className="text-24 font-weight-bold mb-4 mt-2">VINH, NGHỆ AN</h4>
<p className="text-16 pb-3x text-center">72 Lê Lợi, Thành Vinh, Nghệ An</p>
<div className="w-full pb-4x">
<a href="https://goo.gl/maps/1HQrD6mdf4VMYccs6" className="btn btn-blue-2 w-full" target="_blank">Nhận chỉ đường</a>
</div>
<ul className="contact-list d-flex flex-column">
<li className="d-flex align-items-center">
<i className="static-icons static-icon-phone" />
<a className="text-14" href="tel:0988.163.666">Điện thoại: 0988.163.666</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-mail" />
<a className="text-14" href="mailto:hoanghapcws@gmail.com">Email: hoanghapcws@gmail.com</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-clock" />
<p className="text-14 m-0">Thời gian làm việc: 8h00 - 18h30</p>
</li>
</ul>
</div>
{/* HỒ CHÍ MINH */}
<div className="contact-info-box d-flex flex-column align-items-center">
<i className="static-icons static-icon-location-3" />
<h3 className="text-20 font-weight-bold">Showroom bán hàng</h3>
<h4 className="text-24 font-weight-bold mb-4 mt-2">HỒ CHÍ MINH</h4>
<p className="text-16 pb-3x text-center">K8bis Bửu Long, Phường Hòa Hưng, Hồ Chí Minh</p>
<div className="w-full pb-4x">
<a href="https://g.page/hoanghapchcm?share" className="btn btn-blue-2 w-full" target="_blank">Nhận chỉ đường</a>
</div>
<ul className="contact-list d-flex flex-column">
<li className="d-flex align-items-center">
<i className="static-icons static-icon-phone" />
<a className="text-14" href="tel:0968.123.666">Điện thoại: 0968.123.666</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-mail" />
<a className="text-14" href="mailto:hoanghapcws@gmail.com">Email: hoanghapcws@gmail.com</a>
</li>
<li className="d-flex align-items-center">
<i className="static-icons static-icon-clock" />
<p className="text-14 m-0">Thời gian làm việc: 8h00 - 18h30</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</>
)
}