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

upload 29/12

Browse Source
This commit is contained in:
Dao Duc
2025-12-29 17:43:31 +07:00
parent 1be2e55959
commit 19b55a3d93
138 changed files with 18742 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/components/other/Footer/Info.tsx Normal file
View File

@@ -0,0 +1,105 @@
export default function PageInfo(){
return(
<div className="global-footer-container bg-[#0719A7] relative py-16 text-white text-14 lg:text-[16px] leading-[18px] lg:leading-[22px]">
<div className="bg-oval"></div>
<div className="container relative z-[2]">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-6 mb-8 lg:mb-10">
<div className="footer-item">
<p className="uppercase font-600 mb-4"> Về Hoàng Hà PC </p>
<div className="inline-grid gap-3 font-500">
<a href="/gioi-thieu"> Về Chúng Tôi </a>
<a href="/tuyen-dung"> Tuyển Dụng </a>
<a href="/he-thong-cua-hang"> Hệ thống showroom </a>
<a href="/tin-tuc"> Tin tức </a>
</div>
</div>
<div className="footer-item">
<p className="uppercase font-600 mb-4"> Hỗ trợ khách hàng </p>
<div className="inline-grid gap-3 font-500">
<a href="/huong-dan-mua-hang-online">Hướng dẫn mua hàng Online</a>
<a href="/phuong-thuc-thanh-toan">Hướng dẫn thanh toán</a>
<a href="/huong-dan-mua-tra-gop">Hướng dẫn mua trả góp</a>
</div>
</div>
<div className="footer-item">
<p className="uppercase font-600 mb-4"> Chính sách </p>
<div className="inline-grid gap-3 font-500">
<a href="/chinh-sach-bao-hanh">Chính sách bảo hành</a>
<a href="/chinh-sach-bao-mat">Chính sách bảo mật</a>
<a href="/van-chuyen-giao-nhan">Chính sách vận chuyển, giao nhận</a>
</div>
</div>
<div className="footer-item">
<p className="uppercase font-600 mb-4"> Cộng đồng </p>
<div className="inline-grid gap-3 font-500">
<a href="https://www.facebook.com/hoanghapc" target="_blank" rel="nofollow noopener noreferrer"> Hoàng Hà PC Fanpage </a>
<a href="" target="_blank" rel="nofollow noopener noreferrer"> Phát Triển Hệ Thống Dữ Liệu </a>
<a href="" target="_blank" rel="nofollow noopener noreferrer"> Phát Triển Trải nghiệm Người dùng </a>
</div>
</div>
</div>
<div className="footer-contact-info mb-8 lg:mb-10">
<p className="mb-2 font-600 lg:text-[16px] lg:mb-4 uppercase"> Email liên hệ </p>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-2 lg:gap-6">
<div className="rounded-[12px] lg:rounded-[16px] bg-[rgba(255,255,255,0.1)] p-4 lg:p-6">
<p className="flex items-center gap-2 font-500 uppercase mb-2">
<i className="icons icon-puzzle rounded-full !w-6 !h-6"></i>
<span > Hợp Tác Phát Triển: </span>
</p>
<a href="mailto:hoanghapcws@gmail.com" className="opacity-[0.8] transition-all hover:opacity-[1] text-16"> hoanghapcws@gmail.com </a>
</div>
<div className="rounded-[12px] lg:rounded-[16px] bg-[rgba(255,255,255,0.1)] p-4 lg:p-6">
<p className="flex items-center gap-2 font-500 uppercase mb-2">
<i className="icons icon-discount rounded-full !w-6 !h-6"></i>
<span > Liên Hệ Báo Giá: </span>
</p>
<a href="mailto:kinhdoanh@hoanghapc.vn" className="opacity-[0.8] transition-all hover:opacity-[1] text-16"> kinhdoanh@hoanghapc.vn </a>
</div>
<div className="rounded-[12px] lg:rounded-[16px] bg-[rgba(255,255,255,0.1)] p-4 lg:p-6">
<p className="flex items-center gap-2 font-500 uppercase mb-2">
<i className="icons icon-shield rounded-full !w-6 !h-6"></i>
<span > Hỗ Trợ Bảo Hành: </span>
</p>
<a href="mailto:baohanh@hoanghapc.vn" className="opacity-[0.8] transition-all hover:opacity-[1] text-16"> baohanh@hoanghapc.vn </a>
</div>
</div>
</div>
<div className="flex flex-wrap items-center justify-between gap-4 lg:gap-8">
<div className="flex items-center gap-4 lg:gap-8">
<p className="m-0 text-12 leading-[15px] lg:text-[14px] lg:leading-[18px] opacity-80">
CÔNG TY TNHH DỊCH VỤ VÀ CÔNG NGHỆ HOÀNG HÀ<br/>
Giấy chứng nhận đăng ký kinh doanh số: 0107406972, được Sở Kế hoạch và Đầu tư Tp. Hà Nội cấp
</p>
<a href="http://online.gov.vn/Home/WebDetails/46319" target="_blank" rel="nofollow noopener noreferrer" className="w-[120px]">
<img src="/images/global-footer-bct.png" loading="lazy" alt="Bct" width="1" height="1" className="lazy d-block w-auto h-auto" />
</a>
</div>
<div className="flex items-center gap-3">
<a href="" target="_blank" rel="nofollow noopener noreferrer" className="icons icon-linkedin !w-6 !h-6" aria-label="Social Media"></a>
<a href="" target="_blank" rel="nofollow noopener noreferrer" className="icons icon-facebook !w-6 !h-6" aria-label="Social Media"></a>
<a href="" target="_blank" rel="nofollow noopener noreferrer" className="icons icon-zalo !w-6 !h-6" aria-label="Social Media"></a>
<a href="" target="_blank" rel="nofollow noopener noreferrer" className="icons icon-gmail !w-6 !h-6" aria-label="Social Media"></a>
</div>
</div>
</div>
</div>
)
}

