Merge version_2 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WebWiraUsaha"
|
||||
/>
|
||||
@@ -58,39 +50,17 @@ export default function LandingPage() {
|
||||
description="Digital agency chuyên nghiệp, giúp doanh nghiệp bứt phá doanh thu với các giải pháp marketing sáng tạo và công nghệ tối ưu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Khám phá ngay",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Khám phá ngay", href: "#about"},
|
||||
{
|
||||
text: "Liên hệ hợp tác",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Liên hệ hợp tác", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqd7wy&_wi=1",
|
||||
imageAlt: "Digital Innovation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqd7wy&_wi=1", imageAlt: "Digital Innovation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66docr&_wi=1",
|
||||
imageAlt: "Creative Team",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66docr&_wi=1", imageAlt: "Creative Team"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z7szk&_wi=1",
|
||||
imageAlt: "Abstract Tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4g63a&_wi=1",
|
||||
imageAlt: "Data Strategy",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp5e3o&_wi=1",
|
||||
imageAlt: "Precision Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3ymjf",
|
||||
imageAlt: "Brand Identity",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z7szk&_wi=1", imageAlt: "Abstract Tech"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,9 +71,7 @@ export default function LandingPage() {
|
||||
title="Chúng tôi hiện thực hóa mọi ý tưởng kinh doanh trên môi trường số"
|
||||
buttons={[
|
||||
{
|
||||
text: "Về chúng tôi",
|
||||
href: "#",
|
||||
},
|
||||
text: "Về chúng tôi", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,17 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Tốn kém nhân sự",
|
||||
"Quá trình rời rạc",
|
||||
"Thiếu tính chiến lược",
|
||||
],
|
||||
"Tốn kém nhân sự", "Quá trình rời rạc", "Thiếu tính chiến lược"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Đội ngũ chuyên gia",
|
||||
"Quy trình tinh gọn",
|
||||
"Chiến lược tăng trưởng",
|
||||
],
|
||||
"Đội ngũ chuyên gia", "Quy trình tinh gọn", "Chiến lược tăng trưởng"],
|
||||
}}
|
||||
title="Dịch vụ toàn diện"
|
||||
description="Chúng tôi cung cấp giải pháp trọn gói để doanh nghiệp của bạn dẫn đầu thị trường."
|
||||
@@ -139,26 +101,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Dự án thành công",
|
||||
description: "Đồng hành cùng hàng trăm doanh nghiệp tại Việt Nam.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3715c",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Dự án thành công", description: "Đồng hành cùng hàng trăm doanh nghiệp tại Việt Nam.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3715c"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Tỷ lệ giữ chân",
|
||||
description: "Khách hàng tin tưởng gắn bó lâu dài.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qy0ss",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200%",
|
||||
title: "Tăng trưởng traffic",
|
||||
description: "Trung bình cho mỗi dự án marketing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5uvea",
|
||||
},
|
||||
id: "m2", value: "95%", title: "Tỷ lệ giữ chân", description: "Khách hàng tin tưởng gắn bó lâu dài.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qy0ss"},
|
||||
]}
|
||||
title="Kết quả thực tế"
|
||||
description="Chúng tôi không nói suông, chúng tôi đo lường bằng những con số ấn tượng."
|
||||
@@ -170,14 +115,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalTrade",
|
||||
"MarketLeader",
|
||||
"FutureSoft",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo"]}
|
||||
title="Khách hàng và Đối tác"
|
||||
description="Được tin tưởng bởi những thương hiệu hàng đầu trong đa lĩnh vực."
|
||||
/>
|
||||
@@ -189,60 +127,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Nguyễn Văn A",
|
||||
date: "2023-10-12",
|
||||
title: "CEO TechCorp",
|
||||
quote: "Dịch vụ chuyên nghiệp, tận tâm và mang lại kết quả thực tế nhanh chóng.",
|
||||
tag: "Chiến lược",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsmt0x",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqd7wy&_wi=2",
|
||||
imageAlt: "business woman portrait professional",
|
||||
},
|
||||
id: "t1", name: "Nguyễn Văn A", date: "2023-10-12", title: "CEO TechCorp", quote: "Dịch vụ chuyên nghiệp, tận tâm và mang lại kết quả thực tế nhanh chóng.", tag: "Chiến lược", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsmt0x"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Trần Thị B",
|
||||
date: "2023-11-05",
|
||||
title: "Marketing Manager",
|
||||
quote: "WebWiraUsaha đã thay đổi hoàn toàn cách chúng tôi tiếp cận thị trường số.",
|
||||
tag: "Marketing",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a83kiv",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66docr&_wi=2",
|
||||
imageAlt: "business woman portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lê Hoàng C",
|
||||
date: "2023-12-01",
|
||||
title: "Founder Startup",
|
||||
quote: "Đội ngũ trẻ trung, sáng tạo và rất am hiểu công nghệ mới nhất.",
|
||||
tag: "Sáng tạo",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ucasjl",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z7szk&_wi=2",
|
||||
imageAlt: "business woman portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Phạm Minh D",
|
||||
date: "2024-01-15",
|
||||
title: "Retail Director",
|
||||
quote: "Giải pháp của họ giúp tối ưu hóa vận hành và tăng doanh thu rõ rệt.",
|
||||
tag: "Giải pháp",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sfzof9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4g63a&_wi=2",
|
||||
imageAlt: "business woman portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Đặng Lan E",
|
||||
date: "2024-02-20",
|
||||
title: "E-commerce Manager",
|
||||
quote: "Quy trình rõ ràng, minh bạch giúp chúng tôi yên tâm tuyệt đối.",
|
||||
tag: "Vận hành",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a4kp7h",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp5e3o&_wi=2",
|
||||
imageAlt: "business woman portrait professional",
|
||||
},
|
||||
id: "t2", name: "Trần Thị B", date: "2023-11-05", title: "Marketing Manager", quote: "WebWiraUsaha đã thay đổi hoàn toàn cách chúng tôi tiếp cận thị trường số.", tag: "Marketing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a83kiv"},
|
||||
]}
|
||||
title="Khách hàng nói gì về chúng tôi?"
|
||||
description="Sự hài lòng của khách hàng là thước đo chính xác nhất cho chất lượng dịch vụ của WebWiraUsaha."
|
||||
@@ -254,23 +141,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Dịch vụ của WebWiraUsaha phù hợp với loại hình nào?",
|
||||
content: "Chúng tôi hỗ trợ từ startup nhỏ cho đến doanh nghiệp quy mô lớn.",
|
||||
},
|
||||
id: "q1", title: "Quy trình hợp tác tại WebWiraUsaha như thế nào?", content: "Chúng tôi tuân theo quy trình 5 bước: Tiếp nhận yêu cầu, Phân tích chiến lược, Thiết kế giải pháp, Triển khai thực tế, và Báo cáo đo lường định kỳ."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Thời gian triển khai trung bình là bao lâu?",
|
||||
content: "Tùy thuộc vào độ phức tạp, trung bình từ 2-4 tuần cho mỗi dự án.",
|
||||
},
|
||||
id: "q2", title: "Làm sao để đảm bảo kết quả đạt được như kỳ vọng?", content: "Mọi dự án đều có KPI rõ ràng, đo lường theo tuần và được tối ưu hóa liên tục bởi đội ngũ chuyên gia của chúng tôi."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Làm thế nào để bắt đầu?",
|
||||
content: "Hãy liên hệ với chúng tôi để được tư vấn miễn phí ngay hôm nay.",
|
||||
},
|
||||
id: "q3", title: "Chi phí dịch vụ có phù hợp với doanh nghiệp nhỏ không?", content: "Có, chúng tôi có các gói giải pháp linh hoạt dành riêng cho startup và doanh nghiệp quy mô nhỏ với ngân sách tối ưu nhất."},
|
||||
]}
|
||||
sideTitle="Câu hỏi thường gặp"
|
||||
sideDescription="Tìm hiểu thêm về cách chúng tôi hỗ trợ doanh nghiệp bạn."
|
||||
sideDescription="Giải đáp mọi thắc mắc về cách thức làm việc và giải pháp của chúng tôi."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -279,11 +157,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Liên hệ"
|
||||
title="Sẵn sàng bứt phá doanh thu?"
|
||||
description="Để lại email để nhận tư vấn miễn phí về chiến lược tăng trưởng cho doanh nghiệp của bạn."
|
||||
description="Để lại email để nhận tư vấn miễn phí về chiến lược tăng trưởng cho doanh nghiệp của bạn. Văn phòng: Số 1, Đường Digital, Quận 1, TP.HCM | Hotline: 0909 123 456 | Email: hello@webwirausaha.vn"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hhgn3l"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -293,41 +170,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "WebWiraUsaha",
|
||||
items: [
|
||||
{
|
||||
label: "Về chúng tôi",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Dịch vụ",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Liên hệ",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "WebWiraUsaha", items: [
|
||||
{ label: "Về chúng tôi", href: "#about" },
|
||||
{ label: "Dịch vụ", href: "#features" },
|
||||
{ label: "Liên hệ", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pháp lý",
|
||||
items: [
|
||||
{
|
||||
label: "Chính sách bảo mật",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Điều khoản sử dụng",
|
||||
href: "#",
|
||||
},
|
||||
title: "Thông tin", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pháp lý", items: [
|
||||
{ label: "Chính sách bảo mật", href: "#" },
|
||||
{ label: "Điều khoản sử dụng", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 WebWiraUsaha. All rights reserved."
|
||||
bottomRightText="Đồng hành cùng sự phát triển của bạn."
|
||||
bottomRightText="Digital Solution Experts"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user