Fix Header.tsx syntax error, add all products to navigation menu

- Fixed truncated Header.tsx with missing closing tags
- Updated navigation to include all 38 products in 7 categories
- Added 2-column dropdown grid layout for desktop
- Added nested sub-categories for mobile menu
This commit is contained in:
Kunthawat Greethong
2026-02-26 10:31:41 +07:00
parent e7adbd8e98
commit f54c020097
2 changed files with 86 additions and 42 deletions

View File

@@ -543,7 +543,7 @@ export const featuredProducts = [
productCategories.find(p => p.id === 'valve')!,
];
// Main Navigation - matching original site structure
// Main Navigation - matching original site structure with ALL products
export const mainNavigation: NavItem[] = [
{ label: 'หน้าแรก', labelEn: 'Home', href: '/' },
{ label: 'เกี่ยวกับเรา', labelEn: 'About Us', href: '/about-us/' },
@@ -572,6 +572,7 @@ export const mainNavigation: NavItem[] = [
labelEn: 'Valve',
href: '/วาล์ว-valve/',
children: [
{ label: 'วาล์ว Valve', labelEn: 'Valve', href: '/วาล์ว-valve/' },
{ label: 'Groove Coupling', labelEn: 'Groove Coupling', href: '/groove-coupling/' },
{ label: 'Pipe Coupling', labelEn: 'Pipe Coupling', href: '/pipe-coupling/' },
{ label: 'DUKELARRSEN', labelEn: 'DUKELARRSEN', href: '/dukelarrsen/' },
@@ -583,6 +584,7 @@ export const mainNavigation: NavItem[] = [
labelEn: 'Hangers',
href: '/แฮงเกอร์-แคล้ม-โบลท์-แหว/',
children: [
{ label: 'แฮงเกอร์ แคล้ม โบลท์ แหวน', labelEn: 'Hanger Clamp Bolt', href: '/แฮงเกอร์-แคล้ม-โบลท์-แหว/' },
{ label: 'เควิสแฮงเกอร์', labelEn: 'Clevis Hanger', href: '/เควิสแฮงเกอร์/' },
{ label: 'สปริทริงแฮงเกอร์ SR19', labelEn: 'Split Ring Hanger', href: '/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/' },
{ label: 'แคล้มฟันจระเข้', labelEn: 'Beam Clamp', href: '/แคล้มฟันจระเข้-beam-clamp/' },
@@ -591,6 +593,7 @@ export const mainNavigation: NavItem[] = [
{ label: 'ยูโบลท์', labelEn: 'U-Bolt', href: '/ยูโบลท์-u-bolt/' },
{ label: 'สตัดเกลียวตลอด', labelEn: 'Threaded Rod', href: '/สตัดเกลียวตลอด-เหล็ก-threaded-rod/' },
{ label: 'พุกต่างๆ', labelEn: 'Anchors', href: '/พุกต่างๆ/' },
{ label: 'พุกเหล็ก Sleeve Anchor', labelEn: 'Sleeve Anchor', href: '/พุกเหล็ก-sleeve-anchor-bolt/' },
],
},
{
@@ -609,8 +612,8 @@ export const mainNavigation: NavItem[] = [
labelEn: 'Fire Protection',
href: '/อุปกรณ์ดับเพลิง/',
children: [
{ label: 'ท่อสแตนเลส Realflex', labelEn: 'Realflex', href: '/realflex/' },
{ label: 'อุปกรณ์ดับเพลิง', labelEn: 'Fire Extinguishers', href: '/อุปกรณ์ดับเพลิง/' },
{ label: 'ท่อสแตนเลส Realflex', labelEn: 'Realflex', href: '/realflex/' },
],
},
{
@@ -618,6 +621,7 @@ export const mainNavigation: NavItem[] = [
labelEn: 'Fencing',
href: '/ระบบรั้ว/',
children: [
{ label: 'ระบบรั้ว', labelEn: 'Fencing System', href: '/ระบบรั้ว/' },
{ label: 'รั้วเทวดา', labelEn: 'Tevada Fence', href: '/รั้วเทวดา/' },
],
},