Merge version_2 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -50,9 +50,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Browse Catalog",
|
||||
href: "products",
|
||||
}}
|
||||
text: "Browse Catalog", href: "products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -68,28 +66,20 @@ export default function HomePage() {
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-circuit-board-repair_23-2148419131.jpg?_wi=1",
|
||||
imageAlt: "Professional electrical supplies and equipment catalog",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-circuit-board-repair_23-2148419131.jpg?_wi=1", imageAlt: "Professional electrical supplies and equipment catalog"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367532.jpg",
|
||||
imageAlt:
|
||||
"Expert electrical installation and technical services",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367532.jpg", imageAlt:
|
||||
"Expert electrical installation and technical services"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 2000+ Vietnamese businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
href: "products",
|
||||
},
|
||||
text: "Browse Catalog", href: "products"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Get Quote", href: "contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,44 +99,21 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Schneider Electric",
|
||||
name: "Heavy Duty Circuit Breaker Panel",
|
||||
price: "₫2,450,000",
|
||||
rating: 5,
|
||||
reviewCount: "487",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5073.jpg?_wi=1",
|
||||
imageAlt: "Professional circuit breaker panel",
|
||||
},
|
||||
id: "1", brand: "Schneider Electric", name: "Heavy Duty Circuit Breaker Panel", price: "₫2,450,000", rating: 5,
|
||||
reviewCount: "487", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5073.jpg?_wi=1", imageAlt: "Professional circuit breaker panel"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Philips Lighting",
|
||||
name: "Industrial LED Lighting System",
|
||||
price: "₫890,000",
|
||||
rating: 5,
|
||||
reviewCount: "312",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/hanging-lamp_1339-2293.jpg?_wi=1",
|
||||
imageAlt: "Energy efficient LED lighting",
|
||||
},
|
||||
id: "2", brand: "Philips Lighting", name: "Industrial LED Lighting System", price: "₫890,000", rating: 5,
|
||||
reviewCount: "312", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/hanging-lamp_1339-2293.jpg?_wi=1", imageAlt: "Energy efficient LED lighting"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Siemens Industrial",
|
||||
name: "Premium Copper Power Cable",
|
||||
price: "₫145,000 per roll",
|
||||
rating: 5,
|
||||
reviewCount: "658",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-51509.jpg?_wi=1",
|
||||
imageAlt: "High quality electrical wire cable",
|
||||
},
|
||||
id: "3", brand: "Siemens Industrial", name: "Premium Copper Power Cable", price: "₫145,000 per roll", rating: 5,
|
||||
reviewCount: "658", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-51509.jpg?_wi=1", imageAlt: "High quality electrical wire cable"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "products",
|
||||
},
|
||||
text: "View All Products", href: "products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -166,46 +133,32 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast Delivery",
|
||||
description:
|
||||
"Same-day delivery in Ho Chi Minh City, next-day service across Vietnam. Our optimized logistics network ensures your projects never face delays.",
|
||||
},
|
||||
title: "Lightning Fast Delivery", description:
|
||||
"Same-day delivery in Ho Chi Minh City, next-day service across Vietnam. Our optimized logistics network ensures your projects never face delays."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Competitive Pricing",
|
||||
description:
|
||||
"Bulk discounts, wholesale rates, and transparent pricing. Direct wholesale pricing for contractors and industrial buyers without hidden costs.",
|
||||
},
|
||||
title: "Competitive Pricing", description:
|
||||
"Bulk discounts, wholesale rates, and transparent pricing. Direct wholesale pricing for contractors and industrial buyers without hidden costs."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Proven Reliability",
|
||||
description:
|
||||
"ISO certified products, quality assurance testing, and long-term warranty. Trusted by major industrial facilities and residential projects nationwide.",
|
||||
},
|
||||
title: "Proven Reliability", description:
|
||||
"ISO certified products, quality assurance testing, and long-term warranty. Trusted by major industrial facilities and residential projects nationwide."},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Expert Support",
|
||||
description:
|
||||
"24/7 technical support, installation consulting, and troubleshooting guidance. Our engineers help optimize your electrical systems for maximum efficiency.",
|
||||
},
|
||||
title: "Expert Support", description:
|
||||
"24/7 technical support, installation consulting, and troubleshooting guidance. Our engineers help optimize your electrical systems for maximum efficiency."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Business Solutions",
|
||||
description:
|
||||
"Customized product packages for contractors, builders, and facility managers. Dedicated account managers for B2B partners and regular corporate clients.",
|
||||
},
|
||||
title: "Business Solutions", description:
|
||||
"Customized product packages for contractors, builders, and facility managers. Dedicated account managers for B2B partners and regular corporate clients."},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Complete Integration",
|
||||
description:
|
||||
"From product selection to installation support. End-to-end solutions for residential, commercial, and industrial electrical projects.",
|
||||
},
|
||||
title: "Complete Integration", description:
|
||||
"From product selection to installation support. End-to-end solutions for residential, commercial, and industrial electrical projects."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "about",
|
||||
},
|
||||
text: "Learn More", href: "about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -224,73 +177,37 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nguyễn Văn Tuấn",
|
||||
role: "Project Manager",
|
||||
company: "VTech Construction Group",
|
||||
rating: 5,
|
||||
id: "1", name: "Nguyễn Văn Tuấn", role: "Project Manager", company: "VTech Construction Group", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Trần Thị Hương",
|
||||
role: "Facilities Director",
|
||||
company: "Saigon Industrial Park",
|
||||
rating: 5,
|
||||
id: "2", name: "Trần Thị Hương", role: "Facilities Director", company: "Saigon Industrial Park", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Phạm Minh Khôi",
|
||||
role: "Purchasing Manager",
|
||||
company: "BIC Construction Ltd",
|
||||
rating: 5,
|
||||
id: "3", name: "Phạm Minh Khôi", role: "Purchasing Manager", company: "BIC Construction Ltd", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Võ Thị Mai",
|
||||
role: "Operations Manager",
|
||||
company: "Central Logistics Hub",
|
||||
rating: 5,
|
||||
id: "4", name: "Võ Thị Mai", role: "Operations Manager", company: "Central Logistics Hub", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-147.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-147.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lê Hoàng Sơn",
|
||||
role: "Master Electrician",
|
||||
company: "Elite Electrical Services",
|
||||
rating: 5,
|
||||
id: "5", name: "Lê Hoàng Sơn", role: "Master Electrician", company: "Elite Electrical Services", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/confident-adult-builder-man-uniform-holds-looks-marker-isolated-orange-wall_141793-66144.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/confident-adult-builder-man-uniform-holds-looks-marker-isolated-orange-wall_141793-66144.jpg?_wi=1"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bùi Thị Lan",
|
||||
role: "Store Manager",
|
||||
company: "HomeDepot Vietnam",
|
||||
rating: 5,
|
||||
id: "6", name: "Bùi Thị Lan", role: "Store Manager", company: "HomeDepot Vietnam", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=1"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Satisfied customers nationwide",
|
||||
},
|
||||
value: "2000+", label: "Khách hàng hài lòng trên toàn quốc"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "On-time delivery rate",
|
||||
},
|
||||
value: "98%", label: "Tỷ lệ giao hàng đúng hạn"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years industry experience",
|
||||
},
|
||||
value: "20+", label: "Năm kinh nghiệm trong ngành"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,25 +223,9 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Siemens Industrial Solutions",
|
||||
"Philips Lighting Vietnam",
|
||||
"Schneider Electric",
|
||||
"Legrand Distribution",
|
||||
"Havells India",
|
||||
"General Electric",
|
||||
"Mitsubishi Electric",
|
||||
"Panasonic Electronics",
|
||||
]}
|
||||
"Siemens Industrial Solutions", "Philips Lighting Vietnam", "Schneider Electric", "Legrand Distribution", "Havells India", "General Electric", "Mitsubishi Electric", "Panasonic Electronics"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-wearing-yellow-hardhat-analyzing-data-pc_482257-119596.jpg",
|
||||
"http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150029290.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-blackout-labels-collection_23-2149229733.jpg",
|
||||
"http://img.b2bpic.net/free-vector/company-branding-minimal-style_23-2148462841.jpg",
|
||||
"http://img.b2bpic.net/free-vector/labels-collection-hotel-business_23-2150245696.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-colored-storm-logo_52683-78701.jpg",
|
||||
"http://img.b2bpic.net/free-vector/pink-logo-with-letter_1071-138.jpg",
|
||||
"http://img.b2bpic.net/free-vector/computer-devices-equipment-banner-set_98292-1286.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-wearing-yellow-hardhat-analyzing-data-pc_482257-119596.jpg", "http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150029290.jpg", "http://img.b2bpic.net/free-vector/gradient-blackout-labels-collection_23-2149229733.jpg", "http://img.b2bpic.net/free-vector/company-branding-minimal-style_23-2148462841.jpg", "http://img.b2bpic.net/free-vector/labels-collection-hotel-business_23-2150245696.jpg", "http://img.b2bpic.net/free-vector/gradient-colored-storm-logo_52683-78701.jpg", "http://img.b2bpic.net/free-vector/pink-logo-with-letter_1071-138.jpg", "http://img.b2bpic.net/free-vector/computer-devices-equipment-banner-set_98292-1286.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -333,32 +234,20 @@ export default function HomePage() {
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Delivering excellence in electrical solutions across Vietnam with industry-leading metrics"
|
||||
tag="Our Impact"
|
||||
title="Nền tảng cung cấp giải pháp điện hàng đầu tại Việt Nam với các chỉ số vượt trội"
|
||||
tag="Thành Tích Của Chúng Tôi"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2000+",
|
||||
description:
|
||||
"Industrial, commercial, and residential projects completed successfully",
|
||||
},
|
||||
id: "1", value: "2000+", description:
|
||||
"Dự án công nghiệp, thương mại và dân dụng hoàn thành thành công"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description:
|
||||
"On-time delivery performance maintained over 20+ years",
|
||||
},
|
||||
id: "2", value: "98%", description:
|
||||
"Hiệu suất giao hàng đúng hạn được duy trì qua 20+ năm kinh doanh"},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
description: "Premium brand partnerships ensuring quality and reliability",
|
||||
},
|
||||
id: "3", value: "50+", description: "Kết nối với các thương hiệu điện hàng đầu đảm bảo chất lượng và độ tin cậy"},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
description: "Technical support and customer service availability",
|
||||
},
|
||||
id: "4", value: "24/7", description: "Hỗ trợ kỹ thuật và dịch vụ khách hàng sẵn sàng phục vụ"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -372,30 +261,27 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 Dai Thanh Electric. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{ label: "Circuit Breakers", href: "#" },
|
||||
{ label: "Electrical Cables", href: "#" },
|
||||
{ label: "Lighting Systems", href: "#" },
|
||||
{ label: "Transformers", href: "#" },
|
||||
title: "Sản Phẩm", items: [
|
||||
{ label: "Cầu Đấu Nguồn", href: "#" },
|
||||
{ label: "Cáp Điện", href: "#" },
|
||||
{ label: "Hệ Thống Chiếu Sáng", href: "#" },
|
||||
{ label: "Máy Biến Áp", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Installation", href: "#" },
|
||||
{ label: "Technical Support", href: "#" },
|
||||
{ label: "Maintenance", href: "#" },
|
||||
{ label: "Consulting", href: "#" },
|
||||
title: "Dịch Vụ", items: [
|
||||
{ label: "Lắp Đặt", href: "#" },
|
||||
{ label: "Hỗ Trợ Kỹ Thuật", href: "#" },
|
||||
{ label: "Bảo Trì", href: "#" },
|
||||
{ label: "Tư Vấn", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
title: "Công Ty", items: [
|
||||
{ label: "Về Chúng Tôi", href: "about" },
|
||||
{ label: "Liên Hệ", href: "contact" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Tuyển Dụng", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user