Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| acc409ff5d | |||
| 4a7f95570e | |||
| e2ecf2be13 | |||
| 167d66a341 | |||
| 8edff2f167 | |||
| e69d7cf21d | |||
| 2c33027838 | |||
| 3aed5e1652 | |||
| 0c86c57571 | |||
| e7bcde9170 | |||
| d06b389933 | |||
| d2a67184fb | |||
| 641bfc2f82 | |||
| 35bc5e1740 | |||
| 475e43a1c2 | |||
| d0a58a57b9 | |||
| 8ed6782845 | |||
| 3ad962ce22 | |||
| c256826402 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Raleway } from "next/font/google";
|
||||
|
||||
@@ -30,7 +29,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${raleway.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
198
src/app/page.tsx
198
src/app/page.tsx
@@ -31,48 +31,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Trang chủ", id: "hero"},
|
||||
{
|
||||
name: "Dịch vụ",
|
||||
id: "services",
|
||||
},
|
||||
name: "Dịch vụ", id: "services"},
|
||||
{
|
||||
name: "Đánh giá",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Đánh giá", id: "testimonials"},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Liên hệ", id: "contact"},
|
||||
]}
|
||||
brandName="Phong Hùng"
|
||||
button={{
|
||||
text: "Gọi ngay 24/7",
|
||||
href: "tel:+84935760976",
|
||||
}}
|
||||
text: "Gọi ngay 24/7", href: "tel:+84935760976"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Sửa Điện Nước Nha Trang - Phong Hùng"
|
||||
description="Thợ điện nước chuyên nghiệp 24/7. Đến nhanh trong 30 phút. Uy tín - Sạch sẽ - Giá rẻ.\n\nProfessional 24/7 Electrical & Plumbing Service in Nha Trang. Arriving within 30 minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "GỌI NGAY: 0935 760 976",
|
||||
href: "tel:+84935760976",
|
||||
},
|
||||
text: "GỌI NGAY: 0935 760 976", href: "tel:+84935760976"},
|
||||
{
|
||||
text: "Yêu cầu thợ ngay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Yêu cầu thợ ngay", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrician-working-with-measure-tool_23-2147743069.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778287461124-s2r221iu.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,27 +69,15 @@ export default function LandingPage() {
|
||||
description="Chúng tôi cung cấp giải pháp khắc phục sự cố điện nước toàn diện cho gia đình và doanh nghiệp tại Nha Trang."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Sửa chữa điện nước khẩn cấp 24/7",
|
||||
content: "Khắc phục sự cố mất điện, rò rỉ nước, vỡ ống nước khẩn cấp mọi lúc mọi nơi.",
|
||||
},
|
||||
id: "1", title: "Sửa chữa điện nước khẩn cấp 24/7", content: "Khắc phục sự cố mất điện, rò rỉ nước, vỡ ống nước khẩn cấp mọi lúc mọi nơi."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Thông tắc cống & toilet",
|
||||
content: "Xử lý triệt để tình trạng tắc nghẽn, khử mùi hôi bằng thiết bị chuyên dụng.",
|
||||
},
|
||||
id: "2", title: "Thông tắc cống & toilet", content: "Xử lý triệt để tình trạng tắc nghẽn, khử mùi hôi bằng thiết bị chuyên dụng."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sửa chữa & vệ sinh máy lạnh",
|
||||
content: "Vệ sinh, bảo dưỡng, sửa chữa máy lạnh chuyên nghiệp, đảm bảo không khí trong lành.",
|
||||
},
|
||||
id: "3", title: "Sửa chữa & vệ sinh máy lạnh", content: "Vệ sinh, bảo dưỡng, sửa chữa máy lạnh chuyên nghiệp, đảm bảo không khí trong lành."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Lắp đặt & sửa chữa máy nước nóng",
|
||||
content: "Khắc phục sự cố máy nước nóng không vào điện, rò rỉ điện, nước không nóng.",
|
||||
},
|
||||
id: "4", title: "Lắp đặt & sửa chữa máy nước nóng", content: "Khắc phục sự cố máy nước nóng không vào điện, rò rỉ điện, nước không nóng."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308489118-6753vtlu.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -113,23 +86,18 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
tag="4.8-star rating"
|
||||
title="Vì sao chọn Phong Hùng?"
|
||||
description="Với hơn 37+ đánh giá 4.8 sao trên Google, chúng tôi tự hào là lựa chọn tin cậy của hàng nghìn hộ gia đình tại Nha Trang. Chúng tôi cam kết làm việc sạch sẽ, giá cả minh bạch và phục vụ lịch sự."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Phục vụ 24/7",
|
||||
description: "Sẵn sàng hỗ trợ bất kể ngày đêm, lễ tết.",
|
||||
},
|
||||
title: "Phục vụ 24/7", description: "Sẵn sàng hỗ trợ bất kể ngày đêm, lễ tết."},
|
||||
{
|
||||
title: "Đến nhanh 30p",
|
||||
description: "Kỹ thuật viên có mặt tại địa chỉ của bạn chỉ trong 30 phút.",
|
||||
},
|
||||
title: "Đến nhanh 30p", description: "Kỹ thuật viên có mặt tại địa chỉ của bạn chỉ trong 30 phút."},
|
||||
{
|
||||
title: "Chuyên nghiệp",
|
||||
description: "Thợ tay nghề cao, sạch sẽ, làm việc cẩn thận.",
|
||||
},
|
||||
title: "Chuyên nghiệp", description: "Thợ tay nghề cao, sạch sẽ, làm việc cẩn thận."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-hand-with-gloves-repairing-computer_23-2147922174.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308578295-roww8b3v.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -142,45 +110,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chị Lan",
|
||||
role: "Nội trợ",
|
||||
company: "Nha Trang",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-friends-having-great-time-together_23-2149286504.jpg",
|
||||
},
|
||||
id: "1", name: "Chị Lan", role: "Nội trợ", company: "Nha Trang", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778309055382-q17mu4sq.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anh Minh",
|
||||
role: "Chủ căn hộ",
|
||||
company: "VCN Phước Hải",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
id: "2", name: "Anh Minh", role: "Chủ căn hộ", company: "VCN Phước Hải", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778310292424-9vyirahu.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mr. John",
|
||||
role: "Expat",
|
||||
company: "Tourist Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-content-leader-reading-positive-article_1262-15269.jpg",
|
||||
},
|
||||
id: "3", name: "Mr. Huy", role: "Chuyên gia", company: "Nha Trang City", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778309662317-3z8cedv0.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chị Thanh",
|
||||
role: "Chủ quán",
|
||||
company: "Trung tâm NT",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-house-star-icons_53876-71032.jpg",
|
||||
},
|
||||
id: "4", name: "Chị Thanh", role: "Chủ quán", company: "Trung tâm NT", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778309991418-rymg9ivt.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anh Tuấn",
|
||||
role: "Văn phòng",
|
||||
company: "Văn phòng NT",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-service-agent_23-2151933125.jpg",
|
||||
},
|
||||
id: "5", name: "Anh Tuấn", role: "Kỹ sư", company: "Khu đô thị", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778310359995-9hsfkkld.jpg"},
|
||||
]}
|
||||
title="Khách hàng nói gì về chúng tôi?"
|
||||
description="Niềm tin của quý khách là động lực phát triển lớn nhất của chúng tôi."
|
||||
@@ -194,33 +137,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
value: "1",
|
||||
title: "Gọi ngay",
|
||||
description: "Liên hệ 0935 760 976",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg",
|
||||
},
|
||||
id: "p1", value: "1", title: "Gọi ngay", description: "Liên hệ 0935 760 976", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308618571-zo69ue06.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
value: "2",
|
||||
title: "Khảo sát",
|
||||
description: "Thợ có mặt sau 30 phút",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
},
|
||||
id: "p2", value: "2", title: "Khảo sát", description: "Thợ có mặt sau 30 phút", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308624926-7aloqwm0.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
value: "3",
|
||||
title: "Sửa chữa",
|
||||
description: "Xử lý triệt để, sạch sẽ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workshop-with-electrical-tools_23-2147743059.jpg",
|
||||
},
|
||||
id: "p3", value: "3", title: "Sửa chữa", description: "Xử lý triệt để, sạch sẽ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308641660-kjglgzwm.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
value: "4",
|
||||
title: "Nghiệm thu",
|
||||
description: "Bảo hành dài hạn",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg",
|
||||
},
|
||||
id: "p4", value: "4", title: "Nghiệm thu", description: "Bảo hành dài hạn", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778308647461-encbvqyz.jpg"},
|
||||
]}
|
||||
title="Quy trình làm việc 4 bước"
|
||||
description="Đơn giản, nhanh chóng, minh bạch."
|
||||
@@ -232,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Có phục vụ ban đêm không?",
|
||||
content: "Có, chúng tôi phục vụ 24/7 kể cả ban đêm.",
|
||||
},
|
||||
id: "f1", title: "Có phục vụ ban đêm không?", content: "Có, chúng tôi phục vụ 24/7 kể cả ban đêm."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Chi phí thế nào?",
|
||||
content: "Chúng tôi báo giá rõ ràng trước khi sửa.",
|
||||
},
|
||||
id: "f2", title: "Chi phí thế nào?", content: "Chúng tôi báo giá rõ ràng trước khi sửa."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Có hỗ trợ người nước ngoài không?",
|
||||
content: "Có, chúng tôi giao tiếp cơ bản bằng tiếng Anh.",
|
||||
},
|
||||
id: "f3", title: "Có hỗ trợ người nước ngoài không?", content: "Có, chúng tôi giao tiếp cơ bản bằng tiếng Anh."},
|
||||
]}
|
||||
sideTitle="Câu hỏi thường gặp"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -259,24 +173,16 @@ export default function LandingPage() {
|
||||
description="Để lại thông tin hoặc gọi ngay cho chúng tôi để được xử lý nhanh nhất."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tên của bạn",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tên của bạn", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Số điện thoại",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Số điện thoại", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Mô tả vấn đề của bạn...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Mô tả vấn đề của bạn...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-mechanic-tools_23-2148558021.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DSs6ORslEK4bf6LvM1jf82mxqA/uploaded-1778309130806-8wy78lqs.jpg"
|
||||
buttonText="Yêu cầu thợ ngay"
|
||||
/>
|
||||
</div>
|
||||
@@ -286,29 +192,19 @@ export default function LandingPage() {
|
||||
logoText="Phong Hùng Điện Nước"
|
||||
columns={[
|
||||
{
|
||||
title: "Dịch vụ",
|
||||
items: [
|
||||
title: "Dịch vụ", items: [
|
||||
{
|
||||
label: "Sửa điện nước",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Sửa điện nước", href: "#services"},
|
||||
{
|
||||
label: "Thông cống",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Thông cống", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liên hệ",
|
||||
items: [
|
||||
title: "Liên hệ", items: [
|
||||
{
|
||||
label: "0935 760 976",
|
||||
href: "tel:+84935760976",
|
||||
},
|
||||
label: "0935 760 976", href: "tel:+84935760976"},
|
||||
{
|
||||
label: "12/8/8 Đ. Số 3, NT",
|
||||
href: "#",
|
||||
},
|
||||
label: "12/8/8 Đ. Số 3, NT", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -318,4 +214,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user