{"id":18,"date":"2026-06-26T09:52:32","date_gmt":"2026-06-26T09:52:32","guid":{"rendered":"https:\/\/kpnpr.co.th\/?page_id=18"},"modified":"2026-06-30T08:57:32","modified_gmt":"2026-06-30T08:57:32","slug":"home","status":"publish","type":"page","link":"https:\/\/kpnpr.co.th\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* Reset Gutenberg layouts for full width landing page *\/\nbody, .wp-site-blocks, .entry-content, .wp-block-post-content, .post-content, .is-layout-constrained, .is-layout-flow, .is-root-container {\n  max-width: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\nheader, footer, .wp-block-template-part, .site-header, .site-footer {\n  display: none !important;\n}\n\/* GeneratePress theme wrapper resets *\/\n#page { max-width: none !important; margin: 0 !important; background: transparent !important; background-color: transparent !important; }\n#content { padding: 0 !important; margin: 0 !important; background: transparent !important; background-color: transparent !important; }\n#primary { margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; }\n.inside-article { padding: 0 !important; margin: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; }\n.entry-header { display: none !important; }\n\/* Global Reset & Base Styling *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    html {\n      scroll-behavior: smooth;\n    }\n    \n    body {\n      background-color: #070a13;\n      color: #f8fafc;\n      overflow-x: hidden;\n    }\n    \n    .container {\n      width: 100%;\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n    \n    \/* Custom Scrollbar for premium feel *\/\n    ::-webkit-scrollbar {\n      width: 8px;\n    }\n    ::-webkit-scrollbar-track {\n      background: #070a13;\n    }\n    ::-webkit-scrollbar-thumb {\n      background: #1e293b;\n      border-radius: 10px;\n    }\n    ::-webkit-scrollbar-thumb:hover {\n      background: #334155;\n    }\n    \n    \/* Integrated CSS from components *\/\n    \n    \/* --- MENU CSS --- *\/\n    \/* CSS variables for isolating variables *\/\n:root {\n  --gp-bg-dark: rgba(10, 15, 26, 0.75);\n  --gp-bg-scrolled: rgba(7, 10, 19, 0.85);\n  --gp-border-color: rgba(255, 255, 255, 0.08);\n  --gp-border-hover: rgba(255, 255, 255, 0.15);\n  --gp-text-primary: #f8fafc;\n  --gp-text-secondary: #94a3b8;\n  --gp-text-muted: #64748b;\n  --gp-accent-emerald: #10b981;\n  --gp-accent-blue: #3b82f6;\n  --gp-accent-gradient: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);\n  --gp-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --gp-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  --gp-blur: 16px;\n  --gp-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* Base resets specifically within our component structure *\/\n.kpnpr-header-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 9999;\n  background-color: var(--gp-bg-dark);\n  backdrop-filter: blur(var(--gp-blur)) saturate(180%);\n  -webkit-backdrop-filter: blur(var(--gp-blur)) saturate(180%);\n  border-bottom: 1px solid var(--gp-border-color);\n  font-family: var(--gp-font-family);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  box-sizing: border-box;\n}\n\n.kpnpr-header-wrapper *,\n.kpnpr-header-wrapper *::before,\n.kpnpr-header-wrapper *::after {\n  box-sizing: border-box;\n}\n\n.kpnpr-header-wrapper.scrolled {\n  background-color: var(--gp-bg-scrolled);\n  border-bottom-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);\n}\n\n.kpnpr-header-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 1.25rem 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: padding 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-header-wrapper.scrolled .kpnpr-header-container {\n  padding-top: 0.85rem;\n  padding-bottom: 0.85rem;\n}\n\n\/* Logo *\/\n.kpnpr-logo {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  text-decoration: none;\n  color: var(--gp-text-primary);\n  font-weight: 700;\n  font-size: 1.35rem;\n  letter-spacing: -0.02em;\n  transition: opacity 0.3s ease;\n}\n\n.kpnpr-logo:hover {\n  opacity: 0.9;\n}\n\n.kpnpr-logo-icon {\n  width: 32px;\n  height: 32px;\n  flex-shrink: 0;\n  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.kpnpr-logo:hover .kpnpr-logo-icon {\n  transform: rotate(18deg) scale(1.05);\n}\n\n.kpnpr-logo-text {\n  background: var(--gp-accent-gradient);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  font-family: inherit;\n}\n\n\/* Desktop Navigation *\/\n.kpnpr-desktop-nav {\n  display: block;\n}\n\n.kpnpr-nav-list {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.kpnpr-nav-item {\n  position: relative;\n}\n\n.kpnpr-nav-link {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  color: var(--gp-text-secondary);\n  text-decoration: none;\n  font-size: 0.95rem;\n  font-weight: 500;\n  padding: 0.5rem 0.25rem;\n  transition: color 0.3s ease;\n  position: relative;\n}\n\n.kpnpr-nav-link:hover,\n.kpnpr-nav-link.active {\n  color: var(--gp-text-primary);\n}\n\n.kpnpr-chevron-icon {\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-nav-item:hover .kpnpr-chevron-icon {\n  transform: rotate(180deg);\n}\n\n\/* Nav Link Underline Hover Interaction *\/\n.kpnpr-nav-link::after {\n  content: '';\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background: var(--gp-accent-gradient);\n  transform: scaleX(0);\n  transform-origin: right;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-nav-link.active::after,\n.kpnpr-nav-item:hover .kpnpr-nav-link::after {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n\/* Desktop Dropdowns *\/\n.kpnpr-dropdown {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(15px);\n  width: 240px;\n  background-color: rgba(15, 23, 42, 0.92);\n  border: 1px solid var(--gp-border-color);\n  border-radius: 12px;\n  box-shadow: var(--gp-shadow-lg);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: 0.75rem;\n  list-style: none;\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;\n  z-index: 1001;\n  margin: 0;\n}\n\n.kpnpr-nav-item:hover .kpnpr-dropdown {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translateX(-50%) translateY(5px);\n}\n\n.kpnpr-dropdown-link {\n  display: block;\n  padding: 0.65rem 1rem;\n  color: var(--gp-text-secondary);\n  text-decoration: none;\n  font-size: 0.9rem;\n  font-weight: 500;\n  border-radius: 8px;\n  transition: all 0.25s ease;\n}\n\n.kpnpr-dropdown-link:hover {\n  color: var(--gp-text-primary);\n  background-color: rgba(255, 255, 255, 0.05);\n  padding-left: 1.25rem;\n}\n\n\/* CTA Button *\/\n.kpnpr-cta-button {\n  display: inline-block;\n  padding: 0.65rem 1.35rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  text-decoration: none;\n  color: #ffffff;\n  border-radius: 30px;\n  background: var(--gp-accent-gradient);\n  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  text-align: center;\n}\n\n.kpnpr-cta-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35), 0 0 0 3px rgba(16, 185, 129, 0.15);\n}\n\n.kpnpr-cta-button:active {\n  transform: translateY(0);\n}\n\n\/* Actions Wrapper *\/\n.kpnpr-header-actions {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n}\n\n\/* Burger Button *\/\n.kpnpr-burger-btn {\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 22px;\n  height: 16px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  z-index: 10005;\n  outline: none;\n}\n\n.kpnpr-burger-line {\n  width: 100%;\n  height: 2px;\n  background-color: var(--gp-text-primary);\n  border-radius: 2px;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), \n              opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* Burger Animation to 'X' *\/\n.kpnpr-burger-btn.active .line-1 {\n  transform: translateY(7px) rotate(45deg);\n}\n\n.kpnpr-burger-btn.active .line-2 {\n  opacity: 0;\n  transform: scaleX(0);\n}\n\n.kpnpr-burger-btn.active .line-3 {\n  transform: translateY(-7px) rotate(-45deg);\n}\n\n\/* Mobile Drawer Overlay *\/\n.kpnpr-mobile-drawer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 10000;\n  visibility: hidden;\n  transition: visibility 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-mobile-drawer.active {\n  visibility: visible;\n}\n\n.kpnpr-mobile-drawer-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(4, 6, 10, 0.4);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  opacity: 0;\n  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-mobile-drawer.active .kpnpr-mobile-drawer-backdrop {\n  opacity: 1;\n}\n\n.kpnpr-drawer-inner {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100%;\n  background-color: rgba(9, 14, 25, 0.95);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border-left: 1px solid var(--gp-border-color);\n  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);\n  transform: translateX(100%);\n  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 6.5rem 2rem 3rem 2rem;\n}\n\n.kpnpr-mobile-drawer.active .kpnpr-drawer-inner {\n  transform: translateX(0);\n}\n\n\/* Mobile Nav Styles *\/\n.kpnpr-mobile-nav {\n  margin-bottom: 2rem;\n}\n\n.kpnpr-mobile-nav-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.kpnpr-mobile-nav-link {\n  font-size: 1.35rem;\n  font-weight: 600;\n  color: var(--gp-text-secondary);\n  text-decoration: none;\n  display: block;\n  transition: color 0.3s ease;\n}\n\n.kpnpr-mobile-nav-link.active,\n.kpnpr-mobile-nav-link:hover {\n  color: var(--gp-text-primary);\n}\n\n\/* Mobile Submenu Trigger Button *\/\n.kpnpr-mobile-submenu-trigger {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-family: inherit;\n  font-size: 1.35rem;\n  font-weight: 600;\n  color: var(--gp-text-secondary);\n  background: none;\n  border: none;\n  padding: 0;\n  text-align: left;\n  cursor: pointer;\n  transition: color 0.3s ease;\n  outline: none;\n}\n\n.kpnpr-mobile-submenu-trigger:hover,\n.kpnpr-mobile-submenu-trigger.active {\n  color: var(--gp-text-primary);\n}\n\n.kpnpr-mobile-submenu-trigger .kpnpr-chevron-icon {\n  width: 12px;\n  height: 12px;\n  stroke: var(--gp-text-secondary);\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.kpnpr-mobile-submenu-trigger.active .kpnpr-chevron-icon {\n  transform: rotate(180deg);\n  stroke: var(--gp-text-primary);\n}\n\n\/* Mobile Submenu List *\/\n.kpnpr-mobile-submenu {\n  list-style: none;\n  padding: 0 0 0 1rem;\n  margin: 0;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), margin 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.kpnpr-mobile-submenu-trigger.active + .kpnpr-mobile-submenu {\n  margin-top: 0.85rem;\n}\n\n.kpnpr-mobile-submenu-link {\n  font-size: 1.05rem;\n  font-weight: 500;\n  color: var(--gp-text-muted);\n  text-decoration: none;\n  display: block;\n  transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.kpnpr-mobile-submenu-link:hover {\n  color: var(--gp-text-primary);\n  transform: translateX(4px);\n}\n\n.kpnpr-cta-block {\n  width: 100%;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n  .kpnpr-header-container {\n    padding: 1rem 1.5rem;\n  }\n  \n  .kpnpr-desktop-nav {\n    display: none;\n  }\n  \n  .kpnpr-burger-btn {\n    display: flex;\n  }\n}\n\n@media (max-width: 480px) {\n  .kpnpr-drawer-inner {\n    width: 100vw;\n  }\n  \n  .kpnpr-header-actions .kpnpr-cta-button {\n    display: none; \/* Hide desktop button on tiny screens *\/\n  }\n  \n  .kpnpr-drawer-content {\n    padding-inline: 1.5rem;\n  }\n}\n    \n    \/* --- HERO CSS --- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap');\n\n.kpnpr-hero {\n  --color-bg: #070a13;\n  --color-primary: #3b82f6;\n  --color-primary-glow: rgba(59, 130, 246, 0.35);\n  --color-cyan: #06b6d4;\n  --color-cyan-glow: rgba(6, 182, 212, 0.35);\n  --color-green: #10b981;\n  --color-green-glow: rgba(16, 185, 129, 0.25);\n  --color-orange: #ef4444;\n  --color-text-main: #f8fafc;\n  --color-text-muted: #94a3b8;\n  --font-family: 'Outfit', 'Noto Sans Thai', sans-serif;\n\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-bg);\n  background-image: \n    linear-gradient(180deg, rgba(7, 10, 19, 0.8) 0%, rgba(7, 10, 19, 0.95) 100%),\n    url('https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/hero_bg-1.webp');\n  background-size: cover;\n  background-position: center;\n  font-family: var(--font-family);\n  color: var(--color-text-main);\n  padding: 100px 24px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n\/* Background Glowing Orbs *\/\n.kpnpr-hero .hero-glow-1 {\n  position: absolute;\n  top: -10%;\n  right: -5%;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.kpnpr-hero .hero-glow-2 {\n  position: absolute;\n  bottom: -10%;\n  left: -5%;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  background: radial-gradient(circle, var(--color-cyan-glow) 0%, transparent 70%);\n  filter: blur(100px);\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* Container *\/\n.kpnpr-hero .hero-container {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 48px;\n  align-items: center;\n  z-index: 2;\n  box-sizing: border-box;\n}\n\n\/* Left Content Column *\/\n.kpnpr-hero .hero-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n}\n\n\/* Badge style *\/\n.kpnpr-hero .hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  padding: 8px 16px;\n  border-radius: 100px;\n  margin-bottom: 24px;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n}\n\n.kpnpr-hero .hero-badge:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n  background: rgba(255, 255, 255, 0.08);\n  transform: translateY(-2px);\n}\n\n.kpnpr-hero .badge-dot {\n  width: 8px;\n  height: 8px;\n  background-color: var(--color-green);\n  border-radius: 50%;\n  box-shadow: 0 0 12px var(--color-green);\n  display: inline-block;\n  animation: pulse-green 2s infinite;\n}\n\n.kpnpr-hero .badge-text {\n  font-size: 0.8rem;\n  font-weight: 600;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: var(--color-text-main);\n}\n\n\/* Typography styles *\/\n.kpnpr-hero .hero-title {\n  font-size: clamp(2.2rem, 4vw, 3.2rem);\n  font-weight: 800;\n  line-height: 1.25;\n  margin: 0 0 24px 0;\n  letter-spacing: -0.02em;\n}\n\n.kpnpr-hero .gradient-text {\n  background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  display: inline-block;\n}\n\n.kpnpr-hero .hero-description {\n  font-size: clamp(1rem, 1.1vw, 1.2rem);\n  line-height: 1.7;\n  color: var(--color-text-muted);\n  margin-bottom: 40px;\n  max-width: 600px;\n  font-weight: 400;\n}\n\n\/* Button styles *\/\n.kpnpr-hero .hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.kpnpr-hero .btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 14px 28px;\n  font-size: 1rem;\n  font-weight: 600;\n  border-radius: 12px;\n  text-decoration: none;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: pointer;\n  box-sizing: border-box;\n}\n\n.kpnpr-hero .btn-primary {\n  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-cyan) 100%);\n  color: #fff;\n  border: none;\n  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.35);\n  position: relative;\n  overflow: hidden;\n}\n\n.kpnpr-hero .btn-primary::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -50%;\n  width: 200%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n  transform: skewX(-20deg);\n  transition: 0.75s;\n}\n\n.kpnpr-hero .btn-primary:hover::after {\n  left: 120%;\n}\n\n.kpnpr-hero .btn-primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 30px rgba(59, 130, 246, 0.55);\n}\n\n.kpnpr-hero .btn-secondary {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  color: var(--color-text-main);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.kpnpr-hero .btn-secondary:hover {\n  background: rgba(255, 255, 255, 0.08);\n  border-color: rgba(255, 255, 255, 0.2);\n  transform: translateY(-3px);\n}\n\n\/* Glassmorphism Panels *\/\n.kpnpr-hero .glass-panel {\n  background: rgba(15, 23, 42, 0.45);\n  backdrop-filter: blur(16px) saturate(180%);\n  -webkit-backdrop-filter: blur(16px) saturate(180%);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 24px;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);\n}\n\n\/* Right Dashboard Column *\/\n.kpnpr-hero .hero-dashboard {\n  position: relative;\n  width: 100%;\n  height: 520px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  perspective: 1000px;\n  box-sizing: border-box;\n}\n\n.kpnpr-hero .main-dashboard {\n  width: 100%;\n  max-width: 440px;\n  padding: 32px;\n  z-index: 2;\n  transition: transform 0.1s ease-out;\n  transform-style: preserve-3d;\n  background: linear-gradient(145deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.4) 100%);\n  box-sizing: border-box;\n}\n\n.kpnpr-hero .dashboard-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 32px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n  padding-bottom: 16px;\n}\n\n.kpnpr-hero .dashboard-brand-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 700;\n  font-size: 0.95rem;\n}\n\n.kpnpr-hero .brand-huawei {\n  color: var(--color-orange);\n}\n\n.kpnpr-hero .brand-separator {\n  color: var(--color-text-muted);\n}\n\n.kpnpr-hero .brand-deye {\n  color: var(--color-cyan);\n}\n\n.kpnpr-hero .pulse-indicator {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(16, 185, 129, 0.1);\n  padding: 6px 12px;\n  border-radius: 100px;\n  border: 1px solid rgba(16, 185, 129, 0.2);\n}\n\n.kpnpr-hero .pulse-dot {\n  width: 6px;\n  height: 6px;\n  background-color: var(--color-green);\n  border-radius: 50%;\n  animation: pulse-green 1.5s infinite;\n}\n\n.kpnpr-hero .pulse-text {\n  font-size: 0.75rem;\n  color: var(--color-green);\n  font-weight: 600;\n  text-transform: uppercase;\n}\n\n\/* Inverter Stat Blocks *\/\n.kpnpr-hero .inverter-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n\n.kpnpr-hero .inverter-stat {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.kpnpr-hero .stat-meta {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.kpnpr-hero .stat-label {\n  font-size: 0.8rem;\n  color: var(--color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.kpnpr-hero .stat-percentage {\n  font-size: 1.6rem;\n  font-weight: 700;\n  color: var(--color-text-main);\n  font-family: 'Outfit', sans-serif;\n}\n\n.kpnpr-hero .stat-progress-bar {\n  width: 100%;\n  height: 6px;\n  background: rgba(255, 255, 255, 0.05);\n  border-radius: 10px;\n  overflow: hidden;\n  position: relative;\n}\n\n.kpnpr-hero .stat-progress-bar .progress {\n  height: 100%;\n  background: linear-gradient(90deg, var(--color-primary), var(--color-cyan));\n  border-radius: 10px;\n}\n\n.kpnpr-hero .animated-progress {\n  animation: progress-slide 3s ease-in-out infinite alternate;\n}\n\n\/* Shoes Info Card within Dashboard *\/\n.kpnpr-hero .shoes-card-inner {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  padding: 16px;\n  border-radius: 16px;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n\n.kpnpr-hero .shoes-card-inner:hover {\n  background: rgba(255, 255, 255, 0.05);\n  border-color: rgba(255, 255, 255, 0.12);\n  transform: translateY(-2px);\n}\n\n.kpnpr-hero .shoes-icon-wrap {\n  width: 40px;\n  height: 40px;\n  background: rgba(59, 130, 246, 0.12);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-primary);\n  flex-shrink: 0;\n}\n\n.kpnpr-hero .shoes-icon {\n  width: 22px;\n  height: 22px;\n  stroke: var(--color-cyan);\n}\n\n.kpnpr-hero .shoes-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  text-align: left;\n}\n\n.kpnpr-hero .shoes-title {\n  font-size: 0.9rem;\n  font-weight: 600;\n  color: var(--color-text-main);\n}\n\n.kpnpr-hero .shoes-meta {\n  font-size: 0.75rem;\n  color: var(--color-text-muted);\n}\n\n\/* Floating Cards styling *\/\n.kpnpr-hero .floating-card {\n  position: absolute;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  border-radius: 16px;\n  z-index: 3;\n  width: 220px;\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n\n.kpnpr-hero .floating-card:hover {\n  border-color: rgba(255, 255, 255, 0.25);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n}\n\n.kpnpr-hero .f-card-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.kpnpr-hero .f-card-icon.text-success {\n  background: rgba(16, 185, 129, 0.15);\n  color: var(--color-green);\n}\n\n.kpnpr-hero .f-card-icon.text-info {\n  background: rgba(6, 182, 212, 0.15);\n  color: var(--color-cyan);\n}\n\n.kpnpr-hero .f-card-icon.text-warning {\n  background: rgba(249, 115, 22, 0.15);\n  color: #fb923c;\n}\n\n.kpnpr-hero .f-card-text {\n  text-align: left;\n}\n\n.kpnpr-hero .f-card-text h4 {\n  font-size: 0.85rem;\n  font-weight: 700;\n  margin: 0 0 2px 0;\n  color: var(--color-text-main);\n}\n\n.kpnpr-hero .f-card-text p {\n  font-size: 0.7rem;\n  margin: 0;\n  color: var(--color-text-muted);\n}\n\n\/* Absolute Positioning of Floating Cards for Desktop *\/\n.kpnpr-hero .card-genuine {\n  top: 10%;\n  left: -12%;\n}\n\n.kpnpr-hero .card-delivery {\n  bottom: 8%;\n  right: -12%;\n}\n\n.kpnpr-hero .card-support {\n  top: 55%;\n  left: -20%;\n}\n\n\/* Animations *\/\n@keyframes pulse-green {\n  0% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);\n  }\n  70% {\n    transform: scale(1);\n    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);\n  }\n  100% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);\n  }\n}\n\n@keyframes progress-slide {\n  0% {\n    width: 60%;\n  }\n  100% {\n    width: 82.4%;\n  }\n}\n\n\/* Entry Animations *\/\n.kpnpr-hero .animate-fade-in-up {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.kpnpr-hero .delay-1 {\n  animation-delay: 0.15s;\n}\n\n.kpnpr-hero .delay-2 {\n  animation-delay: 0.3s;\n}\n\n.kpnpr-hero .delay-3 {\n  animation-delay: 0.45s;\n}\n\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Floating Animations *\/\n.kpnpr-hero .animate-float-slow {\n  animation: float 6s ease-in-out infinite;\n}\n\n.kpnpr-hero .animate-float-medium {\n  animation: float 4.5s ease-in-out infinite 0.75s;\n}\n\n.kpnpr-hero .animate-float-fast {\n  animation: float 3.5s ease-in-out infinite 1.5s;\n}\n\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 1200px) {\n  .kpnpr-hero .hero-dashboard {\n    height: 480px;\n  }\n  .kpnpr-hero .card-genuine {\n    left: -5%;\n  }\n  .kpnpr-hero .card-delivery {\n    right: -5%;\n  }\n  .kpnpr-hero .card-support {\n    left: -10%;\n  }\n}\n\n@media (max-width: 1024px) {\n  .kpnpr-hero {\n    padding: 120px 24px 80px 24px;\n    min-height: auto;\n  }\n  \n  .kpnpr-hero .hero-container {\n    grid-template-columns: 1fr;\n    gap: 60px;\n    text-align: center;\n  }\n  \n  .kpnpr-hero .hero-content {\n    align-items: center;\n    text-align: center;\n  }\n  \n  .kpnpr-hero .hero-description {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .kpnpr-hero .hero-actions {\n    justify-content: center;\n  }\n  \n  .kpnpr-hero .hero-dashboard {\n    height: auto;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n    perspective: none;\n  }\n  \n  .kpnpr-hero .main-dashboard {\n    max-width: 440px;\n    transform: none !important; \/* disable parallax on mobile\/tablet *\/\n  }\n  \n  .kpnpr-hero .floating-card {\n    position: static;\n    width: 100%;\n    max-width: 440px;\n    animation: none !important; \/* disable float on mobile *\/\n  }\n}\n    \n    \/* --- CORE CONTENT CSS --- *\/\n    \/* Reset & Base Utilities *\/\n:root {\n  --color-deye-primary: #10B981;\n  --color-deye-dark: #047857;\n  --color-deye-glow: rgba(16, 185, 129, 0.2);\n  \n  --color-huawei-primary: #EF4444;\n  --color-huawei-dark: #B91C1C;\n  --color-huawei-glow: rgba(239, 68, 68, 0.15);\n  \n  --color-shoes-primary: #F97316;\n  --color-shoes-dark: #C2410C;\n  --color-shoes-glow: rgba(249, 115, 22, 0.2);\n  \n  --color-text-main: #F8FAFC;\n  --color-text-secondary: #94A3B8;\n  \n  --bg-dark-accent: #0F172A;\n  --bg-dark-card: #1E293B;\n  --border-card: rgba(255, 255, 255, 0.08);\n}\n\n.section-padding {\n  padding: 8rem 0;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.badge {\n  display: inline-block;\n  padding: 0.5rem 1.2rem;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 100px;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--color-text-main);\n  margin-bottom: 1.5rem;\n}\n\n.deye-badge {\n  background: rgba(16, 185, 129, 0.1);\n  border-color: rgba(16, 185, 129, 0.3);\n  color: var(--color-deye-primary);\n}\n\n.huawei-badge {\n  background: rgba(239, 68, 68, 0.1);\n  border-color: rgba(239, 68, 68, 0.3);\n  color: var(--color-huawei-primary);\n}\n\n.shoes-badge {\n  background: rgba(249, 115, 22, 0.1);\n  border-color: rgba(249, 115, 22, 0.3);\n  color: var(--color-shoes-primary);\n}\n\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 800;\n  line-height: 1.25;\n  margin-bottom: 1.5rem;\n  background: linear-gradient(135deg, #FFF 0%, #CBD5E1 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.section-subtitle {\n  font-size: 1.15rem;\n  color: var(--color-text-secondary);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* Business Summary Cards *\/\n.business-cards-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2.5rem;\n  margin-top: 5rem;\n}\n\n.business-summary-card {\n  background: var(--bg-dark-card);\n  border: 1px solid var(--border-card);\n  border-radius: 24px;\n  padding: 3rem;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  position: relative;\n  overflow: hidden;\n}\n\n.business-summary-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 100%);\n  z-index: 1;\n}\n\n.business-summary-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(255, 255, 255, 0.18);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n}\n\n.icon-wrap {\n  width: 60px;\n  height: 60px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.75rem;\n  margin-bottom: 2rem;\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.icon-wrap.deye-theme {\n  color: var(--color-deye-primary);\n  background: rgba(16, 185, 129, 0.1);\n  border: 1px solid rgba(16, 185, 129, 0.2);\n}\n\n.icon-wrap.huawei-theme {\n  color: var(--color-huawei-primary);\n  background: rgba(239, 68, 68, 0.1);\n  border: 1px solid rgba(239, 68, 68, 0.2);\n}\n\n.icon-wrap.shoes-theme {\n  color: var(--color-shoes-primary);\n  background: rgba(249, 115, 22, 0.1);\n  border: 1px solid rgba(249, 115, 22, 0.2);\n}\n\n.business-summary-card h3 {\n  font-size: 1.4rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.business-summary-card p {\n  color: var(--color-text-secondary);\n  font-size: 0.95rem;\n  line-height: 1.6;\n  margin-bottom: 2rem;\n}\n\n.read-more {\n  font-size: 0.9rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: opacity 0.3s;\n}\n\n.business-summary-card:nth-child(1) .read-more { color: var(--color-deye-primary); }\n.business-summary-card:nth-child(2) .read-more { color: var(--color-huawei-primary); }\n.business-summary-card:nth-child(3) .read-more { color: var(--color-shoes-primary); }\n.read-more:hover { opacity: 0.8; }\n\n\/* Grid Layout Utilities *\/\n.grid {\n  display: grid;\n  gap: 4rem;\n  align-items: center;\n}\n\n.grid-2 {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.dark-bg {\n  background: var(--bg-dark-accent);\n}\n\n\/* Feature Lists *\/\n.desc {\n  color: var(--color-text-secondary);\n  font-size: 1.1rem;\n  line-height: 1.7;\n  margin-bottom: 2.5rem;\n}\n\n.tagline {\n  font-size: 1.25rem;\n  font-style: italic;\n  font-weight: 600;\n  color: var(--color-shoes-primary);\n  margin-bottom: 1.5rem;\n  border-left: 3px solid var(--color-shoes-primary);\n  padding-left: 1.2rem;\n}\n\n.feature-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 3rem 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1.8rem;\n}\n\n.feature-list li {\n  display: flex;\n  gap: 1.2rem;\n  align-items: flex-start;\n}\n\n.check-icon {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.8rem;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n\n.deye-section .check-icon { background: rgba(16, 185, 129, 0.1); color: var(--color-deye-primary); }\n.huawei-section .check-icon { background: rgba(239, 68, 68, 0.1); color: var(--color-huawei-primary); }\n.shoes-section .check-icon { background: rgba(249, 115, 22, 0.1); color: var(--color-shoes-primary); }\n\n.feature-list strong {\n  display: block;\n  font-size: 1.05rem;\n  margin-bottom: 0.4rem;\n  color: var(--color-text-main);\n}\n\n.feature-list p {\n  color: var(--color-text-secondary);\n  font-size: 0.92rem;\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Image Wrappers *\/\n.image-side {\n  display: flex;\n  justify-content: center;\n}\n\n.image-wrapper {\n  position: relative;\n  border-radius: 32px;\n  overflow: hidden;\n  border: 1px solid var(--border-card);\n  background: var(--bg-dark-card);\n  padding: 1.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: 480px;\n  aspect-ratio: 1;\n}\n\n.image-wrapper::before {\n  content: '';\n  position: absolute;\n  width: 150%;\n  height: 150%;\n  background: radial-gradient(circle, var(--glow-color) 0%, transparent 70%);\n  opacity: 0.12;\n  pointer-events: none;\n}\n\n.glow-deye { --glow-color: var(--color-deye-primary); }\n.glow-huawei { --glow-color: var(--color-huawei-primary); }\n.glow-shoes { --glow-color: var(--color-shoes-primary); }\n\n.product-img {\n  width: 85%;\n  height: 85%;\n  object-fit: contain;\n  border-radius: 20px;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 2;\n}\n\n.image-wrapper:hover .product-img {\n  transform: scale(1.04) rotate(1deg);\n}\n\n.image-badge, .image-badge-shoes {\n  position: absolute;\n  bottom: 2rem;\n  right: 2rem;\n  background: rgba(15, 23, 42, 0.85);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid var(--border-card);\n  border-radius: 16px;\n  padding: 1rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 3;\n}\n\n.image-badge-shoes {\n  left: 2rem;\n  right: auto;\n  align-items: flex-start;\n}\n\n.badge-num, .badge-price {\n  font-size: 1.15rem;\n  font-weight: 800;\n  line-height: 1;\n  margin-bottom: 0.3rem;\n}\n\n.badge-num { color: var(--color-deye-primary); }\n.badge-price { color: var(--color-shoes-primary); }\n\n.badge-lbl, .badge-qty {\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  font-weight: 700;\n  color: var(--color-text-secondary);\n}\n\n\/* Action Buttons *\/\n.action-buttons {\n  display: flex;\n  gap: 1.5rem;\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2.2rem;\n  border-radius: 14px;\n  font-size: 1rem;\n  font-weight: 700;\n  text-decoration: none;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.btn-deye {\n  background: var(--color-deye-primary);\n  color: #000;\n}\n\n.btn-deye:hover {\n  background: #FFF;\n  box-shadow: 0 10px 20px var(--color-deye-glow);\n  transform: translateY(-2px);\n}\n\n.btn-huawei {\n  background: var(--color-huawei-primary);\n  color: #FFF;\n}\n\n.btn-huawei:hover {\n  background: #FFF;\n  color: #000;\n  box-shadow: 0 10px 20px var(--color-huawei-glow);\n  transform: translateY(-2px);\n}\n\n.btn-shoes {\n  background: var(--color-shoes-primary);\n  color: #FFF;\n}\n\n.btn-shoes:hover {\n  background: #FFF;\n  color: #000;\n  box-shadow: 0 10px 20px var(--color-shoes-glow);\n  transform: translateY(-2px);\n}\n\n.btn-outline {\n  border-color: rgba(255, 255, 255, 0.15);\n  color: var(--color-text-main);\n  background: transparent;\n}\n\n.btn-outline:hover {\n  background: rgba(255, 255, 255, 0.05);\n  border-color: rgba(255, 255, 255, 0.3);\n  transform: translateY(-2px);\n}\n\n\/* Trust Factors Section *\/\n.trust-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 2.5rem;\n  margin-top: 5rem;\n}\n\n.trust-card {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid var(--border-card);\n  border-radius: 20px;\n  padding: 2.5rem;\n  transition: border-color 0.3s;\n}\n\n.trust-card:hover {\n  border-color: rgba(255, 255, 255, 0.15);\n}\n\n.trust-icon {\n  font-size: 2.2rem;\n  margin-bottom: 1.5rem;\n}\n\n.trust-card h3 {\n  font-size: 1.15rem;\n  font-weight: 700;\n  margin-bottom: 0.8rem;\n}\n\n.trust-card p {\n  color: var(--color-text-secondary);\n  font-size: 0.88rem;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* Contact\/Inquiry Form *\/\n.contact-details {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  margin-top: 3rem;\n}\n\n.detail-item {\n  display: flex;\n  gap: 1.2rem;\n  align-items: center;\n}\n\n.detail-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--border-card);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.2rem;\n  flex-shrink: 0;\n}\n\n.detail-item strong {\n  display: block;\n  font-size: 0.95rem;\n  margin-bottom: 0.2rem;\n  color: var(--color-text-secondary);\n}\n\n.detail-item p {\n  margin: 0;\n  font-size: 1.05rem;\n  font-weight: 700;\n  color: var(--color-text-main);\n}\n\n.contact-form-side {\n  display: flex;\n  justify-content: center;\n}\n\n.form-wrapper {\n  width: 100%;\n  max-width: 500px;\n  background: var(--bg-dark-card);\n  border: 1px solid var(--border-card);\n  border-radius: 28px;\n  padding: 3rem;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n}\n\n.form-wrapper h3 {\n  font-size: 1.4rem;\n  font-weight: 700;\n  margin-bottom: 2rem;\n}\n\n.form-group {\n  margin-bottom: 1.5rem;\n}\n\n.form-group label {\n  display: block;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: var(--color-text-secondary);\n  margin-bottom: 0.6rem;\n}\n\n.form-group input, .form-group select, .form-group textarea {\n  width: 100%;\n  background: rgba(15, 23, 42, 0.6);\n  border: 1px solid var(--border-card);\n  border-radius: 12px;\n  padding: 0.9rem 1.2rem;\n  font-family: inherit;\n  color: var(--color-text-main);\n  font-size: 0.95rem;\n  transition: all 0.3s;\n}\n\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n  border-color: rgba(255, 255, 255, 0.25);\n  outline: none;\n  background: rgba(15, 23, 42, 0.85);\n}\n\n.form-group select option {\n  background: var(--bg-dark-card);\n  color: var(--color-text-main);\n}\n\n.btn-submit {\n  width: 100%;\n  background: #FFF;\n  color: #000;\n  border-radius: 12px;\n  padding: 1rem;\n  margin-top: 1rem;\n}\n\n.btn-submit:hover {\n  background: rgba(255, 255, 255, 0.9);\n  transform: translateY(-1px);\n}\n\n.form-success-msg {\n  background: rgba(16, 185, 129, 0.1);\n  border: 1px solid rgba(16, 185, 129, 0.3);\n  padding: 2rem;\n  border-radius: 18px;\n  text-align: center;\n}\n\n.form-success-msg h4 {\n  color: var(--color-deye-primary);\n  font-size: 1.2rem;\n  margin-bottom: 0.5rem;\n}\n\n.form-success-msg p {\n  color: var(--color-text-secondary);\n  font-size: 0.9rem;\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hide { display: none; }\n\n\/* Responsive Media Queries (Core Part) *\/\n@media (max-width: 1024px) {\n  .business-cards-grid {\n    gap: 1.5rem;\n  }\n  .business-summary-card {\n    padding: 2rem;\n  }\n  .trust-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .section-padding {\n    padding: 5rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n  }\n  .grid-2 {\n    grid-template-columns: 1fr;\n  }\n  .grid {\n    gap: 3rem;\n  }\n  .rev-mobile {\n    direction: rtl;\n  }\n  .rev-mobile > * {\n    direction: ltr;\n  }\n  .business-cards-grid {\n    grid-template-columns: 1fr;\n    max-width: 450px;\n    margin: 4rem auto 0 auto;\n  }\n  .action-buttons {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  .btn {\n    width: 100%;\n  }\n  .image-wrapper {\n    margin: 0 auto;\n  }\n  .form-wrapper {\n    padding: 2rem;\n  }\n  .trust-grid {\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n    margin-top: 3rem;\n  }\n  .trust-card {\n    padding: 1.75rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .kpnpr-hero {\n    padding: 100px 16px 60px 16px;\n  }\n  .kpnpr-hero .hero-title {\n    font-size: 1.8rem;\n  }\n  .kpnpr-hero .hero-description {\n    font-size: 0.95rem;\n    margin-bottom: 24px;\n  }\n  .kpnpr-hero .hero-actions {\n    width: 100%;\n    flex-direction: column;\n    gap: 12px;\n  }\n}\n    \n    \/* --- FOOTER CSS --- *\/\n    .kpnpr-footer {\n  \/* Scope theme color design system with defaults matching the global CSS *\/\n  --footer-bg-dark: #0a0f1d;\n  --footer-bg-surface: #121829;\n  --footer-border-glass: rgba(255, 255, 255, 0.08);\n  --footer-color-text-primary: #f8fafc;\n  --footer-color-text-secondary: #94a3b8;\n  --footer-color-text-muted: #64748b;\n  --footer-color-inverter-primary: #10b981; \/* Emerald\/Solar green *\/\n  --footer-color-shoes-primary: #f97316; \/* High-vis safety orange *\/\n  --footer-color-primary: #3b82f6; \/* Modern Blue *\/\n  --footer-transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  --footer-transition-fast: all 0.2s ease;\n\n  background-color: var(--footer-bg-dark);\n  color: var(--footer-color-text-primary);\n  font-family: 'Outfit', sans-serif;\n  position: relative;\n  border-top: 1px solid var(--footer-border-glass);\n  overflow: hidden;\n  padding: 5rem 0 2.5rem 0;\n  z-index: 10;\n}\n\n\/* Subtle futuristic background glow effect *\/\n.kpnpr-footer::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.03) 0%, transparent 40%),\n              radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.03) 0%, transparent 40%);\n  pointer-events: none;\n}\n\n.kpnpr-footer .footer-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n.kpnpr-footer .footer-grid {\n  display: grid;\n  grid-template-columns: 2.2fr 1fr 1.8fr 2fr;\n  gap: 3.5rem;\n  margin-bottom: 4rem;\n}\n\n@media (max-width: 1024px) {\n  .kpnpr-footer .footer-grid {\n    grid-template-columns: 1.2fr 0.8fr 1fr;\n    gap: 3rem 2rem;\n  }\n  .kpnpr-footer .newsletter-col {\n    grid-column: span 3;\n    max-width: 500px;\n  }\n}\n\n@media (max-width: 768px) {\n  .kpnpr-footer .footer-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 2.5rem 2rem;\n  }\n  .kpnpr-footer .newsletter-col {\n    grid-column: span 2;\n    max-width: 100%;\n  }\n}\n\n@media (max-width: 480px) {\n  .kpnpr-footer .footer-grid {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n  }\n  .kpnpr-footer .newsletter-col {\n    grid-column: span 1;\n  }\n}\n\n.kpnpr-footer .footer-col {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n\/* Brand Section Styling *\/\n.kpnpr-footer .footer-logo {\n  font-size: 2.2rem;\n  font-weight: 800;\n  color: #fff;\n  letter-spacing: -0.5px;\n  display: inline-block;\n  text-decoration: none;\n}\n\n.kpnpr-footer .footer-logo span {\n  background: linear-gradient(135deg, var(--footer-color-inverter-primary) 0%, var(--footer-color-primary) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.kpnpr-footer .brand-desc {\n  color: var(--footer-color-text-secondary);\n  font-size: 0.95rem;\n  line-height: 1.6;\n}\n\n.kpnpr-footer .social-links {\n  display: flex;\n  gap: 1rem;\n  margin-top: 0.5rem;\n}\n\n.kpnpr-footer .social-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  height: 42px;\n  border-radius: 12px;\n  background-color: var(--footer-bg-surface);\n  border: 1px solid var(--footer-border-glass);\n  color: var(--footer-color-text-secondary);\n  transition: var(--footer-transition-smooth);\n  cursor: pointer;\n}\n\n.kpnpr-footer .social-icon:hover {\n  color: #fff;\n  border-color: var(--footer-color-primary);\n  background-color: rgba(59, 130, 246, 0.1);\n  transform: translateY(-3px);\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n}\n\n\/* Headings Styling *\/\n.kpnpr-footer .footer-col h3 {\n  font-size: 1.2rem;\n  font-weight: 600;\n  color: #fff;\n  position: relative;\n  padding-bottom: 0.8rem;\n  margin: 0;\n}\n\n.kpnpr-footer .footer-col h3::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 35px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--footer-color-inverter-primary), var(--footer-color-primary));\n  border-radius: 2px;\n}\n\n\/* Links Styling *\/\n.kpnpr-footer .links-col ul {\n  display: flex;\n  flex-direction: column;\n  gap: 0.8rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.kpnpr-footer .links-col a {\n  color: var(--footer-color-text-secondary);\n  font-size: 0.95rem;\n  text-decoration: none;\n  transition: var(--footer-transition-fast);\n  display: inline-block;\n}\n\n.kpnpr-footer .links-col a:hover {\n  color: var(--footer-color-inverter-primary);\n  transform: translateX(5px);\n}\n\n\/* Contact Info Styling *\/\n.kpnpr-footer .contact-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1.2rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.kpnpr-footer .contact-info li {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  color: var(--footer-color-text-secondary);\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.kpnpr-footer .contact-info a {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  color: var(--footer-color-text-secondary);\n  text-decoration: none;\n  transition: var(--footer-transition-fast);\n}\n\n.kpnpr-footer .contact-info a:hover {\n  color: #fff;\n}\n\n.kpnpr-footer .contact-icon {\n  flex-shrink: 0;\n  color: var(--footer-color-inverter-primary);\n  margin-top: 0.2rem;\n  transition: var(--footer-transition-fast);\n}\n\n.kpnpr-footer .contact-info a:hover .contact-icon {\n  color: var(--footer-color-shoes-primary);\n  transform: scale(1.1);\n}\n\n\/* Newsletter Signup Form styling *\/\n.kpnpr-footer .newsletter-desc {\n  color: var(--footer-color-text-secondary);\n  font-size: 0.95rem;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.kpnpr-footer .footer-newsletter-form {\n  margin-top: 0.5rem;\n}\n\n.kpnpr-footer .form-group {\n  display: flex;\n  background-color: var(--footer-bg-surface);\n  border: 1px solid var(--footer-border-glass);\n  border-radius: 14px;\n  padding: 0.25rem;\n  transition: var(--footer-transition-smooth);\n}\n\n.kpnpr-footer .form-group:focus-within {\n  border-color: var(--footer-color-primary);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n}\n\n.kpnpr-footer .form-group input {\n  flex-grow: 1;\n  background: none;\n  border: none;\n  outline: none;\n  padding: 0.75rem 1rem;\n  color: #fff;\n  font-family: inherit;\n  font-size: 0.95rem;\n}\n\n.kpnpr-footer .form-group input::placeholder {\n  color: var(--footer-color-text-muted);\n}\n\n.kpnpr-footer .form-group button {\n  background: linear-gradient(135deg, var(--footer-color-inverter-primary) 0%, var(--footer-color-primary) 100%);\n  border: none;\n  outline: none;\n  color: #fff;\n  width: 44px;\n  height: 44px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: var(--footer-transition-smooth);\n}\n\n.kpnpr-footer .form-group button:hover {\n  transform: scale(1.03);\n  filter: brightness(1.15);\n}\n\n.kpnpr-footer .form-group button svg {\n  transition: var(--footer-transition-smooth);\n}\n\n.kpnpr-footer .form-group button:hover svg {\n  transform: translateX(3px) rotate(-10deg);\n}\n\n.kpnpr-footer .form-feedback {\n  font-size: 0.85rem;\n  margin-top: 0.6rem;\n  min-height: 1.25rem;\n  transition: var(--footer-transition-fast);\n  opacity: 0;\n}\n\n.kpnpr-footer .form-feedback.success {\n  color: var(--footer-color-inverter-primary);\n  opacity: 1;\n}\n\n.kpnpr-footer .form-feedback.error {\n  color: #ef4444;\n  opacity: 1;\n}\n\n\/* Footer Bottom Area *\/\n.kpnpr-footer .footer-bottom {\n  border-top: 1px solid var(--footer-border-glass);\n  padding-top: 2rem;\n  margin-top: 2rem;\n}\n\n.kpnpr-footer .footer-bottom-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.kpnpr-footer .copyright {\n  color: var(--footer-color-text-muted);\n  font-size: 0.9rem;\n  margin: 0;\n}\n\n.kpnpr-footer .footer-bottom-links {\n  display: flex;\n  gap: 1.5rem;\n}\n\n.kpnpr-footer .footer-bottom-links a {\n  color: var(--footer-color-text-muted);\n  font-size: 0.9rem;\n  text-decoration: none;\n  transition: var(--footer-transition-fast);\n}\n\n.kpnpr-footer .footer-bottom-links a:hover {\n  color: var(--footer-color-text-secondary);\n}\n\n@media (max-width: 768px) {\n  .kpnpr-footer .footer-bottom-content {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* Scroll To Top Button *\/\n.kpnpr-footer .scroll-to-top {\n  position: fixed;\n  bottom: 2rem;\n  right: 2rem;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background-color: var(--footer-bg-surface);\n  border: 1px solid var(--footer-border-glass);\n  color: var(--footer-color-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: var(--footer-transition-smooth);\n  opacity: 0;\n  visibility: hidden;\n  z-index: 999;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n}\n\n.kpnpr-footer .scroll-to-top.visible {\n  opacity: 1;\n  visibility: visible;\n}\n\n.kpnpr-footer .scroll-to-top:hover {\n  color: #fff;\n  border-color: var(--footer-color-inverter-primary);\n  background-color: rgba(16, 185, 129, 0.15);\n  transform: translateY(-5px);\n  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);\n}\n\n.kpnpr-footer .scroll-to-top svg {\n  transition: var(--footer-transition-smooth);\n}\n\n.kpnpr-footer .scroll-to-top:hover svg {\n  transform: translateY(-2px);\n}\n<\/style>\n<header class=\"kpnpr-header-wrapper\" id=\"kpnprHeader\">\n  <div class=\"kpnpr-header-container\">\n    <!-- Logo -->\n    <a href=\"#\" class=\"kpnpr-logo\">\n      <svg class=\"kpnpr-logo-icon\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M16 2L2 9L16 16L30 9L16 2Z\" fill=\"url(#kpnpr-logo-grad-1)\"\/>\n        <path d=\"M2 16L16 23L30 16\" stroke=\"url(#kpnpr-logo-grad-2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <path d=\"M2 23L16 30L30 23\" stroke=\"url(#kpnpr-logo-grad-2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <defs>\n          <linearGradient id=\"kpnpr-logo-grad-1\" x1=\"2\" y1=\"2\" x2=\"30\" y2=\"16\" gradientUnits=\"userSpaceOnUse\">\n            <stop offset=\"0%\" stop-color=\"#10B981\" \/> <!-- Emerald -->\n            <stop offset=\"100%\" stop-color=\"#3B82F6\" \/> <!-- Blue -->\n          <\/linearGradient>\n          <linearGradient id=\"kpnpr-logo-grad-2\" x1=\"2\" y1=\"16\" x2=\"30\" y2=\"30\" gradientUnits=\"userSpaceOnUse\">\n            <stop offset=\"0%\" stop-color=\"#10B981\" \/>\n            <stop offset=\"100%\" stop-color=\"#3B82F6\" \/>\n          <\/linearGradient>\n        <\/defs>\n      <\/svg>\n      <span class=\"kpnpr-logo-text\">KPNPR<\/span>\n    <\/a>\n\n    <!-- Desktop Navigation -->\n    <nav class=\"kpnpr-desktop-nav\">\n      <ul class=\"kpnpr-nav-list\">\n        <li class=\"kpnpr-nav-item\">\n          <a href=\"#home\" class=\"kpnpr-nav-link active\">Home<\/a>\n        <\/li>\n        \n        <li class=\"kpnpr-nav-item kpnpr-has-dropdown\">\n          <a href=\"#inverters\" class=\"kpnpr-nav-link\">\n            Inverters\n            <svg class=\"kpnpr-chevron-icon\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <ul class=\"kpnpr-dropdown\">\n            <li><a href=\"https:\/\/kpnpr.co.th\/?product_cat=deye-inverter\" class=\"kpnpr-dropdown-link\">Deye Inverters<\/a><\/li>\n            <li><a href=\"#huawei-inverters\" class=\"kpnpr-dropdown-link\">Huawei Inverters<\/a><\/li>\n            <li><a href=\"#energy-storage\" class=\"kpnpr-dropdown-link\">Smart Storage Systems<\/a><\/li>\n            <li><a href=\"#accessories\" class=\"kpnpr-dropdown-link\">Accessories &#038; Parts<\/a><\/li>\n          <\/ul>\n        <\/li>\n\n        <li class=\"kpnpr-nav-item kpnpr-has-dropdown\">\n          <a href=\"#safety-shoes\" class=\"kpnpr-nav-link\">\n            Safety Shoes\n            <svg class=\"kpnpr-chevron-icon\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <ul class=\"kpnpr-dropdown\">\n            <li><a href=\"#steel-toe\" class=\"kpnpr-dropdown-link\">Steel Toe Series<\/a><\/li>\n            <li><a href=\"#composite-toe\" class=\"kpnpr-dropdown-link\">Composite Toe Series<\/a><\/li>\n            <li><a href=\"#tactical-workwear\" class=\"kpnpr-dropdown-link\">Tactical &#038; Workwear<\/a><\/li>\n          <\/ul>\n        <\/li>\n\n        <li class=\"kpnpr-nav-item kpnpr-has-dropdown\">\n          <a href=\"#corporate\" class=\"kpnpr-nav-link\">\n            Corporate\n            <svg class=\"kpnpr-chevron-icon\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <ul class=\"kpnpr-dropdown\">\n            <li><a href=\"#about-us\" class=\"kpnpr-dropdown-link\">About Us<\/a><\/li>\n            <li><a href=\"#csr\" class=\"kpnpr-dropdown-link\">CSR Initiatives<\/a><\/li>\n            <li><a href=\"#contact\" class=\"kpnpr-dropdown-link\">Contact &#038; Support<\/a><\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/nav>\n\n    <!-- Header Actions -->\n    <div class=\"kpnpr-header-actions\">\n      <a href=\"#quote\" class=\"kpnpr-cta-button\">Get a Quote<\/a>\n      \n      <!-- Mobile Burger Button -->\n      <button class=\"kpnpr-burger-btn\" aria-label=\"Toggle Menu\" id=\"kpnprBurgerBtn\">\n        <span class=\"kpnpr-burger-line line-1\"><\/span>\n        <span class=\"kpnpr-burger-line line-2\"><\/span>\n        <span class=\"kpnpr-burger-line line-3\"><\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Mobile Overlay Drawer -->\n  <div class=\"kpnpr-mobile-drawer\" id=\"kpnprMobileDrawer\">\n    <div class=\"kpnpr-mobile-drawer-backdrop\" id=\"kpnprDrawerBackdrop\"><\/div>\n    <div class=\"kpnpr-drawer-inner\">\n      <nav class=\"kpnpr-mobile-nav\">\n        <ul class=\"kpnpr-mobile-nav-list\">\n          <li class=\"kpnpr-mobile-nav-item\">\n            <a href=\"#home\" class=\"kpnpr-mobile-nav-link active\">Home<\/a>\n          <\/li>\n          \n          <li class=\"kpnpr-mobile-nav-item kpnpr-mobile-has-submenu\">\n            <button class=\"kpnpr-mobile-submenu-trigger\">\n              <span>Inverters<\/span>\n              <svg class=\"kpnpr-chevron-icon\" width=\"12\" height=\"8\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <ul class=\"kpnpr-mobile-submenu\">\n              <li><a href=\"https:\/\/kpnpr.co.th\/?product_cat=deye-inverter\" class=\"kpnpr-mobile-submenu-link\">Deye Inverters<\/a><\/li>\n              <li><a href=\"#huawei-inverters\" class=\"kpnpr-mobile-submenu-link\">Huawei Inverters<\/a><\/li>\n              <li><a href=\"#energy-storage\" class=\"kpnpr-mobile-submenu-link\">Smart Storage Systems<\/a><\/li>\n              <li><a href=\"#accessories\" class=\"kpnpr-mobile-submenu-link\">Accessories &#038; Parts<\/a><\/li>\n            <\/ul>\n          <\/li>\n\n          <li class=\"kpnpr-mobile-nav-item kpnpr-mobile-has-submenu\">\n            <button class=\"kpnpr-mobile-submenu-trigger\">\n              <span>Safety Shoes<\/span>\n              <svg class=\"kpnpr-chevron-icon\" width=\"12\" height=\"8\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <ul class=\"kpnpr-mobile-submenu\">\n              <li><a href=\"#steel-toe\" class=\"kpnpr-mobile-submenu-link\">Steel Toe Series<\/a><\/li>\n              <li><a href=\"#composite-toe\" class=\"kpnpr-mobile-submenu-link\">Composite Toe Series<\/a><\/li>\n              <li><a href=\"#tactical-workwear\" class=\"kpnpr-mobile-submenu-link\">Tactical &#038; Workwear<\/a><\/li>\n            <\/ul>\n          <\/li>\n\n          <li class=\"kpnpr-mobile-nav-item kpnpr-mobile-has-submenu\">\n            <button class=\"kpnpr-mobile-submenu-trigger\">\n              <span>Corporate<\/span>\n              <svg class=\"kpnpr-chevron-icon\" width=\"12\" height=\"8\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/button>\n            <ul class=\"kpnpr-mobile-submenu\">\n              <li><a href=\"#about-us\" class=\"kpnpr-mobile-submenu-link\">About Us<\/a><\/li>\n              <li><a href=\"#csr\" class=\"kpnpr-mobile-submenu-link\">CSR Initiatives<\/a><\/li>\n              <li><a href=\"#contact\" class=\"kpnpr-mobile-submenu-link\">Contact &#038; Support<\/a><\/li>\n            <\/ul>\n          <\/li>\n        <\/ul>\n      <\/nav>\n      <div class=\"kpnpr-mobile-drawer-footer\">\n        <a href=\"#quote\" class=\"kpnpr-cta-button kpnpr-cta-block\">Get a Quote<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n  \n  <section class=\"kpnpr-hero\" id=\"kpnpr-hero\">\n  <!-- Background Glowing Orbs -->\n  <div class=\"hero-glow-1\"><\/div>\n  <div class=\"hero-glow-2\"><\/div>\n  \n  <div class=\"hero-container\">\n    <!-- Left Column: Content -->\n    <div class=\"hero-content\">\n      <!-- Authorized Partner Badge -->\n      <div class=\"hero-badge animate-fade-in-up\">\n        <span class=\"badge-dot\"><\/span>\n        <span class=\"badge-text\">Official Authorized Partner<\/span>\n      <\/div>\n      \n      <!-- Heading in Thai -->\n      <h1 class=\"hero-title animate-fade-in-up delay-1\">\n        \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<br>\n        <span class=\"gradient-text\">Deye &#038; Huawei Inverters<\/span><br>\n        \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\n      <\/h1>\n      \n      <!-- Description in Thai -->\n      <p class=\"hero-description animate-fade-in-up delay-2\">\n        KPNPR \u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e21\u0e32\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08 \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e34\u0e23\u0e20\u0e31\u0e22\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 \u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e17\u0e38\u0e01\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\n      <\/p>\n      \n      <!-- Call to Action Buttons -->\n      <div class=\"hero-actions animate-fade-in-up delay-3\">\n        <a href=\"#products\" class=\"btn btn-primary\">\n          <span>\u0e14\u0e39\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/span>\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/a>\n        <a href=\"#contact\" class=\"btn btn-secondary\">\n          <span>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22 \/ \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n    \n    <!-- Right Column: Interactive Dashboard & Stats -->\n    <div class=\"hero-dashboard animate-fade-in-up delay-3\" id=\"hero-dashboard-interactive\">\n      <!-- Main Dashboard Glass Box -->\n      <div class=\"dashboard-card glass-panel main-dashboard\">\n        <div class=\"dashboard-header\">\n          <div class=\"dashboard-brand-pill\">\n            <span class=\"brand-huawei\">Huawei<\/span>\n            <span class=\"brand-separator\">&amp;<\/span>\n            <span class=\"brand-deye\">Deye<\/span>\n          <\/div>\n          <div class=\"pulse-indicator\">\n            <span class=\"pulse-dot\"><\/span>\n            <span class=\"pulse-text\">System Live<\/span>\n          <\/div>\n        <\/div>\n        \n        <!-- Live System Metrics -->\n        <div class=\"inverter-grid\">\n          <div class=\"inverter-stat\">\n            <div class=\"stat-meta\">\n              <span class=\"stat-label\">Inverter Uptime<\/span>\n              <span class=\"stat-percentage\"><span class=\"counter\" data-target=\"99\">0<\/span>.9%<\/span>\n            <\/div>\n            <div class=\"stat-progress-bar\">\n              <div class=\"progress\" style=\"width: 99.9%\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"inverter-stat\">\n            <div class=\"stat-meta\">\n              <span class=\"stat-label\">Energy Generation (Today)<\/span>\n              <span class=\"stat-percentage\"><span class=\"counter\" data-target=\"824\">0<\/span> kWh<\/span>\n            <\/div>\n            <div class=\"stat-progress-bar\">\n              <div class=\"progress animated-progress\" style=\"width: 82.4%\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Safety Shoes Info Section -->\n        <div class=\"shoes-card-inner\">\n          <div class=\"shoes-icon-wrap\">\n            <svg class=\"shoes-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M4 18l2-9h13.5l1.5 9z\"><\/path>\n              <path d=\"M6 9l1-3h8l1 3\"><\/path>\n              <circle cx=\"9\" cy=\"18\" r=\"2\"><\/circle>\n              <circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div class=\"shoes-info\">\n            <span class=\"shoes-title\">Premium Safety Protection<\/span>\n            <span class=\"shoes-meta\">EN ISO 20345 Certified Durability<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Floating Credibility Card 1: 100% Genuine -->\n      <div class=\"floating-card glass-panel card-genuine animate-float-slow\">\n        <div class=\"f-card-icon text-success\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n        <\/div>\n        <div class=\"f-card-text\">\n          <h4>100% Genuine<\/h4>\n          <p>\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e17\u0e49\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- Floating Credibility Card 2: Fast Delivery -->\n      <div class=\"floating-card glass-panel card-delivery animate-float-medium\">\n        <div class=\"f-card-icon text-info\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n        <\/div>\n        <div class=\"f-card-text\">\n          <h4>Fast Delivery<\/h4>\n          <p>\u0e21\u0e35\u0e2a\u0e15\u0e47\u0e2d\u0e01\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Floating Credibility Card 3: Support -->\n      <div class=\"floating-card glass-panel card-support animate-float-fast\">\n        <div class=\"f-card-icon text-warning\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n        <\/div>\n        <div class=\"f-card-text\">\n          <h4>Expert Team<\/h4>\n          <p>\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e39\u0e41\u0e25<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n  \n  <main class=\"main-content\">\n  \n  <!-- Business Overview \/ Welcome Section -->\n  <section id=\"about\" class=\"section-padding overview-section\">\n    <div class=\"container\">\n      <div class=\"section-header text-center\">\n        <span class=\"badge\">KPNPR GROUP<\/span>\n        <h2 class=\"section-title\">\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<\/h2>\n        <p class=\"section-subtitle\">\u0e40\u0e23\u0e32\u0e04\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n      <\/div>\n      \n      <div class=\"business-cards-grid\">\n        <!-- Card 1: Deye -->\n        <div class=\"business-summary-card\">\n          <div class=\"icon-wrap deye-theme\">\ud83d\udd0c<\/div>\n          <h3>Deye Inverter<\/h3>\n          <p>\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e44\u0e2e\u0e1a\u0e23\u0e34\u0e14 Deye \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e23\u0e38\u0e48\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e23\u0e1a \u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e44\u0e17\u0e22<\/p>\n          <a href=\"#deye-section\" class=\"read-more\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u2192<\/a>\n        <\/div>\n        \n        <!-- Card 2: Huawei -->\n        <div class=\"business-summary-card\">\n          <div class=\"icon-wrap huawei-theme\">\u2600\ufe0f<\/div>\n          <h3>Huawei Inverter<\/h3>\n          <p>\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Huawei Smart PV Inverter \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01<\/p>\n          <a href=\"#huawei-section\" class=\"read-more\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u2192<\/a>\n        <\/div>\n        \n        <!-- Card 3: Safety Shoes -->\n        <div class=\"business-summary-card\">\n          <div class=\"icon-wrap shoes-theme\">\ud83e\udd7e<\/div>\n          <h3>\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e48\u0e07<\/h3>\n          <p>\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e2b\u0e31\u0e27\u0e40\u0e2b\u0e25\u0e47\u0e01 \u0e1e\u0e37\u0e49\u0e19\u0e40\u0e2b\u0e25\u0e47\u0e01 \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n          <a href=\"#shoes-section\" class=\"read-more\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 1: Wholesale Deye Inverter -->\n  <section id=\"deye-section\" class=\"section-padding deye-section\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\">\n        <div class=\"content-side\">\n          <span class=\"badge deye-badge\">Deye Distributor<\/span>\n          <h2 class=\"section-title\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Deye Inverter \u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e2e\u0e1a\u0e23\u0e34\u0e14\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/h2>\n          <p class=\"desc\">\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c Deye \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e14\u0e49\u0e27\u0e22\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e04\u0e23\u0e31\u0e19\u0e43\u0e19\u0e15\u0e31\u0e27\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2d\u0e34\u0e19\u0e1e\u0e38\u0e15\u0e08\u0e32\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e31\u0e48\u0e19\u0e44\u0e1f (Generator) \u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e41\u0e25\u0e30\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n          \n          <ul class=\"feature-list\">\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>Hybrid Off-Grid \/ On-Grid \u0e43\u0e19\u0e15\u0e31\u0e27\u0e40\u0e14\u0e35\u0e22\u0e27<\/strong>\n                <p>\u0e2a\u0e25\u0e31\u0e1a\u0e42\u0e2b\u0e21\u0e14\u0e08\u0e48\u0e32\u0e22\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e1f\u0e15\u0e01-\u0e44\u0e1f\u0e14\u0e31\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>Generator &#038; Wind Turbine Input<\/strong>\n                <p>\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e31\u0e48\u0e19\u0e44\u0e1f\u0e41\u0e25\u0e30\u0e01\u0e31\u0e07\u0e2b\u0e31\u0e19\u0e25\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>Smart Load &#038; Peak Shaving Function<\/strong>\n                <p>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07 Peak<\/p>\n              <\/div>\n            <\/li>\n          <\/ul>\n\n          <div class=\"action-buttons\">\n            <a href=\"https:\/\/kpnpr.co.th\/?product_cat=deye-inverter\" class=\"btn btn-deye\">\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a Deye Wholesale<\/a>\n            <a href=\"#contact\" class=\"btn btn-outline\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e48\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"image-side\">\n          <div class=\"image-wrapper glow-deye\">\n            <img decoding=\"async\" src=\"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp\" alt=\"Wholesale Deye Hybrid Solar Inverters\" class=\"product-img\">\n            <div class=\"image-badge\">\n              <span class=\"badge-num\">5kW-50kW<\/span>\n              <span class=\"badge-lbl\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e48\u0e07\u0e17\u0e38\u0e01\u0e02\u0e19\u0e32\u0e14<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 2: Wholesale Huawei Inverter -->\n  <section id=\"huawei-section\" class=\"section-padding huawei-section dark-bg\">\n    <div class=\"container\">\n      <div class=\"grid grid-2 rev-mobile\">\n        <div class=\"image-side\">\n          <div class=\"image-wrapper glow-huawei\">\n            <img decoding=\"async\" src=\"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/huawei_inverter-1.webp\" alt=\"Wholesale Huawei Smart PV Inverter\" class=\"product-img\">\n            <div class=\"image-badge\">\n              <span class=\"badge-num\">100% Original<\/span>\n              <span class=\"badge-lbl\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e44\u0e17\u0e22\u0e41\u0e17\u0e49 100%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"content-side\">\n          <span class=\"badge huawei-badge\">Huawei Solar Partner<\/span>\n          <h2 class=\"section-title\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Huawei Inverter \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/h2>\n          <p class=\"desc\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e14\u0e49\u0e27\u0e22 Huawei Smart String Inverter \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e08\u0e32\u0e01\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e1f\u0e0a\u0e47\u0e2d\u0e15\u0e41\u0e25\u0e30\u0e2d\u0e32\u0e23\u0e4c\u0e01\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 AI AFCI \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e21\u0e2d\u0e19\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 FusionSolar<\/p>\n          \n          <ul class=\"feature-list\">\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e31\u0e04\u0e04\u0e35\u0e20\u0e31\u0e22\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 AI Active Arcing Protection (AFCI)<\/strong>\n                <p>\u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e14\u0e31\u0e1a\u0e23\u0e2d\u0e22\u0e2d\u0e32\u0e23\u0e4c\u0e01\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e41\u0e23\u0e07\u0e2a\u0e39\u0e07\u0e43\u0e19 0.5 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07\u0e44\u0e1f\u0e2a\u0e39\u0e07\u0e16\u0e36\u0e07 98.6%<\/strong>\n                <p>\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 \u0e04\u0e37\u0e19\u0e17\u0e38\u0e19\u0e40\u0e23\u0e47\u0e27 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>Smart O&#038;M FusionSolar App<\/strong>\n                <p>\u0e21\u0e2d\u0e19\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a String \u0e40\u0e0a\u0e47\u0e04\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e25\u0e32\u0e27\u0e14\u0e4c\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/p>\n              <\/div>\n            <\/li>\n          <\/ul>\n\n          <div class=\"action-buttons\">\n            <a href=\"https:\/\/huawei.kpnpr.co.th\" target=\"_blank\" class=\"btn btn-huawei\">\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a Huawei Wholesale<\/a>\n            <a href=\"#contact\" class=\"btn btn-outline\">\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 3: Wholesale Safety Shoes -->\n  <section id=\"shoes-section\" class=\"section-padding shoes-section\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\">\n        <div class=\"content-side\">\n          <span class=\"badge shoes-badge\">Wholesale Safety Shoes<\/span>\n          <h2 class=\"section-title\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01 \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<\/h2>\n          <p class=\"tagline\">&#8220;\u0e1b\u0e01\u0e1b\u0e49\u0e2d\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e17\u0e38\u0e01\u0e22\u0e48\u0e32\u0e07\u0e01\u0e49\u0e32\u0e27 \u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e01\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14&#8221;<\/p>\n          <p class=\"desc\">\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e19\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e2b\u0e31\u0e27\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e48\u0e07\u0e15\u0e23\u0e07\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15 \u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07 \u0e17\u0e19\u0e17\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e04\u0e23\u0e1a\u0e04\u0e23\u0e31\u0e19<\/p>\n          \n          <ul class=\"feature-list\">\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>\u0e2b\u0e31\u0e27\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e17\u0e19\u0e41\u0e23\u0e07\u0e01\u0e23\u0e30\u0e41\u0e17\u0e01 200 \u0e08\u0e39\u0e25 (Steel Toe Cap)<\/strong>\n                <p>\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e01\u0e01\u0e23\u0e30\u0e41\u0e17\u0e01\u0e08\u0e32\u0e01\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e01 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e35\u0e1a\u0e2d\u0e31\u0e14\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e35\u0e1a\u0e17\u0e35\u0e48\u0e19\u0e34\u0e49\u0e27\u0e40\u0e17\u0e49\u0e32<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>\u0e1e\u0e37\u0e49\u0e19\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e41\u0e1c\u0e48\u0e19\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e01\u0e31\u0e19\u0e17\u0e30\u0e25\u0e38 (Puncture Resistant Midsole)<\/strong>\n                <p>\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e21\u0e35\u0e04\u0e21 \u0e15\u0e30\u0e1b\u0e39 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e28\u0e29\u0e41\u0e01\u0e49\u0e27\u0e17\u0e30\u0e25\u0e38\u0e08\u0e32\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e16\u0e19\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"check-icon\">\u2713<\/span>\n              <div>\n                <strong>\u0e1e\u0e37\u0e49\u0e19\u0e22\u0e32\u0e07\u0e01\u0e31\u0e19\u0e25\u0e37\u0e48\u0e19 \u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35<\/strong>\n                <p>\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e22\u0e36\u0e14\u0e40\u0e01\u0e32\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e35\u0e22\u0e01\u0e0a\u0e37\u0e49\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e25\u0e37\u0e48\u0e19\u0e25\u0e49\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e36\u0e01\u0e01\u0e23\u0e48\u0e2d\u0e19<\/p>\n              <\/div>\n            <\/li>\n          <\/ul>\n\n          <div class=\"action-buttons\">\n            <a href=\"https:\/\/shoes.kpnpr.co.th\" target=\"_blank\" class=\"btn btn-shoes\">\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49<\/a>\n            <a href=\"#contact\" class=\"btn btn-outline\">\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e22\u0e01\u0e25\u0e31\u0e07\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e48\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"image-side\">\n          <div class=\"image-wrapper glow-shoes\">\n            <img decoding=\"async\" src=\"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/safety_shoes-1.webp\" alt=\"Wholesale Cheap Safety Shoes Factory Direct\" class=\"product-img\">\n            <div class=\"image-badge-shoes\">\n              <span class=\"badge-price\">\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/span>\n              <span class=\"badge-qty\">\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e22\u0e01\u0e42\u0e2b\u0e25 \/ \u0e22\u0e01\u0e25\u0e31\u0e07<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Credibility & Trust Factors Section -->\n  <section id=\"trust\" class=\"section-padding trust-section dark-bg\">\n    <div class=\"container\">\n      <div class=\"section-header text-center\">\n        <span class=\"badge\">TRUST BY KPNPR<\/span>\n        <h2 class=\"section-title\">\u0e17\u0e33\u0e44\u0e21\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e16\u0e36\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e01\u0e31\u0e1a KPNPR<\/h2>\n        <p class=\"section-subtitle\">\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 \u0e04\u0e37\u0e2d\u0e2b\u0e31\u0e27\u0e43\u0e08\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n      <\/div>\n\n      <div class=\"trust-grid\">\n        <div class=\"trust-card\">\n          <div class=\"trust-icon\">\ud83d\udee1\ufe0f<\/div>\n          <h3>\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e41\u0e17\u0e49 100%<\/h3>\n          <p>\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e41\u0e17\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e08\u0e32\u0e01\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\n        <\/div>\n        \n        <div class=\"trust-card\">\n          <div class=\"trust-icon\">\ud83d\udcb0<\/div>\n          <h3>\u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15<\/h3>\n          <p>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e21\u0e32\u0e41\u0e25\u0e30\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e44\u0e14\u0e49\u0e14\u0e35\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n        <\/div>\n        \n        <div class=\"trust-card\">\n          <div class=\"trust-icon\">\ud83d\udce6<\/div>\n          <h3>\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/h3>\n          <p>\u0e21\u0e35\u0e2a\u0e15\u0e47\u0e2d\u0e01\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e48\u0e07\u0e17\u0e38\u0e01\u0e02\u0e19\u0e32\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e2d\u0e19\u0e32\u0e19 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07<\/p>\n        <\/div>\n        \n        <div class=\"trust-card\">\n          <div class=\"trust-icon\">\ud83d\ude9a<\/div>\n          <h3>\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/h3>\n          <p>\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e08\u0e30\u0e16\u0e36\u0e07\u0e21\u0e37\u0e2d\u0e04\u0e38\u0e13\u0e43\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Contact\/Inquiry Form Section -->\n  <section id=\"contact\" class=\"section-padding contact-section\">\n    <div class=\"container\">\n      <div class=\"grid grid-2\" style=\"align-items: center;\">\n        <div class=\"contact-info-side\">\n          <span class=\"badge\">GET IN TOUCH<\/span>\n          <h2>\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e08\u0e33\u0e19\u0e27\u0e19\u0e21\u0e32\u0e01 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\n          <p class=\"info-desc\">\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e17\u0e35\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e48\u0e07\u0e22\u0e01\u0e25\u0e31\u0e07\u0e41\u0e01\u0e48\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/p>\n          \n          <div class=\"contact-details\">\n            <div class=\"detail-item\">\n              <span class=\"detail-icon\">\ud83d\udcde<\/span>\n              <div>\n                <strong>\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 \/ \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/strong>\n                <p>02-XXX-XXXX (\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48)<\/p>\n              <\/div>\n            <\/div>\n            \n            <div class=\"detail-item\">\n              <span class=\"detail-icon\">\u2709\ufe0f<\/span>\n              <div>\n                <strong>\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/strong>\n                <p>sales@kpnpr.co.th<\/p>\n              <\/div>\n            <\/div>\n            \n            <div class=\"detail-item\">\n              <span class=\"detail-icon\">\ud83d\udccd<\/span>\n              <div>\n                <strong>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17<\/strong>\n                <p>\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48) \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23 \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"contact-form-side\">\n          <div class=\"form-wrapper\">\n            <h3>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07<\/h3>\n            <form id=\"inquiryForm\" onsubmit=\"handleInquirySubmit(event)\">\n              <div class=\"form-group\">\n                <label for=\"name\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \/ \u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 *<\/label>\n                <input type=\"text\" id=\"name\" required placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\">\n              <\/div>\n              \n              <div class=\"form-group\">\n                <label for=\"phone\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d *<\/label>\n                <input type=\"tel\" id=\"phone\" required placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e30\u0e14\u0e27\u0e01\">\n              <\/div>\n\n              <div class=\"form-group\">\n                <label for=\"email\">\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/label>\n                <input type=\"email\" id=\"email\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\">\n              <\/div>\n              \n              <div class=\"form-group\">\n                <label for=\"business-type\">\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e43\u0e14 *<\/label>\n                <select id=\"business-type\" required>\n                  <option value=\"\" disabled selected>\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/option>\n                  <option value=\"deye\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Inverter Deye<\/option>\n                  <option value=\"huawei\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Huawei Inverter<\/option>\n                  <option value=\"shoes\">\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01<\/option>\n                  <option value=\"multiple\">\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 1 \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48<\/option>\n                <\/select>\n              <\/div>\n              \n              <div class=\"form-group\">\n                <label for=\"message\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e33\u0e19\u0e27\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d<\/label>\n                <textarea id=\"message\" rows=\"4\" placeholder=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\"><\/textarea>\n              <\/div>\n              \n              <button type=\"submit\" class=\"btn btn-submit\">\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/button>\n            <\/form>\n            <div id=\"formSuccess\" class=\"form-success-msg hide\">\n              <h4>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!<\/h4>\n              <p>\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 KPNPR \u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e17\u0e48\u0e32\u0e19\u0e42\u0e14\u0e22\u0e40\u0e23\u0e47\u0e27\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<\/main>\n  \n  <footer class=\"kpnpr-footer\">\n  <div class=\"footer-container\">\n    <div class=\"footer-grid\">\n      <!-- Brand Info Column -->\n      <div class=\"footer-col brand-col\">\n        <a href=\"#\" class=\"footer-logo\">\n          KPN<span>PR<\/span>\n        <\/a>\n        <p class=\"brand-desc\">\n          \u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 Huawei &#038; Deye Inverter \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\n        <\/p>\n        <div class=\"social-links\">\n          <a href=\"#\" class=\"social-icon\" aria-label=\"Line\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\">\n              <path d=\"M12 2C6.48 2 2 5.82 2 10.53c0 2.63 1.39 4.97 3.58 6.47-.18.66-.66 2.39-.75 2.76-.11.45.17.44.36.31.18-.12 2.87-1.95 3.99-2.72.9.27 1.86.42 2.86.42 5.52 0 10-3.82 10-8.53S17.52 2 12 2zm-4.7 11.23h-.84v-3.7h.84v3.7zm1.88 0h-.84v-3.7h.84v3.7zm2.46-.84h-1.25v.84h1.25v.84H9.64v-3.7h2.82v.84h-1.98v.84h1.98v.84zm3.17.84h-.84l-1.42-2.14v2.14h-.84v-3.7h.84l1.42 2.14v-2.14h.84v3.7z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\">\n              <path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c4.56-.93 8-4.96 8-9.85z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"tel:02-123-4567\" class=\"social-icon\" aria-label=\"Phone\">\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\">\n              <path d=\"M6.62 10.79a15.15 15.15 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.27c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.24.2 2.45.57 3.57a1 1 0 01-.27 1.11l-2.18 2.18z\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Quick Links Column -->\n      <div class=\"footer-col links-col\">\n        <h3>\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e48\u0e27\u0e19<\/h3>\n        <ul>\n          <li><a href=\"#about\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a><\/li>\n          <li><a href=\"#products\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e25\u0e4c<\/a><\/li>\n          <li><a href=\"#safety\">\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49<\/a><\/li>\n          <li><a href=\"#trust\">\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e23\u0e32<\/a><\/li>\n          <li><a href=\"#contact\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Contact Info Column -->\n      <div class=\"footer-col contact-col\">\n        <h3>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\n        <ul class=\"contact-info\">\n          <li>\n            <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\">\n              <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n            <\/svg>\n            <span>\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48)<br>123\/45 \u0e16\u0e19\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e02\u0e27\u0e07\u0e2a\u0e27\u0e19\u0e2b\u0e25\u0e27\u0e07 \u0e40\u0e02\u0e15\u0e2a\u0e27\u0e19\u0e2b\u0e25\u0e27\u0e07 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f 10250<\/span>\n          <\/li>\n          <li>\n            <a href=\"mailto:info@kpnpr.com\">\n              <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\">\n                <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n              <\/svg>\n              <span>info@kpnpr.com<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"tel:02-123-4567\">\n              <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\">\n                <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-2.2 2.2a15.045 15.045 0 01-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02A11.36 11.36 0 018.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/>\n              <\/svg>\n              <span>02-123-4567, 081-234-5678<\/span>\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Newsletter Column -->\n      <div class=\"footer-col newsletter-col\">\n        <h3>\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29<\/h3>\n        <p class=\"newsletter-desc\">\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e49\u0e32\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/p>\n        <form class=\"footer-newsletter-form\" id=\"footerNewsletterForm\" novalidate>\n          <div class=\"form-group\">\n            <input type=\"email\" id=\"newsletterEmail\" placeholder=\"\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13...\" aria-label=\"\u0e01\u0e23\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\" required>\n            <button type=\"submit\" aria-label=\"\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\">\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\">\n                <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/>\n              <\/svg>\n            <\/button>\n          <\/div>\n          <div class=\"form-feedback\" id=\"newsletterFeedback\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- Bottom copyright details -->\n    <div class=\"footer-bottom\">\n      <div class=\"footer-bottom-content\">\n        <p class=\"copyright\">&copy; 2026 KPNPR Co., Ltd. \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e32\u0e21\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22<\/p>\n        <div class=\"footer-bottom-links\">\n          <a href=\"#\">\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/a>\n          <a href=\"#\">\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Scroll to Top Button -->\n  <button id=\"scrollToTopBtn\" class=\"scroll-to-top\" aria-label=\"\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\">\n    <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\">\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"\/>\n    <\/svg>\n  <\/button>\n<\/footer>\n<script>\n\/\/ --- MENU JS ---\n    document.addEventListener('DOMContentLoaded', () => {\n  const header = document.getElementById('kpnprHeader');\n  const burgerBtn = document.getElementById('kpnprBurgerBtn');\n  const mobileDrawer = document.getElementById('kpnprMobileDrawer');\n  const backdrop = document.getElementById('kpnprDrawerBackdrop');\n  \n  \/\/ Handle Scroll to add active style\/blur\n  const handleScroll = () => {\n    if (window.scrollY > 20) {\n      header.classList.add('scrolled');\n    } else {\n      header.classList.remove('scrolled');\n    }\n  };\n  \n  window.addEventListener('scroll', handleScroll);\n  \/\/ Initial check on page load\n  handleScroll();\n\n  \/\/ Helper to open \/ close mobile menu\n  const toggleMobileMenu = (forceState) => {\n    const shouldOpen = typeof forceState === 'boolean' ? forceState : !burgerBtn.classList.contains('active');\n    \n    if (shouldOpen) {\n      burgerBtn.classList.add('active');\n      mobileDrawer.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    } else {\n      burgerBtn.classList.remove('active');\n      mobileDrawer.classList.remove('active');\n      document.body.style.overflow = '';\n      \n      \/\/ Close all mobile submenus when drawer closes\n      closeAllMobileSubmenus();\n    }\n  };\n\n  \/\/ Toggle Mobile Menu Click\n  if (burgerBtn && mobileDrawer) {\n    burgerBtn.addEventListener('click', () => toggleMobileMenu());\n  }\n\n  \/\/ Backdrop Click to Close\n  if (backdrop) {\n    backdrop.addEventListener('click', () => toggleMobileMenu(false));\n  }\n\n  \/\/ Toggle Mobile Submenus (Accordion style with scrollHeight transition)\n  const submenuTriggers = document.querySelectorAll('.kpnpr-mobile-submenu-trigger');\n  \n  submenuTriggers.forEach(trigger => {\n    trigger.addEventListener('click', () => {\n      const submenu = trigger.nextElementSibling;\n      const isActive = trigger.classList.contains('active');\n      \n      \/\/ Close other submenus first (accordion behavior)\n      submenuTriggers.forEach(otherTrigger => {\n        if (otherTrigger !== trigger) {\n          otherTrigger.classList.remove('active');\n          const otherSubmenu = otherTrigger.nextElementSibling;\n          if (otherSubmenu) {\n            otherSubmenu.style.maxHeight = null;\n          }\n        }\n      });\n\n      \/\/ Toggle current submenu\n      if (isActive) {\n        trigger.classList.remove('active');\n        if (submenu) {\n          submenu.style.maxHeight = null;\n        }\n      } else {\n        trigger.classList.add('active');\n        if (submenu) {\n          submenu.style.maxHeight = submenu.scrollHeight + 'px';\n        }\n      }\n    });\n  });\n\n  const closeAllMobileSubmenus = () => {\n    submenuTriggers.forEach(trigger => {\n      trigger.classList.remove('active');\n      const submenu = trigger.nextElementSibling;\n      if (submenu) {\n        submenu.style.maxHeight = null;\n      }\n    });\n  };\n\n  \/\/ Close mobile drawer when clicking a link inside it\n  const mobileLinks = mobileDrawer ? mobileDrawer.querySelectorAll('a') : [];\n  mobileLinks.forEach(link => {\n    link.addEventListener('click', (e) => {\n      \/\/ Don't close if it's a submenu trigger or something similar\n      if (link.classList.contains('kpnpr-mobile-submenu-trigger')) return;\n      \n      toggleMobileMenu(false);\n    });\n  });\n});\n    \n    \/\/ --- HERO JS ---\n    (function() {\n  function initHeroPart() {\n    \/\/ 1. Stat Counter Animation\n    const counters = document.querySelectorAll('.kpnpr-hero .counter');\n    const speed = 120; \/\/ Lower is faster animation\n    \n    const startCounter = (counter) => {\n      const target = +counter.getAttribute('data-target');\n      let count = 0;\n      \n      const updateCount = () => {\n        const increment = target \/ speed;\n        count += increment;\n        \n        if (count < target) {\n          counter.innerText = Math.ceil(count);\n          setTimeout(updateCount, 10);\n        } else {\n          counter.innerText = target;\n        }\n      };\n      \n      updateCount();\n    };\n\n    \/\/ Use IntersectionObserver to start counting when visible\n    const observerOptions = {\n      root: null,\n      threshold: 0.2\n    };\n\n    const counterObserver = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          counters.forEach(counter => startCounter(counter));\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n\n    const heroSection = document.getElementById('kpnpr-hero');\n    if (heroSection) {\n      counterObserver.observe(heroSection);\n    }\n\n    \/\/ 2. Parallax Hover Effect for Desktop Only\n    const dashboardContainer = document.getElementById('hero-dashboard-interactive');\n    const mainCard = dashboardContainer ? dashboardContainer.querySelector('.main-dashboard') : null;\n    \n    if (dashboardContainer && mainCard && window.innerWidth > 1024) {\n      dashboardContainer.addEventListener('mousemove', function(e) {\n        const rect = dashboardContainer.getBoundingClientRect();\n        \n        \/\/ Calculate mouse relative coordinates (-0.5 to 0.5)\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n        \n        \/\/ Calculate rotation degrees (max 12 degrees)\n        const rotateX = -y * 12;\n        const rotateY = x * 12;\n        \n        \/\/ Apply transform\n        mainCard.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateZ(10px)`;\n      });\n      \n      dashboardContainer.addEventListener('mouseleave', function() {\n        \/\/ Smoothly reset back to origin\n        mainCard.style.transform = 'rotateX(0deg) rotateY(0deg) translateZ(0)';\n        mainCard.style.transition = 'transform 0.5s ease-out';\n      });\n      \n      dashboardContainer.addEventListener('mouseenter', function() {\n        mainCard.style.transition = 'transform 0.08s ease-out';\n      });\n    }\n  }\n\n  \/\/ Handle load state\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initHeroPart);\n  } else {\n    initHeroPart();\n  }\n})();\n    \n    \/\/ --- CORE JS ---\n    function handleInquirySubmit(event) {\n  event.preventDefault();\n  \n  const name = document.getElementById('name').value;\n  const phone = document.getElementById('phone').value;\n  const email = document.getElementById('email').value;\n  const product = document.getElementById('business-type').value;\n  const message = document.getElementById('message').value;\n  \n  console.log('Wholesale Inquiry Submitted:', { name, phone, email, product, message });\n  \n  \/\/ Show success message and hide form\n  document.getElementById('inquiryForm').classList.add('hide');\n  document.getElementById('formSuccess').classList.remove('hide');\n}\n    \n    \/\/ --- FOOTER JS ---\n    (function() {\n  document.addEventListener('DOMContentLoaded', () => {\n    \/\/ 1. Newsletter subscription form handling\n    const form = document.getElementById('footerNewsletterForm');\n    const emailInput = document.getElementById('newsletterEmail');\n    const feedbackMsg = document.getElementById('newsletterFeedback');\n\n    if (form) {\n      form.addEventListener('submit', (e) => {\n        e.preventDefault();\n\n        const email = emailInput.value.trim();\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n        if (!email) {\n          showFeedback('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19', 'error');\n          return;\n        }\n\n        if (!emailRegex.test(email)) {\n          showFeedback('\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07', 'error');\n          return;\n        }\n\n        \/\/ Simulate form submission process\n        emailInput.disabled = true;\n        const submitBtn = form.querySelector('button');\n        if (submitBtn) submitBtn.disabled = true;\n\n        showFeedback('\u0e01\u0e33\u0e25\u0e31\u0e07\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...', 'info');\n\n        setTimeout(() => {\n          showFeedback('\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e23\u0e31\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19! \u0e17\u0e32\u0e07\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25', 'success');\n          form.reset();\n          emailInput.disabled = false;\n          if (submitBtn) submitBtn.disabled = false;\n        }, 1200);\n      });\n    }\n\n    function showFeedback(text, type) {\n      if (!feedbackMsg) return;\n\n      feedbackMsg.textContent = text;\n      feedbackMsg.className = 'form-feedback'; \/\/ Reset classes\n\n      if (type === 'success') {\n        feedbackMsg.classList.add('success');\n      } else if (type === 'error') {\n        feedbackMsg.classList.add('error');\n      } else {\n        feedbackMsg.style.color = 'var(--footer-color-text-secondary)';\n        feedbackMsg.style.opacity = '1';\n        return;\n      }\n\n      feedbackMsg.style.opacity = '1';\n\n      if (type === 'success') {\n        setTimeout(() => {\n          feedbackMsg.style.opacity = '0';\n        }, 5000);\n      }\n    }\n\n    \/\/ 2. Scroll to top functionality\n    const scrollBtn = document.getElementById('scrollToTopBtn');\n\n    if (scrollBtn) {\n      window.addEventListener('scroll', () => {\n        if (window.scrollY > 400) {\n          scrollBtn.classList.add('visible');\n        } else {\n          scrollBtn.classList.remove('visible');\n        }\n      });\n\n      scrollBtn.addEventListener('click', () => {\n        window.scrollTo({\n          top: 0,\n          behavior: 'smooth'\n        });\n      });\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>KPNPR Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series Tactical &#038; Workwear Corporate About Us CSR Initiatives Contact &#038; Support Get a Quote Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/kpnpr.co.th\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kpnpr.co.th\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)\" \/>\n<meta property=\"og:description\" content=\"KPNPR Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series Tactical &#038; Workwear Corporate About Us CSR Initiatives Contact &#038; Support Get a Quote Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kpnpr.co.th\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T08:57:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/\",\"url\":\"https:\\\/\\\/kpnpr.co.th\\\/\",\"name\":\"Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kpnpr.co.th\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deye_inverter-1.webp\",\"datePublished\":\"2026-06-26T09:52:32+00:00\",\"dateModified\":\"2026-06-30T08:57:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kpnpr.co.th\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kpnpr.co.th\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deye_inverter-1.webp\",\"contentUrl\":\"https:\\\/\\\/kpnpr.co.th\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/deye_inverter-1.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kpnpr.co.th\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kpnpr.co.th\\\/#website\",\"url\":\"https:\\\/\\\/kpnpr.co.th\\\/\",\"name\":\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)\",\"description\":\"\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 \u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Deye &amp; Huawei Inverter \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kpnpr.co.th\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kpnpr.co.th\/","og_locale":"en_US","og_type":"article","og_title":"Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)","og_description":"KPNPR Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series Tactical &#038; Workwear Corporate About Us CSR Initiatives Contact &#038; Support Get a Quote Home Inverters Deye Inverters Huawei Inverters Smart Storage Systems Accessories &#038; Parts Safety Shoes Steel Toe Series Composite Toe Series ... Read more","og_url":"https:\/\/kpnpr.co.th\/","og_site_name":"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)","article_modified_time":"2026-06-30T08:57:32+00:00","og_image":[{"url":"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kpnpr.co.th\/","url":"https:\/\/kpnpr.co.th\/","name":"Home - \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)","isPartOf":{"@id":"https:\/\/kpnpr.co.th\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kpnpr.co.th\/#primaryimage"},"image":{"@id":"https:\/\/kpnpr.co.th\/#primaryimage"},"thumbnailUrl":"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp","datePublished":"2026-06-26T09:52:32+00:00","dateModified":"2026-06-30T08:57:32+00:00","breadcrumb":{"@id":"https:\/\/kpnpr.co.th\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kpnpr.co.th\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kpnpr.co.th\/#primaryimage","url":"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp","contentUrl":"https:\/\/kpnpr.co.th\/wp-content\/uploads\/2026\/06\/deye_inverter-1.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/kpnpr.co.th\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kpnpr.co.th\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/kpnpr.co.th\/#website","url":"https:\/\/kpnpr.co.th\/","name":"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e1e\u0e35\u0e40\u0e2d\u0e47\u0e19\u0e1e\u0e35\u0e2d\u0e32\u0e23\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 (KPNPR)","description":"\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 \u0e02\u0e32\u0e22\u0e2a\u0e48\u0e07 Deye &amp; Huawei Inverter \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e40\u0e0b\u0e1f\u0e15\u0e35\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kpnpr.co.th\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":8,"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1289,"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/1289"}],"wp:attachment":[{"href":"https:\/\/kpnpr.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}