nvis-fe-cms-libs 1.1.7 → 1.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nvis-fe-cms-libs.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/sections/aboutCompany/CompanyValues.jsx","../src/sections/aboutCompany/AboutCompanySection.jsx","../src/sections/aboutCompany/TimelineSection.jsx","../src/sections/aboutCompany/PartnerCard.jsx","../src/sections/aboutCompany/PartnersSection.jsx","../src/sections/aboutCompany/MilestoneSection.jsx","../src/sections/aboutCompany/TestimonialsSection.jsx","../src/sections/aboutCompany/PartnerListCard.jsx","../src/sections/aboutCompany/PartnerListSection.jsx","../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../node_modules/lucide-react/dist/esm/icons/clock.js","../node_modules/lucide-react/dist/esm/icons/loader-circle.js","../node_modules/lucide-react/dist/esm/icons/mail.js","../node_modules/lucide-react/dist/esm/icons/message-circle.js","../node_modules/lucide-react/dist/esm/icons/message-square.js","../node_modules/lucide-react/dist/esm/icons/phone.js","../node_modules/lucide-react/dist/esm/icons/send.js","../node_modules/lucide-react/dist/esm/icons/user.js","../src/sections/contactCompany/ContactFormSection.jsx","../src/sections/contactCompany/ContactInfoSection.jsx","../src/sections/contactCompany/ContactListAutoSection.jsx","../src/sections/customerFeedback/CustomerFeedbackAutoSection.jsx","../src/sections/product/ProductListSection.jsx","../src/sections/simple/ImageSection.jsx","../src/sections/simple/ImageSingleSection.jsx","../src/sections/simple/TextWithTitleSection.jsx","../src/sections/simple/TextSection.jsx","../src/index.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return (type.displayName || \"Context\") + \".Provider\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(\n type,\n key,\n self,\n source,\n owner,\n props,\n debugStack,\n debugTask\n ) {\n self = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== self ? self : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n source,\n self,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n self,\n source,\n getOwner(),\n maybeKey,\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_ELEMENT_TYPE &&\n node._store &&\n (node._store.validated = 1);\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n Symbol.for(\"react.provider\");\n var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey, source, self) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n source,\n self,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey, source, self) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n source,\n self,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst CompanyValues = ({ companyData, t, isDarkMode }) => {\r\n // Clean HTML content với null safety\r\n const cleanHtmlContent = (html) => {\r\n if (!html) return '';\r\n \r\n try {\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = html;\r\n \r\n let cleanText = tempDiv.textContent || tempDiv.innerText || '';\r\n \r\n return cleanText\r\n .replace(/ /g, ' ')\r\n .replace(/&/g, '&')\r\n .replace(/</g, '<')\r\n .replace(/>/g, '>')\r\n .replace(/"/g, '\"')\r\n .replace(/'/g, \"'\")\r\n .replace(/\\s+/g, ' ')\r\n .trim();\r\n } catch (error) {\r\n console.error('Error cleaning HTML content:', error);\r\n return String(html || '').replace(/<[^>]*>/g, '').replace(/\\s+/g, ' ').trim();\r\n }\r\n };\r\n\r\n // Validate companyData với null safety\r\n const safeCompanyData = {\r\n vision: companyData?.vision || '',\r\n mission: companyData?.mission || '',\r\n coreValues: companyData?.coreValues || ''\r\n };\r\n\r\n const items = [\r\n {\r\n icon: \"💡\",\r\n bgLight: \"bg-blue-100 text-blue-600\",\r\n bgDark: \"bg-blue-900/40 text-blue-300\",\r\n title: t('about.companyValues.vision') || 'Tầm nhìn',\r\n text: cleanHtmlContent(safeCompanyData.vision) || 'Tầm nhìn của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n {\r\n icon: \"🚀\",\r\n bgLight: \"bg-emerald-100 text-emerald-600\",\r\n bgDark: \"bg-emerald-900/40 text-emerald-300\",\r\n title: t('about.companyValues.mission') || 'Sứ mệnh',\r\n text: cleanHtmlContent(safeCompanyData.mission) || 'Sứ mệnh của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n {\r\n icon: \"💎\",\r\n bgLight: \"bg-purple-100 text-purple-600\",\r\n bgDark: \"bg-purple-900/40 text-purple-300\",\r\n title: t('about.companyValues.coreValues') || 'Giá trị cốt lõi',\r\n text: cleanHtmlContent(safeCompanyData.coreValues) || 'Giá trị cốt lõi của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n ];\r\n\r\n // Filter out items với empty text nếu không muốn hiển thị placeholder\r\n const validItems = items.filter(item => {\r\n const originalText = item === items[0] ? safeCompanyData.vision \r\n : item === items[1] ? safeCompanyData.mission \r\n : safeCompanyData.coreValues;\r\n \r\n // Chỉ hiển thị item nếu có data thật hoặc muốn hiển thị placeholder\r\n return originalText || true; // Set to false nếu không muốn hiển thị placeholder\r\n });\r\n\r\n const refs = useRef([]);\r\n const [visible, setVisible] = useState([]);\r\n\r\n useEffect(() => {\r\n setVisible(new Array(validItems.length).fill(false));\r\n\r\n if (validItems.length === 0) return;\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const idx = refs.current.findIndex((el) => el === entry.target);\r\n if (idx !== -1) {\r\n setVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[idx] = true;\r\n return newVisible;\r\n });\r\n observer.unobserve(entry.target);\r\n }\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n refs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n refs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [validItems.length]);\r\n\r\n // Return empty state nếu không có data và không muốn hiển thị placeholder\r\n if (!companyData || validItems.length === 0) {\r\n return (\r\n <div className={`text-center py-8 px-4 rounded-lg border ${\r\n isDarkMode ? \"border-gray-700 bg-gray-800/50\" : \"border-gray-300 bg-gray-50\"\r\n }`}>\r\n <div className={`w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center ${\r\n isDarkMode ? 'bg-gray-700' : 'bg-gray-200'\r\n }`}>\r\n <svg className={`w-8 h-8 ${isDarkMode ? 'text-gray-500' : 'text-gray-400'}`} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\r\n </svg>\r\n </div>\r\n <h3 className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n Thông tin công ty\r\n </h3>\r\n <p className={`text-sm ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"}`}>\r\n Tầm nhìn, sứ mệnh và giá trị cốt lõi sẽ được cập nhật sớm.\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n {validItems.map((item, index) => {\r\n try {\r\n return (\r\n <div\r\n key={index}\r\n ref={(el) => (refs.current[index] = el)}\r\n className={`flex items-start space-x-4 rounded-lg p-4 transform transition-all duration-700 ease-out border ${\r\n isDarkMode ? \"border-gray-700\" : \"border-gray-300\"\r\n } ${visible[index] ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"}`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n {/* Icon */}\r\n <div\r\n className={`w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${\r\n isDarkMode ? item.bgDark : item.bgLight\r\n }`}\r\n >\r\n {item.icon}\r\n </div>\r\n\r\n {/* Content */}\r\n <div className=\"flex-1 min-w-0\">\r\n <h3\r\n className={`text-lg font-bold mb-1 ${\r\n isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {item.title}\r\n </h3>\r\n <p\r\n className={`leading-relaxed ${\r\n isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n } ${\r\n // Style khác nhau cho placeholder vs real content\r\n (item.text.includes('sẽ được cập nhật') ? 'italic opacity-75' : '')\r\n }`}\r\n >\r\n {item.text}\r\n </p>\r\n </div>\r\n </div>\r\n );\r\n } catch (error) {\r\n console.error('Error rendering company value item:', item, error);\r\n // Fallback item nếu có lỗi\r\n return (\r\n <div\r\n key={`error-${index}`}\r\n className={`flex items-start space-x-4 rounded-lg p-4 border opacity-50 ${\r\n isDarkMode ? \"border-gray-700 bg-gray-800\" : \"border-gray-300 bg-gray-100\"\r\n }`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? \"bg-red-900/40 text-red-300\" : \"bg-red-100 text-red-600\"\r\n }`}>\r\n ❌\r\n </div>\r\n <div>\r\n <h3 className={`text-lg font-bold mb-1 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n Lỗi hiển thị\r\n </h3>\r\n <p className={`${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"}`}>\r\n Không thể hiển thị mục này do vấn đề dữ liệu.\r\n </p>\r\n </div>\r\n </div>\r\n );\r\n }\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default CompanyValues;","import React from \"react\";\r\nimport CompanyValues from \"./CompanyValues\";\r\n\r\nconst AboutCompanySection = ({ data, t, isDarkMode }) => {\r\n // Kiểm tra t function\r\n const safeT = typeof t === 'function' ? t : (key, options) => {\r\n console.warn(`Translation function not provided for key: ${key}`);\r\n return key;\r\n };\r\n\r\n const companyData = data?.sectionDataBindingItems?.[0]?.data;\r\n\r\n if (!companyData) {\r\n return null;\r\n }\r\n\r\n const name = companyData.name || safeT('aboutCompany.defaults.companyName');\r\n const shortName = companyData.shortName || safeT('aboutCompany.defaults.shortName');\r\n const shortDescription = companyData.shortDescription || safeT('aboutCompany.defaults.shortDescription');\r\n const establishedYear = companyData.establishedYear || \"----\";\r\n const experienceYears = companyData.experienceYears || \"0\";\r\n const description = companyData.description || \"\";\r\n\r\n return (\r\n <>\r\n {/* Hero Section */}\r\n <section\r\n className={`relative min-h-[80vh] flex items-center justify-center overflow-hidden pt-8 transition-colors duration-300`}\r\n >\r\n <div className=\"absolute inset-0\">\r\n <div className={`absolute inset-0 ${\r\n isDarkMode \r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900\"\r\n : \"bg-gradient-to-br from-blue-600 via-indigo-600 to-purple-600\"\r\n }`}></div>\r\n <div className=\"absolute inset-0\">\r\n <div\r\n className=\"shape shape-1 absolute w-12 h-12 bg-white/5 rounded-full -top-6 -left-6\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"shape shape-3 absolute w-10 h-10 bg-white/5 rounded-full -bottom-4 -right-4\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"shape shape-4 absolute w-14 h-14 bg-white/5 rounded-md -bottom-6 -left-6\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n </div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </div>\r\n <div className=\"relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div className=\"space-y-6\">\r\n {/* Logo + Tên */}\r\n <div className=\"space-y-2\">\r\n <div className=\"w-20 h-20 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-600 p-1\">\r\n <div\r\n className={`w-full h-full rounded-full flex items-center justify-center ${\r\n isDarkMode ? \"bg-gray-900\" : \"bg-white\"\r\n }`}\r\n >\r\n <div className=\"text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\r\n {shortName}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <h1\r\n className={`text-4xl lg:text-5xl font-bold ${\r\n isDarkMode ? \"text-white\" : \"text-gray-100\"\r\n }`}\r\n >\r\n {name}\r\n </h1>\r\n </div>\r\n\r\n {/* Slogan */}\r\n <div className=\"max-w-4xl mx-auto\">\r\n <p\r\n className={`text-lg leading-relaxed mb-4 ${\r\n isDarkMode ? \"text-gray-300\" : \"text-gray-200\"\r\n }`}\r\n >\r\n <span className=\"font-semibold text-white\">\r\n \"{safeT('aboutCompany.hero.trustedPartner')}\"\r\n </span>{\" \"} \r\n </p>\r\n <div\r\n dangerouslySetInnerHTML={{ __html: shortDescription}}\r\n className={`prose max-w-none transition-colors ${\r\n isDarkMode\r\n ? \"prose-invert text-gray-300\"\r\n : \"text-gray-600\"\r\n }`}\r\n />\r\n <div\r\n className={`inline-flex items-center px-4 py-2 rounded-full border text-sm font-medium ${\r\n isDarkMode\r\n ? \"bg-gray-800/70 border-gray-600 text-gray-300\"\r\n : \"bg-white/20 border-white/40 text-white\"\r\n }`}\r\n >\r\n 🚀 {safeT('aboutCompany.hero.establishedYear', { year: establishedYear })} - {safeT('aboutCompany.hero.experience', { years: experienceYears })}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* About Us Section */}\r\n <section\r\n className={`py-20 transition-colors duration-300 ${\r\n isDarkMode ? \"bg-gray-900\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n {/* Câu chuyện */}\r\n <div>\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${\r\n isDarkMode\r\n ? \"bg-blue-900/40 text-blue-300 border border-blue-700\"\r\n : \"bg-blue-100 text-blue-800\"\r\n }`}\r\n >\r\n 📖 {safeT('aboutCompany.story.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-6 ${\r\n isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {safeT('aboutCompany.story.title')}{\" \"}\r\n <span className=\"block bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\r\n {name}\r\n </span>\r\n </h2>\r\n <div\r\n dangerouslySetInnerHTML={{ __html: description }}\r\n className={`prose max-w-none transition-colors ${\r\n isDarkMode\r\n ? \"prose-invert text-gray-300\"\r\n : \"text-gray-600\"\r\n }`}\r\n />\r\n </div>\r\n\r\n {/* Vision - Mission - Core Values */}\r\n <div\r\n className={`transition-colors ${\r\n isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n <CompanyValues \r\n companyData={companyData} \r\n t={safeT} \r\n isDarkMode={isDarkMode} \r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </>\r\n );\r\n};\r\n\r\nexport default AboutCompanySection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst TimelineSection = ({ data, t, isDarkMode }) => {\r\n const timelineData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null hoặc data null\r\n .map((item) => item.data) || [];\r\n\r\n // Animation state\r\n const [timelineVisible, setTimelineVisible] = useState([]);\r\n const timelineRefs = useRef([]);\r\n\r\n useEffect(() => {\r\n setTimelineVisible(new Array(timelineData.length).fill(false));\r\n }, [timelineData.length]);\r\n\r\n // Intersection observer để hiện dần item khi scroll\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const index = timelineRefs.current.findIndex((el) => el === entry.target);\r\n if (index !== -1) {\r\n setTimelineVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[index] = true;\r\n return newVisible;\r\n });\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n timelineRefs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n timelineRefs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [timelineData.length]);\r\n\r\n if (!timelineData.length) {\r\n return (\r\n <section className={`py-20 ${isDarkMode ? \"bg-gray-900/50\" : \"bg-white\"}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h3 className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n {t('timeline.noData.title') || 'Chưa có dữ liệu'}\r\n </h3>\r\n <p className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}>\r\n {t('timeline.noData.description') || 'Hiện tại chưa có milestone nào được thiết lập.'}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n return (\r\n <section className={`py-20 ${isDarkMode ? \"bg-gray-800\" : \"bg-white\"}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n {/* Header */}\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`relative inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-emerald-300 border-blue-800\"\r\n : \"bg-white text-emerald-800 border-gray-200\"\r\n }`}\r\n >\r\n 📈 {t('timeline.header.badge') || 'HÀNH TRÌNH PHÁT TRIỂN'}\r\n\r\n {/* Hiệu ứng shape trong dark mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t('timeline.header.title1') || 'Những cột mốc'}\r\n <span className=\"block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent\">\r\n {t('timeline.header.title2') || 'Quan trọng'}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n {/* Timeline */}\r\n <div className=\"relative\">\r\n {/* Line ở giữa */}\r\n <div className=\"absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full\"></div>\r\n\r\n <div className=\"space-y-8\">\r\n {timelineData.map((milestone, index) => (\r\n <div\r\n key={index}\r\n ref={(el) => (timelineRefs.current[index] = el)}\r\n className={`flex items-center transition-all duration-700 ease-out ${index % 2 === 0 ? \"flex-row\" : \"flex-row-reverse\"\r\n } ${timelineVisible[index] ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"\r\n }`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n {/* Card */}\r\n <div className=\"flex-1 px-8\">\r\n <div\r\n className={`relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600\"\r\n : \"bg-gray-50 hover:shadow-2xl\"\r\n }`}\r\n >\r\n {/* Hiệu ứng shape trong Dark Mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n <div className=\"text-blue-600 font-bold text-xl mb-2\">\r\n {milestone.year}\r\n </div>\r\n <h3\r\n className={`text-lg font-bold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {milestone.title}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {milestone.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Dot */}\r\n <div\r\n className={`w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? \"border-gray-800\" : \"border-white\"\r\n } shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`}\r\n ></div>\r\n\r\n <div className=\"flex-1\"></div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default TimelineSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst PartnerCard = ({ partner, idx, t,getLogoUrl, isDarkMode }) => {\r\n const itemRef = useRef(null);\r\n const [visible, setVisible] = useState(false);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n if (itemRef.current) observer.observe(itemRef.current);\r\n return () => itemRef.current && observer.unobserve(itemRef.current);\r\n }, []);\r\n\r\n const logoSrc = getLogoUrl(partner.logoUrl);\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n className={`partner-card relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden\r\n ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-500\"\r\n : \"bg-white border border-gray-200 hover:border-blue-300\"\r\n }\r\n ${visible ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"}`}\r\n style={{ transitionDelay: `${idx * 150}ms` }}\r\n onClick={() =>\r\n partner.websiteUrl && window.open(partner.websiteUrl, \"_blank\")\r\n }\r\n >\r\n {/* Hiệu ứng shape trong Dark Mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n {/* Logo */}\r\n <div className=\"logo-container w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden\">\r\n {logoSrc ? (\r\n <img\r\n src={logoSrc}\r\n alt={partner.name}\r\n className=\"logo-image max-w-full max-h-full object-contain\"\r\n />\r\n ) : (\r\n <div className=\"w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\">\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Partner Info */}\r\n <h4\r\n className={`font-bold text-center mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {partner.name}\r\n </h4>\r\n <p\r\n className={`text-sm text-center mb-2 ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {partner.description}\r\n </p>\r\n\r\n {/* Hover hint */}\r\n {partner.websiteUrl && (\r\n <div className=\"website-hint\">\r\n <span className=\"text-sm text-blue-600 font-medium\">\r\n {t('partners.viewDetails') || 'Xem chi tiết'} →\r\n </span>\r\n </div>\r\n )}\r\n\r\n {/* Styles inline */}\r\n <style jsx>{`\r\n .partner-card {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .partner-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px ${isDarkMode ? \"rgba(255,255,255,0.1)\" : \"rgba(0,0,0,0.1)\"};\r\n }\r\n .logo-container {\r\n background: ${isDarkMode\r\n ? \"linear-gradient(135deg, #374151 0%, #1f2937 100%)\"\r\n : \"linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)\"};\r\n border: 1px solid ${isDarkMode ? \"#4b5563\" : \"#e2e8f0\"};\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .logo-container {\r\n border-color: #3b82f6;\r\n background: ${isDarkMode\r\n ? \"linear-gradient(135deg, #4b5563 0%, #374151 100%)\"\r\n : \"linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)\"};\r\n }\r\n .logo-image {\r\n filter: ${isDarkMode ? \"grayscale(0.3) opacity(0.8)\" : \"grayscale(0.2) opacity(0.9)\"};\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .logo-image {\r\n filter: grayscale(0) opacity(1);\r\n transform: scale(1.05);\r\n }\r\n .website-hint {\r\n opacity: 0;\r\n transform: translateY(4px);\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .website-hint {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n `}</style>\r\n </div>\r\n );\r\n};\r\n\r\nexport default PartnerCard;","import React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport PartnerCard from \"./PartnerCard\";\r\n\r\n// Custom hook for window size\r\nfunction useWindowSize() {\r\n const [width, setWidth] = useState(\r\n typeof window !== \"undefined\" ? window.innerWidth : 1200\r\n );\r\n\r\n useEffect(() => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const handleResize = () => setWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return width;\r\n}\r\n\r\nconst PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = \"\" }) => {\r\n const partnersData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null hoặc data null\r\n ?.map((item) => item.data) // lấy data hợp lệ\r\n || [];\r\n\r\n const [currentPartnerSlide, setCurrentPartnerSlide] = useState(0);\r\n const [partnersVisible, setPartnersVisible] = useState(false);\r\n const partnersRef = useRef(null);\r\n const windowWidth = useWindowSize();\r\n\r\n const getLogoUrl = (logoUrl) => {\r\n if (!logoUrl) return null;\r\n if (logoUrl.startsWith(\"http\")) return logoUrl;\r\n return `${imageBaseUrl}${logoUrl}`;\r\n };\r\n\r\n const partners = useMemo(() => {\r\n const getPerSlide = () => {\r\n if (windowWidth < 640) return 2;\r\n if (windowWidth < 1024) return 3;\r\n return 4;\r\n };\r\n\r\n const grouped = [];\r\n const perSlide = getPerSlide();\r\n for (let i = 0; i < partnersData.length; i += perSlide) {\r\n grouped.push(partnersData.slice(i, i + perSlide));\r\n }\r\n return grouped;\r\n }, [partnersData, windowWidth]);\r\n\r\n useEffect(() => {\r\n if (partners.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentPartnerSlide((prev) => (prev + 1) % partners.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [partners.length]);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setPartnersVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n if (partnersRef.current) observer.observe(partnersRef.current);\r\n return () => partnersRef.current && observer.unobserve(partnersRef.current);\r\n }, []);\r\n\r\n if (!partnersData.length) return null;\r\n\r\n return (\r\n <section\r\n className={`py-12 lg:py-20 transition-colors duration-300 ${isDarkMode\r\n ? \"bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800\"\r\n : \"bg-gradient-to-b from-white via-gray-50 to-gray-100\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode\r\n ? \"bg-blue-900/30 text-blue-300 border-blue-800\"\r\n : \"bg-blue-100 text-blue-800 border-blue-200\"\r\n }`}\r\n >\r\n 🤝 {t('partners.header.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {t('partners.header.title')}\r\n <span className=\"block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2\">\r\n {t('partners.header.subtitle')}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n <div ref={partnersRef} className=\"relative overflow-hidden\">\r\n <div\r\n className={`transition-all duration-1000 ease-out ${partnersVisible ? \"opacity-100 scale-100\" : \"opacity-0 scale-95\"\r\n }`}\r\n >\r\n <div className=\"relative h-56 md:h-64 lg:h-72 xl:h-80 mb-8\">\r\n {partners.map((group, slideIndex) => (\r\n <div\r\n key={slideIndex}\r\n className={`absolute inset-0 transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide\r\n ? \"opacity-100 translate-x-0\"\r\n : slideIndex < currentPartnerSlide\r\n ? \"opacity-0 -translate-x-full\"\r\n : \"opacity-0 translate-x-full\"\r\n }`}\r\n >\r\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 h-full px-2\">\r\n {group.map((partner, idx) => (\r\n <PartnerCard\r\n key={partner.id || idx}\r\n partner={partner}\r\n idx={idx}\r\n t={t}\r\n getLogoUrl={getLogoUrl}\r\n isDarkMode={isDarkMode}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n {partners.length > 1 && (\r\n <div className=\"flex justify-center space-x-2\">\r\n {partners.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentPartnerSlide(index)}\r\n className={`w-3 h-3 rounded-full transition-all ${index === currentPartnerSlide\r\n ? \"bg-blue-500 scale-125\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-blue-400\"\r\n : \"bg-gray-300 hover:bg-blue-500\"\r\n }`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default PartnersSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline }) => {\r\n const [milestones, setMilestones] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [timelineVisible, setTimelineVisible] = useState([]);\r\n const timelineRefs = useRef([]);\r\n\r\n useEffect(() => {\r\n const fetchMilestones = async () => {\r\n if (getMilestoneTimeline) {\r\n try {\r\n setLoading(true);\r\n const res = await getMilestoneTimeline();\r\n if (res.success) {\r\n setMilestones(res.data || []);\r\n } else {\r\n setMilestones([]);\r\n }\r\n } catch (error) {\r\n setMilestones([]);\r\n } finally {\r\n setLoading(false);\r\n }\r\n } else {\r\n const milestonesData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // bỏ item null hoặc item.data null\r\n ?.map((item) => item.data) // lấy data hợp lệ\r\n || [];\r\n setMilestones(milestonesData);\r\n setLoading(false);\r\n }\r\n };\r\n fetchMilestones();\r\n }, []);\r\n\r\n useEffect(() => {\r\n setTimelineVisible(new Array(milestones.length).fill(false));\r\n }, [milestones.length]);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const index = timelineRefs.current.findIndex(\r\n (el) => el === entry.target\r\n );\r\n if (index !== -1) {\r\n setTimelineVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[index] = true;\r\n return newVisible;\r\n });\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n timelineRefs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n timelineRefs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [milestones.length]);\r\n\r\n if (loading) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className={isDarkMode ? \"text-white\" : \"text-gray-800\"}>\r\n {t('milestone.status.loadingData')}\r\n </p>\r\n </section>\r\n );\r\n }\r\n\r\n if (!milestones.length) {\r\n return (\r\n <section\r\n className={`py-20 ${isDarkMode ? \"bg-gray-900/50\" : \"bg-white\"}`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h3\r\n className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {t('milestone.status.noData')}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}\r\n >\r\n {t('milestone.noDataDescription')}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n return (\r\n <section\r\n className={`py-20 ${isDarkMode ? \"bg-gray-800\" : \"bg-white\"}`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`relative inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-emerald-300 border-blue-800\"\r\n : \"bg-white text-emerald-800 border-gray-200\"\r\n }`}\r\n >\r\n 📈 {t('milestone.header.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {t('milestone.header.title')}\r\n <span className=\"block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent\">\r\n {t('milestone.header.subtitle')}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n <div className=\"relative\">\r\n <div className=\"absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full\"></div>\r\n\r\n <div className=\"space-y-8\">\r\n {milestones.map((milestone, index) => (\r\n <div\r\n key={milestone.id}\r\n ref={(el) => (timelineRefs.current[index] = el)}\r\n className={`flex items-center transition-all duration-700 ease-out ${index % 2 === 0 ? \"flex-row\" : \"flex-row-reverse\"\r\n } ${timelineVisible[index]\r\n ? \"opacity-100 scale-100\"\r\n : \"opacity-0 scale-75\"\r\n }`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n <div className=\"flex-1 px-8\">\r\n <div\r\n className={`relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600\"\r\n : \"bg-gray-50 hover:shadow-2xl\"\r\n }`}\r\n >\r\n <div className=\"text-blue-600 font-bold text-xl mb-2\">\r\n {milestone.time}\r\n </div>\r\n <h3\r\n className={`text-lg font-bold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {milestone.title}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}\r\n >\r\n {milestone.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className={`w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? \"border-gray-800\" : \"border-white\"\r\n } shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`}\r\n ></div>\r\n\r\n <div className=\"flex-1\"></div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default MilestoneSection;","import React, { useState, useEffect } from \"react\";\r\n\r\nconst TestimonialsSection = ({ data, t, isDarkMode }) => {\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n const testimonials =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null\r\n .map((item) => ({\r\n quote: item.data?.content || \"\",\r\n author: item.data?.customerName || \"\",\r\n position: item.data?.customerTitle || t('testimonials.fallback.defaultPosition'),\r\n company: item.data?.customerCompany || \"\",\r\n })) || [];\r\n\r\n const fallbackTestimonials = [\r\n {\r\n quote: t('testimonials.fallback.testimonial1.quote'),\r\n author: t('testimonials.fallback.testimonial1.author'),\r\n position: t('testimonials.fallback.testimonial1.position'),\r\n company: t('testimonials.fallback.testimonial1.company'),\r\n },\r\n {\r\n quote: t('testimonials.fallback.testimonial2.quote'),\r\n author: t('testimonials.fallback.testimonial2.author'),\r\n position: t('testimonials.fallback.testimonial2.position'),\r\n company: t('testimonials.fallback.testimonial2.company'),\r\n },\r\n {\r\n quote: t('testimonials.fallback.testimonial3.quote'),\r\n author: t('testimonials.fallback.testimonial3.author'),\r\n position: t('testimonials.fallback.testimonial3.position'),\r\n company: t('testimonials.fallback.testimonial3.company'),\r\n },\r\n ];\r\n\r\n const displayTestimonials =\r\n testimonials.length > 0 ? testimonials : fallbackTestimonials;\r\n\r\n useEffect(() => {\r\n if (displayTestimonials.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentIndex((prev) => (prev + 1) % displayTestimonials.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [displayTestimonials.length]);\r\n\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode\r\n ? \"bg-indigo-900/50 text-indigo-300 border border-indigo-800\"\r\n : \"bg-indigo-100 text-indigo-800\"\r\n }`}\r\n >\r\n 💬 {t('testimonials.header.badge')}\r\n </div>\r\n\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t('testimonials.header.title')}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t('testimonials.header.subtitle')}\r\n </span>\r\n </h2>\r\n\r\n <div className=\"relative\">\r\n <div\r\n key={currentIndex}\r\n className={`p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode\r\n ? \"bg-gray-800/80 backdrop-blur-sm border border-gray-700\"\r\n : \"bg-white\"\r\n }`}\r\n >\r\n <blockquote\r\n className={`text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 ${isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n \"{displayTestimonials[currentIndex].quote}\"\r\n </blockquote>\r\n\r\n <div className=\"flex items-center justify-center space-x-4 animate-fadeIn\">\r\n <div className=\"text-3xl\">👤</div>\r\n <div className=\"text-left\">\r\n <div\r\n className={`font-bold text-base transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {displayTestimonials[currentIndex].author}\r\n </div>\r\n <div className=\"text-blue-600 font-medium text-sm\">\r\n {displayTestimonials[currentIndex].position}\r\n </div>\r\n {displayTestimonials[currentIndex].company && (\r\n <div\r\n className={`text-xs transition-colors duration-200 ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {displayTestimonials[currentIndex].company}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {displayTestimonials.length > 1 && (\r\n <div className=\"flex justify-center space-x-2 mt-4\">\r\n {displayTestimonials.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentIndex(index)}\r\n className={`w-2.5 h-2.5 rounded-full transition-all duration-300 ${index === currentIndex\r\n ? \"bg-blue-600\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-gray-500\"\r\n : \"bg-gray-300 hover:bg-gray-400\"\r\n }`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default TestimonialsSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {\r\n const itemRef = useRef(null);\r\n const [visible, setVisible] = useState(false);\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n if (!partner) return null;\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n if (itemRef.current) observer.observe(itemRef.current);\r\n return () => itemRef.current && observer.unobserve(itemRef.current);\r\n }, []);\r\n\r\n const logoSrc = getLogoUrl ? getLogoUrl(partner.logoUrl) : null;\r\n\r\n const handleImageError = (e) => {\r\n e.target.style.display = 'none';\r\n e.target.nextSibling.style.display = 'flex';\r\n };\r\n\r\n const handleClick = () => {\r\n if (partner.websiteUrl) {\r\n window.open(partner.websiteUrl, \"_blank\", \"noopener,noreferrer\");\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n className={`relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px] w-full\r\n ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800\"\r\n : \"bg-white border border-gray-200\"\r\n }\r\n ${visible ? \"opacity-100\" : \"opacity-0\"}\r\n ${isHovered ? \r\n (isDarkMode \r\n ? \"border-blue-500 shadow-lg shadow-blue-500/20\" \r\n : \"border-blue-300 shadow-lg shadow-blue-500/20\"\r\n ) : \"\"\r\n }`}\r\n style={{ \r\n transitionDelay: `${idx * 150}ms`,\r\n transform: `translateY(${isHovered ? '-4px' : '0px'}) scale(${visible ? '1' : '0.75'})`,\r\n position: 'relative',\r\n zIndex: isHovered ? 10 : 1\r\n }}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n onClick={handleClick}\r\n >\r\n {/* Background decorations for dark mode */}\r\n {isDarkMode && (\r\n <>\r\n <div className=\"absolute w-12 h-12 bg-white/5 rounded-full pointer-events-none\" style={{ left: \"10%\", top: \"20%\", zIndex: -1 }}></div>\r\n <div className=\"absolute w-10 h-10 bg-white/5 rounded-full pointer-events-none\" style={{ right: \"30%\", bottom: \"10%\", zIndex: -1 }}></div>\r\n <div className=\"absolute w-14 h-14 bg-white/5 rounded-md pointer-events-none\" style={{ left: \"20%\", bottom: \"30%\", zIndex: -1 }}></div>\r\n <div className=\"absolute inset-0 opacity-20 pointer-events-none\" style={{ zIndex: -1 }}>\r\n <div \r\n style={{\r\n backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\r\n backgroundSize: '60px 60px'\r\n }}\r\n className=\"w-full h-full\"\r\n ></div>\r\n </div>\r\n </>\r\n )}\r\n\r\n {/* Logo container */}\r\n <div \r\n className={`relative w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300\r\n ${isDarkMode ? \"border-gray-600\" : \"border-gray-200\"}\r\n ${isHovered ? \"border-blue-500\" : \"\"}\r\n `}\r\n style={{\r\n background: isDarkMode\r\n ? (isHovered \r\n ? \"linear-gradient(135deg, #4b5563 0%, #374151 100%)\" \r\n : \"linear-gradient(135deg, #374151 0%, #1f2937 100%)\")\r\n : (isHovered \r\n ? \"linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)\" \r\n : \"linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)\")\r\n }}\r\n >\r\n {logoSrc ? (\r\n <>\r\n <img\r\n src={logoSrc}\r\n alt={partner.name || t?.('partners.logoAlt') || 'Partner logo'}\r\n className=\"max-w-full max-h-full object-contain transition-all duration-300\"\r\n style={{\r\n filter: isDarkMode \r\n ? (isHovered ? \"grayscale(0) opacity(1)\" : \"grayscale(0.3) opacity(0.8)\")\r\n : (isHovered ? \"grayscale(0) opacity(1)\" : \"grayscale(0.2) opacity(0.9)\"),\r\n transform: isHovered ? \"scale(1.05)\" : \"scale(1)\"\r\n }}\r\n onError={handleImageError}\r\n loading=\"lazy\"\r\n />\r\n <div className=\"absolute inset-0 bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\" style={{ display: 'none' }}>\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n </>\r\n ) : (\r\n <div className=\"w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\">\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Partner name */}\r\n <h4 className={`font-bold text-center mb-2 text-sm leading-tight ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n {partner.name}\r\n </h4>\r\n \r\n {/* Description */}\r\n {partner.description && (\r\n <p className={`text-xs text-center mb-3 line-clamp-2 px-1 ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}>\r\n {partner.description}\r\n </p>\r\n )}\r\n\r\n {/* Website hint */}\r\n {partner.websiteUrl && (\r\n <div \r\n className=\"transition-all duration-300 absolute bottom-4\"\r\n style={{\r\n opacity: isHovered ? 1 : 0,\r\n transform: `translateY(${isHovered ? '0px' : '4px'})`\r\n }}\r\n >\r\n <span className=\"text-xs text-blue-600 font-medium\">\r\n {t?.('partners.viewDetails') || 'Xem chi tiết'} →\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PartnerListCard;","import React, { useEffect, useState, useRef, useMemo } from \"react\";\r\nimport PartnerListCard from \"./PartnerListCard\";\r\n\r\n// Hook để theo dõi kích thước màn hình\r\nfunction useWindowSize() {\r\n const [width, setWidth] = useState(\r\n typeof window !== \"undefined\" ? window.innerWidth : 1200\r\n );\r\n\r\n useEffect(() => {\r\n const handleResize = () => setWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return width;\r\n}\r\n\r\nconst PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = \"\" }) => {\r\n const [partnersData, setPartnersData] = useState([]);\r\n const [error, setError] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const [currentPartnerSlide, setCurrentPartnerSlide] = useState(0);\r\n const [partnersVisible, setPartnersVisible] = useState(false);\r\n const partnersRef = useRef(null);\r\n const windowWidth = useWindowSize();\r\n\r\n const getLogoUrl = (logoUrl) => {\r\n if (!logoUrl) return null;\r\n if (logoUrl.startsWith(\"http\")) return logoUrl;\r\n return `${imageBaseUrl}${logoUrl}`;\r\n };\r\n\r\n // Gọi API lấy partner\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n try {\r\n const res = await getPartnerList();\r\n if (res.success) {\r\n setPartnersData(res.data || []);\r\n } else {\r\n setError(res.error || \"Error fetching partners\");\r\n }\r\n } catch (err) {\r\n setError(err.message);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n fetchData();\r\n }, []);\r\n\r\n // Group partners thành slides\r\n const partners = useMemo(() => {\r\n const getPerSlide = () => {\r\n if (windowWidth < 640) return 2;\r\n if (windowWidth < 1024) return 3;\r\n return 4;\r\n };\r\n\r\n const grouped = [];\r\n const perSlide = getPerSlide();\r\n for (let i = 0; i < partnersData.length; i += perSlide) {\r\n grouped.push(partnersData.slice(i, i + perSlide));\r\n }\r\n return grouped;\r\n }, [partnersData, windowWidth]);\r\n\r\n // Auto-rotate slides\r\n useEffect(() => {\r\n if (partners.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentPartnerSlide((prev) => (prev + 1) % partners.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [partners.length]);\r\n\r\n // Intersection observer (fade-in effect)\r\n useEffect(() => {\r\n const fallbackTimer = setTimeout(() => {\r\n setPartnersVisible(true);\r\n }, 500);\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n clearTimeout(fallbackTimer);\r\n setPartnersVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1, rootMargin: \"50px\" }\r\n );\r\n\r\n if (partnersRef.current) {\r\n observer.observe(partnersRef.current);\r\n } else {\r\n clearTimeout(fallbackTimer);\r\n setPartnersVisible(true);\r\n }\r\n\r\n return () => {\r\n clearTimeout(fallbackTimer);\r\n if (partnersRef.current) {\r\n observer.unobserve(partnersRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n // Loading & error\r\n if (loading) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className={isDarkMode ? \"text-white\" : \"text-gray-800\"}>\r\n {t(\"partners.loading\") || \"Đang tải danh sách đối tác...\"}\r\n </p>\r\n </section>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className=\"text-red-500\">{t(\"partners.error\") || error}</p>\r\n </section>\r\n );\r\n }\r\n\r\n if (!partnersData.length) return null;\r\n\r\n return (\r\n <section\r\n className={`py-12 lg:py-20 transition-colors duration-300 ${\r\n isDarkMode\r\n ? \"bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800\"\r\n : \"bg-gradient-to-b from-white via-gray-50 to-gray-100\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n {/* Header */}\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${\r\n isDarkMode\r\n ? \"bg-blue-900/30 text-blue-300 border-blue-800\"\r\n : \"bg-blue-100 text-blue-800 border-blue-200\"\r\n }`}\r\n >\r\n 🤝 {t(\"partners.badge\") || \"ĐỐI TÁC CHIẾN LƯỢC\"}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-5xl font-bold leading-tight ${\r\n isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {t(\"partners.title.part1\") || \"Đồng hành cùng\"}\r\n <span className=\"block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2\">\r\n {t(\"partners.title.part2\") || \"Những thương hiệu hàng đầu\"}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n {/* Slider Container */}\r\n <div ref={partnersRef} className=\"relative\">\r\n <div\r\n className={`transition-all duration-1000 ease-out ${\r\n partnersVisible ? \"opacity-100 scale-100\" : \"opacity-0 scale-95\"\r\n }`}\r\n >\r\n {/* Slides */}\r\n <div className=\"relative overflow-hidden mb-8\">\r\n <div className=\"min-h-[220px]\">\r\n {partners.map((group, slideIndex) => (\r\n <div\r\n key={slideIndex}\r\n className={`absolute inset-0 w-full transition-all duration-1000 ease-in-out ${\r\n slideIndex === currentPartnerSlide\r\n ? \"opacity-100 translate-x-0\"\r\n : slideIndex < currentPartnerSlide\r\n ? \"opacity-0 -translate-x-full\"\r\n : \"opacity-0 translate-x-full\"\r\n }`}\r\n style={{ zIndex: slideIndex === currentPartnerSlide ? 10 : 1 }}\r\n >\r\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 px-2\">\r\n {group.map((partner, idx) => (\r\n <PartnerListCard\r\n key={partner.id || `${slideIndex}-${idx}`}\r\n partner={partner}\r\n idx={idx}\r\n t={t}\r\n isDarkMode={isDarkMode}\r\n getLogoUrl={getLogoUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* Indicators */}\r\n {partners.length > 1 && (\r\n <div className=\"flex justify-center space-x-2\" style={{ zIndex: 50 }}>\r\n {partners.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentPartnerSlide(index)}\r\n className={`w-3 h-3 rounded-full transition-all duration-300 ${\r\n index === currentPartnerSlide\r\n ? \"bg-blue-500 scale-125 shadow-lg\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-blue-400\"\r\n : \"bg-gray-300 hover:bg-blue-500\"\r\n }`}\r\n aria-label={`Slide ${index + 1}`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default PartnerListSection;\r\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n for (const prop in props) {\n if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n return true;\n }\n }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n ({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = \"\",\n children,\n iconNode,\n ...rest\n }, ref) => createElement(\n \"svg\",\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n className: mergeClasses(\"lucide\", className),\n ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n ...rest\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...Array.isArray(children) ? children : [children]\n ]\n )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n const Component = forwardRef(\n ({ className, ...props }, ref) => createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(\n `lucide-${toKebabCase(toPascalCase(iconName))}`,\n `lucide-${iconName}`,\n className\n ),\n ...props\n })\n );\n Component.displayName = toPascalCase(iconName);\n return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M12 6v6l4 2\", key: \"mmk7yg\" }],\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\", key: \"132q7q\" }],\n [\"rect\", { x: \"2\", y: \"4\", width: \"20\", height: \"16\", rx: \"2\", key: \"izxlao\" }]\n];\nconst Mail = createLucideIcon(\"mail\", __iconNode);\n\nexport { __iconNode, Mail as default };\n//# sourceMappingURL=mail.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\",\n key: \"1sd12s\"\n }\n ]\n];\nconst MessageCircle = createLucideIcon(\"message-circle\", __iconNode);\n\nexport { __iconNode, MessageCircle as default };\n//# sourceMappingURL=message-circle.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n key: \"18887p\"\n }\n ]\n];\nconst MessageSquare = createLucideIcon(\"message-square\", __iconNode);\n\nexport { __iconNode, MessageSquare as default };\n//# sourceMappingURL=message-square.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\n key: \"9njp5v\"\n }\n ]\n];\nconst Phone = createLucideIcon(\"phone\", __iconNode);\n\nexport { __iconNode, Phone as default };\n//# sourceMappingURL=phone.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\",\n key: \"1ffxy3\"\n }\n ],\n [\"path\", { d: \"m21.854 2.147-10.94 10.939\", key: \"12cjpa\" }]\n];\nconst Send = createLucideIcon(\"send\", __iconNode);\n\nexport { __iconNode, Send as default };\n//# sourceMappingURL=send.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\", key: \"975kel\" }],\n [\"circle\", { cx: \"12\", cy: \"7\", r: \"4\", key: \"17ys0d\" }]\n];\nconst User = createLucideIcon(\"user\", __iconNode);\n\nexport { __iconNode, User as default };\n//# sourceMappingURL=user.js.map\n","import React, { useState } from 'react';\r\nimport { Send, Phone, Mail, MessageSquare, CheckCircle, AlertCircle, Loader2, User, Building, MessageCircle } from 'lucide-react';\r\n\r\nconst ContactFormSection = ({ data, t, isDarkMode, consultationRequestService }) => {\r\n const [formData, setFormData] = useState({\r\n fullName: '',\r\n workEmail: '',\r\n phoneNumber: '',\r\n companyName: '',\r\n jobTitle: '',\r\n businessType: '',\r\n expectedBudget: '',\r\n expectedTimeline: '',\r\n requestTitle: '',\r\n requestDescription: '',\r\n });\r\n\r\n const [formErrors, setFormErrors] = useState({});\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const [submitStatus, setSubmitStatus] = useState(null);\r\n const [submitMessage, setSubmitMessage] = useState('');\r\n\r\n // Enhanced validation function with proper field names\r\n const validateField = (name, value) => {\r\n const errors = {};\r\n\r\n switch (name) {\r\n case 'fullName':\r\n if (!value?.trim()) errors.fullName = 'Họ và tên là bắt buộc';\r\n else if (value.trim().length < 2) errors.fullName = 'Tên phải có ít nhất 2 ký tự';\r\n break;\r\n\r\n case 'workEmail':\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (!value?.trim()) errors.workEmail = 'Email là bắt buộc';\r\n else if (!emailRegex.test(value.trim())) errors.workEmail = 'Email không hợp lệ';\r\n break;\r\n\r\n case 'phoneNumber':\r\n const phoneRegex = /^[0-9\\s\\-\\+\\(\\)]{10,15}$/;\r\n if (value && !phoneRegex.test(value.trim())) errors.phoneNumber = 'Số điện thoại không hợp lệ';\r\n break;\r\n\r\n case 'requestTitle':\r\n if (!value?.trim()) errors.requestTitle = 'Tiêu đề yêu cầu là bắt buộc';\r\n else if (value.trim().length < 5) errors.requestTitle = 'Tiêu đề phải có ít nhất 5 ký tự';\r\n break;\r\n\r\n case 'requestDescription':\r\n if (!value?.trim()) errors.requestDescription = 'Mô tả yêu cầu là bắt buộc';\r\n else if (value.trim().length < 10) errors.requestDescription = 'Mô tả phải có ít nhất 10 ký tự';\r\n break;\r\n\r\n case 'companyName':\r\n if (value && value.trim().length > 0 && value.trim().length < 2) {\r\n errors.companyName = 'Tên công ty phải có ít nhất 2 ký tự';\r\n }\r\n break;\r\n\r\n case 'jobTitle':\r\n if (value && value.trim().length > 0 && value.trim().length < 2) {\r\n errors.jobTitle = 'Chức vụ phải có ít nhất 2 ký tự';\r\n }\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n \r\n // Safe state update\r\n setFormData(prev => ({\r\n ...prev,\r\n [name]: value || ''\r\n }));\r\n\r\n // Clear error when user starts typing\r\n if (formErrors[name]) {\r\n setFormErrors(prev => {\r\n const newErrors = { ...prev };\r\n delete newErrors[name];\r\n return newErrors;\r\n });\r\n }\r\n };\r\n\r\n const handleBlur = (e) => {\r\n const { name, value } = e.target;\r\n const fieldErrors = validateField(name, value);\r\n setFormErrors(prev => ({\r\n ...prev,\r\n ...fieldErrors\r\n }));\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n setIsSubmitting(true);\r\n setSubmitStatus(null);\r\n setSubmitMessage('');\r\n\r\n try {\r\n // Validate all required fields\r\n const allErrors = {};\r\n Object.keys(formData).forEach(key => {\r\n const fieldErrors = validateField(key, formData[key]);\r\n Object.assign(allErrors, fieldErrors);\r\n });\r\n\r\n if (Object.keys(allErrors).length > 0) {\r\n setFormErrors(allErrors);\r\n setIsSubmitting(false);\r\n return;\r\n }\r\n\r\n // Clean and prepare data for API\r\n const cleanFormData = Object.keys(formData).reduce((acc, key) => {\r\n acc[key] = typeof formData[key] === 'string' ? formData[key].trim() : formData[key];\r\n return acc;\r\n }, {});\r\n\r\n // Call API safely\r\n let result;\r\n if (consultationRequestService?.create) {\r\n result = await consultationRequestService.create(cleanFormData);\r\n } else {\r\n // Fallback if service not available\r\n await new Promise(resolve => setTimeout(resolve, 2000));\r\n result = { success: true, message: 'Đã gửi thông tin thành công!' };\r\n }\r\n\r\n if (result?.success) {\r\n setSubmitStatus('success');\r\n setSubmitMessage(result.message || 'Cảm ơn bạn đã gửi thông tin! Chúng tôi sẽ liên hệ lại trong vòng 24 giờ.');\r\n \r\n // Reset form\r\n setFormData({\r\n fullName: '',\r\n workEmail: '',\r\n phoneNumber: '',\r\n companyName: '',\r\n jobTitle: '',\r\n businessType: '',\r\n expectedBudget: '',\r\n expectedTimeline: '',\r\n requestTitle: '',\r\n requestDescription: '',\r\n });\r\n setFormErrors({});\r\n } else {\r\n setSubmitStatus('error');\r\n setSubmitMessage(result?.message || 'Có lỗi xảy ra khi gửi thông tin.');\r\n }\r\n } catch (error) {\r\n setSubmitStatus('error');\r\n setSubmitMessage(error?.message || 'Có lỗi xảy ra khi gửi thông tin. Vui lòng thử lại sau.');\r\n } finally {\r\n setIsSubmitting(false);\r\n }\r\n };\r\n\r\n const inputBaseClasses = `w-full px-4 py-3 rounded-xl border transition-all duration-200 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none ${\r\n isDarkMode\r\n ? 'bg-gray-700 border-gray-600 text-white placeholder-gray-400 focus:border-indigo-500'\r\n : 'bg-white border-slate-300 text-slate-900 placeholder-slate-500 focus:border-indigo-500'\r\n }`;\r\n\r\n const labelClasses = `block text-sm font-semibold mb-2 ${isDarkMode ? 'text-gray-300' : 'text-slate-700'}`;\r\n\r\n return (\r\n <section className={`py-16 transition-colors duration-200 ${isDarkMode ? 'bg-gray-950' : 'bg-white'}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"grid lg:grid-cols-3 gap-12\">\r\n\r\n {/* Form Section */}\r\n <div className=\"lg:col-span-2\">\r\n <div className={`rounded-2xl p-8 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <div className=\"flex items-center mb-6\">\r\n <div className=\"w-10 h-10 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-600 flex items-center justify-center mr-4\">\r\n <Send size={20} className=\"text-white\" />\r\n </div>\r\n <div>\r\n <h2 className={`text-2xl font-bold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('form.title') || 'Gửi yêu cầu tư vấn'}\r\n </h2>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('form.subtitle') || 'Điền thông tin để nhận tư vấn miễn phí từ chuyên gia'}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Success/Error Message */}\r\n {submitStatus && (\r\n <div className={`mb-6 p-4 rounded-xl border transition-colors duration-200 ${\r\n submitStatus === 'success'\r\n ? isDarkMode\r\n ? 'bg-emerald-900/50 border-emerald-700 text-emerald-300'\r\n : 'bg-emerald-50 border-emerald-200 text-emerald-800'\r\n : isDarkMode\r\n ? 'bg-red-900/50 border-red-700 text-red-300'\r\n : 'bg-red-50 border-red-200 text-red-800'\r\n }`}>\r\n <div className=\"flex items-center\">\r\n {submitStatus === 'success' ? (\r\n <CheckCircle size={20} className=\"mr-2 flex-shrink-0\" />\r\n ) : (\r\n <AlertCircle size={20} className=\"mr-2 flex-shrink-0\" />\r\n )}\r\n <p className=\"text-sm font-medium\">{submitMessage}</p>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <form onSubmit={handleSubmit} className=\"space-y-6\">\r\n {/* Name and Email */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.fullName') || 'Họ và tên'} *\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"fullName\"\r\n value={formData.fullName || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.fullName ? 'border-red-500' : ''}`}\r\n placeholder=\"Nguyễn Văn A\"\r\n required\r\n />\r\n {formErrors.fullName && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.fullName}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.workEmail') || 'Email'} *\r\n </label>\r\n <input\r\n type=\"email\"\r\n name=\"workEmail\"\r\n value={formData.workEmail || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.workEmail ? 'border-red-500' : ''}`}\r\n placeholder=\"email@company.com\"\r\n required\r\n />\r\n {formErrors.workEmail && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.workEmail}\r\n </p>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Phone and Company */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.phoneNumber') || 'Số điện thoại'}\r\n </label>\r\n <input\r\n type=\"tel\"\r\n name=\"phoneNumber\"\r\n value={formData.phoneNumber || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.phoneNumber ? 'border-red-500' : ''}`}\r\n placeholder=\"0901 234 567\"\r\n />\r\n {formErrors.phoneNumber && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.phoneNumber}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.companyName') || 'Công ty/Tổ chức'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"companyName\"\r\n value={formData.companyName || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.companyName ? 'border-red-500' : ''}`}\r\n placeholder=\"ABC Company\"\r\n />\r\n {formErrors.companyName && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.companyName}\r\n </p>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Job Title and Business Type */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.jobTitle') || 'Chức vụ'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"jobTitle\"\r\n value={formData.jobTitle || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.jobTitle ? 'border-red-500' : ''}`}\r\n placeholder=\"Giám đốc công nghệ\"\r\n />\r\n {formErrors.jobTitle && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.jobTitle}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.businessType') || 'Loại hình kinh doanh'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"businessType\"\r\n value={formData.businessType || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"Công nghệ thông tin\"\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Expected Budget and Timeline */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.expectedBudget') || 'Ngân sách dự kiến'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"expectedBudget\"\r\n value={formData.expectedBudget || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"500,000,000 - 1,000,000,000 VNĐ\"\r\n />\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.expectedTimeline') || 'Thời gian dự kiến'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"expectedTimeline\"\r\n value={formData.expectedTimeline || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"3-6 tháng\"\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Request Title */}\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.requestTitle') || 'Tiêu đề yêu cầu'} *\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"requestTitle\"\r\n value={formData.requestTitle || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.requestTitle ? 'border-red-500' : ''}`}\r\n placeholder=\"Phát triển hệ thống quản lý bán hàng\"\r\n required\r\n />\r\n {formErrors.requestTitle && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.requestTitle}\r\n </p>\r\n )}\r\n </div>\r\n\r\n {/* Request Description */}\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.requestDescription') || 'Mô tả yêu cầu'} *\r\n </label>\r\n <textarea\r\n name=\"requestDescription\"\r\n value={formData.requestDescription || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n rows=\"5\"\r\n className={`${inputBaseClasses} resize-none ${formErrors.requestDescription ? 'border-red-500' : ''}`}\r\n placeholder=\"Vui lòng mô tả chi tiết về nhu cầu của bạn...\"\r\n required\r\n />\r\n {formErrors.requestDescription && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.requestDescription}\r\n </p>\r\n )}\r\n </div>\r\n\r\n {/* Submit Buttons */}\r\n <div className=\"flex items-center space-x-4\">\r\n <button\r\n type=\"submit\"\r\n disabled={isSubmitting}\r\n className=\"flex-1 bg-gradient-to-r from-indigo-600 to-purple-600 text-white py-4 px-6 rounded-xl hover:from-indigo-700 hover:to-purple-700 transition-all transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none flex items-center justify-center font-semibold shadow-lg\"\r\n >\r\n {isSubmitting ? (\r\n <>\r\n <Loader2 className=\"animate-spin h-5 w-5 mr-2\" />\r\n {t('form.submitting') || 'Đang gửi...'}\r\n </>\r\n ) : (\r\n <>\r\n <Send size={20} className=\"mr-2\" />\r\n {t('form.submit') || 'Gửi yêu cầu'}\r\n </>\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n className={`px-6 py-4 rounded-xl border-2 font-semibold transition-all hover:scale-105 ${\r\n isDarkMode\r\n ? 'border-gray-600 text-gray-300 hover:bg-gray-700'\r\n : 'border-slate-300 text-slate-700 hover:bg-slate-50'\r\n }`}\r\n >\r\n <Phone size={20} className=\"inline mr-2\" />\r\n {t('form.callNow') || 'Gọi ngay'}\r\n </button>\r\n </div>\r\n\r\n {/* Privacy Notice */}\r\n <div className={`flex items-center space-x-2 text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n <CheckCircle size={16} className=\"text-emerald-500\" />\r\n <span>{t('form.privacy') || 'Cam kết bảo mật thông tin và phản hồi trong 24 giờ'}</span>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n {/* Sidebar */}\r\n <div className=\"space-y-6\">\r\n {/* Quick Contact */}\r\n <div className={`rounded-2xl p-6 shadow-lg text-white transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gradient-to-br from-indigo-900 to-purple-900' : 'bg-gradient-to-br from-indigo-600 to-purple-600'\r\n }`}>\r\n <h4 className=\"font-bold mb-3\">{t('sidebar.quickContact.title') || 'Cần hỗ trợ ngay?'}</h4>\r\n <p className=\"text-indigo-100 text-sm mb-4\">\r\n {t('sidebar.quickContact.description') || 'Liên hệ trực tiếp để được tư vấn nhanh chóng'}\r\n </p>\r\n <div className=\"space-y-3\">\r\n <a\r\n href=\"tel:19005588\"\r\n className=\"flex items-center justify-center w-full bg-white/20 backdrop-blur-sm hover:bg-white/30 py-3 rounded-xl transition-all font-semibold\"\r\n >\r\n <Phone size={18} className=\"mr-2\" />\r\n 1900 5588\r\n </a>\r\n <button className=\"flex items-center justify-center w-full border border-white/30 hover:bg-white/10 py-3 rounded-xl transition-all font-semibold\">\r\n <MessageSquare size={18} className=\"mr-2\" />\r\n Live Chat\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Contact Methods */}\r\n <div className={`rounded-2xl p-6 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <h4 className={`font-bold mb-4 transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.contactInfo.title') || 'Thông tin liên hệ'}\r\n </h4>\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-indigo-900/50 text-indigo-400' : 'bg-indigo-50 text-indigo-600'\r\n }`}>\r\n <Phone size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n 1900 5588\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n Hotline 24/7\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-emerald-900/50 text-emerald-400' : 'bg-emerald-50 text-emerald-600'\r\n }`}>\r\n <Mail size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n support@asasystems.vn\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n Email hỗ trợ\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-purple-900/50 text-purple-400' : 'bg-purple-50 text-purple-600'\r\n }`}>\r\n <MessageCircle size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n Live Chat\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n T2-T6: 8:00-18:00\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* FAQ */}\r\n <div className={`rounded-2xl p-6 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <h4 className={`font-bold mb-4 transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.title') || 'Câu hỏi thường gặp'}\r\n </h4>\r\n <div className=\"space-y-3\">\r\n <div className={`p-3 rounded-lg transition-colors duration-200 ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'}`}>\r\n <p className={`font-medium text-sm transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.responseTime.question') || 'Thời gian phản hồi?'}\r\n </p>\r\n <p className={`text-sm mt-1 transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('sidebar.faq.responseTime.answer') || 'Trong vòng 24 giờ làm việc'}\r\n </p>\r\n </div>\r\n\r\n <div className={`p-3 rounded-lg transition-colors duration-200 ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'}`}>\r\n <p className={`font-medium text-sm transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.consultationFree.question') || 'Tư vấn có miễn phí?'}\r\n </p>\r\n <p className={`text-sm mt-1 transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('sidebar.faq.consultationFree.answer') || 'Hoàn toàn miễn phí'}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ContactFormSection;","import React from 'react';\r\nimport { Phone, Mail, MapPin, Clock, User, Send, MessageSquare, CheckCircle, AlertCircle, Loader2, Building, MessageCircle } from 'lucide-react';\r\n\r\n// Enhanced ContactInfoSection Component\r\nconst ContactInfoSection = ({ data, t, isDarkMode }) => {\r\n const contactData =\r\n data?.sectionDataBindingItems?.filter((item) => item) || [];\r\n\r\n if (!contactData.length) return null;\r\n\r\n return (\r\n <section className={`py-16 ${isDarkMode ? 'bg-gray-900' : 'bg-slate-50'}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div className={`inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? 'bg-indigo-900/50 text-indigo-300' : 'bg-indigo-50 text-indigo-700'\r\n }`}>\r\n <User size={16} className=\"mr-2\" />\r\n {t('contact.team.badge') || 'Đội ngũ hỗ trợ'}\r\n </div>\r\n <h2 className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('contact.team.title') || 'Liên hệ với đội ngũ'}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t('contact.team.subtitle') || 'chuyên nghiệp của chúng tôi'}\r\n </span>\r\n </h2>\r\n <p className={`text-lg max-w-3xl mx-auto ${isDarkMode ? 'text-gray-300' : 'text-slate-600'}`}>\r\n {t('contact.team.description') || 'Chúng tôi luôn sẵn sàng hỗ trợ bạn với đội ngũ chuyên nghiệp và giàu kinh nghiệm'}\r\n </p>\r\n </div>\r\n\r\n <div className=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n {contactData.map((contact, index) => (\r\n <div\r\n key={contact.id || index}\r\n className={`rounded-2xl p-8 shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1 border ${isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}\r\n >\r\n <div className=\"text-center mb-6\">\r\n <div className=\"w-20 h-20 rounded-full mx-auto mb-4 flex items-center justify-center text-2xl font-bold text-white bg-gradient-to-br from-indigo-500 to-purple-600\">\r\n {contact.data.name?.charAt(0) || 'A'}\r\n </div>\r\n\r\n <h3 className={`text-xl font-bold mb-2 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.name}\r\n </h3>\r\n\r\n <span className={`inline-block px-3 py-1 rounded-full text-sm font-semibold ${isDarkMode ? 'bg-indigo-900/50 text-indigo-300' : 'bg-indigo-50 text-indigo-700'\r\n }`}>\r\n {contact.data.position}\r\n </span>\r\n </div>\r\n\r\n <div className=\"space-y-4\">\r\n <a\r\n href={`tel:${contact.data.phone}`}\r\n className={`flex items-center p-3 rounded-xl transition-all hover:scale-105 ${isDarkMode ? 'bg-gray-700 hover:bg-gray-600' : 'bg-slate-50 hover:bg-slate-100'\r\n } group`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 group-hover:scale-110 transition-transform ${isDarkMode ? 'bg-green-900/50 text-green-400' : 'bg-green-50 text-green-600'\r\n }`}>\r\n <Phone size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n {t('contact.info.phone') || 'Điện thoại'}\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.phone}\r\n </p>\r\n </div>\r\n </a>\r\n\r\n <a\r\n href={`mailto:${contact.data.email}`}\r\n className={`flex items-center p-3 rounded-xl transition-all hover:scale-105 ${isDarkMode ? 'bg-gray-700 hover:bg-gray-600' : 'bg-slate-50 hover:bg-slate-100'\r\n } group`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 group-hover:scale-110 transition-transform ${isDarkMode ? 'bg-indigo-900/50 text-indigo-400' : 'bg-indigo-50 text-indigo-600'\r\n }`}>\r\n <Mail size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n Email\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.email}\r\n </p>\r\n </div>\r\n </a>\r\n\r\n {contact.data.workingHours && (\r\n <div className={`flex items-center p-3 rounded-xl ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'\r\n }`}>\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 ${isDarkMode ? 'bg-purple-900/50 text-purple-400' : 'bg-purple-50 text-purple-600'\r\n }`}>\r\n <Clock size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n {t('contact.info.workingHours') || 'Giờ làm việc'}\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.workingHours || t('contact.info.defaultWorkingHours') || 'T2-T6: 8:00-18:00'}\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"mt-6\">\r\n <button className=\"w-full py-3 px-4 rounded-xl font-semibold transition-all transform hover:scale-105 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white shadow-lg\">\r\n {t('contact.buttons.contactNow') || 'Liên hệ ngay'}\r\n </button>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ContactInfoSection;","import React, { useState, useEffect } from 'react';\r\n\r\nconst ContactListAutoSection = ({ data, t, isDarkMode, getContactList }) => {\r\n const [contacts, setContacts] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n loadContacts();\r\n }, []);\r\n\r\n const loadContacts = async () => {\r\n try {\r\n setLoading(true);\r\n const result = await getContactList();\r\n\r\n if (result.success) {\r\n setContacts(result.data || []);\r\n } else {\r\n setError(result.error);\r\n }\r\n } catch (err) {\r\n console.error('Error loading contacts:', err);\r\n setError(t('contactList.error.loadData') || 'Có lỗi xảy ra khi tải danh sách liên hệ');\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n if (loading) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`inline-block w-10 h-10 border-4 ${isDarkMode ? 'border-gray-600 border-t-blue-500' : 'border-gray-300 border-t-blue-500'} rounded-full animate-spin`}></div>\r\n <p className={`mt-4 ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('contactList.status.loading') || 'Đang tải danh sách liên hệ...'}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`${isDarkMode ? 'text-red-400' : 'text-red-500'} text-base mb-2`}>\r\n ⚠️ {t('contactList.error.title') || 'Lỗi tải dữ liệu'}\r\n </div>\r\n <p className={`${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>{error}</p>\r\n </div>\r\n );\r\n }\r\n\r\n if (!contacts || contacts.length === 0) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"text-5xl mb-5\">📞</div>\r\n <h3 className={`${isDarkMode ? 'text-gray-400' : 'text-gray-600'} mb-2`}>\r\n {t('contactList.status.noData.title') || 'Chưa có thông tin liên hệ'}\r\n </h3>\r\n <p className={`${isDarkMode ? 'text-gray-500' : 'text-gray-500'}`}>\r\n {t('contactList.status.noData.description') || 'Danh sách liên hệ sẽ hiển thị tại đây'}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <section className={`py-20 ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'} transition-colors duration-300`}>\r\n <div className=\"max-w-6xl mx-auto px-5\">\r\n <div className=\"text-center mb-16\">\r\n <h2 className={`text-4xl font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'} mb-4`}>\r\n {t('contactList.header.title') || 'Thông Tin Liên Hệ'}\r\n </h2>\r\n <p className={`text-lg ${isDarkMode ? 'text-gray-400' : 'text-gray-600'} max-w-2xl mx-auto`}>\r\n {t('contactList.header.description') || 'Đội ngũ chuyên nghiệp của chúng tôi luôn sẵn sàng hỗ trợ bạn'}\r\n </p>\r\n </div>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10\">\r\n {contacts.map((contact, index) => (\r\n <ContactCard key={contact.id || index} contact={contact} t={t} isDarkMode={isDarkMode} />\r\n ))}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nconst ContactCard = ({ contact, t, isDarkMode }) => {\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n return (\r\n <div\r\n className={`\r\n ${isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-gray-200'} rounded-2xl p-8 border cursor-pointer transition-all duration-300\r\n ${isHovered\r\n ? `shadow-xl ${isDarkMode ? 'shadow-gray-900/40' : 'shadow-gray-500/20'} -translate-y-2`\r\n : `shadow-lg ${isDarkMode ? 'shadow-gray-900/20' : 'shadow-gray-500/10'}`\r\n }\r\n `}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <div className=\"flex items-center mb-6\">\r\n <div className={`w-15 h-15 rounded-full ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'} flex items-center justify-center text-white text-2xl font-bold mr-4`}>\r\n {contact.name?.charAt(0)?.toUpperCase() || '?'}\r\n </div>\r\n <div>\r\n <h3 className={`text-xl font-semibold ${isDarkMode ? 'text-white' : 'text-gray-900'} mb-1`}>\r\n {contact.name || t('contactList.card.noName') || 'Không có tên'}\r\n </h3>\r\n <p className={`text-base ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {contact.position || t('contactList.card.noPosition') || 'Chưa có chức vụ'}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <ContactInfo\r\n icon=\"📧\"\r\n label={t('contactList.card.email') || 'Email'}\r\n value={contact.email}\r\n href={`mailto:${contact.email}`}\r\n />\r\n <ContactInfo\r\n icon=\"📱\"\r\n label={t('contactList.card.phone') || 'Điện thoại'}\r\n value={contact.phone}\r\n href={`tel:${contact.phone}`}\r\n />\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nconst ContactInfo = ({ icon, label, value, href,isDarkMode }) => {\r\n\r\n if (!value) return null;\r\n\r\n const content = (\r\n <div className={`flex items-center py-3 border-b ${isDarkMode ? 'border-gray-600' : 'border-gray-100'} last:border-b-0`}>\r\n <span className=\"text-lg mr-3 w-6 text-center\">\r\n {icon}\r\n </span>\r\n <div className=\"flex-1\">\r\n <div className={`text-sm ${isDarkMode ? 'text-gray-400' : 'text-gray-600'} mb-0.5`}>\r\n {label}\r\n </div>\r\n <div className={`text-base font-medium ${href\r\n ? `${isDarkMode ? 'text-blue-400 hover:text-blue-300' : 'text-blue-500 hover:text-blue-600'}`\r\n : `${isDarkMode ? 'text-white' : 'text-gray-900'}`\r\n } transition-colors duration-200`}>\r\n {value}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n\r\n if (href) {\r\n return (\r\n <a href={href} className={`no-underline text-inherit block ${isDarkMode ? 'hover:bg-gray-700/50' : 'hover:bg-gray-50'} rounded-lg -mx-2 px-2 transition-colors duration-200`}>\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n return <div className=\"-mx-2 px-2\">{content}</div>;\r\n};\r\n\r\nexport default ContactListAutoSection;","import React, { useState, useEffect } from \"react\";\r\n\r\nconst CustomerFeedbackAutoSection = ({ data, t, isDarkMode, loadCustomerFeedback }) => {\r\n const [feedbacks, setFeedbacks] = useState([]);\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n const res = await loadCustomerFeedback();\r\n if (res.success) {\r\n setFeedbacks(Array.isArray(res.data) ? res.data : []);\r\n } else {\r\n setFeedbacks([]);\r\n }\r\n };\r\n fetchData();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (feedbacks.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentIndex((prev) => (prev + 1) % feedbacks.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [feedbacks.length]);\r\n\r\n useEffect(() => {\r\n if (currentIndex >= feedbacks.length) {\r\n setCurrentIndex(0);\r\n }\r\n }, [feedbacks.length, currentIndex]);\r\n\r\n if (!feedbacks.length) {\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`w-24 h-24 mx-auto mb-6 rounded-full flex items-center justify-center ${isDarkMode ? \"bg-gray-800\" : \"bg-gray-200\"\r\n }`}\r\n >\r\n <svg\r\n className={`w-12 h-12 ${isDarkMode ? \"text-gray-600\" : \"text-gray-400\"\r\n }`}\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n viewBox=\"0 0 24 24\"\r\n >\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\r\n />\r\n </svg>\r\n </div>\r\n <h3\r\n className={`text-xl font-semibold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.emptyTitle\") || \"Chưa có phản hồi từ khách hàng\"}\r\n </h3>\r\n <p\r\n className={`text-lg ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.emptyDescription\") ||\r\n \"Các phản hồi từ khách hàng sẽ được hiển thị tại đây.\"}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n const currentFeedback = feedbacks[currentIndex];\r\n\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode\r\n ? \"bg-indigo-900/50 text-indigo-300 border border-indigo-800\"\r\n : \"bg-indigo-100 text-indigo-800\"\r\n }`}\r\n >\r\n 💬 {t(\"customerFeedback.badge\") || \"Phản hồi khách hàng\"}\r\n </div>\r\n\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.titlelanding\") || \"Khách hàng nói gì\"}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t(\"customerFeedback.subtitle\") || \"về chúng tôi\"}\r\n </span>\r\n </h2>\r\n\r\n <div className=\"relative\">\r\n <div\r\n key={currentIndex}\r\n className={`p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode\r\n ? \"bg-gray-800/80 backdrop-blur-sm border border-gray-700\"\r\n : \"bg-white shadow-lg\"\r\n }`}\r\n >\r\n <blockquote\r\n className={`text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 leading-relaxed ${isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n \"{currentFeedback.content}\"\r\n </blockquote>\r\n\r\n <div className=\"flex items-center justify-center space-x-4 animate-fadeIn\">\r\n <div className=\"text-3xl\">👤</div>\r\n <div className=\"text-left\">\r\n <div\r\n className={`font-bold text-base transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {currentFeedback.customerName}\r\n </div>\r\n <div className=\"text-blue-600 font-medium text-sm\">\r\n {currentFeedback.customerTitle}\r\n </div>\r\n {currentFeedback.customerCompany && (\r\n <div\r\n className={`text-xs transition-colors duration-200 ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {currentFeedback.customerCompany}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {feedbacks.length > 1 && (\r\n <div className=\"flex justify-center space-x-2 mt-4\">\r\n {feedbacks.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentIndex(index)}\r\n className={`w-2.5 h-2.5 rounded-full transition-all duration-300 ${index === currentIndex\r\n ? \"bg-blue-600\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-gray-500\"\r\n : \"bg-gray-300 hover:bg-gray-400\"\r\n }`}\r\n aria-label={t(\"customerFeedback.switchToFeedback\", { number: index + 1 }) || `Chuyển đến phản hồi ${index + 1}`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n <style jsx>{`\r\n .animate-fadeIn {\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n `}</style>\r\n </section>\r\n );\r\n};\r\n\r\nexport default CustomerFeedbackAutoSection;","import React, { useState, useEffect } from 'react';\r\n\r\nconst ProductListSection = ({ data, t, isDarkMode, getProductList }) => {\r\n const [products, setProducts] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n setLoading(true);\r\n const result = await getProductList();\r\n\r\n if (result.success) {\r\n setProducts(result.data || []);\r\n } else {\r\n setError(result.error || t('productList.errors.loadFailed'));\r\n }\r\n } catch (err) {\r\n console.error('Error fetching products:', err);\r\n setError(t('productList.errors.loadError'));\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, [t]);\r\n\r\n if (loading) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`inline-block w-10 h-10 border-4 ${isDarkMode ? 'border-gray-600 border-t-blue-400' : 'border-gray-300 border-t-blue-500'} rounded-full animate-spin`}></div>\r\n <p className={`mt-2.5 text-base ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productList.loading')}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"text-red-500 text-5xl mb-4\">\r\n ⚠️\r\n </div>\r\n <p className=\"text-red-500 text-base m-0\">\r\n {error}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (!products || products.length === 0) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`text-5xl mb-4 ${isDarkMode ? 'text-gray-400' : 'text-gray-500'}`}>\r\n 📦\r\n </div>\r\n <p className={`text-base m-0 ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productList.noProducts')}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className={`py-16 px-5 transition-colors duration-300 ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"max-w-6xl mx-auto\">\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 items-start\">\r\n {products.map((product, index) => (\r\n <ProductCard key={product.id || index} product={product} t={t} isDarkMode={isDarkMode} />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nconst ProductCard = ({ product, t, isDarkMode }) => {\r\n const [activeTab, setActiveTab] = useState('overview');\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n const mainImage = product.images?.find(img => img.isMain)?.imageUrl ||\r\n product.images?.[0]?.imageUrl ||\r\n '/placeholder-product.png';\r\n\r\n const tabs = [\r\n { id: 'overview', label: t('productCard.tabs.overview'), count: null },\r\n { id: 'features', label: t('productCard.tabs.features'), count: product.features?.length || 0 },\r\n { id: 'contacts', label: t('productCard.tabs.contacts'), count: product.contacts?.length || 0 },\r\n { id: 'downloads', label: t('productCard.tabs.downloads'), count: product.productDownloads?.length || 0 }\r\n ];\r\n\r\n const renderOverview = () => (\r\n <div className=\"p-5\">\r\n <div\r\n className={`text-sm leading-relaxed ${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`}\r\n dangerouslySetInnerHTML={{\r\n __html: product.overviewContent || product.description || t('productCard.noOverview')\r\n }}\r\n />\r\n </div>\r\n );\r\n\r\n const renderFeatures = () => {\r\n const features = product.features || [];\r\n\r\n if (features.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noFeatures')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n const sortedFeatures = [...features].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-4\">\r\n {sortedFeatures.map((feature, index) => (\r\n <div\r\n key={index}\r\n className={`p-4 rounded-lg border-l-4 border-blue-500 ${isDarkMode ? 'bg-gray-700' : 'bg-gray-100'}`}\r\n >\r\n <h4 className={`m-0 mb-2 text-sm font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {feature.title}\r\n </h4>\r\n <p className={`m-0 text-xs leading-relaxed ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {feature.description}\r\n </p>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderContacts = () => {\r\n const contacts = product.contacts || [];\r\n\r\n if (contacts.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noContacts')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-4\">\r\n {contacts.map((contact, index) => (\r\n <div\r\n key={contact.id || index}\r\n className={`p-4 rounded-lg border ${isDarkMode ? 'bg-gray-700 border-gray-600' : 'bg-gray-100 border-gray-200'}`}\r\n >\r\n <div className=\"flex items-center mb-2\">\r\n <div className={`w-10 h-10 rounded-full flex items-center justify-center mr-3 ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'}`}>\r\n <span className=\"text-white font-bold text-base\">\r\n {contact.name?.charAt(0)?.toUpperCase() || '?'}\r\n </span>\r\n </div>\r\n <div>\r\n <h4 className={`m-0 mb-0.5 text-sm font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {contact.name}\r\n </h4>\r\n <p className={`m-0 text-xs ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {contact.position}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex flex-col gap-1\">\r\n {contact.phone && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className={`text-sm ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>📞</span>\r\n <a\r\n href={`tel:${contact.phone}`}\r\n className={`text-xs no-underline hover:underline ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}\r\n >\r\n {contact.phone}\r\n </a>\r\n </div>\r\n )}\r\n {contact.email && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className={`text-sm ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>✉️</span>\r\n <a\r\n href={`mailto:${contact.email}`}\r\n className={`text-xs no-underline hover:underline ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}\r\n >\r\n {contact.email}\r\n </a>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderDownloads = () => {\r\n const downloads = product.productDownloads || [];\r\n\r\n if (downloads.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noDownloads')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n const handleDownload = (fileUrl, title) => {\r\n try {\r\n const link = document.createElement('a');\r\n link.href = fileUrl;\r\n link.download = title || 'download';\r\n link.target = '_blank';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n } catch (error) {\r\n console.error('Download error:', error);\r\n }\r\n };\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-3\">\r\n {downloads.map((download, index) => (\r\n <div\r\n key={index}\r\n onClick={() => handleDownload(download.fileUrl, download.title)}\r\n className={`p-4 rounded-lg border cursor-pointer flex items-center gap-3 transition-all duration-200 hover:translate-x-1 ${isDarkMode\r\n ? 'bg-gray-700 border-gray-600 hover:bg-gray-600'\r\n : 'bg-gray-100 border-gray-200 hover:bg-gray-200'\r\n }`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'}`}>\r\n <span className=\"text-white text-lg\">📄</span>\r\n </div>\r\n\r\n <div className=\"flex-1 min-w-0\">\r\n <h4 className={`m-0 mb-1 text-sm font-bold overflow-hidden text-ellipsis whitespace-nowrap ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {download.title}\r\n </h4>\r\n <p className={`m-0 text-xs ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productCard.downloadClick')}\r\n </p>\r\n </div>\r\n\r\n <div className={`flex-shrink-0 text-base ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>\r\n ⬇️\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderTabContent = () => {\r\n switch (activeTab) {\r\n case 'overview':\r\n return renderOverview();\r\n case 'features':\r\n return renderFeatures();\r\n case 'contacts':\r\n return renderContacts();\r\n case 'downloads':\r\n return renderDownloads();\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={`\r\n rounded-xl overflow-hidden cursor-pointer transition-all duration-300 border\r\n ${isDarkMode\r\n ? 'bg-gray-800 border-gray-700'\r\n : 'bg-white border-gray-200'\r\n }\r\n ${isHovered\r\n ? `shadow-xl -translate-y-2 ${isDarkMode ? 'shadow-gray-900/40' : 'shadow-gray-500/20'}`\r\n : `shadow-lg ${isDarkMode ? 'shadow-gray-900/20' : 'shadow-gray-500/10'}`\r\n }\r\n `}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <div\r\n className={`relative h-48 bg-cover bg-center ${isDarkMode ? 'bg-gray-700' : 'bg-gray-200'}`}\r\n style={{\r\n backgroundImage: `url(${mainImage})`,\r\n }}\r\n >\r\n <div className=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent p-5 text-white\">\r\n <h3 className=\"m-0 mb-2 text-lg font-bold\">\r\n {product.name}\r\n </h3>\r\n <p className=\"m-0 text-sm opacity-90\">\r\n {product.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className={`border-b ${isDarkMode ? 'border-gray-600' : 'border-gray-200'}`}>\r\n <div className=\"flex overflow-x-auto\">\r\n {tabs.map(tab => (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`\r\n flex-1 min-w-[100px] py-4 px-2 border-none text-xs font-medium cursor-pointer transition-all duration-300 flex items-center justify-center gap-1\r\n ${activeTab === tab.id\r\n ? `${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'} text-white font-bold`\r\n : `bg-transparent ${isDarkMode ? 'text-gray-400 hover:bg-gray-700' : 'text-gray-600 hover:bg-gray-100'}`\r\n }\r\n `}\r\n >\r\n <span>{tab.label}</span>\r\n {tab.count !== null && (\r\n <span className={`\r\n text-xs py-0.5 px-1.5 rounded-full min-w-[18px] text-center\r\n ${activeTab === tab.id\r\n ? 'bg-white/20 text-white'\r\n : `${isDarkMode ? 'bg-gray-600 text-gray-400' : 'bg-gray-200 text-gray-600'}`\r\n }\r\n `}>\r\n {tab.count}\r\n </span>\r\n )}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n <div className=\"min-h-[200px] max-h-[300px] overflow-y-auto\">\r\n {renderTabContent()}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ProductListSection;","import React, { useMemo } from \"react\";\r\n\r\nconst ImageItem = ({ item, index, isDarkMode, t, getObjectUrl }) => {\r\n const media = item.medias?.[0];\r\n const getImageUrl = () => {\r\n if (!media?.url) return null;\r\n\r\n // Nếu là File object, tạo blob URL\r\n if (media.url instanceof File) {\r\n return URL.createObjectURL(media.url);\r\n }\r\n\r\n // Nếu là string và có getObjectUrl\r\n if (typeof media.url === 'string' && getObjectUrl) {\r\n return getObjectUrl(media.url);\r\n }\r\n\r\n // Fallback return original URL\r\n return media.url;\r\n };\r\n\r\n const imageUrl = getImageUrl();\r\n\r\n // Cleanup blob URL khi component unmount\r\n React.useEffect(() => {\r\n return () => {\r\n if (imageUrl && imageUrl.startsWith('blob:')) {\r\n URL.revokeObjectURL(imageUrl);\r\n }\r\n };\r\n }, [imageUrl]);\r\n return (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n borderRadius: \"8px\",\r\n overflow: \"hidden\",\r\n boxShadow: isDarkMode\r\n ? \"0 4px 8px rgba(0,0,0,0.3)\"\r\n : \"0 4px 8px rgba(0,0,0,0.1)\",\r\n }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={`Image ${index + 1}`}\r\n style={{\r\n width: \"100%\",\r\n height: \"250px\",\r\n objectFit: \"cover\",\r\n }}\r\n onError={(e) => {\r\n e.currentTarget.parentElement.style.display = \"none\";\r\n }}\r\n />\r\n ) : (\r\n <div\r\n style={{\r\n width: \"100%\",\r\n height: \"250px\",\r\n backgroundColor: isDarkMode ? \"#374151\" : \"#f3f4f6\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n color: isDarkMode ? \"#9ca3af\" : \"#6b7280\",\r\n fontSize: \"14px\",\r\n }}\r\n >\r\n {t('imageSection.noImage') || 'No image available'}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst ImageSection = ({ data, t, isDarkMode, getObjectUrl }) => {\r\n const imageItems = useMemo(() => data?.sectionDataBindingItems || [], [data]);\r\n\r\n return (\r\n <div style={{\r\n padding: \"40px 20px\",\r\n backgroundColor: isDarkMode ? \"#111827\" : \"white\"\r\n }}>\r\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\" }}>\r\n <div\r\n style={{\r\n display: \"grid\",\r\n gridTemplateColumns: \"repeat(auto-fit, minmax(300px, 1fr))\",\r\n gap: \"20px\",\r\n }}\r\n >\r\n {imageItems.map((item, index) => (\r\n <ImageItem\r\n key={item.id || index}\r\n item={item}\r\n index={index}\r\n isDarkMode={isDarkMode}\r\n t={t}\r\n getObjectUrl={getObjectUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ImageSection;","import React, { useMemo } from 'react';\r\n\r\nconst SingleImageItem = ({ item, index, isDarkMode }) => {\r\n const media = item.medias?.[0];\r\n // Xử lý URL an toàn\r\n const getImageUrl = () => {\r\n if (!media?.url) return null;\r\n\r\n // Nếu là File object, tạo blob URL\r\n if (media.url instanceof File) {\r\n return URL.createObjectURL(media.url);\r\n }\r\n\r\n // Nếu có getObjectUrl function\r\n if (getObjectUrl && typeof media.url === 'string') {\r\n return getObjectUrl(media.url);\r\n }\r\n\r\n return media.url;\r\n };\r\n const imageUrl = getImageUrl();\r\n return (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n borderRadius: '12px',\r\n overflow: 'hidden',\r\n boxShadow: isDarkMode\r\n ? '0 8px 24px rgba(0,0,0,0.4)'\r\n : '0 8px 24px rgba(0,0,0,0.15)',\r\n marginBottom: '30px',\r\n }}\r\n >\r\n {imageUrl && (\r\n <img\r\n src={imageUrl}\r\n alt={`Single Image ${index + 1}`}\r\n style={{\r\n width: '100%',\r\n height: '400px',\r\n objectFit: 'cover',\r\n display: 'block',\r\n }}\r\n onError={(e) => {\r\n e.currentTarget.style.display = 'none';\r\n }}\r\n />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst ImageSingleSection = ({ data, t, isDarkMode, getObjectUrl }) => {\r\n const imageItems = useMemo(() => data?.sectionDataBindingItems || [], [data]);\r\n\r\n return (\r\n <div style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#111827' : 'white'\r\n }}>\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {imageItems.map((item, index) => (\r\n <SingleImageItem\r\n key={item.id || index}\r\n item={item}\r\n index={index}\r\n isDarkMode={isDarkMode}\r\n getObjectUrl={getObjectUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ImageSingleSection;","import React from 'react';\r\n\r\nconst TextWithTitleSection = ({ section, data, isDarkMode }) => {\r\n \r\n const textItems = data?.sectionDataBindingItems || [];\r\n\r\n return (\r\n <div style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#1f2937' : '#f8f9fa',\r\n textAlign: 'center'\r\n }}>\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {textItems.map((item, index) => (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n backgroundColor: isDarkMode ? '#374151' : 'white',\r\n padding: '30px 20px',\r\n marginBottom: '20px',\r\n borderRadius: '8px',\r\n boxShadow: isDarkMode ? '0 2px 4px rgba(0,0,0,0.3)' : '0 2px 4px rgba(0,0,0,0.1)'\r\n }}\r\n >\r\n <h2 style={{\r\n fontSize: '24px',\r\n fontWeight: 'bold',\r\n color: isDarkMode ? '#f9fafb' : '#1f2937',\r\n marginBottom: '16px',\r\n lineHeight: '1.3'\r\n }}>\r\n {item.title}\r\n </h2>\r\n \r\n <div style={{\r\n fontSize: '16px',\r\n lineHeight: '1.6',\r\n color: isDarkMode ? '#d1d5db' : '#4b5563',\r\n textAlign: 'left'\r\n }}>\r\n {item.value}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TextWithTitleSection;","import React from 'react';\r\n\r\nconst TextSection = ({ data, isDarkMode }) => {\r\n const textItems = data?.sectionDataBindingItems || [];\r\n\r\n return (\r\n <div\r\n style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#1f2937' : '#f8f9fa', // Dark: slate-800, Light: gray-100\r\n textAlign: 'center',\r\n }}\r\n >\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {textItems.map((item, index) => (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n backgroundColor: isDarkMode ? '#374151' : 'white', // Dark: slate-700, Light: white\r\n padding: '20px',\r\n marginBottom: '20px',\r\n borderRadius: '8px',\r\n boxShadow: isDarkMode\r\n ? '0 2px 4px rgba(0,0,0,0.3)'\r\n : '0 2px 4px rgba(0,0,0,0.1)',\r\n fontSize: '16px',\r\n lineHeight: '1.6',\r\n color: isDarkMode ? '#d1d5db' : '#333', // Dark: gray-300, Light: dark gray\r\n textAlign: 'left',\r\n }}\r\n >\r\n {item.value}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TextSection;\r\n","// src/index.js \r\nimport AboutCompanySection from './sections/aboutCompany/AboutCompanySection';\r\nimport CompanyValues from './sections/aboutCompany/CompanyValues';\r\nimport TimelineSection from './sections/aboutCompany/TimelineSection';\r\nimport PartnerCard from './sections/aboutCompany/PartnerCard';\r\nimport PartnersSection from './sections/aboutCompany/PartnersSection';\r\nimport MilestoneSection from './sections/aboutCompany/MilestoneSection';\r\nimport TestimonialsSection from './sections/aboutCompany/TestimonialsSection';\r\nimport PartnerListCard from './sections/aboutCompany/PartnerListCard';\r\nimport PartnerListSection from './sections/aboutCompany/PartnerListSection';\r\nimport ContactFormSection from './sections/contactCompany/ContactFormSection';\r\nimport ContactInfoSection from './sections/contactCompany/ContactInfoSection';\r\nimport ContactListAutoSection from './sections/contactCompany/ContactListAutoSection';\r\nimport CustomerFeedbackAutoSection from './sections/customerFeedback/CustomerFeedbackAutoSection';\r\nimport ProductListSection from './sections/product/ProductListSection';\r\nimport ImageSection from './sections/simple/ImageSection';\r\nimport ImageSingleSection from './sections/simple/ImageSingleSection';\r\nimport TextWithTitleSection from './sections/simple/TextWithTitleSection';\r\nimport TextSection from './sections/simple/TextSection';\r\n// Export các components\r\nexport {\r\n AboutCompanySection,\r\n CompanyValues,\r\n TimelineSection,\r\n PartnerCard,\r\n PartnersSection,\r\n MilestoneSection,\r\n TestimonialsSection,\r\n PartnerListCard,\r\n PartnerListSection,\r\n ContactFormSection,\r\n ContactInfoSection,\r\n ContactListAutoSection,\r\n CustomerFeedbackAutoSection,\r\n ProductListSection,\r\n ImageSection,\r\n ImageSingleSection,\r\n TextWithTitleSection,\r\n TextSection\r\n};\r\n\r\n// Default export (tuỳ chọn)\r\nexport default {\r\n AboutCompanySection,\r\n CompanyValues,\r\n TimelineSection,\r\n PartnerCard,\r\n PartnersSection,\r\n MilestoneSection,\r\n TestimonialsSection,\r\n PartnerListCard,\r\n PartnerListSection,\r\n ContactFormSection,\r\n ContactInfoSection,\r\n ContactListAutoSection,\r\n CustomerFeedbackAutoSection,\r\n ProductListSection,\r\n ImageSection,\r\n ImageSingleSection,\r\n TextWithTitleSection,\r\n TextSection\r\n};"],"names":["jsxRuntimeModule","require$$0","require$$1","jsx","index","jsxs","Fragment","useWindowSize","_a","__iconNode","CheckCircle","AlertCircle","Loader2","_b","getObjectUrl","React"],"mappings":"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","x_google_ignoreList":[0,1,2,12,13,14,15,16,17,18,19,20,21,22,23,24,25]}
|
|
1
|
+
{"version":3,"file":"nvis-fe-cms-libs.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/sections/aboutCompany/CompanyValues.jsx","../src/sections/aboutCompany/AboutCompanySection.jsx","../src/sections/aboutCompany/TimelineSection.jsx","../src/sections/aboutCompany/PartnerCard.jsx","../src/sections/aboutCompany/PartnersSection.jsx","../src/sections/aboutCompany/MilestoneSection.jsx","../src/sections/aboutCompany/TestimonialsSection.jsx","../src/sections/aboutCompany/PartnerListCard.jsx","../src/sections/aboutCompany/PartnerListSection.jsx","../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../node_modules/lucide-react/dist/esm/icons/clock.js","../node_modules/lucide-react/dist/esm/icons/loader-circle.js","../node_modules/lucide-react/dist/esm/icons/mail.js","../node_modules/lucide-react/dist/esm/icons/message-circle.js","../node_modules/lucide-react/dist/esm/icons/message-square.js","../node_modules/lucide-react/dist/esm/icons/phone.js","../node_modules/lucide-react/dist/esm/icons/send.js","../node_modules/lucide-react/dist/esm/icons/user.js","../src/sections/contactCompany/ContactFormSection.jsx","../src/sections/contactCompany/ContactInfoSection.jsx","../src/sections/contactCompany/ContactListAutoSection.jsx","../src/sections/customerFeedback/CustomerFeedbackAutoSection.jsx","../src/sections/product/ProductListSection.jsx","../src/sections/simple/ImageSection.jsx","../src/sections/simple/ImageSingleSection.jsx","../src/sections/simple/TextWithTitleSection.jsx","../src/sections/simple/TextSection.jsx","../src/index.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return (type.displayName || \"Context\") + \".Provider\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(\n type,\n key,\n self,\n source,\n owner,\n props,\n debugStack,\n debugTask\n ) {\n self = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== self ? self : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n source,\n self,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n self,\n source,\n getOwner(),\n maybeKey,\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_ELEMENT_TYPE &&\n node._store &&\n (node._store.validated = 1);\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n Symbol.for(\"react.provider\");\n var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey, source, self) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n source,\n self,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey, source, self) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n source,\n self,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst CompanyValues = ({ companyData, t, isDarkMode }) => {\r\n // Clean HTML content với null safety\r\n const cleanHtmlContent = (html) => {\r\n if (!html) return '';\r\n \r\n try {\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = html;\r\n \r\n let cleanText = tempDiv.textContent || tempDiv.innerText || '';\r\n \r\n return cleanText\r\n .replace(/ /g, ' ')\r\n .replace(/&/g, '&')\r\n .replace(/</g, '<')\r\n .replace(/>/g, '>')\r\n .replace(/"/g, '\"')\r\n .replace(/'/g, \"'\")\r\n .replace(/\\s+/g, ' ')\r\n .trim();\r\n } catch (error) {\r\n console.error('Error cleaning HTML content:', error);\r\n return String(html || '').replace(/<[^>]*>/g, '').replace(/\\s+/g, ' ').trim();\r\n }\r\n };\r\n\r\n // Validate companyData với null safety\r\n const safeCompanyData = {\r\n vision: companyData?.vision || '',\r\n mission: companyData?.mission || '',\r\n coreValues: companyData?.coreValues || ''\r\n };\r\n\r\n const items = [\r\n {\r\n icon: \"💡\",\r\n bgLight: \"bg-blue-100 text-blue-600\",\r\n bgDark: \"bg-blue-900/40 text-blue-300\",\r\n title: t('about.companyValues.vision') || 'Tầm nhìn',\r\n text: cleanHtmlContent(safeCompanyData.vision) || 'Tầm nhìn của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n {\r\n icon: \"🚀\",\r\n bgLight: \"bg-emerald-100 text-emerald-600\",\r\n bgDark: \"bg-emerald-900/40 text-emerald-300\",\r\n title: t('about.companyValues.mission') || 'Sứ mệnh',\r\n text: cleanHtmlContent(safeCompanyData.mission) || 'Sứ mệnh của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n {\r\n icon: \"💎\",\r\n bgLight: \"bg-purple-100 text-purple-600\",\r\n bgDark: \"bg-purple-900/40 text-purple-300\",\r\n title: t('about.companyValues.coreValues') || 'Giá trị cốt lõi',\r\n text: cleanHtmlContent(safeCompanyData.coreValues) || 'Giá trị cốt lõi của chúng tôi sẽ được cập nhật trong thời gian tới.',\r\n },\r\n ];\r\n\r\n // Filter out items với empty text nếu không muốn hiển thị placeholder\r\n const validItems = items.filter(item => {\r\n const originalText = item === items[0] ? safeCompanyData.vision \r\n : item === items[1] ? safeCompanyData.mission \r\n : safeCompanyData.coreValues;\r\n \r\n // Chỉ hiển thị item nếu có data thật hoặc muốn hiển thị placeholder\r\n return originalText || true; // Set to false nếu không muốn hiển thị placeholder\r\n });\r\n\r\n const refs = useRef([]);\r\n const [visible, setVisible] = useState([]);\r\n\r\n useEffect(() => {\r\n setVisible(new Array(validItems.length).fill(false));\r\n\r\n if (validItems.length === 0) return;\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const idx = refs.current.findIndex((el) => el === entry.target);\r\n if (idx !== -1) {\r\n setVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[idx] = true;\r\n return newVisible;\r\n });\r\n observer.unobserve(entry.target);\r\n }\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n refs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n refs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [validItems.length]);\r\n\r\n // Return empty state nếu không có data và không muốn hiển thị placeholder\r\n if (!companyData || validItems.length === 0) {\r\n return (\r\n <div className={`text-center py-8 px-4 rounded-lg border ${\r\n isDarkMode ? \"border-gray-700 bg-gray-800/50\" : \"border-gray-300 bg-gray-50\"\r\n }`}>\r\n <div className={`w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center ${\r\n isDarkMode ? 'bg-gray-700' : 'bg-gray-200'\r\n }`}>\r\n <svg className={`w-8 h-8 ${isDarkMode ? 'text-gray-500' : 'text-gray-400'}`} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\r\n </svg>\r\n </div>\r\n <h3 className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n Thông tin công ty\r\n </h3>\r\n <p className={`text-sm ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"}`}>\r\n Tầm nhìn, sứ mệnh và giá trị cốt lõi sẽ được cập nhật sớm.\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n {validItems.map((item, index) => {\r\n try {\r\n return (\r\n <div\r\n key={index}\r\n ref={(el) => (refs.current[index] = el)}\r\n className={`flex items-start space-x-4 rounded-lg p-4 transform transition-all duration-700 ease-out border ${\r\n isDarkMode ? \"border-gray-700\" : \"border-gray-300\"\r\n } ${visible[index] ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"}`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n {/* Icon */}\r\n <div\r\n className={`w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${\r\n isDarkMode ? item.bgDark : item.bgLight\r\n }`}\r\n >\r\n {item.icon}\r\n </div>\r\n\r\n {/* Content */}\r\n <div className=\"flex-1 min-w-0\">\r\n <h3\r\n className={`text-lg font-bold mb-1 ${\r\n isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {item.title}\r\n </h3>\r\n <p\r\n className={`leading-relaxed ${\r\n isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n } ${\r\n // Style khác nhau cho placeholder vs real content\r\n (item.text.includes('sẽ được cập nhật') ? 'italic opacity-75' : '')\r\n }`}\r\n >\r\n {item.text}\r\n </p>\r\n </div>\r\n </div>\r\n );\r\n } catch (error) {\r\n console.error('Error rendering company value item:', item, error);\r\n // Fallback item nếu có lỗi\r\n return (\r\n <div\r\n key={`error-${index}`}\r\n className={`flex items-start space-x-4 rounded-lg p-4 border opacity-50 ${\r\n isDarkMode ? \"border-gray-700 bg-gray-800\" : \"border-gray-300 bg-gray-100\"\r\n }`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? \"bg-red-900/40 text-red-300\" : \"bg-red-100 text-red-600\"\r\n }`}>\r\n ❌\r\n </div>\r\n <div>\r\n <h3 className={`text-lg font-bold mb-1 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n Lỗi hiển thị\r\n </h3>\r\n <p className={`${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"}`}>\r\n Không thể hiển thị mục này do vấn đề dữ liệu.\r\n </p>\r\n </div>\r\n </div>\r\n );\r\n }\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default CompanyValues;","import React from \"react\";\r\nimport CompanyValues from \"./CompanyValues\";\r\n\r\nconst AboutCompanySection = ({ data, t, isDarkMode }) => {\r\n // Kiểm tra t function\r\n const safeT = typeof t === 'function' ? t : (key, options) => {\r\n console.warn(`Translation function not provided for key: ${key}`);\r\n return key;\r\n };\r\n\r\n const companyData = data?.sectionDataBindingItems?.[0]?.data;\r\n\r\n if (!companyData) {\r\n return null;\r\n }\r\n\r\n const name = companyData.name || safeT('aboutCompany.defaults.companyName');\r\n const shortName = companyData.shortName || safeT('aboutCompany.defaults.shortName');\r\n const shortDescription = companyData.shortDescription || safeT('aboutCompany.defaults.shortDescription');\r\n const establishedYear = companyData.establishedYear || \"----\";\r\n const experienceYears = companyData.experienceYears || \"0\";\r\n const description = companyData.description || \"\";\r\n\r\n return (\r\n <>\r\n {/* Hero Section */}\r\n <section\r\n className={`relative min-h-[80vh] flex items-center justify-center overflow-hidden pt-8 transition-colors duration-300`}\r\n >\r\n <div className=\"absolute inset-0\">\r\n <div className={`absolute inset-0 ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900\"\r\n : \"bg-gradient-to-br from-blue-600 via-indigo-600 to-purple-600\"\r\n }`}></div>\r\n <div className=\"absolute inset-0\">\r\n <div\r\n className=\"shape shape-1 absolute w-12 h-12 bg-white/5 rounded-full -top-6 -left-6\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"shape shape-3 absolute w-10 h-10 bg-white/5 rounded-full -bottom-4 -right-4\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"shape shape-4 absolute w-14 h-14 bg-white/5 rounded-md -bottom-6 -left-6\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n </div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </div>\r\n <div className=\"relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div className=\"space-y-6\">\r\n {/* Logo + Tên */}\r\n <div className=\"space-y-2\">\r\n <div className=\"w-20 h-20 mx-auto rounded-full bg-gradient-to-r from-blue-500 to-purple-600 p-1\">\r\n <div\r\n className={`w-full h-full rounded-full flex items-center justify-center ${isDarkMode ? \"bg-gray-900\" : \"bg-white\"\r\n }`}\r\n >\r\n <div className=\"text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\r\n {shortName}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <h1\r\n className={`text-4xl lg:text-5xl font-bold ${isDarkMode ? \"text-white\" : \"text-gray-100\"\r\n }`}\r\n >\r\n {name}\r\n </h1>\r\n </div>\r\n\r\n {/* Slogan */}\r\n <div className=\"max-w-4xl mx-auto\">\r\n <p\r\n className={`text-lg leading-relaxed mb-4 ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n <span className=\"font-semibold text-white\">\r\n \"{safeT(\"aboutCompany.hero.trustedPartner\")}\"\r\n </span>\r\n {\" - \"}\r\n <span\r\n dangerouslySetInnerHTML={{ __html: shortDescription }}\r\n className={`inline transition-colors ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n />\r\n </p>\r\n <div\r\n className={`inline-flex items-center px-4 py-2 rounded-full border text-sm font-medium ${isDarkMode\r\n ? \"bg-gray-800/70 border-gray-600 text-gray-300\"\r\n : \"bg-white/20 border-white/40 text-white\"\r\n }`}\r\n >\r\n 🚀 {safeT('aboutCompany.hero.establishedYear', { year: establishedYear })} - {safeT('aboutCompany.hero.experience', { years: experienceYears })}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* About Us Section */}\r\n <section\r\n className={`py-20 transition-colors duration-300 ${isDarkMode ? \"bg-gray-900\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n {/* Câu chuyện */}\r\n <div>\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode\r\n ? \"bg-blue-900/40 text-blue-300 border border-blue-700\"\r\n : \"bg-blue-100 text-blue-800\"\r\n }`}\r\n >\r\n 📖 {safeT('aboutCompany.story.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-6 ${isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {safeT('aboutCompany.story.title')}{\" \"}\r\n <span className=\"block bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\r\n {name}\r\n </span>\r\n </h2>\r\n <div\r\n dangerouslySetInnerHTML={{ __html: description }}\r\n className={`prose max-w-none transition-colors ${isDarkMode\r\n ? \"prose-invert text-gray-300\"\r\n : \"text-gray-600\"\r\n }`}\r\n />\r\n </div>\r\n\r\n {/* Vision - Mission - Core Values */}\r\n <div\r\n className={`transition-colors ${isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n <CompanyValues\r\n companyData={companyData}\r\n t={safeT}\r\n isDarkMode={isDarkMode}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </>\r\n );\r\n};\r\n\r\nexport default AboutCompanySection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst TimelineSection = ({ data, t, isDarkMode }) => {\r\n const timelineData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null hoặc data null\r\n .map((item) => item.data) || [];\r\n\r\n // Animation state\r\n const [timelineVisible, setTimelineVisible] = useState([]);\r\n const timelineRefs = useRef([]);\r\n\r\n useEffect(() => {\r\n setTimelineVisible(new Array(timelineData.length).fill(false));\r\n }, [timelineData.length]);\r\n\r\n // Intersection observer để hiện dần item khi scroll\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const index = timelineRefs.current.findIndex((el) => el === entry.target);\r\n if (index !== -1) {\r\n setTimelineVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[index] = true;\r\n return newVisible;\r\n });\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n timelineRefs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n timelineRefs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [timelineData.length]);\r\n\r\n if (!timelineData.length) {\r\n return (\r\n <section className={`py-20 ${isDarkMode ? \"bg-gray-900/50\" : \"bg-white\"}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h3 className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n {t('timeline.noData.title') || 'Chưa có dữ liệu'}\r\n </h3>\r\n <p className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}>\r\n {t('timeline.noData.description') || 'Hiện tại chưa có milestone nào được thiết lập.'}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n return (\r\n <section className={`py-20 ${isDarkMode ? \"bg-gray-800\" : \"bg-white\"}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n {/* Header */}\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`relative inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-emerald-300 border-blue-800\"\r\n : \"bg-white text-emerald-800 border-gray-200\"\r\n }`}\r\n >\r\n 📈 {t('timeline.header.badge') || 'HÀNH TRÌNH PHÁT TRIỂN'}\r\n\r\n {/* Hiệu ứng shape trong dark mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t('timeline.header.title1') || 'Những cột mốc'}\r\n <span className=\"block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent\">\r\n {t('timeline.header.title2') || 'Quan trọng'}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n {/* Timeline */}\r\n <div className=\"relative\">\r\n {/* Line ở giữa */}\r\n <div className=\"absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full\"></div>\r\n\r\n <div className=\"space-y-8\">\r\n {timelineData.map((milestone, index) => (\r\n <div\r\n key={index}\r\n ref={(el) => (timelineRefs.current[index] = el)}\r\n className={`flex items-center transition-all duration-700 ease-out ${index % 2 === 0 ? \"flex-row\" : \"flex-row-reverse\"\r\n } ${timelineVisible[index] ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"\r\n }`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n {/* Card */}\r\n <div className=\"flex-1 px-8\">\r\n <div\r\n className={`relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600\"\r\n : \"bg-gray-50 hover:shadow-2xl\"\r\n }`}\r\n >\r\n {/* Hiệu ứng shape trong Dark Mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n <div className=\"text-blue-600 font-bold text-xl mb-2\">\r\n {milestone.year}\r\n </div>\r\n <h3\r\n className={`text-lg font-bold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {milestone.title}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {milestone.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Dot */}\r\n <div\r\n className={`w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? \"border-gray-800\" : \"border-white\"\r\n } shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`}\r\n ></div>\r\n\r\n <div className=\"flex-1\"></div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default TimelineSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst PartnerCard = ({ partner, idx, t,getLogoUrl, isDarkMode }) => {\r\n const itemRef = useRef(null);\r\n const [visible, setVisible] = useState(false);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n if (itemRef.current) observer.observe(itemRef.current);\r\n return () => itemRef.current && observer.unobserve(itemRef.current);\r\n }, []);\r\n\r\n const logoSrc = getLogoUrl(partner.logoUrl);\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n className={`partner-card relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden\r\n ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-500\"\r\n : \"bg-white border border-gray-200 hover:border-blue-300\"\r\n }\r\n ${visible ? \"opacity-100 scale-100\" : \"opacity-0 scale-75\"}`}\r\n style={{ transitionDelay: `${idx * 150}ms` }}\r\n onClick={() =>\r\n partner.websiteUrl && window.open(partner.websiteUrl, \"_blank\")\r\n }\r\n >\r\n {/* Hiệu ứng shape trong Dark Mode */}\r\n {isDarkMode && (\r\n <>\r\n <div\r\n className=\"absolute w-12 h-12 bg-white/5 rounded-full\"\r\n style={{ left: \"10%\", top: \"20%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-10 h-10 bg-white/5 rounded-full\"\r\n style={{ right: \"30%\", bottom: \"10%\" }}\r\n ></div>\r\n <div\r\n className=\"absolute w-14 h-14 bg-white/5 rounded-md\"\r\n style={{ left: \"20%\", bottom: \"30%\" }}\r\n ></div>\r\n <div\r\n className='absolute inset-0 bg-[url(\"data:image/svg+xml,%3Csvg width=\\\\\\\"60\\\\\\\" height=\\\\\\\"60\\\\\\\" viewBox=\\\\\\\"0 0 60 60\\\\\\\" xmlns=\\\\\\\"http://www.w3.org/2000/svg\\\\\\\"%3E%3Cg fill=\\\\\\\"none\\\\\\\" fill-rule=\\\\\\\"evenodd\\\\\\\"%3E%3Cg fill=\\\\\\\"%23ffffff\\\\\\\" fill-opacity=\\\\\\\"0.05\\\\\\\"%3E%3Ccircle cx=\\\\\\\"30\\\\\\\" cy=\\\\\\\"30\\\\\\\" r=\\\\\\\"2\\\\\\\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")] opacity-20'\r\n ></div>\r\n </>\r\n )}\r\n {/* Logo */}\r\n <div className=\"logo-container w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden\">\r\n {logoSrc ? (\r\n <img\r\n src={logoSrc}\r\n alt={partner.name}\r\n className=\"logo-image max-w-full max-h-full object-contain\"\r\n />\r\n ) : (\r\n <div className=\"w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\">\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Partner Info */}\r\n <h4\r\n className={`font-bold text-center mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {partner.name}\r\n </h4>\r\n <p\r\n className={`text-sm text-center mb-2 ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {partner.description}\r\n </p>\r\n\r\n {/* Hover hint */}\r\n {partner.websiteUrl && (\r\n <div className=\"website-hint\">\r\n <span className=\"text-sm text-blue-600 font-medium\">\r\n {t('partners.viewDetails') || 'Xem chi tiết'} →\r\n </span>\r\n </div>\r\n )}\r\n\r\n {/* Styles inline */}\r\n <style jsx>{`\r\n .partner-card {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .partner-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px ${isDarkMode ? \"rgba(255,255,255,0.1)\" : \"rgba(0,0,0,0.1)\"};\r\n }\r\n .logo-container {\r\n background: ${isDarkMode\r\n ? \"linear-gradient(135deg, #374151 0%, #1f2937 100%)\"\r\n : \"linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)\"};\r\n border: 1px solid ${isDarkMode ? \"#4b5563\" : \"#e2e8f0\"};\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .logo-container {\r\n border-color: #3b82f6;\r\n background: ${isDarkMode\r\n ? \"linear-gradient(135deg, #4b5563 0%, #374151 100%)\"\r\n : \"linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)\"};\r\n }\r\n .logo-image {\r\n filter: ${isDarkMode ? \"grayscale(0.3) opacity(0.8)\" : \"grayscale(0.2) opacity(0.9)\"};\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .logo-image {\r\n filter: grayscale(0) opacity(1);\r\n transform: scale(1.05);\r\n }\r\n .website-hint {\r\n opacity: 0;\r\n transform: translateY(4px);\r\n transition: all 0.3s ease;\r\n }\r\n .partner-card:hover .website-hint {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n `}</style>\r\n </div>\r\n );\r\n};\r\n\r\nexport default PartnerCard;","import React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport PartnerCard from \"./PartnerCard\";\r\n\r\n// Custom hook for window size\r\nfunction useWindowSize() {\r\n const [width, setWidth] = useState(\r\n typeof window !== \"undefined\" ? window.innerWidth : 1200\r\n );\r\n\r\n useEffect(() => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const handleResize = () => setWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return width;\r\n}\r\n\r\nconst PartnersSection = ({ data, t, isDarkMode, imageBaseUrl = \"\" }) => {\r\n const partnersData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null hoặc data null\r\n ?.map((item) => item.data) // lấy data hợp lệ\r\n || [];\r\n\r\n const [currentPartnerSlide, setCurrentPartnerSlide] = useState(0);\r\n const [partnersVisible, setPartnersVisible] = useState(false);\r\n const partnersRef = useRef(null);\r\n const windowWidth = useWindowSize();\r\n\r\n const getLogoUrl = (logoUrl) => {\r\n if (!logoUrl) return null;\r\n if (logoUrl.startsWith(\"http\")) return logoUrl;\r\n return `${imageBaseUrl}${logoUrl}`;\r\n };\r\n\r\n const partners = useMemo(() => {\r\n const getPerSlide = () => {\r\n if (windowWidth < 640) return 2;\r\n if (windowWidth < 1024) return 3;\r\n return 4;\r\n };\r\n\r\n const grouped = [];\r\n const perSlide = getPerSlide();\r\n for (let i = 0; i < partnersData.length; i += perSlide) {\r\n grouped.push(partnersData.slice(i, i + perSlide));\r\n }\r\n return grouped;\r\n }, [partnersData, windowWidth]);\r\n\r\n useEffect(() => {\r\n if (partners.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentPartnerSlide((prev) => (prev + 1) % partners.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [partners.length]);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setPartnersVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n if (partnersRef.current) observer.observe(partnersRef.current);\r\n return () => partnersRef.current && observer.unobserve(partnersRef.current);\r\n }, []);\r\n\r\n if (!partnersData.length) return null;\r\n\r\n return (\r\n <section\r\n className={`py-12 lg:py-20 transition-colors duration-300 ${isDarkMode\r\n ? \"bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800\"\r\n : \"bg-gradient-to-b from-white via-gray-50 to-gray-100\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${isDarkMode\r\n ? \"bg-blue-900/30 text-blue-300 border-blue-800\"\r\n : \"bg-blue-100 text-blue-800 border-blue-200\"\r\n }`}\r\n >\r\n 🤝 {t('partners.header.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-5xl font-bold leading-tight ${isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {t('partners.header.title')}\r\n <span className=\"block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2\">\r\n {t('partners.header.subtitle')}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n <div ref={partnersRef} className=\"relative overflow-hidden\">\r\n <div\r\n className={`transition-all duration-1000 ease-out ${partnersVisible ? \"opacity-100 scale-100\" : \"opacity-0 scale-95\"\r\n }`}\r\n >\r\n <div className=\"relative h-56 md:h-64 lg:h-72 xl:h-80 mb-8\">\r\n {partners.map((group, slideIndex) => (\r\n <div\r\n key={slideIndex}\r\n className={`absolute inset-0 transition-all duration-1000 ease-in-out ${slideIndex === currentPartnerSlide\r\n ? \"opacity-100 translate-x-0\"\r\n : slideIndex < currentPartnerSlide\r\n ? \"opacity-0 -translate-x-full\"\r\n : \"opacity-0 translate-x-full\"\r\n }`}\r\n >\r\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 h-full px-2\">\r\n {group.map((partner, idx) => (\r\n <PartnerCard\r\n key={partner.id || idx}\r\n partner={partner}\r\n idx={idx}\r\n t={t}\r\n getLogoUrl={getLogoUrl}\r\n isDarkMode={isDarkMode}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n {partners.length > 1 && (\r\n <div className=\"flex justify-center space-x-2\">\r\n {partners.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentPartnerSlide(index)}\r\n className={`w-3 h-3 rounded-full transition-all ${index === currentPartnerSlide\r\n ? \"bg-blue-500 scale-125\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-blue-400\"\r\n : \"bg-gray-300 hover:bg-blue-500\"\r\n }`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default PartnersSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline }) => {\r\n const [milestones, setMilestones] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [timelineVisible, setTimelineVisible] = useState([]);\r\n const timelineRefs = useRef([]);\r\n\r\n useEffect(() => {\r\n const fetchMilestones = async () => {\r\n if (getMilestoneTimeline) {\r\n try {\r\n setLoading(true);\r\n const res = await getMilestoneTimeline();\r\n if (res.success) {\r\n setMilestones(res.data || []);\r\n } else {\r\n setMilestones([]);\r\n }\r\n } catch (error) {\r\n setMilestones([]);\r\n } finally {\r\n setLoading(false);\r\n }\r\n } else {\r\n const milestonesData =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // bỏ item null hoặc item.data null\r\n ?.map((item) => item.data) // lấy data hợp lệ\r\n || [];\r\n setMilestones(milestonesData);\r\n setLoading(false);\r\n }\r\n };\r\n fetchMilestones();\r\n }, []);\r\n\r\n useEffect(() => {\r\n setTimelineVisible(new Array(milestones.length).fill(false));\r\n }, [milestones.length]);\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const index = timelineRefs.current.findIndex(\r\n (el) => el === entry.target\r\n );\r\n if (index !== -1) {\r\n setTimelineVisible((prev) => {\r\n const newVisible = [...prev];\r\n newVisible[index] = true;\r\n return newVisible;\r\n });\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n timelineRefs.current.forEach((el) => el && observer.observe(el));\r\n return () => {\r\n timelineRefs.current.forEach((el) => el && observer.unobserve(el));\r\n };\r\n }, [milestones.length]);\r\n\r\n if (loading) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className={isDarkMode ? \"text-white\" : \"text-gray-800\"}>\r\n {t('milestone.status.loadingData')}\r\n </p>\r\n </section>\r\n );\r\n }\r\n\r\n if (!milestones.length) {\r\n return (\r\n <section\r\n className={`py-20 ${isDarkMode ? \"bg-gray-900/50\" : \"bg-white\"}`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h3\r\n className={`text-lg font-semibold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {t('milestone.status.noData')}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}\r\n >\r\n {t('milestone.noDataDescription')}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n return (\r\n <section\r\n className={`py-20 ${isDarkMode ? \"bg-gray-800\" : \"bg-white\"}`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`relative inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 text-emerald-300 border-blue-800\"\r\n : \"bg-white text-emerald-800 border-gray-200\"\r\n }`}\r\n >\r\n 📈 {t('milestone.header.badge')}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {t('milestone.header.title')}\r\n <span className=\"block bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent\">\r\n {t('milestone.header.subtitle')}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n <div className=\"relative\">\r\n <div className=\"absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-blue-500 to-purple-600 rounded-full\"></div>\r\n\r\n <div className=\"space-y-8\">\r\n {milestones.map((milestone, index) => (\r\n <div\r\n key={milestone.id}\r\n ref={(el) => (timelineRefs.current[index] = el)}\r\n className={`flex items-center transition-all duration-700 ease-out ${index % 2 === 0 ? \"flex-row\" : \"flex-row-reverse\"\r\n } ${timelineVisible[index]\r\n ? \"opacity-100 scale-100\"\r\n : \"opacity-0 scale-75\"\r\n }`}\r\n style={{ transitionDelay: `${index * 200}ms` }}\r\n >\r\n <div className=\"flex-1 px-8\">\r\n <div\r\n className={`relative p-5 rounded-xl shadow-lg transition-all duration-300 hover:shadow-xl overflow-hidden ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800 hover:border-blue-600\"\r\n : \"bg-gray-50 hover:shadow-2xl\"\r\n }`}\r\n >\r\n <div className=\"text-blue-600 font-bold text-xl mb-2\">\r\n {milestone.time}\r\n </div>\r\n <h3\r\n className={`text-lg font-bold mb-2 ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}\r\n >\r\n {milestone.title}\r\n </h3>\r\n <p\r\n className={`${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}\r\n >\r\n {milestone.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className={`w-6 h-6 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full border-4 ${isDarkMode ? \"border-gray-800\" : \"border-white\"\r\n } shadow-[0_0_10px_5px_rgba(59,130,246,0.5)] flex-shrink-0 z-10 animate-pulse`}\r\n ></div>\r\n\r\n <div className=\"flex-1\"></div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default MilestoneSection;","import React, { useState, useEffect } from \"react\";\r\n\r\nconst TestimonialsSection = ({ data, t, isDarkMode }) => {\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n const testimonials =\r\n data?.sectionDataBindingItems\r\n ?.filter((item) => item?.data) // loại bỏ item null\r\n .map((item) => ({\r\n quote: item.data?.content || \"\",\r\n author: item.data?.customerName || \"\",\r\n position: item.data?.customerTitle || t('testimonials.fallback.defaultPosition'),\r\n company: item.data?.customerCompany || \"\",\r\n })) || [];\r\n\r\n const fallbackTestimonials = [\r\n {\r\n quote: t('testimonials.fallback.testimonial1.quote'),\r\n author: t('testimonials.fallback.testimonial1.author'),\r\n position: t('testimonials.fallback.testimonial1.position'),\r\n company: t('testimonials.fallback.testimonial1.company'),\r\n },\r\n {\r\n quote: t('testimonials.fallback.testimonial2.quote'),\r\n author: t('testimonials.fallback.testimonial2.author'),\r\n position: t('testimonials.fallback.testimonial2.position'),\r\n company: t('testimonials.fallback.testimonial2.company'),\r\n },\r\n {\r\n quote: t('testimonials.fallback.testimonial3.quote'),\r\n author: t('testimonials.fallback.testimonial3.author'),\r\n position: t('testimonials.fallback.testimonial3.position'),\r\n company: t('testimonials.fallback.testimonial3.company'),\r\n },\r\n ];\r\n\r\n const displayTestimonials =\r\n testimonials.length > 0 ? testimonials : fallbackTestimonials;\r\n\r\n useEffect(() => {\r\n if (displayTestimonials.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentIndex((prev) => (prev + 1) % displayTestimonials.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [displayTestimonials.length]);\r\n\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode\r\n ? \"bg-indigo-900/50 text-indigo-300 border border-indigo-800\"\r\n : \"bg-indigo-100 text-indigo-800\"\r\n }`}\r\n >\r\n 💬 {t('testimonials.header.badge')}\r\n </div>\r\n\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t('testimonials.header.title')}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t('testimonials.header.subtitle')}\r\n </span>\r\n </h2>\r\n\r\n <div className=\"relative\">\r\n <div\r\n key={currentIndex}\r\n className={`p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode\r\n ? \"bg-gray-800/80 backdrop-blur-sm border border-gray-700\"\r\n : \"bg-white\"\r\n }`}\r\n >\r\n <blockquote\r\n className={`text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 ${isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n \"{displayTestimonials[currentIndex].quote}\"\r\n </blockquote>\r\n\r\n <div className=\"flex items-center justify-center space-x-4 animate-fadeIn\">\r\n <div className=\"text-3xl\">👤</div>\r\n <div className=\"text-left\">\r\n <div\r\n className={`font-bold text-base transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {displayTestimonials[currentIndex].author}\r\n </div>\r\n <div className=\"text-blue-600 font-medium text-sm\">\r\n {displayTestimonials[currentIndex].position}\r\n </div>\r\n {displayTestimonials[currentIndex].company && (\r\n <div\r\n className={`text-xs transition-colors duration-200 ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {displayTestimonials[currentIndex].company}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {displayTestimonials.length > 1 && (\r\n <div className=\"flex justify-center space-x-2 mt-4\">\r\n {displayTestimonials.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentIndex(index)}\r\n className={`w-2.5 h-2.5 rounded-full transition-all duration-300 ${index === currentIndex\r\n ? \"bg-blue-600\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-gray-500\"\r\n : \"bg-gray-300 hover:bg-gray-400\"\r\n }`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default TestimonialsSection;","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nconst PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {\r\n const itemRef = useRef(null);\r\n const [visible, setVisible] = useState(false);\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n if (!partner) return null;\r\n\r\n useEffect(() => {\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n if (itemRef.current) observer.observe(itemRef.current);\r\n return () => itemRef.current && observer.unobserve(itemRef.current);\r\n }, []);\r\n\r\n const logoSrc = getLogoUrl ? getLogoUrl(partner.logoUrl) : null;\r\n\r\n const handleImageError = (e) => {\r\n e.target.style.display = 'none';\r\n e.target.nextSibling.style.display = 'flex';\r\n };\r\n\r\n const handleClick = () => {\r\n if (partner.websiteUrl) {\r\n window.open(partner.websiteUrl, \"_blank\", \"noopener,noreferrer\");\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n className={`relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px] w-full\r\n ${isDarkMode\r\n ? \"bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800\"\r\n : \"bg-white border border-gray-200\"\r\n }\r\n ${visible ? \"opacity-100\" : \"opacity-0\"}\r\n ${isHovered ? \r\n (isDarkMode \r\n ? \"border-blue-500 shadow-lg shadow-blue-500/20\" \r\n : \"border-blue-300 shadow-lg shadow-blue-500/20\"\r\n ) : \"\"\r\n }`}\r\n style={{ \r\n transitionDelay: `${idx * 150}ms`,\r\n transform: `translateY(${isHovered ? '-4px' : '0px'}) scale(${visible ? '1' : '0.75'})`,\r\n position: 'relative',\r\n zIndex: isHovered ? 10 : 1\r\n }}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n onClick={handleClick}\r\n >\r\n {/* Background decorations for dark mode */}\r\n {isDarkMode && (\r\n <>\r\n <div className=\"absolute w-12 h-12 bg-white/5 rounded-full pointer-events-none\" style={{ left: \"10%\", top: \"20%\", zIndex: -1 }}></div>\r\n <div className=\"absolute w-10 h-10 bg-white/5 rounded-full pointer-events-none\" style={{ right: \"30%\", bottom: \"10%\", zIndex: -1 }}></div>\r\n <div className=\"absolute w-14 h-14 bg-white/5 rounded-md pointer-events-none\" style={{ left: \"20%\", bottom: \"30%\", zIndex: -1 }}></div>\r\n <div className=\"absolute inset-0 opacity-20 pointer-events-none\" style={{ zIndex: -1 }}>\r\n <div \r\n style={{\r\n backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\r\n backgroundSize: '60px 60px'\r\n }}\r\n className=\"w-full h-full\"\r\n ></div>\r\n </div>\r\n </>\r\n )}\r\n\r\n {/* Logo container */}\r\n <div \r\n className={`relative w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300\r\n ${isDarkMode ? \"border-gray-600\" : \"border-gray-200\"}\r\n ${isHovered ? \"border-blue-500\" : \"\"}\r\n `}\r\n style={{\r\n background: isDarkMode\r\n ? (isHovered \r\n ? \"linear-gradient(135deg, #4b5563 0%, #374151 100%)\" \r\n : \"linear-gradient(135deg, #374151 0%, #1f2937 100%)\")\r\n : (isHovered \r\n ? \"linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)\" \r\n : \"linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)\")\r\n }}\r\n >\r\n {logoSrc ? (\r\n <>\r\n <img\r\n src={logoSrc}\r\n alt={partner.name || t?.('partners.logoAlt') || 'Partner logo'}\r\n className=\"max-w-full max-h-full object-contain transition-all duration-300\"\r\n style={{\r\n filter: isDarkMode \r\n ? (isHovered ? \"grayscale(0) opacity(1)\" : \"grayscale(0.3) opacity(0.8)\")\r\n : (isHovered ? \"grayscale(0) opacity(1)\" : \"grayscale(0.2) opacity(0.9)\"),\r\n transform: isHovered ? \"scale(1.05)\" : \"scale(1)\"\r\n }}\r\n onError={handleImageError}\r\n loading=\"lazy\"\r\n />\r\n <div className=\"absolute inset-0 bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\" style={{ display: 'none' }}>\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n </>\r\n ) : (\r\n <div className=\"w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center\">\r\n <span className=\"text-white font-bold text-center text-sm px-1\">\r\n {partner.name}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Partner name */}\r\n <h4 className={`font-bold text-center mb-2 text-sm leading-tight ${isDarkMode ? \"text-white\" : \"text-gray-900\"}`}>\r\n {partner.name}\r\n </h4>\r\n \r\n {/* Description */}\r\n {partner.description && (\r\n <p className={`text-xs text-center mb-3 line-clamp-2 px-1 ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"}`}>\r\n {partner.description}\r\n </p>\r\n )}\r\n\r\n {/* Website hint */}\r\n {partner.websiteUrl && (\r\n <div \r\n className=\"transition-all duration-300 absolute bottom-4\"\r\n style={{\r\n opacity: isHovered ? 1 : 0,\r\n transform: `translateY(${isHovered ? '0px' : '4px'})`\r\n }}\r\n >\r\n <span className=\"text-xs text-blue-600 font-medium\">\r\n {t?.('partners.viewDetails') || 'Xem chi tiết'} →\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PartnerListCard;","import React, { useEffect, useState, useRef, useMemo } from \"react\";\r\nimport PartnerListCard from \"./PartnerListCard\";\r\n\r\n// Hook để theo dõi kích thước màn hình\r\nfunction useWindowSize() {\r\n const [width, setWidth] = useState(\r\n typeof window !== \"undefined\" ? window.innerWidth : 1200\r\n );\r\n\r\n useEffect(() => {\r\n const handleResize = () => setWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return width;\r\n}\r\n\r\nconst PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = \"\" }) => {\r\n const [partnersData, setPartnersData] = useState([]);\r\n const [error, setError] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const [currentPartnerSlide, setCurrentPartnerSlide] = useState(0);\r\n const [partnersVisible, setPartnersVisible] = useState(false);\r\n const partnersRef = useRef(null);\r\n const windowWidth = useWindowSize();\r\n\r\n const getLogoUrl = (logoUrl) => {\r\n if (!logoUrl) return null;\r\n if (logoUrl.startsWith(\"http\")) return logoUrl;\r\n return `${imageBaseUrl}${logoUrl}`;\r\n };\r\n\r\n // Gọi API lấy partner\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n try {\r\n const res = await getPartnerList();\r\n if (res.success) {\r\n setPartnersData(res.data || []);\r\n } else {\r\n setError(res.error || \"Error fetching partners\");\r\n }\r\n } catch (err) {\r\n setError(err.message);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n fetchData();\r\n }, []);\r\n\r\n // Group partners thành slides\r\n const partners = useMemo(() => {\r\n const getPerSlide = () => {\r\n if (windowWidth < 640) return 2;\r\n if (windowWidth < 1024) return 3;\r\n return 4;\r\n };\r\n\r\n const grouped = [];\r\n const perSlide = getPerSlide();\r\n for (let i = 0; i < partnersData.length; i += perSlide) {\r\n grouped.push(partnersData.slice(i, i + perSlide));\r\n }\r\n return grouped;\r\n }, [partnersData, windowWidth]);\r\n\r\n // Auto-rotate slides\r\n useEffect(() => {\r\n if (partners.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentPartnerSlide((prev) => (prev + 1) % partners.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [partners.length]);\r\n\r\n // Intersection observer (fade-in effect)\r\n useEffect(() => {\r\n const fallbackTimer = setTimeout(() => {\r\n setPartnersVisible(true);\r\n }, 500);\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n clearTimeout(fallbackTimer);\r\n setPartnersVisible(true);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.1, rootMargin: \"50px\" }\r\n );\r\n\r\n if (partnersRef.current) {\r\n observer.observe(partnersRef.current);\r\n } else {\r\n clearTimeout(fallbackTimer);\r\n setPartnersVisible(true);\r\n }\r\n\r\n return () => {\r\n clearTimeout(fallbackTimer);\r\n if (partnersRef.current) {\r\n observer.unobserve(partnersRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n // Loading & error\r\n if (loading) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className={isDarkMode ? \"text-white\" : \"text-gray-800\"}>\r\n {t(\"partners.loading\") || \"Đang tải danh sách đối tác...\"}\r\n </p>\r\n </section>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <section className=\"py-20 text-center\">\r\n <p className=\"text-red-500\">{t(\"partners.error\") || error}</p>\r\n </section>\r\n );\r\n }\r\n\r\n if (!partnersData.length) return null;\r\n\r\n return (\r\n <section\r\n className={`py-12 lg:py-20 transition-colors duration-300 ${\r\n isDarkMode\r\n ? \"bg-gradient-to-b from-gray-950 via-gray-900 to-gray-800\"\r\n : \"bg-gradient-to-b from-white via-gray-50 to-gray-100\"\r\n }`}\r\n >\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n {/* Header */}\r\n <div className=\"text-center mb-12\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 border shadow-sm ${\r\n isDarkMode\r\n ? \"bg-blue-900/30 text-blue-300 border-blue-800\"\r\n : \"bg-blue-100 text-blue-800 border-blue-200\"\r\n }`}\r\n >\r\n 🤝 {t(\"partners.badge\") || \"ĐỐI TÁC CHIẾN LƯỢC\"}\r\n </div>\r\n <h2\r\n className={`text-3xl lg:text-5xl font-bold leading-tight ${\r\n isDarkMode ? \"text-white\" : \"text-gray-800\"\r\n }`}\r\n >\r\n {t(\"partners.title.part1\") || \"Đồng hành cùng\"}\r\n <span className=\"block bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent mt-2\">\r\n {t(\"partners.title.part2\") || \"Những thương hiệu hàng đầu\"}\r\n </span>\r\n </h2>\r\n </div>\r\n\r\n {/* Slider Container */}\r\n <div ref={partnersRef} className=\"relative\">\r\n <div\r\n className={`transition-all duration-1000 ease-out ${\r\n partnersVisible ? \"opacity-100 scale-100\" : \"opacity-0 scale-95\"\r\n }`}\r\n >\r\n {/* Slides */}\r\n <div className=\"relative overflow-hidden mb-8\">\r\n <div className=\"min-h-[220px]\">\r\n {partners.map((group, slideIndex) => (\r\n <div\r\n key={slideIndex}\r\n className={`absolute inset-0 w-full transition-all duration-1000 ease-in-out ${\r\n slideIndex === currentPartnerSlide\r\n ? \"opacity-100 translate-x-0\"\r\n : slideIndex < currentPartnerSlide\r\n ? \"opacity-0 -translate-x-full\"\r\n : \"opacity-0 translate-x-full\"\r\n }`}\r\n style={{ zIndex: slideIndex === currentPartnerSlide ? 10 : 1 }}\r\n >\r\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 px-2\">\r\n {group.map((partner, idx) => (\r\n <PartnerListCard\r\n key={partner.id || `${slideIndex}-${idx}`}\r\n partner={partner}\r\n idx={idx}\r\n t={t}\r\n isDarkMode={isDarkMode}\r\n getLogoUrl={getLogoUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* Indicators */}\r\n {partners.length > 1 && (\r\n <div className=\"flex justify-center space-x-2\" style={{ zIndex: 50 }}>\r\n {partners.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentPartnerSlide(index)}\r\n className={`w-3 h-3 rounded-full transition-all duration-300 ${\r\n index === currentPartnerSlide\r\n ? \"bg-blue-500 scale-125 shadow-lg\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-blue-400\"\r\n : \"bg-gray-300 hover:bg-blue-500\"\r\n }`}\r\n aria-label={`Slide ${index + 1}`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default PartnerListSection;\r\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n for (const prop in props) {\n if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n return true;\n }\n }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n ({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = \"\",\n children,\n iconNode,\n ...rest\n }, ref) => createElement(\n \"svg\",\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n className: mergeClasses(\"lucide\", className),\n ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n ...rest\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...Array.isArray(children) ? children : [children]\n ]\n )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n const Component = forwardRef(\n ({ className, ...props }, ref) => createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(\n `lucide-${toKebabCase(toPascalCase(iconName))}`,\n `lucide-${iconName}`,\n className\n ),\n ...props\n })\n );\n Component.displayName = toPascalCase(iconName);\n return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M12 6v6l4 2\", key: \"mmk7yg\" }],\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\", key: \"132q7q\" }],\n [\"rect\", { x: \"2\", y: \"4\", width: \"20\", height: \"16\", rx: \"2\", key: \"izxlao\" }]\n];\nconst Mail = createLucideIcon(\"mail\", __iconNode);\n\nexport { __iconNode, Mail as default };\n//# sourceMappingURL=mail.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\",\n key: \"1sd12s\"\n }\n ]\n];\nconst MessageCircle = createLucideIcon(\"message-circle\", __iconNode);\n\nexport { __iconNode, MessageCircle as default };\n//# sourceMappingURL=message-circle.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n key: \"18887p\"\n }\n ]\n];\nconst MessageSquare = createLucideIcon(\"message-square\", __iconNode);\n\nexport { __iconNode, MessageSquare as default };\n//# sourceMappingURL=message-square.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\n key: \"9njp5v\"\n }\n ]\n];\nconst Phone = createLucideIcon(\"phone\", __iconNode);\n\nexport { __iconNode, Phone as default };\n//# sourceMappingURL=phone.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\",\n key: \"1ffxy3\"\n }\n ],\n [\"path\", { d: \"m21.854 2.147-10.94 10.939\", key: \"12cjpa\" }]\n];\nconst Send = createLucideIcon(\"send\", __iconNode);\n\nexport { __iconNode, Send as default };\n//# sourceMappingURL=send.js.map\n","/**\n * @license lucide-react v0.536.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\", key: \"975kel\" }],\n [\"circle\", { cx: \"12\", cy: \"7\", r: \"4\", key: \"17ys0d\" }]\n];\nconst User = createLucideIcon(\"user\", __iconNode);\n\nexport { __iconNode, User as default };\n//# sourceMappingURL=user.js.map\n","import React, { useState } from 'react';\r\nimport { Send, Phone, Mail, MessageSquare, CheckCircle, AlertCircle, Loader2, User, Building, MessageCircle } from 'lucide-react';\r\n\r\nconst ContactFormSection = ({ data, t, isDarkMode, consultationRequestService }) => {\r\n const [formData, setFormData] = useState({\r\n fullName: '',\r\n workEmail: '',\r\n phoneNumber: '',\r\n companyName: '',\r\n jobTitle: '',\r\n businessType: '',\r\n expectedBudget: '',\r\n expectedTimeline: '',\r\n requestTitle: '',\r\n requestDescription: '',\r\n });\r\n\r\n const [formErrors, setFormErrors] = useState({});\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const [submitStatus, setSubmitStatus] = useState(null);\r\n const [submitMessage, setSubmitMessage] = useState('');\r\n\r\n // Enhanced validation function with proper field names\r\n const validateField = (name, value) => {\r\n const errors = {};\r\n\r\n switch (name) {\r\n case 'fullName':\r\n if (!value?.trim()) errors.fullName = 'Họ và tên là bắt buộc';\r\n else if (value.trim().length < 2) errors.fullName = 'Tên phải có ít nhất 2 ký tự';\r\n break;\r\n\r\n case 'workEmail':\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (!value?.trim()) errors.workEmail = 'Email là bắt buộc';\r\n else if (!emailRegex.test(value.trim())) errors.workEmail = 'Email không hợp lệ';\r\n break;\r\n\r\n case 'phoneNumber':\r\n const phoneRegex = /^[0-9\\s\\-\\+\\(\\)]{10,15}$/;\r\n if (value && !phoneRegex.test(value.trim())) errors.phoneNumber = 'Số điện thoại không hợp lệ';\r\n break;\r\n\r\n case 'requestTitle':\r\n if (!value?.trim()) errors.requestTitle = 'Tiêu đề yêu cầu là bắt buộc';\r\n else if (value.trim().length < 5) errors.requestTitle = 'Tiêu đề phải có ít nhất 5 ký tự';\r\n break;\r\n\r\n case 'requestDescription':\r\n if (!value?.trim()) errors.requestDescription = 'Mô tả yêu cầu là bắt buộc';\r\n else if (value.trim().length < 10) errors.requestDescription = 'Mô tả phải có ít nhất 10 ký tự';\r\n break;\r\n\r\n case 'companyName':\r\n if (value && value.trim().length > 0 && value.trim().length < 2) {\r\n errors.companyName = 'Tên công ty phải có ít nhất 2 ký tự';\r\n }\r\n break;\r\n\r\n case 'jobTitle':\r\n if (value && value.trim().length > 0 && value.trim().length < 2) {\r\n errors.jobTitle = 'Chức vụ phải có ít nhất 2 ký tự';\r\n }\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n \r\n // Safe state update\r\n setFormData(prev => ({\r\n ...prev,\r\n [name]: value || ''\r\n }));\r\n\r\n // Clear error when user starts typing\r\n if (formErrors[name]) {\r\n setFormErrors(prev => {\r\n const newErrors = { ...prev };\r\n delete newErrors[name];\r\n return newErrors;\r\n });\r\n }\r\n };\r\n\r\n const handleBlur = (e) => {\r\n const { name, value } = e.target;\r\n const fieldErrors = validateField(name, value);\r\n setFormErrors(prev => ({\r\n ...prev,\r\n ...fieldErrors\r\n }));\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n setIsSubmitting(true);\r\n setSubmitStatus(null);\r\n setSubmitMessage('');\r\n\r\n try {\r\n // Validate all required fields\r\n const allErrors = {};\r\n Object.keys(formData).forEach(key => {\r\n const fieldErrors = validateField(key, formData[key]);\r\n Object.assign(allErrors, fieldErrors);\r\n });\r\n\r\n if (Object.keys(allErrors).length > 0) {\r\n setFormErrors(allErrors);\r\n setIsSubmitting(false);\r\n return;\r\n }\r\n\r\n // Clean and prepare data for API\r\n const cleanFormData = Object.keys(formData).reduce((acc, key) => {\r\n acc[key] = typeof formData[key] === 'string' ? formData[key].trim() : formData[key];\r\n return acc;\r\n }, {});\r\n\r\n // Call API safely\r\n let result;\r\n if (consultationRequestService?.create) {\r\n result = await consultationRequestService.create(cleanFormData);\r\n } else {\r\n // Fallback if service not available\r\n await new Promise(resolve => setTimeout(resolve, 2000));\r\n result = { success: true, message: 'Đã gửi thông tin thành công!' };\r\n }\r\n\r\n if (result?.success) {\r\n setSubmitStatus('success');\r\n setSubmitMessage(result.message || 'Cảm ơn bạn đã gửi thông tin! Chúng tôi sẽ liên hệ lại trong vòng 24 giờ.');\r\n \r\n // Reset form\r\n setFormData({\r\n fullName: '',\r\n workEmail: '',\r\n phoneNumber: '',\r\n companyName: '',\r\n jobTitle: '',\r\n businessType: '',\r\n expectedBudget: '',\r\n expectedTimeline: '',\r\n requestTitle: '',\r\n requestDescription: '',\r\n });\r\n setFormErrors({});\r\n } else {\r\n setSubmitStatus('error');\r\n setSubmitMessage(result?.message || 'Có lỗi xảy ra khi gửi thông tin.');\r\n }\r\n } catch (error) {\r\n setSubmitStatus('error');\r\n setSubmitMessage(error?.message || 'Có lỗi xảy ra khi gửi thông tin. Vui lòng thử lại sau.');\r\n } finally {\r\n setIsSubmitting(false);\r\n }\r\n };\r\n\r\n const inputBaseClasses = `w-full px-4 py-3 rounded-xl border transition-all duration-200 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none ${\r\n isDarkMode\r\n ? 'bg-gray-700 border-gray-600 text-white placeholder-gray-400 focus:border-indigo-500'\r\n : 'bg-white border-slate-300 text-slate-900 placeholder-slate-500 focus:border-indigo-500'\r\n }`;\r\n\r\n const labelClasses = `block text-sm font-semibold mb-2 ${isDarkMode ? 'text-gray-300' : 'text-slate-700'}`;\r\n\r\n return (\r\n <section className={`py-16 transition-colors duration-200 ${isDarkMode ? 'bg-gray-950' : 'bg-white'}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"grid lg:grid-cols-3 gap-12\">\r\n\r\n {/* Form Section */}\r\n <div className=\"lg:col-span-2\">\r\n <div className={`rounded-2xl p-8 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <div className=\"flex items-center mb-6\">\r\n <div className=\"w-10 h-10 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-600 flex items-center justify-center mr-4\">\r\n <Send size={20} className=\"text-white\" />\r\n </div>\r\n <div>\r\n <h2 className={`text-2xl font-bold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('form.title') || 'Gửi yêu cầu tư vấn'}\r\n </h2>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('form.subtitle') || 'Điền thông tin để nhận tư vấn miễn phí từ chuyên gia'}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Success/Error Message */}\r\n {submitStatus && (\r\n <div className={`mb-6 p-4 rounded-xl border transition-colors duration-200 ${\r\n submitStatus === 'success'\r\n ? isDarkMode\r\n ? 'bg-emerald-900/50 border-emerald-700 text-emerald-300'\r\n : 'bg-emerald-50 border-emerald-200 text-emerald-800'\r\n : isDarkMode\r\n ? 'bg-red-900/50 border-red-700 text-red-300'\r\n : 'bg-red-50 border-red-200 text-red-800'\r\n }`}>\r\n <div className=\"flex items-center\">\r\n {submitStatus === 'success' ? (\r\n <CheckCircle size={20} className=\"mr-2 flex-shrink-0\" />\r\n ) : (\r\n <AlertCircle size={20} className=\"mr-2 flex-shrink-0\" />\r\n )}\r\n <p className=\"text-sm font-medium\">{submitMessage}</p>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <form onSubmit={handleSubmit} className=\"space-y-6\">\r\n {/* Name and Email */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.fullName') || 'Họ và tên'} *\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"fullName\"\r\n value={formData.fullName || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.fullName ? 'border-red-500' : ''}`}\r\n placeholder=\"Nguyễn Văn A\"\r\n required\r\n />\r\n {formErrors.fullName && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.fullName}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.workEmail') || 'Email'} *\r\n </label>\r\n <input\r\n type=\"email\"\r\n name=\"workEmail\"\r\n value={formData.workEmail || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.workEmail ? 'border-red-500' : ''}`}\r\n placeholder=\"email@company.com\"\r\n required\r\n />\r\n {formErrors.workEmail && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.workEmail}\r\n </p>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Phone and Company */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.phoneNumber') || 'Số điện thoại'}\r\n </label>\r\n <input\r\n type=\"tel\"\r\n name=\"phoneNumber\"\r\n value={formData.phoneNumber || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.phoneNumber ? 'border-red-500' : ''}`}\r\n placeholder=\"0901 234 567\"\r\n />\r\n {formErrors.phoneNumber && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.phoneNumber}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.companyName') || 'Công ty/Tổ chức'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"companyName\"\r\n value={formData.companyName || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.companyName ? 'border-red-500' : ''}`}\r\n placeholder=\"ABC Company\"\r\n />\r\n {formErrors.companyName && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.companyName}\r\n </p>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Job Title and Business Type */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.jobTitle') || 'Chức vụ'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"jobTitle\"\r\n value={formData.jobTitle || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.jobTitle ? 'border-red-500' : ''}`}\r\n placeholder=\"Giám đốc công nghệ\"\r\n />\r\n {formErrors.jobTitle && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.jobTitle}\r\n </p>\r\n )}\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.businessType') || 'Loại hình kinh doanh'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"businessType\"\r\n value={formData.businessType || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"Công nghệ thông tin\"\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Expected Budget and Timeline */}\r\n <div className=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.expectedBudget') || 'Ngân sách dự kiến'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"expectedBudget\"\r\n value={formData.expectedBudget || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"500,000,000 - 1,000,000,000 VNĐ\"\r\n />\r\n </div>\r\n\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.expectedTimeline') || 'Thời gian dự kiến'}\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"expectedTimeline\"\r\n value={formData.expectedTimeline || ''}\r\n onChange={handleInputChange}\r\n className={inputBaseClasses}\r\n placeholder=\"3-6 tháng\"\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Request Title */}\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.requestTitle') || 'Tiêu đề yêu cầu'} *\r\n </label>\r\n <input\r\n type=\"text\"\r\n name=\"requestTitle\"\r\n value={formData.requestTitle || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n className={`${inputBaseClasses} ${formErrors.requestTitle ? 'border-red-500' : ''}`}\r\n placeholder=\"Phát triển hệ thống quản lý bán hàng\"\r\n required\r\n />\r\n {formErrors.requestTitle && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.requestTitle}\r\n </p>\r\n )}\r\n </div>\r\n\r\n {/* Request Description */}\r\n <div>\r\n <label className={labelClasses}>\r\n {t('form.fields.requestDescription') || 'Mô tả yêu cầu'} *\r\n </label>\r\n <textarea\r\n name=\"requestDescription\"\r\n value={formData.requestDescription || ''}\r\n onChange={handleInputChange}\r\n onBlur={handleBlur}\r\n rows=\"5\"\r\n className={`${inputBaseClasses} resize-none ${formErrors.requestDescription ? 'border-red-500' : ''}`}\r\n placeholder=\"Vui lòng mô tả chi tiết về nhu cầu của bạn...\"\r\n required\r\n />\r\n {formErrors.requestDescription && (\r\n <p className=\"mt-1 text-sm text-red-500 flex items-center\">\r\n <AlertCircle size={14} className=\"mr-1\" />\r\n {formErrors.requestDescription}\r\n </p>\r\n )}\r\n </div>\r\n\r\n {/* Submit Buttons */}\r\n <div className=\"flex items-center space-x-4\">\r\n <button\r\n type=\"submit\"\r\n disabled={isSubmitting}\r\n className=\"flex-1 bg-gradient-to-r from-indigo-600 to-purple-600 text-white py-4 px-6 rounded-xl hover:from-indigo-700 hover:to-purple-700 transition-all transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none flex items-center justify-center font-semibold shadow-lg\"\r\n >\r\n {isSubmitting ? (\r\n <>\r\n <Loader2 className=\"animate-spin h-5 w-5 mr-2\" />\r\n {t('form.submitting') || 'Đang gửi...'}\r\n </>\r\n ) : (\r\n <>\r\n <Send size={20} className=\"mr-2\" />\r\n {t('form.submit') || 'Gửi yêu cầu'}\r\n </>\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n className={`px-6 py-4 rounded-xl border-2 font-semibold transition-all hover:scale-105 ${\r\n isDarkMode\r\n ? 'border-gray-600 text-gray-300 hover:bg-gray-700'\r\n : 'border-slate-300 text-slate-700 hover:bg-slate-50'\r\n }`}\r\n >\r\n <Phone size={20} className=\"inline mr-2\" />\r\n {t('form.callNow') || 'Gọi ngay'}\r\n </button>\r\n </div>\r\n\r\n {/* Privacy Notice */}\r\n <div className={`flex items-center space-x-2 text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n <CheckCircle size={16} className=\"text-emerald-500\" />\r\n <span>{t('form.privacy') || 'Cam kết bảo mật thông tin và phản hồi trong 24 giờ'}</span>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n {/* Sidebar */}\r\n <div className=\"space-y-6\">\r\n {/* Quick Contact */}\r\n <div className={`rounded-2xl p-6 shadow-lg text-white transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gradient-to-br from-indigo-900 to-purple-900' : 'bg-gradient-to-br from-indigo-600 to-purple-600'\r\n }`}>\r\n <h4 className=\"font-bold mb-3\">{t('sidebar.quickContact.title') || 'Cần hỗ trợ ngay?'}</h4>\r\n <p className=\"text-indigo-100 text-sm mb-4\">\r\n {t('sidebar.quickContact.description') || 'Liên hệ trực tiếp để được tư vấn nhanh chóng'}\r\n </p>\r\n <div className=\"space-y-3\">\r\n <a\r\n href=\"tel:19005588\"\r\n className=\"flex items-center justify-center w-full bg-white/20 backdrop-blur-sm hover:bg-white/30 py-3 rounded-xl transition-all font-semibold\"\r\n >\r\n <Phone size={18} className=\"mr-2\" />\r\n 1900 5588\r\n </a>\r\n <button className=\"flex items-center justify-center w-full border border-white/30 hover:bg-white/10 py-3 rounded-xl transition-all font-semibold\">\r\n <MessageSquare size={18} className=\"mr-2\" />\r\n Live Chat\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Contact Methods */}\r\n <div className={`rounded-2xl p-6 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <h4 className={`font-bold mb-4 transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.contactInfo.title') || 'Thông tin liên hệ'}\r\n </h4>\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-indigo-900/50 text-indigo-400' : 'bg-indigo-50 text-indigo-600'\r\n }`}>\r\n <Phone size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n 1900 5588\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n Hotline 24/7\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-emerald-900/50 text-emerald-400' : 'bg-emerald-50 text-emerald-600'\r\n }`}>\r\n <Mail size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n support@asasystems.vn\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n Email hỗ trợ\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center space-x-3\">\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${\r\n isDarkMode ? 'bg-purple-900/50 text-purple-400' : 'bg-purple-50 text-purple-600'\r\n }`}>\r\n <MessageCircle size={18} />\r\n </div>\r\n <div>\r\n <p className={`font-semibold transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n Live Chat\r\n </p>\r\n <p className={`text-sm transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n T2-T6: 8:00-18:00\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* FAQ */}\r\n <div className={`rounded-2xl p-6 shadow-lg border transition-colors duration-200 ${\r\n isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}>\r\n <h4 className={`font-bold mb-4 transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.title') || 'Câu hỏi thường gặp'}\r\n </h4>\r\n <div className=\"space-y-3\">\r\n <div className={`p-3 rounded-lg transition-colors duration-200 ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'}`}>\r\n <p className={`font-medium text-sm transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.responseTime.question') || 'Thời gian phản hồi?'}\r\n </p>\r\n <p className={`text-sm mt-1 transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('sidebar.faq.responseTime.answer') || 'Trong vòng 24 giờ làm việc'}\r\n </p>\r\n </div>\r\n\r\n <div className={`p-3 rounded-lg transition-colors duration-200 ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'}`}>\r\n <p className={`font-medium text-sm transition-colors duration-200 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('sidebar.faq.consultationFree.question') || 'Tư vấn có miễn phí?'}\r\n </p>\r\n <p className={`text-sm mt-1 transition-colors duration-200 ${isDarkMode ? 'text-gray-400' : 'text-slate-600'}`}>\r\n {t('sidebar.faq.consultationFree.answer') || 'Hoàn toàn miễn phí'}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ContactFormSection;","import React from 'react';\r\nimport { Phone, Mail, MapPin, Clock, User, Send, MessageSquare, CheckCircle, AlertCircle, Loader2, Building, MessageCircle } from 'lucide-react';\r\n\r\n// Enhanced ContactInfoSection Component\r\nconst ContactInfoSection = ({ data, t, isDarkMode }) => {\r\n const contactData =\r\n data?.sectionDataBindingItems?.filter((item) => item) || [];\r\n\r\n if (!contactData.length) return null;\r\n\r\n return (\r\n <section className={`py-16 ${isDarkMode ? 'bg-gray-900' : 'bg-slate-50'}`}>\r\n <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div className=\"text-center mb-12\">\r\n <div className={`inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode ? 'bg-indigo-900/50 text-indigo-300' : 'bg-indigo-50 text-indigo-700'\r\n }`}>\r\n <User size={16} className=\"mr-2\" />\r\n {t('contact.team.badge') || 'Đội ngũ hỗ trợ'}\r\n </div>\r\n <h2 className={`text-3xl lg:text-4xl font-bold mb-4 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {t('contact.team.title') || 'Liên hệ với đội ngũ'}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t('contact.team.subtitle') || 'chuyên nghiệp của chúng tôi'}\r\n </span>\r\n </h2>\r\n <p className={`text-lg max-w-3xl mx-auto ${isDarkMode ? 'text-gray-300' : 'text-slate-600'}`}>\r\n {t('contact.team.description') || 'Chúng tôi luôn sẵn sàng hỗ trợ bạn với đội ngũ chuyên nghiệp và giàu kinh nghiệm'}\r\n </p>\r\n </div>\r\n\r\n <div className=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n {contactData.map((contact, index) => (\r\n <div\r\n key={contact.id || index}\r\n className={`rounded-2xl p-8 shadow-lg transition-all duration-300 hover:shadow-xl hover:-translate-y-1 border ${isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-slate-200'\r\n }`}\r\n >\r\n <div className=\"text-center mb-6\">\r\n <div className=\"w-20 h-20 rounded-full mx-auto mb-4 flex items-center justify-center text-2xl font-bold text-white bg-gradient-to-br from-indigo-500 to-purple-600\">\r\n {contact.data.name?.charAt(0) || 'A'}\r\n </div>\r\n\r\n <h3 className={`text-xl font-bold mb-2 ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.name}\r\n </h3>\r\n\r\n <span className={`inline-block px-3 py-1 rounded-full text-sm font-semibold ${isDarkMode ? 'bg-indigo-900/50 text-indigo-300' : 'bg-indigo-50 text-indigo-700'\r\n }`}>\r\n {contact.data.position}\r\n </span>\r\n </div>\r\n\r\n <div className=\"space-y-4\">\r\n <a\r\n href={`tel:${contact.data.phone}`}\r\n className={`flex items-center p-3 rounded-xl transition-all hover:scale-105 ${isDarkMode ? 'bg-gray-700 hover:bg-gray-600' : 'bg-slate-50 hover:bg-slate-100'\r\n } group`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 group-hover:scale-110 transition-transform ${isDarkMode ? 'bg-green-900/50 text-green-400' : 'bg-green-50 text-green-600'\r\n }`}>\r\n <Phone size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n {t('contact.info.phone') || 'Điện thoại'}\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.phone}\r\n </p>\r\n </div>\r\n </a>\r\n\r\n <a\r\n href={`mailto:${contact.data.email}`}\r\n className={`flex items-center p-3 rounded-xl transition-all hover:scale-105 ${isDarkMode ? 'bg-gray-700 hover:bg-gray-600' : 'bg-slate-50 hover:bg-slate-100'\r\n } group`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 group-hover:scale-110 transition-transform ${isDarkMode ? 'bg-indigo-900/50 text-indigo-400' : 'bg-indigo-50 text-indigo-600'\r\n }`}>\r\n <Mail size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n Email\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.email}\r\n </p>\r\n </div>\r\n </a>\r\n\r\n {contact.data.workingHours && (\r\n <div className={`flex items-center p-3 rounded-xl ${isDarkMode ? 'bg-gray-700' : 'bg-slate-50'\r\n }`}>\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center mr-3 ${isDarkMode ? 'bg-purple-900/50 text-purple-400' : 'bg-purple-50 text-purple-600'\r\n }`}>\r\n <Clock size={18} />\r\n </div>\r\n <div className=\"flex-1\">\r\n <p className={`text-sm font-medium ${isDarkMode ? 'text-gray-400' : 'text-slate-500'}`}>\r\n {t('contact.info.workingHours') || 'Giờ làm việc'}\r\n </p>\r\n <p className={`font-semibold ${isDarkMode ? 'text-white' : 'text-slate-800'}`}>\r\n {contact.data.workingHours || t('contact.info.defaultWorkingHours') || 'T2-T6: 8:00-18:00'}\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"mt-6\">\r\n <button className=\"w-full py-3 px-4 rounded-xl font-semibold transition-all transform hover:scale-105 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white shadow-lg\">\r\n {t('contact.buttons.contactNow') || 'Liên hệ ngay'}\r\n </button>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ContactInfoSection;","import React, { useState, useEffect } from 'react';\r\n\r\nconst ContactListAutoSection = ({ data, t, isDarkMode, getContactList }) => {\r\n const [contacts, setContacts] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n loadContacts();\r\n }, []);\r\n\r\n const loadContacts = async () => {\r\n try {\r\n setLoading(true);\r\n const result = await getContactList();\r\n\r\n if (result.success) {\r\n setContacts(result.data || []);\r\n } else {\r\n setError(result.error);\r\n }\r\n } catch (err) {\r\n console.error('Error loading contacts:', err);\r\n setError(t('contactList.error.loadData') || 'Có lỗi xảy ra khi tải danh sách liên hệ');\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n if (loading) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`inline-block w-10 h-10 border-4 ${isDarkMode ? 'border-gray-600 border-t-blue-500' : 'border-gray-300 border-t-blue-500'} rounded-full animate-spin`}></div>\r\n <p className={`mt-4 ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('contactList.status.loading') || 'Đang tải danh sách liên hệ...'}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`${isDarkMode ? 'text-red-400' : 'text-red-500'} text-base mb-2`}>\r\n ⚠️ {t('contactList.error.title') || 'Lỗi tải dữ liệu'}\r\n </div>\r\n <p className={`${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>{error}</p>\r\n </div>\r\n );\r\n }\r\n\r\n if (!contacts || contacts.length === 0) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"text-5xl mb-5\">📞</div>\r\n <h3 className={`${isDarkMode ? 'text-gray-400' : 'text-gray-600'} mb-2`}>\r\n {t('contactList.status.noData.title') || 'Chưa có thông tin liên hệ'}\r\n </h3>\r\n <p className={`${isDarkMode ? 'text-gray-500' : 'text-gray-500'}`}>\r\n {t('contactList.status.noData.description') || 'Danh sách liên hệ sẽ hiển thị tại đây'}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <section className={`py-20 ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'} transition-colors duration-300`}>\r\n <div className=\"max-w-6xl mx-auto px-5\">\r\n <div className=\"text-center mb-16\">\r\n <h2 className={`text-4xl font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'} mb-4`}>\r\n {t('contactList.header.title') || 'Thông Tin Liên Hệ'}\r\n </h2>\r\n <p className={`text-lg ${isDarkMode ? 'text-gray-400' : 'text-gray-600'} max-w-2xl mx-auto`}>\r\n {t('contactList.header.description') || 'Đội ngũ chuyên nghiệp của chúng tôi luôn sẵn sàng hỗ trợ bạn'}\r\n </p>\r\n </div>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10\">\r\n {contacts.map((contact, index) => (\r\n <ContactCard key={contact.id || index} contact={contact} t={t} isDarkMode={isDarkMode} />\r\n ))}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nconst ContactCard = ({ contact, t, isDarkMode }) => {\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n return (\r\n <div\r\n className={`\r\n ${isDarkMode ? 'bg-gray-800 border-gray-700' : 'bg-white border-gray-200'} rounded-2xl p-8 border cursor-pointer transition-all duration-300\r\n ${isHovered\r\n ? `shadow-xl ${isDarkMode ? 'shadow-gray-900/40' : 'shadow-gray-500/20'} -translate-y-2`\r\n : `shadow-lg ${isDarkMode ? 'shadow-gray-900/20' : 'shadow-gray-500/10'}`\r\n }\r\n `}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <div className=\"flex items-center mb-6\">\r\n <div className={`w-15 h-15 rounded-full ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'} flex items-center justify-center text-white text-2xl font-bold mr-4`}>\r\n {contact.name?.charAt(0)?.toUpperCase() || '?'}\r\n </div>\r\n <div>\r\n <h3 className={`text-xl font-semibold ${isDarkMode ? 'text-white' : 'text-gray-900'} mb-1`}>\r\n {contact.name || t('contactList.card.noName') || 'Không có tên'}\r\n </h3>\r\n <p className={`text-base ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {contact.position || t('contactList.card.noPosition') || 'Chưa có chức vụ'}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <ContactInfo\r\n icon=\"📧\"\r\n label={t('contactList.card.email') || 'Email'}\r\n value={contact.email}\r\n href={`mailto:${contact.email}`}\r\n />\r\n <ContactInfo\r\n icon=\"📱\"\r\n label={t('contactList.card.phone') || 'Điện thoại'}\r\n value={contact.phone}\r\n href={`tel:${contact.phone}`}\r\n />\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nconst ContactInfo = ({ icon, label, value, href,isDarkMode }) => {\r\n\r\n if (!value) return null;\r\n\r\n const content = (\r\n <div className={`flex items-center py-3 border-b ${isDarkMode ? 'border-gray-600' : 'border-gray-100'} last:border-b-0`}>\r\n <span className=\"text-lg mr-3 w-6 text-center\">\r\n {icon}\r\n </span>\r\n <div className=\"flex-1\">\r\n <div className={`text-sm ${isDarkMode ? 'text-gray-400' : 'text-gray-600'} mb-0.5`}>\r\n {label}\r\n </div>\r\n <div className={`text-base font-medium ${href\r\n ? `${isDarkMode ? 'text-blue-400 hover:text-blue-300' : 'text-blue-500 hover:text-blue-600'}`\r\n : `${isDarkMode ? 'text-white' : 'text-gray-900'}`\r\n } transition-colors duration-200`}>\r\n {value}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n\r\n if (href) {\r\n return (\r\n <a href={href} className={`no-underline text-inherit block ${isDarkMode ? 'hover:bg-gray-700/50' : 'hover:bg-gray-50'} rounded-lg -mx-2 px-2 transition-colors duration-200`}>\r\n {content}\r\n </a>\r\n );\r\n }\r\n\r\n return <div className=\"-mx-2 px-2\">{content}</div>;\r\n};\r\n\r\nexport default ContactListAutoSection;","import React, { useState, useEffect } from \"react\";\r\n\r\nconst CustomerFeedbackAutoSection = ({ data, t, isDarkMode, loadCustomerFeedback }) => {\r\n const [feedbacks, setFeedbacks] = useState([]);\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n const res = await loadCustomerFeedback();\r\n if (res.success) {\r\n setFeedbacks(Array.isArray(res.data) ? res.data : []);\r\n } else {\r\n setFeedbacks([]);\r\n }\r\n };\r\n fetchData();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (feedbacks.length > 1) {\r\n const interval = setInterval(() => {\r\n setCurrentIndex((prev) => (prev + 1) % feedbacks.length);\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }\r\n }, [feedbacks.length]);\r\n\r\n useEffect(() => {\r\n if (currentIndex >= feedbacks.length) {\r\n setCurrentIndex(0);\r\n }\r\n }, [feedbacks.length, currentIndex]);\r\n\r\n if (!feedbacks.length) {\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`w-24 h-24 mx-auto mb-6 rounded-full flex items-center justify-center ${isDarkMode ? \"bg-gray-800\" : \"bg-gray-200\"\r\n }`}\r\n >\r\n <svg\r\n className={`w-12 h-12 ${isDarkMode ? \"text-gray-600\" : \"text-gray-400\"\r\n }`}\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n viewBox=\"0 0 24 24\"\r\n >\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\r\n />\r\n </svg>\r\n </div>\r\n <h3\r\n className={`text-xl font-semibold mb-4 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.emptyTitle\") || \"Chưa có phản hồi từ khách hàng\"}\r\n </h3>\r\n <p\r\n className={`text-lg ${isDarkMode ? \"text-gray-300\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.emptyDescription\") ||\r\n \"Các phản hồi từ khách hàng sẽ được hiển thị tại đây.\"}\r\n </p>\r\n </div>\r\n </section>\r\n );\r\n }\r\n\r\n const currentFeedback = feedbacks[currentIndex];\r\n\r\n return (\r\n <section\r\n className={`py-20 transition-colors duration-200 ${isDarkMode ? \"bg-gray-700\" : \"bg-gray-50\"\r\n }`}\r\n >\r\n <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div\r\n className={`inline-block px-4 py-2 rounded-full text-sm font-semibold mb-4 ${isDarkMode\r\n ? \"bg-indigo-900/50 text-indigo-300 border border-indigo-800\"\r\n : \"bg-indigo-100 text-indigo-800\"\r\n }`}\r\n >\r\n 💬 {t(\"customerFeedback.badge\") || \"Phản hồi khách hàng\"}\r\n </div>\r\n\r\n <h2\r\n className={`text-3xl lg:text-4xl font-bold mb-8 transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {t(\"customerFeedback.titlelanding\") || \"Khách hàng nói gì\"}\r\n <span className=\"block bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\r\n {t(\"customerFeedback.subtitle\") || \"về chúng tôi\"}\r\n </span>\r\n </h2>\r\n\r\n <div className=\"relative\">\r\n <div\r\n key={currentIndex}\r\n className={`p-6 rounded-2xl transition-all duration-500 transform ${isDarkMode\r\n ? \"bg-gray-800/80 backdrop-blur-sm border border-gray-700\"\r\n : \"bg-white shadow-lg\"\r\n }`}\r\n >\r\n <blockquote\r\n className={`text-lg lg:text-xl italic mb-6 animate-fadeIn transition-colors duration-200 leading-relaxed ${isDarkMode ? \"text-gray-300\" : \"text-gray-700\"\r\n }`}\r\n >\r\n \"{currentFeedback.content}\"\r\n </blockquote>\r\n\r\n <div className=\"flex items-center justify-center space-x-4 animate-fadeIn\">\r\n <div className=\"text-3xl\">👤</div>\r\n <div className=\"text-left\">\r\n <div\r\n className={`font-bold text-base transition-colors duration-200 ${isDarkMode ? \"text-white\" : \"text-gray-900\"\r\n }`}\r\n >\r\n {currentFeedback.customerName}\r\n </div>\r\n <div className=\"text-blue-600 font-medium text-sm\">\r\n {currentFeedback.customerTitle}\r\n </div>\r\n {currentFeedback.customerCompany && (\r\n <div\r\n className={`text-xs transition-colors duration-200 ${isDarkMode ? \"text-gray-400\" : \"text-gray-600\"\r\n }`}\r\n >\r\n {currentFeedback.customerCompany}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {feedbacks.length > 1 && (\r\n <div className=\"flex justify-center space-x-2 mt-4\">\r\n {feedbacks.map((_, index) => (\r\n <button\r\n key={index}\r\n onClick={() => setCurrentIndex(index)}\r\n className={`w-2.5 h-2.5 rounded-full transition-all duration-300 ${index === currentIndex\r\n ? \"bg-blue-600\"\r\n : isDarkMode\r\n ? \"bg-gray-600 hover:bg-gray-500\"\r\n : \"bg-gray-300 hover:bg-gray-400\"\r\n }`}\r\n aria-label={t(\"customerFeedback.switchToFeedback\", { number: index + 1 }) || `Chuyển đến phản hồi ${index + 1}`}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n <style jsx>{`\r\n .animate-fadeIn {\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n `}</style>\r\n </section>\r\n );\r\n};\r\n\r\nexport default CustomerFeedbackAutoSection;","import React, { useState, useEffect } from 'react';\r\n\r\nconst ProductListSection = ({ data, t, isDarkMode, getProductList }) => {\r\n const [products, setProducts] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchProducts = async () => {\r\n try {\r\n setLoading(true);\r\n const result = await getProductList();\r\n\r\n if (result.success) {\r\n setProducts(result.data || []);\r\n } else {\r\n setError(result.error || t('productList.errors.loadFailed'));\r\n }\r\n } catch (err) {\r\n console.error('Error fetching products:', err);\r\n setError(t('productList.errors.loadError'));\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n fetchProducts();\r\n }, [t]);\r\n\r\n if (loading) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`inline-block w-10 h-10 border-4 ${isDarkMode ? 'border-gray-600 border-t-blue-400' : 'border-gray-300 border-t-blue-500'} rounded-full animate-spin`}></div>\r\n <p className={`mt-2.5 text-base ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productList.loading')}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"text-red-500 text-5xl mb-4\">\r\n ⚠️\r\n </div>\r\n <p className=\"text-red-500 text-base m-0\">\r\n {error}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n if (!products || products.length === 0) {\r\n return (\r\n <div className={`py-16 px-5 text-center ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className={`text-5xl mb-4 ${isDarkMode ? 'text-gray-400' : 'text-gray-500'}`}>\r\n 📦\r\n </div>\r\n <p className={`text-base m-0 ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productList.noProducts')}\r\n </p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className={`py-16 px-5 transition-colors duration-300 ${isDarkMode ? 'bg-gray-900' : 'bg-gray-50'}`}>\r\n <div className=\"max-w-6xl mx-auto\">\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 items-start\">\r\n {products.map((product, index) => (\r\n <ProductCard key={product.id || index} product={product} t={t} isDarkMode={isDarkMode} />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nconst ProductCard = ({ product, t, isDarkMode }) => {\r\n const [activeTab, setActiveTab] = useState('overview');\r\n const [isHovered, setIsHovered] = useState(false);\r\n\r\n const mainImage = product.images?.find(img => img.isMain)?.imageUrl ||\r\n product.images?.[0]?.imageUrl ||\r\n '/placeholder-product.png';\r\n\r\n const tabs = [\r\n { id: 'overview', label: t('productCard.tabs.overview'), count: null },\r\n { id: 'features', label: t('productCard.tabs.features'), count: product.features?.length || 0 },\r\n { id: 'contacts', label: t('productCard.tabs.contacts'), count: product.contacts?.length || 0 },\r\n { id: 'downloads', label: t('productCard.tabs.downloads'), count: product.productDownloads?.length || 0 }\r\n ];\r\n\r\n const renderOverview = () => (\r\n <div className=\"p-5\">\r\n <div\r\n className={`text-sm leading-relaxed ${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`}\r\n dangerouslySetInnerHTML={{\r\n __html: product.overviewContent || product.description || t('productCard.noOverview')\r\n }}\r\n />\r\n </div>\r\n );\r\n\r\n const renderFeatures = () => {\r\n const features = product.features || [];\r\n\r\n if (features.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noFeatures')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n const sortedFeatures = [...features].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-4\">\r\n {sortedFeatures.map((feature, index) => (\r\n <div\r\n key={index}\r\n className={`p-4 rounded-lg border-l-4 border-blue-500 ${isDarkMode ? 'bg-gray-700' : 'bg-gray-100'}`}\r\n >\r\n <h4 className={`m-0 mb-2 text-sm font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {feature.title}\r\n </h4>\r\n <p className={`m-0 text-xs leading-relaxed ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {feature.description}\r\n </p>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderContacts = () => {\r\n const contacts = product.contacts || [];\r\n\r\n if (contacts.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noContacts')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-4\">\r\n {contacts.map((contact, index) => (\r\n <div\r\n key={contact.id || index}\r\n className={`p-4 rounded-lg border ${isDarkMode ? 'bg-gray-700 border-gray-600' : 'bg-gray-100 border-gray-200'}`}\r\n >\r\n <div className=\"flex items-center mb-2\">\r\n <div className={`w-10 h-10 rounded-full flex items-center justify-center mr-3 ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'}`}>\r\n <span className=\"text-white font-bold text-base\">\r\n {contact.name?.charAt(0)?.toUpperCase() || '?'}\r\n </span>\r\n </div>\r\n <div>\r\n <h4 className={`m-0 mb-0.5 text-sm font-bold ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {contact.name}\r\n </h4>\r\n <p className={`m-0 text-xs ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {contact.position}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex flex-col gap-1\">\r\n {contact.phone && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className={`text-sm ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>📞</span>\r\n <a\r\n href={`tel:${contact.phone}`}\r\n className={`text-xs no-underline hover:underline ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}\r\n >\r\n {contact.phone}\r\n </a>\r\n </div>\r\n )}\r\n {contact.email && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className={`text-sm ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>✉️</span>\r\n <a\r\n href={`mailto:${contact.email}`}\r\n className={`text-xs no-underline hover:underline ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}\r\n >\r\n {contact.email}\r\n </a>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderDownloads = () => {\r\n const downloads = product.productDownloads || [];\r\n\r\n if (downloads.length === 0) {\r\n return (\r\n <div className={`p-5 text-center ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n <p className=\"m-0\">{t('productCard.noDownloads')}</p>\r\n </div>\r\n );\r\n }\r\n\r\n const handleDownload = (fileUrl, title) => {\r\n try {\r\n const link = document.createElement('a');\r\n link.href = fileUrl;\r\n link.download = title || 'download';\r\n link.target = '_blank';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n } catch (error) {\r\n console.error('Download error:', error);\r\n }\r\n };\r\n\r\n return (\r\n <div className=\"p-5\">\r\n <div className=\"flex flex-col gap-3\">\r\n {downloads.map((download, index) => (\r\n <div\r\n key={index}\r\n onClick={() => handleDownload(download.fileUrl, download.title)}\r\n className={`p-4 rounded-lg border cursor-pointer flex items-center gap-3 transition-all duration-200 hover:translate-x-1 ${isDarkMode\r\n ? 'bg-gray-700 border-gray-600 hover:bg-gray-600'\r\n : 'bg-gray-100 border-gray-200 hover:bg-gray-200'\r\n }`}\r\n >\r\n <div className={`w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'}`}>\r\n <span className=\"text-white text-lg\">📄</span>\r\n </div>\r\n\r\n <div className=\"flex-1 min-w-0\">\r\n <h4 className={`m-0 mb-1 text-sm font-bold overflow-hidden text-ellipsis whitespace-nowrap ${isDarkMode ? 'text-white' : 'text-gray-900'}`}>\r\n {download.title}\r\n </h4>\r\n <p className={`m-0 text-xs ${isDarkMode ? 'text-gray-400' : 'text-gray-600'}`}>\r\n {t('productCard.downloadClick')}\r\n </p>\r\n </div>\r\n\r\n <div className={`flex-shrink-0 text-base ${isDarkMode ? 'text-blue-400' : 'text-blue-500'}`}>\r\n ⬇️\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderTabContent = () => {\r\n switch (activeTab) {\r\n case 'overview':\r\n return renderOverview();\r\n case 'features':\r\n return renderFeatures();\r\n case 'contacts':\r\n return renderContacts();\r\n case 'downloads':\r\n return renderDownloads();\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={`\r\n rounded-xl overflow-hidden cursor-pointer transition-all duration-300 border\r\n ${isDarkMode\r\n ? 'bg-gray-800 border-gray-700'\r\n : 'bg-white border-gray-200'\r\n }\r\n ${isHovered\r\n ? `shadow-xl -translate-y-2 ${isDarkMode ? 'shadow-gray-900/40' : 'shadow-gray-500/20'}`\r\n : `shadow-lg ${isDarkMode ? 'shadow-gray-900/20' : 'shadow-gray-500/10'}`\r\n }\r\n `}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <div\r\n className={`relative h-48 bg-cover bg-center ${isDarkMode ? 'bg-gray-700' : 'bg-gray-200'}`}\r\n style={{\r\n backgroundImage: `url(${mainImage})`,\r\n }}\r\n >\r\n <div className=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent p-5 text-white\">\r\n <h3 className=\"m-0 mb-2 text-lg font-bold\">\r\n {product.name}\r\n </h3>\r\n <p className=\"m-0 text-sm opacity-90\">\r\n {product.description}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className={`border-b ${isDarkMode ? 'border-gray-600' : 'border-gray-200'}`}>\r\n <div className=\"flex overflow-x-auto\">\r\n {tabs.map(tab => (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`\r\n flex-1 min-w-[100px] py-4 px-2 border-none text-xs font-medium cursor-pointer transition-all duration-300 flex items-center justify-center gap-1\r\n ${activeTab === tab.id\r\n ? `${isDarkMode ? 'bg-blue-600' : 'bg-blue-500'} text-white font-bold`\r\n : `bg-transparent ${isDarkMode ? 'text-gray-400 hover:bg-gray-700' : 'text-gray-600 hover:bg-gray-100'}`\r\n }\r\n `}\r\n >\r\n <span>{tab.label}</span>\r\n {tab.count !== null && (\r\n <span className={`\r\n text-xs py-0.5 px-1.5 rounded-full min-w-[18px] text-center\r\n ${activeTab === tab.id\r\n ? 'bg-white/20 text-white'\r\n : `${isDarkMode ? 'bg-gray-600 text-gray-400' : 'bg-gray-200 text-gray-600'}`\r\n }\r\n `}>\r\n {tab.count}\r\n </span>\r\n )}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n <div className=\"min-h-[200px] max-h-[300px] overflow-y-auto\">\r\n {renderTabContent()}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ProductListSection;","import React, { useMemo } from \"react\";\r\n\r\nconst ImageItem = ({ item, index, isDarkMode, t, getObjectUrl }) => {\r\n const media = item.medias?.[0];\r\n const getImageUrl = () => {\r\n if (!media?.url) return null;\r\n\r\n // Nếu là File object, tạo blob URL\r\n if (media.url instanceof File) {\r\n return URL.createObjectURL(media.url);\r\n }\r\n\r\n // Nếu là string và có getObjectUrl\r\n if (typeof media.url === 'string' && getObjectUrl) {\r\n return getObjectUrl(media.url);\r\n }\r\n\r\n // Fallback return original URL\r\n return media.url;\r\n };\r\n\r\n const imageUrl = getImageUrl();\r\n\r\n // Cleanup blob URL khi component unmount\r\n React.useEffect(() => {\r\n return () => {\r\n if (imageUrl && imageUrl.startsWith('blob:')) {\r\n URL.revokeObjectURL(imageUrl);\r\n }\r\n };\r\n }, [imageUrl]);\r\n return (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n borderRadius: \"8px\",\r\n overflow: \"hidden\",\r\n boxShadow: isDarkMode\r\n ? \"0 4px 8px rgba(0,0,0,0.3)\"\r\n : \"0 4px 8px rgba(0,0,0,0.1)\",\r\n }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={`Image ${index + 1}`}\r\n style={{\r\n width: \"100%\",\r\n height: \"250px\",\r\n objectFit: \"cover\",\r\n }}\r\n onError={(e) => {\r\n e.currentTarget.parentElement.style.display = \"none\";\r\n }}\r\n />\r\n ) : (\r\n <div\r\n style={{\r\n width: \"100%\",\r\n height: \"250px\",\r\n backgroundColor: isDarkMode ? \"#374151\" : \"#f3f4f6\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n color: isDarkMode ? \"#9ca3af\" : \"#6b7280\",\r\n fontSize: \"14px\",\r\n }}\r\n >\r\n {t('imageSection.noImage') || 'No image available'}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst ImageSection = ({ data, t, isDarkMode, getObjectUrl }) => {\r\n const imageItems = useMemo(() => data?.sectionDataBindingItems || [], [data]);\r\n\r\n return (\r\n <div style={{\r\n padding: \"40px 20px\",\r\n backgroundColor: isDarkMode ? \"#111827\" : \"white\"\r\n }}>\r\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\" }}>\r\n <div\r\n style={{\r\n display: \"grid\",\r\n gridTemplateColumns: \"repeat(auto-fit, minmax(300px, 1fr))\",\r\n gap: \"20px\",\r\n }}\r\n >\r\n {imageItems.map((item, index) => (\r\n <ImageItem\r\n key={item.id || index}\r\n item={item}\r\n index={index}\r\n isDarkMode={isDarkMode}\r\n t={t}\r\n getObjectUrl={getObjectUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ImageSection;","import React, { useMemo } from 'react';\r\n\r\nconst SingleImageItem = ({ item, index, isDarkMode }) => {\r\n const media = item.medias?.[0];\r\n // Xử lý URL an toàn\r\n const getImageUrl = () => {\r\n if (!media?.url) return null;\r\n\r\n // Nếu là File object, tạo blob URL\r\n if (media.url instanceof File) {\r\n return URL.createObjectURL(media.url);\r\n }\r\n\r\n // Nếu có getObjectUrl function\r\n if (getObjectUrl && typeof media.url === 'string') {\r\n return getObjectUrl(media.url);\r\n }\r\n\r\n return media.url;\r\n };\r\n const imageUrl = getImageUrl();\r\n return (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n borderRadius: '12px',\r\n overflow: 'hidden',\r\n boxShadow: isDarkMode\r\n ? '0 8px 24px rgba(0,0,0,0.4)'\r\n : '0 8px 24px rgba(0,0,0,0.15)',\r\n marginBottom: '30px',\r\n }}\r\n >\r\n {imageUrl && (\r\n <img\r\n src={imageUrl}\r\n alt={`Single Image ${index + 1}`}\r\n style={{\r\n width: '100%',\r\n height: '400px',\r\n objectFit: 'cover',\r\n display: 'block',\r\n }}\r\n onError={(e) => {\r\n e.currentTarget.style.display = 'none';\r\n }}\r\n />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst ImageSingleSection = ({ data, t, isDarkMode, getObjectUrl }) => {\r\n const imageItems = useMemo(() => data?.sectionDataBindingItems || [], [data]);\r\n\r\n return (\r\n <div style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#111827' : 'white'\r\n }}>\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {imageItems.map((item, index) => (\r\n <SingleImageItem\r\n key={item.id || index}\r\n item={item}\r\n index={index}\r\n isDarkMode={isDarkMode}\r\n getObjectUrl={getObjectUrl}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ImageSingleSection;","import React from 'react';\r\n\r\nconst TextWithTitleSection = ({ section, data, isDarkMode }) => {\r\n \r\n const textItems = data?.sectionDataBindingItems || [];\r\n\r\n return (\r\n <div style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#1f2937' : '#f8f9fa',\r\n textAlign: 'center'\r\n }}>\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {textItems.map((item, index) => (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n backgroundColor: isDarkMode ? '#374151' : 'white',\r\n padding: '30px 20px',\r\n marginBottom: '20px',\r\n borderRadius: '8px',\r\n boxShadow: isDarkMode ? '0 2px 4px rgba(0,0,0,0.3)' : '0 2px 4px rgba(0,0,0,0.1)'\r\n }}\r\n >\r\n <h2 style={{\r\n fontSize: '24px',\r\n fontWeight: 'bold',\r\n color: isDarkMode ? '#f9fafb' : '#1f2937',\r\n marginBottom: '16px',\r\n lineHeight: '1.3'\r\n }}>\r\n {item.title}\r\n </h2>\r\n \r\n <div style={{\r\n fontSize: '16px',\r\n lineHeight: '1.6',\r\n color: isDarkMode ? '#d1d5db' : '#4b5563',\r\n textAlign: 'left'\r\n }}>\r\n {item.value}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TextWithTitleSection;","import React from 'react';\r\n\r\nconst TextSection = ({ data, isDarkMode }) => {\r\n const textItems = data?.sectionDataBindingItems || [];\r\n\r\n return (\r\n <div\r\n style={{\r\n padding: '40px 20px',\r\n backgroundColor: isDarkMode ? '#1f2937' : '#f8f9fa', // Dark: slate-800, Light: gray-100\r\n textAlign: 'center',\r\n }}\r\n >\r\n <div style={{ maxWidth: '800px', margin: '0 auto' }}>\r\n {textItems.map((item, index) => (\r\n <div\r\n key={item.id || index}\r\n style={{\r\n backgroundColor: isDarkMode ? '#374151' : 'white', // Dark: slate-700, Light: white\r\n padding: '20px',\r\n marginBottom: '20px',\r\n borderRadius: '8px',\r\n boxShadow: isDarkMode\r\n ? '0 2px 4px rgba(0,0,0,0.3)'\r\n : '0 2px 4px rgba(0,0,0,0.1)',\r\n fontSize: '16px',\r\n lineHeight: '1.6',\r\n color: isDarkMode ? '#d1d5db' : '#333', // Dark: gray-300, Light: dark gray\r\n textAlign: 'left',\r\n }}\r\n >\r\n {item.value}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TextSection;\r\n","// src/index.js \r\nimport AboutCompanySection from './sections/aboutCompany/AboutCompanySection';\r\nimport CompanyValues from './sections/aboutCompany/CompanyValues';\r\nimport TimelineSection from './sections/aboutCompany/TimelineSection';\r\nimport PartnerCard from './sections/aboutCompany/PartnerCard';\r\nimport PartnersSection from './sections/aboutCompany/PartnersSection';\r\nimport MilestoneSection from './sections/aboutCompany/MilestoneSection';\r\nimport TestimonialsSection from './sections/aboutCompany/TestimonialsSection';\r\nimport PartnerListCard from './sections/aboutCompany/PartnerListCard';\r\nimport PartnerListSection from './sections/aboutCompany/PartnerListSection';\r\nimport ContactFormSection from './sections/contactCompany/ContactFormSection';\r\nimport ContactInfoSection from './sections/contactCompany/ContactInfoSection';\r\nimport ContactListAutoSection from './sections/contactCompany/ContactListAutoSection';\r\nimport CustomerFeedbackAutoSection from './sections/customerFeedback/CustomerFeedbackAutoSection';\r\nimport ProductListSection from './sections/product/ProductListSection';\r\nimport ImageSection from './sections/simple/ImageSection';\r\nimport ImageSingleSection from './sections/simple/ImageSingleSection';\r\nimport TextWithTitleSection from './sections/simple/TextWithTitleSection';\r\nimport TextSection from './sections/simple/TextSection';\r\n// Export các components\r\nexport {\r\n AboutCompanySection,\r\n CompanyValues,\r\n TimelineSection,\r\n PartnerCard,\r\n PartnersSection,\r\n MilestoneSection,\r\n TestimonialsSection,\r\n PartnerListCard,\r\n PartnerListSection,\r\n ContactFormSection,\r\n ContactInfoSection,\r\n ContactListAutoSection,\r\n CustomerFeedbackAutoSection,\r\n ProductListSection,\r\n ImageSection,\r\n ImageSingleSection,\r\n TextWithTitleSection,\r\n TextSection\r\n};\r\n\r\n// Default export (tuỳ chọn)\r\nexport default {\r\n AboutCompanySection,\r\n CompanyValues,\r\n TimelineSection,\r\n PartnerCard,\r\n PartnersSection,\r\n MilestoneSection,\r\n TestimonialsSection,\r\n PartnerListCard,\r\n PartnerListSection,\r\n ContactFormSection,\r\n ContactInfoSection,\r\n ContactListAutoSection,\r\n CustomerFeedbackAutoSection,\r\n ProductListSection,\r\n ImageSection,\r\n ImageSingleSection,\r\n TextWithTitleSection,\r\n TextSection\r\n};"],"names":["jsxRuntimeModule","require$$0","require$$1","jsx","index","jsxs","Fragment","useWindowSize","_a","__iconNode","CheckCircle","AlertCircle","Loader2","_b","getObjectUrl","React"],"mappings":"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","x_google_ignoreList":[0,1,2,12,13,14,15,16,17,18,19,20,21,22,23,24,25]}
|