20
src/components/other/Footer/Newsletter.tsx Normal file
View File

@@ -0,0 +1,20 @@
export default function Newsletter() {
return (
<div className="footer-newsletter-container py-12 mt-16">
<div className="container flex flex-wrap items-center justify-between gap-12 relative z-[1]">
<i className="lazy icon-newsletter" style={{ backgroundImage: 'url(images/footer-newsletter.png)' }}></i>
<p className="m-0 text-white font-600 text-20">Hãy để lại Email để nhận thông báo Khuyến mại hấp dẫn hoặc tư vấn miễn phí từ Hoàng Hà PC!</p>
<form className="w-[756px] flex items-center flex-wrap justify-between gap-3 text-16 font-500">
<input type="text" placeholder="Địa chỉ email của bạn" className="border-2 border-transparent bg-white w-[576px] rounded-[40px] h-[52px] px-4 placeholder:font-normal placeholder:text-[#718096] placeholder:text-[16px]" />
<button type="button" aria-label="Đăng ký nhận tin" className="uppercase w-[168px] h-[52px] rounded-[40px] bg-white text-[#0678DB] gap-2 flex items-center justify-center border-0">
Gửi ngay <i className="icons icon-plane"></i>
</button>
<p className="m-0 text-[#ffc403]"> </p>
</form>
</div>
</div>
)
}

159
src/components/other/Footer/Showroom.tsx Normal file
View File

@@ -0,0 +1,159 @@
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>
)
}

27
src/components/other/Footer/index.tsx Normal file
View File

@@ -0,0 +1,27 @@
import Showroom from './Showroom';
import PageInfo from './Info';
import Newsletter from './Newsletter';
import Hotline from '../Global/Hotline';
import FeedBack from '../Global/Feedback';
import FixedButtons from '../Global/FixedButtons';
export default function Footer() {
return(
<>
<Newsletter />
<Showroom />
<PageInfo />
<FixedButtons />
<FeedBack />
<Hotline />
<div id="js-tooltip" className="absolute z-[999] w-[450px]" style={{ display: 'none' }}> {/* Tooltip */} </div>
</>
)
}