s-platform-landing-section 0.1.26 → 0.1.28

package/dist/index.js

@@ -22,7 +22,6 @@ require('slick-carousel/slick/slick-theme.css');
 var ai = require('react-icons/ai');
 var go = require('react-icons/go');
 var hi = require('react-icons/hi');
-var md = require('react-icons/md');
 var ri = require('react-icons/ri');
 var gi = require('react-icons/gi');
 
@@ -333,7 +332,7 @@ var NavBar7 = function NavBar7(props) {
       top: "-100px"
     }
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.defaultDomain, " | ", shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName), /*#__PURE__*/React__default.createElement("div", {
-    className: "hidden lg:flex gap-6 justify-between items-center py-2 px-4 xl:px-20"
+    className: "hidden lg:flex gap-6 justify-between items-center py-1.5 px-4 xl:px-20"
   }, /*#__PURE__*/React__default.createElement(LinkToPage, {
     Link: Link,
     href: "/",
@@ -343,7 +342,7 @@ var NavBar7 = function NavBar7(props) {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
   }), /*#__PURE__*/React__default.createElement("h3", {
-    className: "text-xl md:text-2xl whitespace-nowrap font-semibold text-primary"
+    className: "text-xl md:text-2xl font-semibold text-primary lg:max-w-64 xl:max-w-[440px] xl:w-max text-wrap line-clamp-2 leading-tight"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), /*#__PURE__*/React__default.createElement("div", {
     className: "hidden lg:flex flex-1 items-center gap-4"
   }, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB === void 0 ? void 0 : (_shopConfigStyle$navB2 = _shopConfigStyle$navB.filter(function (e) {
@@ -395,7 +394,7 @@ var NavBar7 = function NavBar7(props) {
     shopConfigStyle: shopConfigStyle,
     type: 'outline'
   })))), /*#__PURE__*/React__default.createElement("div", {
-    className: "relative lg:hidden flex gap-4 items-center px-4 py-2"
+    className: "relative lg:hidden flex gap-4 items-center px-4 py-1.5"
   }, /*#__PURE__*/React__default.createElement(LinkToPage, {
     Link: Link,
     href: "/",
@@ -405,7 +404,7 @@ var NavBar7 = function NavBar7(props) {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
   }), /*#__PURE__*/React__default.createElement("h3", {
-    className: "text-xl md:text-2xl font-semibold text-primary"
+    className: "text-xl md:text-2xl font-semibold text-primary line-clamp-2"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), cart(), /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: function onClick() {
@@ -843,7 +842,7 @@ var SectionTitle2 = function SectionTitle2(props) {
     className: "text-center whitespace-nowrap text-2xl md:text-4xl font-headingFont font-semibold leading-relaxed text-textHeading"
   }, data === null || data === void 0 ? void 0 : data.sectionTitle), /*#__PURE__*/React__default.createElement("div", {
     className: " w-32 h-0.5 rounded-full bg-stroke"
-  })) : null, /*#__PURE__*/React__default.createElement("div", {
+  })) : null, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center gap-2 justify-center"
   }, /*#__PURE__*/React__default.createElement(io.IoIosStar, {
     className: "w-4 h-4 text-warning"
@@ -851,16 +850,16 @@ var SectionTitle2 = function SectionTitle2(props) {
     className: "w-6 h-6 text-warning"
   }), /*#__PURE__*/React__default.createElement(io.IoIosStar, {
     className: "w-4 h-4 text-warning"
-  })), data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
+  })) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
     className: "text-xl text-center leading-relaxed text-textSecondary"
   }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null);
 };
 
 var SectionTitle3 = function SectionTitle3(props) {
   var data = props.data;
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
+  return /*#__PURE__*/React__default.createElement("div", null, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("h2", {
     className: "font-headingFont leading-relaxed text-textHeading text-2xl md:text-4xl font-semibold"
-  }, data === null || data === void 0 ? void 0 : data.sectionTitle), data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("p", {
+  }, data === null || data === void 0 ? void 0 : data.sectionTitle) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("p", {
     className: "text-xl font-medium leading-relaxed text-textSecondary mt-4 lg:mt-6"
   }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null);
 };
@@ -1047,7 +1046,7 @@ var Hero1 = function Hero1(props) {
     style: {
       backgroundImage: "url(" + (sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : (_sectionData$$srcImag = _sectionData$.srcImages) === null || _sectionData$$srcImag === void 0 ? void 0 : _sectionData$$srcImag[0]) + ")"
     },
-    className: "relative w-full min-h-[200px] md:min-h-[320px] lg:min-h-[400px] xl:min-h-[480px] h-full bg-cover bg-center bg-no-repeat z-0 flex flex-col items-center justify-center mb-24"
+    className: "relative w-full min-h-[200px] md:min-h-[320px] lg:min-h-[400px] xl:min-h-[480px] h-full bg-cover bg-center bg-no-repeat z-0 flex flex-col items-center justify-center mb-16 md:mb-24"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "w-[80%] md:w-2/3 xl:w-1/2 md:h-2/3 flex flex-col gap-2 md:gap-8 justify-center items-center bg-background opacity-90 absolute top-5 md:top-10 px-6 py-4 rounded-tr-[40px] rounded-bl-[40px] md:rounded-tr-[80px] md:rounded-bl-[80px]"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -1093,21 +1092,24 @@ var Hero2 = function Hero2(props) {
   var shopConfig = props.shopConfig,
     data = props.data;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "relative"
+    className: "relative w-full"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : (_data$data$$srcImages = _data$data$.srcImages) === null || _data$data$$srcImages === void 0 ? void 0 : _data$data$$srcImages[0],
     alt: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title,
-    className: "w-full object-cover min-h-[22vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
+    className: "w-full h-auto object-cover min-h-[22vh] max-h-[100vh]"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute flex flex-col gap-1 md:gap-4 absolute w-1/2 lg:w-[40%] top-6 sm:top-[20%] xl:top-1/4 right-[2%] lg:right-[15%]"
+    className: "absolute inset-y-0 right-[1%] md:right-[8%] w-[58%] md:w-1/2 flex flex-col gap-2 md:gap-4 xl:gap-6 justify-center items-start px-4 pt-4 pb-2 md:px-8 md:pt-8 md:pb-6 xl:p-8"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName,
-    className: "h-5 w-5 sm:h-8 sm:w-8 md:h-16 md:w-16 lg:h-20 lg:w-20"
+    className: "h-6 w-6 sm:h-10 sm:w-10 md:h-12 md:w-12 lg:w-14 lg:h-14 xl:h-20 xl:w-20"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "text-base md:text-3xl lg:text-4xl  font-medium"
+    className: "font-medium line-clamp-1 ",
+    style: {
+      fontSize: "clamp(1.25rem, 3vw, 2.5rem)"
+    }
   }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xs md:text-xl lg:text-2xl "
+    className: "text-xs line-clamp-2 md:line-clamp-3 text-ellipsis sm:text-base md:text-xl lg:text-2xl"
   }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.description)));
 };
 
@@ -1119,18 +1121,18 @@ var Hero5 = function Hero5(props) {
   }, /*#__PURE__*/React__default.createElement("img", {
     src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : (_data$data$$srcImages = _data$data$.srcImages) === null || _data$data$$srcImages === void 0 ? void 0 : _data$data$$srcImages[0],
     alt: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title,
-    className: "w-full min-h-[30vh] md:min-h-[50vh] max-h-[100vh] object-cover"
+    className: "w-full min-h-[22vh] max-h-[100vh] object-cover"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2 md:gap-4 absolute top-5 md:top-[20%] w-1/2 lg:w-1/3 left-4 xl:left-20"
+    className: "absolute inset-0 flex flex-col top-[5%] md:top-[10%] gap-1 md:gap-4 p-4 lg:p-10 w-3/5 md:w-1/2 lg:w-[45%] max-w-[90%] left-1 lg:left-10 xl:left-20"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl md:text-3xl lg:text-4xl text-textHeading font-medium"
+    className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading pt-2 pb-1 overflow-hidden text-ellipsis font-medium line-clamp-1"
   }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-none"
+    className: "text-sm md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-4 overflow-hidden text-ellipsis "
   }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.description)));
 };
 
 var Hero6 = function Hero6(props) {
-  var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$, _sectionData$, _sectionData$$buttons;
+  var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$, _data$data5, _data$data5$, _data$data6, _data$data6$, _sectionData$, _sectionData$$buttons;
   var shopConfigStyle = props.shopConfigStyle,
     data = props.data,
     _props$Link = props.Link,
@@ -1141,22 +1143,31 @@ var Hero6 = function Hero6(props) {
   }, /*#__PURE__*/React__default.createElement("img", {
     src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : (_data$data$$srcImages = _data$data$.srcImages) === null || _data$data$$srcImages === void 0 ? void 0 : _data$data$$srcImages[0],
     alt: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title,
-    className: "object-cover w-full h-auto min-h-[25vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
+    className: "object-cover w-full h-auto"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute top-0 sm:top-8 md:top-14 lg:top-20 w-full p-3 md:p-6  lg:p-12 z-10 flex flex-col gap-2 md:gap-4 lg:gap-6 items-center justify-center"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-primary line-clamp-1 text-xl md:text-3xl lg:text-5xl leading-[1.6] md:leading-[1.6] text-center font-headingFont"
-  }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "md:text-xl text-center line-clamp-2"
-  }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.description), sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : (_sectionData$$buttons = _sectionData$.buttons) === null || _sectionData$$buttons === void 0 ? void 0 : _sectionData$$buttons.map(function (button) {
-    return /*#__PURE__*/React__default.createElement(LinkToPage, {
+    className: "absolute inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-16 md:px-20 "
+  }, data !== null && data !== void 0 && (_data$data3 = data.data) !== null && _data$data3 !== void 0 && (_data$data3$ = _data$data3[0]) !== null && _data$data3$ !== void 0 && _data$data3$.title ? /*#__PURE__*/React__default.createElement("div", {
+    className: "text-primary font-headingFont text-center line-clamp-1 text-ellipsis pt-2 md:pt-3",
+    style: {
+      fontSize: "clamp(1rem, 4vw, 3rem)",
+      lineHeight: "2"
+    }
+  }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.title) : null, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col gap-1 md:gap-4 lg:gap-6 "
+  }, data !== null && data !== void 0 && (_data$data5 = data.data) !== null && _data$data5 !== void 0 && (_data$data5$ = _data$data5[0]) !== null && _data$data5$ !== void 0 && _data$data5$.description ? /*#__PURE__*/React__default.createElement("div", {
+    className: "line-clamp-1 md:line-clamp-2",
+    style: {
+      fontSize: "clamp(0.75rem, 3vw, 1.5rem)"
+    }
+  }, data === null || data === void 0 ? void 0 : (_data$data6 = data.data) === null || _data$data6 === void 0 ? void 0 : (_data$data6$ = _data$data6[0]) === null || _data$data6$ === void 0 ? void 0 : _data$data6$.description) : null, sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : (_sectionData$$buttons = _sectionData$.buttons) === null || _sectionData$$buttons === void 0 ? void 0 : _sectionData$$buttons.map(function (button) {
+    return button !== null && button !== void 0 && button.label && (button !== null && button !== void 0 && button.route || button !== null && button !== void 0 && button.link) ? /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: convertURL(button === null || button === void 0 ? void 0 : button.route) || (button === null || button === void 0 ? void 0 : button.link) || "#"
     }, /*#__PURE__*/React__default.createElement(Button, {
       label: button === null || button === void 0 ? void 0 : button.label,
       shopConfigStyle: shopConfigStyle
-    }));
-  })));
+    })) : null;
+  }))));
 };
 
 var Hero10 = function Hero10(props) {
@@ -1228,26 +1239,48 @@ var CarouselItem = function CarouselItem(props) {
     _props$itemClassName = props.itemClassName,
     itemClassName = _props$itemClassName === void 0 ? "" : _props$itemClassName;
   var listRef = React.useRef(null);
-  var _useState = React.useState(true),
-    isScrolledToRight = _useState[0],
-    setIsScrolledToRight = _useState[1];
-  var _useState2 = React.useState({}),
-    value = _useState2[0],
-    setValue = _useState2[1];
+  var _useState = React.useState(false),
+    canScrollLeft = _useState[0],
+    setCanScrollLeft = _useState[1];
+  var _useState2 = React.useState(false),
+    canScrollRight = _useState2[0],
+    setCanScrollRight = _useState2[1];
+  var _useState3 = React.useState({}),
+    value = _useState3[0],
+    setValue = _useState3[1];
+  React.useEffect(function () {
+    var _listRef$current;
+    checkScroll();
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.addEventListener("scroll", checkScroll);
+    return function () {
+      var _listRef$current2;
+      return (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.removeEventListener("scroll", checkScroll);
+    };
+  }, [data]);
+  var checkScroll = function checkScroll() {
+    if (listRef.current) {
+      var _listRef$current3 = listRef.current,
+        scrollLeft = _listRef$current3.scrollLeft,
+        scrollWidth = _listRef$current3.scrollWidth,
+        clientWidth = _listRef$current3.clientWidth;
+      setCanScrollLeft(scrollLeft > 0);
+      setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
+    }
+  };
   var handleClickPrevImg = function handleClickPrevImg() {
     if (listRef.current) {
-      setIsScrolledToRight(false);
+      checkScroll();
       listRef.current.scrollBy({
-        left: -150,
+        left: -300,
         behavior: "smooth"
       });
     }
   };
   var handleClickNextImg = function handleClickNextImg() {
-    setIsScrolledToRight(true);
     if (listRef.current) {
+      checkScroll();
       listRef.current.scrollBy({
-        left: 150,
+        left: 300,
         behavior: "smooth"
       });
     }
@@ -1257,10 +1290,10 @@ var CarouselItem = function CarouselItem(props) {
     onClick === null || onClick === void 0 ? void 0 : onClick(item);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "grid grid-cols-12 h-10 md:h-12 " + className,
+    className: "h-10 md:h-12 flex justify-between items-center " + className,
     style: style
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 lg:col-span-10 md:col-span-9 overflow-hidden "
+    className: "w-full overflow-hidden "
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex overflow-x-auto gap-2 no-scrollbar items-center",
     ref: listRef
@@ -1278,19 +1311,21 @@ var CarouselItem = function CarouselItem(props) {
       }
     }, item === null || item === void 0 ? void 0 : item.label);
   })))), isNavigateButton ? /*#__PURE__*/React__default.createElement("div", {
-    className: "hidden my-auto col-span-5 md:col-span-3 lg:col-span-2 gap-4 md:flex justify-end "
+    className: "hidden my-auto gap-4 md:flex justify-end ps-10"
   }, /*#__PURE__*/React__default.createElement("button", {
-    className: "p-2 h-full w-10 h-10 md:h-12 md:w-12 rounded-full " + (isScrolledToRight ? "bg-gray5" : "bg-primary"),
-    onClick: handleClickPrevImg
+    className: "h-full w-9 h-9 md:h-11 md:w-11 items-center justify-center rounded-full " + (canScrollLeft ? "bg-primary cursor-pointer text-textButton" : "bg-gray5 text-gray3 cursor-not-allowed"),
+    onClick: handleClickPrevImg,
+    disabled: !canScrollLeft
   }, /*#__PURE__*/React__default.createElement(io.IoIosArrowBack, {
-    size: 32,
-    className: "inline-block text-lg text-textButton"
+    size: 24,
+    className: "inline-block text-lg"
   })), /*#__PURE__*/React__default.createElement("button", {
-    className: " p-2 h-full w-10 h-10 md:h-12 md:w-12 rounded-full  " + (isScrolledToRight ? "bg-primary" : "bg-gray5"),
-    onClick: handleClickNextImg
+    className: "h-full w-9 h-9 md:h-11 md:w-11 flex items-center justify-center rounded-full  " + (canScrollRight ? "bg-primary cursor-pointer text-textButton" : "bg-gray5 text-gray3 cursor-not-allowed"),
+    onClick: handleClickNextImg,
+    disabled: !canScrollRight
   }, /*#__PURE__*/React__default.createElement(io.IoIosArrowForward, {
-    size: 32,
-    className: "inline-block text-lg text-textButton"
+    size: 24,
+    className: "inline-block text-lg "
   }))) : null);
 };
 
@@ -7365,7 +7400,7 @@ var lib = {
 };
 
 var getBaseUrl = function getBaseUrl() {
-  return process.env.NEXT_PUBLIC_BASE_URL || "https://test-apigateway.sfin.vn";
+  return process.env.NEXT_PUBLIC_BASE_URL || "https://proapi.sspa.com.vn";
 };
 var request = axios.create();
 request.interceptors.request.use(function (config) {
@@ -7396,10 +7431,32 @@ var api = function api(options) {
   return request(config);
 };
 
+var formatCurrency = function formatCurrency(amount) {
+  if (isNaN(amount)) {
+    return '0 ₫';
+  }
+  var roundedAmount = Math.round(amount);
+  var formattedAmount = roundedAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+  return formattedAmount + " \u20AB";
+};
+var pattern = {
+  phoneNumberPattern: /^(?:\+84|0)\d{9}$/
+};
+var numberPattern = /^\d+$/;
+var getYoutubeVideoIdByUrl = function getYoutubeVideoIdByUrl(url) {
+  var regex = /(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/|youtube\.com\/shorts\/)([a-zA-Z0-9_-]{11})/;
+  var match = url === null || url === void 0 ? void 0 : url.match(regex);
+  return match ? match[1] : null;
+};
+var linkPagePolicy = "https://sites.google.com/view/sodofin-landing-page-policy";
+var endpointLandingShop = "/landing-shop/v2";
+var endpointLanding = "/landing/v2";
+var baseURL = process.env.NEXT_PUBLIC_BASE_URL || "https://proapi.sspa.com.vn";
+
 var getShopCategoriesApi = function getShopCategoriesApi(shopId, types) {
   return api({
     method: "get",
-    url: "/landing-shop/get-product-category-on-landing",
+    url: endpointLandingShop + "/get-product-category-on-landing",
     params: {
       shopId: shopId,
       types: types,
@@ -7416,7 +7473,7 @@ var getProductListApi = function getProductListApi(shopId, params) {
   }
   return api({
     method: "get",
-    url: "/landing-shop/get-product-on-landing",
+    url: endpointLandingShop + "/get-product-on-landing",
     params: _extends({
       shopId: shopId,
       isShowOnLanding: true
@@ -7577,7 +7634,7 @@ var ProductController = function ProductController(props) {
   var _useState = React.useState([]),
     products = _useState[0],
     setProducts = _useState[1];
-  var _useState2 = React.useState(true),
+  var _useState2 = React.useState(false),
     loading = _useState2[0],
     setLoading = _useState2[1];
   var _useState3 = React.useState(),
@@ -7824,53 +7881,59 @@ var ProductImage = function ProductImage(props) {
   var _useState = React.useState(""),
     src = _useState[0],
     setSrc = _useState[1];
+  var _useState2 = React.useState(false),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  var imgRef = React.useRef(null);
   React.useEffect(function () {
-    getProductImage();
-  }, [product]);
+    var observer = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry) {
+        if (entry.isIntersecting) {
+          setIsVisible(true);
+          observer.disconnect();
+        }
+      });
+    }, {
+      rootMargin: "400px"
+    });
+    if (imgRef.current) {
+      observer.observe(imgRef.current);
+    }
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
+  React.useEffect(function () {
+    if (isVisible && product) getProductImage();
+  }, [isVisible, product]);
   var getProductImage = function getProductImage() {
     var _JSON$parse, _JSON$parse$;
     var src = (_JSON$parse = JSON.parse((product === null || product === void 0 ? void 0 : product.imagesUrl) || "[]")) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$ = _JSON$parse[0]) === null || _JSON$parse$ === void 0 ? void 0 : _JSON$parse$.src;
     if (src !== null && src !== void 0 && src.startsWith("http")) {
       setSrc(src);
     } else if (src) {
-      var urlImage = "https://test-apigateway.sfin.vn/assets/images/sshop/shops/" + (product === null || product === void 0 ? void 0 : product.shopId) + "/" + (product === null || product === void 0 ? void 0 : product.productId) + "/" + src;
+      var urlImage = baseURL + "/assets/images/sshop/shops/" + (product === null || product === void 0 ? void 0 : product.shopId) + "/" + (product === null || product === void 0 ? void 0 : product.productId) + "/" + src;
       setSrc(urlImage);
     } else {
       setSrc(src);
     }
   };
-  return src ? /*#__PURE__*/React__default.createElement("img", {
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: imgRef
+  }, src ? /*#__PURE__*/React__default.createElement("img", {
     src: src,
     alt: product === null || product === void 0 ? void 0 : product.productName,
     className: "w-full aspect-square object-cover " + className,
     style: size ? {
       width: size,
       height: size
-    } : null
+    } : null,
+    loading: "lazy"
   }) : /*#__PURE__*/React__default.createElement(DefaultImage, {
     className: className,
     size: size
-  });
-};
-
-var formatCurrency = function formatCurrency(amount) {
-  if (isNaN(amount)) {
-    return '0 ₫';
-  }
-  var roundedAmount = Math.round(amount);
-  var formattedAmount = roundedAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
-  return formattedAmount + " \u20AB";
-};
-var pattern = {
-  phoneNumberPattern: /^(?:\+84|0)\d{9}$/
-};
-var numberPattern = /^\d+$/;
-var getYoutubeVideoIdByUrl = function getYoutubeVideoIdByUrl(url) {
-  var regex = /(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/|youtube\.com\/shorts\/)([a-zA-Z0-9_-]{11})/;
-  var match = url === null || url === void 0 ? void 0 : url.match(regex);
-  return match ? match[1] : null;
+  }));
 };
-var linkPagePolicy = "https://sites.google.com/view/sodofin-landing-page-policy";
 
 function getMinMax(array, field) {
   if (!(array !== null && array !== void 0 && array.length) || !array[0].hasOwnProperty(field)) {
@@ -7994,7 +8057,9 @@ var TreatmentsCategory7 = function TreatmentsCategory7(props) {
     _props$data = props.data,
     data = _props$data === void 0 ? {} : _props$data,
     _props$SectionTitle = props.SectionTitle,
-    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
+    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? null : _props$Link;
   var _shopConfigStyle$colo = shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.color,
     _shopConfigStyle$colo2 = _shopConfigStyle$colo.secondary,
     secondary = _shopConfigStyle$colo2 === void 0 ? "#000" : _shopConfigStyle$colo2;
@@ -8052,6 +8117,7 @@ var TreatmentsCategory7 = function TreatmentsCategory7(props) {
   }, products === null || products === void 0 ? void 0 : products.map(function (product, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       key: index,
+      Link: Link,
       href: getLinkServiceDetail(product === null || product === void 0 ? void 0 : product.productInfo)
     }, /*#__PURE__*/React__default.createElement(ProductItem1, {
       product: product === null || product === void 0 ? void 0 : product.productInfo
@@ -8067,7 +8133,7 @@ var NotFoundProduct = function NotFoundProduct(props) {
   var _props$text = props.text,
     text = _props$text === void 0 ? "sản phẩm" : _props$text;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "h-60 flex flex-col justify-center items-center text-xl text-gray3"
+    className: "h-60 flex flex-col justify-center items-center text-xl text-gray4"
   }, /*#__PURE__*/React__default.createElement(fa.FaBoxOpen, {
     size: 80
   }), /*#__PURE__*/React__default.createElement("div", null, "Kh\xF4ng c\xF3 ", text));
@@ -8945,9 +9011,6 @@ var BookingForm = function BookingForm(props) {
     className = _props$className === void 0 ? "" : _props$className,
     _props$isModalBooking = props.isModalBooking,
     isModalBooking = _props$isModalBooking === void 0 ? false : _props$isModalBooking;
-  var _shopConfigStyle$colo = shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.color,
-    _shopConfigStyle$colo5 = _shopConfigStyle$colo.background,
-    background = _shopConfigStyle$colo5 === void 0 ? "#fff" : _shopConfigStyle$colo5;
   var _useState = React.useState(false);
   var _useState2 = React.useState({
       types: "1,10"
@@ -9129,10 +9192,7 @@ var BookingForm = function BookingForm(props) {
     });
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !isHiddenForm ? /*#__PURE__*/React__default.createElement("div", {
-    className: "grid gap-4 rounded-2xl p-6 border  " + className,
-    style: {
-      backgroundColor: background
-    }
+    className: "grid gap-4  rounded-2xl p-6 border bg-white  " + className
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 md:grid-cols-2 gap-4"
   }, /*#__PURE__*/React__default.createElement(Input, {
@@ -9349,7 +9409,7 @@ var TreatmentsList7 = function TreatmentsList7(props) {
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "font-medium text-2xl"
     }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement("div", {
-      className: "mt-4 text-textBody",
+      className: "mt-4 text-textBody h-max",
       dangerouslySetInnerHTML: {
         __html: product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.description
       }
@@ -9398,7 +9458,7 @@ var TreatmentsList7 = function TreatmentsList7(props) {
   }), isOpenModal ? /*#__PURE__*/React__default.createElement(ModalNotification, {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh] !bg-bgSecondary",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh] !bg-bgSecondary",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -9525,9 +9585,9 @@ var ServiceDetail1 = function ServiceDetail1(props) {
     setDataBooking([]);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_CLASS + " mt-6 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
+    className: SECTION_CLASS + " mt-0 md:mt-0 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
+    className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-4 col-span-2"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -9594,7 +9654,7 @@ var ServiceDetail1 = function ServiceDetail1(props) {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
     isModalBooking: isBooking,
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh]",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh]",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -9660,13 +9720,13 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
     setDataBooking([]);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_CLASS + " mt-6 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
+    className: SECTION_CLASS + " mt-0 md:mt-0 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
+    className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-4 col-span-2"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "rounded-2xl p-2 border"
+    className: "rounded-2xl p-2 bg-background border"
   }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
     src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
     className: "w-full aspect-square object-contain rounded-2xl"
@@ -9729,7 +9789,7 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
     isModalBooking: isBooking,
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh]",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh]",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -9756,7 +9816,33 @@ var ProductItem2 = function ProductItem2(props) {
     className: "text-lg mt-4"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "text-lg mt-2"
-  }, product === null || product === void 0 ? void 0 : product.productName)));
+  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", {
+    className: "absolute w-full h-full rounded-2xl top-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-[rgba(0,0,0,0.5)] flex flex-col items-center justify-center gap-4"
+  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
+    href: getLinkProductDetail(product)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    label: /*#__PURE__*/React__default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, "Xem chi ti\u1EBFt ", /*#__PURE__*/React__default.createElement(fa.FaArrowRight, null))
+  })), /*#__PURE__*/React__default.createElement(LinkToPage, {
+    href: getLinkProductDetail(product)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    label: /*#__PURE__*/React__default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, "Th\xEAm v\xE0o gi\u1ECF ", /*#__PURE__*/React__default.createElement(lu.LuShoppingCart, {
+      size: 20
+    })),
+    type: "outline",
+    className: "!border-white !text-white hover:!border-gray5"
+  })), /*#__PURE__*/React__default.createElement(LinkToPage, {
+    href: getLinkProductDetail(product)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    label: /*#__PURE__*/React__default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, "Mua ngay", /*#__PURE__*/React__default.createElement(fa.FaArrowRight, null)),
+    type: "outline",
+    className: "!border-white !text-white hover:!border-primary"
+  })))));
 };
 
 var ProductItem3 = function ProductItem3(props) {
@@ -9776,7 +9862,7 @@ var ProductItem3 = function ProductItem3(props) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "p-4 flex flex-col gap-2 md:gap-4 items-start"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "line-clamp-1 text-lg"
+    className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -9800,7 +9886,7 @@ var ProductItem4 = function ProductItem4(props) {
     product: product,
     className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-start line-clamp-1 text-lg"
+    className: "text-start line-clamp-1  w-full overflow-hidden text-ellipsis text-lg"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start mt-2"
@@ -9834,7 +9920,7 @@ var ProductItem5 = function ProductItem5(props) {
     product: product,
     className: "w-full w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-start line-clamp-1 mb-2"
+    className: "text-start line-clamp-1  w-full overflow-hidden text-ellipsis mb-2"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -9866,7 +9952,7 @@ var ProductItem6 = function ProductItem6(props) {
     product: product,
     className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "text start line-clamp-1"
+    className: "text start line-clamp-1  w-full overflow-hidden text-ellipsis"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -9898,7 +9984,7 @@ var ProductItem7 = function ProductItem7(props) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "p-4 flex flex-col gap-4 items-start"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "line-clamp-1"
+    className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -10002,13 +10088,18 @@ var Products2 = function Products2(props) {
     background = _shopConfigStyle$colo5 === void 0 ? "#fff" : _shopConfigStyle$colo5,
     _shopConfigStyle$colo6 = _shopConfigStyle$colo.textButton,
     textButton = _shopConfigStyle$colo6 === void 0 ? "#fff" : _shopConfigStyle$colo6;
+  var _useState = React.useState(false),
+    canGoPrev = _useState[0],
+    setCanGoPrev = _useState[1];
+  var _useState2 = React.useState(false),
+    canGoNext = _useState2[0],
+    setCanGoNext = _useState2[1];
   var _ProductController = ProductController(props),
     _ProductController$pr = _ProductController.products,
     products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
     _ProductController$lo = _ProductController.loading,
     loading = _ProductController$lo === void 0 ? true : _ProductController$lo;
   var sliderRef = React.useRef(null);
-  console.log("Products2 products");
   var settings = {
     infinite: false,
     slidesToShow: 4,
@@ -10041,6 +10132,20 @@ var Products2 = function Products2(props) {
       }
     }]
   };
+  React.useEffect(function () {
+    if (sliderRef.current) {
+      var _sliderRef$current, _sliderRef$current$in, _sliderRef$current$in2;
+      setCanGoPrev(false);
+      setCanGoNext((products === null || products === void 0 ? void 0 : products.length) > ((_sliderRef$current = sliderRef.current) === null || _sliderRef$current === void 0 ? void 0 : (_sliderRef$current$in = _sliderRef$current.innerSlider) === null || _sliderRef$current$in === void 0 ? void 0 : (_sliderRef$current$in2 = _sliderRef$current$in.props) === null || _sliderRef$current$in2 === void 0 ? void 0 : _sliderRef$current$in2.slidesToShow));
+    }
+  }, [products]);
+  var handleBeforeChange = function handleBeforeChange(oldIndex, newIndex) {
+    var _sliderRef$current2, _sliderRef$current2$i, _sliderRef$current2$i2;
+    var totalSlides = (products === null || products === void 0 ? void 0 : products.length) || 0;
+    var lastSlideIndex = totalSlides - ((_sliderRef$current2 = sliderRef.current) === null || _sliderRef$current2 === void 0 ? void 0 : (_sliderRef$current2$i = _sliderRef$current2.innerSlider) === null || _sliderRef$current2$i === void 0 ? void 0 : (_sliderRef$current2$i2 = _sliderRef$current2$i.props) === null || _sliderRef$current2$i2 === void 0 ? void 0 : _sliderRef$current2$i2.slidesToShow);
+    setCanGoPrev(newIndex > 0);
+    setCanGoNext(newIndex < lastSlideIndex);
+  };
   var goToNext = function goToNext() {
     if (sliderRef.current) {
       sliderRef.current.slickNext();
@@ -10073,7 +10178,9 @@ var Products2 = function Products2(props) {
     className: "mx-auto"
   }, /*#__PURE__*/React__default.createElement(Loading, null))) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement(Slider, _extends({
     ref: sliderRef
-  }, settings), products === null || products === void 0 ? void 0 : products.map(function (product, index) {
+  }, settings, {
+    beforeChange: handleBeforeChange
+  }), products === null || products === void 0 ? void 0 : products.map(function (product, index) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "px-2 lg:px-3",
       key: "dfg-" + index
@@ -10086,12 +10193,12 @@ var Products2 = function Products2(props) {
     className: "absolute left-0 top-1/2 w-full flex justify-between px-2 md:px-4 lg:px-6"
   }, /*#__PURE__*/React__default.createElement("button", {
     onClick: goToPrev,
-    className: "bg-primary p-2 rounded-full"
+    className: (canGoPrev ? "bg-primary" : "bg-gray5 cursor-not-allowed") + " p-2 rounded-full"
   }, /*#__PURE__*/React__default.createElement(fa.FaArrowLeft, {
     className: "text-white text-lg md:text-2xl"
   }), " "), /*#__PURE__*/React__default.createElement("button", {
     onClick: goToNext,
-    className: "bg-primary p-2 rounded-full"
+    className: (canGoNext ? "bg-primary" : "bg-gray5 cursor-not-allowed") + " p-2 rounded-full"
   }, /*#__PURE__*/React__default.createElement(fa.FaArrowRight, {
     className: "text-white text-lg md:text-2xl"
   }), " "))));
@@ -10162,14 +10269,12 @@ var Products3 = function Products3(props) {
     productParams = _useState[0],
     setProductParams = _useState[1];
   var _useState2 = React.useState(false),
-    isAutoGetList = _useState2[0],
     setIsAutoGetList = _useState2[1];
   var _useState3 = React.useState(),
     categorySelected = _useState3[0],
     setCategorySelected = _useState3[1];
   var _ProductController = ProductController(_extends({}, props, {
-      params: productParams,
-      isAutoGetList: isAutoGetList
+      params: productParams
     })),
     _ProductController$pr = _ProductController.products,
     products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
@@ -10212,7 +10317,9 @@ var Products3 = function Products3(props) {
     className: "hidden md:block"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "text-xl"
-  }, "Danh m\u1EE5c s\u1EA3n ph\u1EA9m"), categories === null || categories === void 0 ? void 0 : categories.map(function (category, index) {
+  }, "Danh m\u1EE5c s\u1EA3n ph\u1EA9m"), /*#__PURE__*/React__default.createElement("div", {
+    className: "overflow-y-auto max-h-96"
+  }, categories === null || categories === void 0 ? void 0 : categories.map(function (category, index) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-2 py-4 border-b border-stroke cursor-pointer hover:text-primary " + ((categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId) === (category === null || category === void 0 ? void 0 : category.categoryId) ? "text-primary" : "text-textSecondary"),
       key: index,
@@ -10222,7 +10329,7 @@ var Products3 = function Products3(props) {
     }, /*#__PURE__*/React__default.createElement(io.IoIosHeartEmpty, {
       size: 24
     }), /*#__PURE__*/React__default.createElement("div", null, category === null || category === void 0 ? void 0 : category.cateName));
-  })), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "md:hidden"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-3 text-center"
@@ -10230,7 +10337,7 @@ var Products3 = function Products3(props) {
     className: "flex w-full justify-center p-12"
   }, /*#__PURE__*/React__default.createElement(Loading, {
     size: 32
-  })) : /*#__PURE__*/React__default.createElement("div", {
+  })) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-12 mt-12"
   }, products === null || products === void 0 ? void 0 : products.map(function (product, index) {
     return /*#__PURE__*/React__default.createElement(ProductItem, {
@@ -10239,16 +10346,17 @@ var Products3 = function Products3(props) {
       shopConfigStyle: shopConfigStyle,
       product: product === null || product === void 0 ? void 0 : product.productInfo
     });
-  })), /*#__PURE__*/React__default.createElement(Pagination, _extends({
+  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), (page === null || page === void 0 ? void 0 : page.total_pages) > 1 ? /*#__PURE__*/React__default.createElement(Pagination, _extends({
     className: "mt-12"
   }, page, {
     onPageChange: onPageChange
-  }))))), /*#__PURE__*/React__default.createElement(Dash, {
+  })) : null))), /*#__PURE__*/React__default.createElement(Dash, {
     color: secondary
   }));
 };
 
 var Products9 = function Products9(props) {
+  var _Object$keys;
   var _props$Link = props.Link,
     Link = _props$Link === void 0 ? null : _props$Link,
     shopConfigStyle = props.shopConfigStyle,
@@ -10291,7 +10399,7 @@ var Products9 = function Products9(props) {
     onClick: handleChooseCategory
   }), loading ? /*#__PURE__*/React__default.createElement("div", {
     className: "m-auto mt-20 min-h-32"
-  }, /*#__PURE__*/React__default.createElement(Loading, null)) : groupedProducts ? Object.entries(groupedProducts).map(function (_ref, index) {
+  }, /*#__PURE__*/React__default.createElement(Loading, null)) : (Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(groupedProducts)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0 ? Object.entries(groupedProducts).map(function (_ref, index) {
     var _products$;
     var categoryName = _ref[0],
       products = _ref[1];
@@ -10299,9 +10407,9 @@ var Products9 = function Products9(props) {
       key: "wds-" + index,
       id: categoryName
     }, (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
-      className: "flex justify-between items-center"
+      className: "flex justify-between items-center mb-4"
     }, /*#__PURE__*/React__default.createElement("h2", {
-      className: "text-2xl md:text-4xl font-semibold mb-4"
+      className: "text-2xl md:text-4xl font-semibold"
     }, categoryName), /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: getLinkProductsByCategory(products === null || products === void 0 ? void 0 : (_products$ = products[0]) === null || _products$ === void 0 ? void 0 : _products$.productInfo),
@@ -10670,7 +10778,7 @@ var ProductSearch1 = function ProductSearch1(props) {
     setProductsFilter = _useState[1];
   var _useState2 = React.useState({
       productName: keywordValue,
-      size: 12
+      size: 20
     }),
     params = _useState2[0],
     setParams = _useState2[1];
@@ -10871,8 +10979,6 @@ var ProductsTop1 = function ProductsTop1(props) {
     _ProductController$pr = _ProductController.products,
     products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
     loading = _ProductController.loading;
-  console.log("ProductsTop1 products");
-  console.log(products);
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_DEFAULT_CLASS + " flex flex-col gap-8 "
   }, /*#__PURE__*/React__default.createElement(SectionTitle, {
@@ -11121,16 +11227,16 @@ var ProductDetail10 = function ProductDetail10(props) {
     setDisplayImage(item);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_CLASS + " mt-6 md:mt-6 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
+    className: SECTION_CLASS + " mt-0 md:mt-0 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 gap-6 bg-bgSecondary"
+    className: ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "" : "px-4 md:px-6") + " py-4 md:py-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-4 col-span-2 "
   }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
     src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
     className: "w-full border rounded-2xl p-2 bg-background aspect-square object-contain rounded-2xl "
   }) : /*#__PURE__*/React__default.createElement("div", {
-    className: "flex justify-center items-center w-full rounded-2xl aspect-square",
+    className: "flex justify-center items-center w-full border rounded-2xl aspect-square",
     style: {
       backgroundColor: "#FAFAFA"
     }
@@ -11350,9 +11456,9 @@ var ProductDetail11 = function ProductDetail11(props) {
     setDisplayImage(item);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_CLASS + " mt-6 md:mt-6 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
+    className: SECTION_CLASS + " mt-0 md:mt-0 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-2 bg-bgSecondary"
+    className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-2 bg-bgSecondary"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-5 gap-6"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -11460,9 +11566,9 @@ var ProductDetail11 = function ProductDetail11(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "lg:col-span-3 "
   }, /*#__PURE__*/React__default.createElement("h2", {
-    className: "mb-8 font-semibold text-3xl"
+    className: "mb-4 lg:mb-8 font-semibold text-3xl"
   }, "M\xF4 t\u1EA3 s\u1EA3n ph\u1EA9m"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
-    className: "h-max relative p-2 p-6 pb-0 rounded-2xl bg-bgSecondary"
+    className: "h-max relative p-4 md:p-6 rounded-2xl bg-bgSecondary"
   }, /*#__PURE__*/React__default.createElement("div", {
     ref: descriptionRef,
     className: "" + (isSeeMore && !hiddenButton ? "h-full mb-4" : "max-h-[700px] overflow-hidden"),
@@ -11488,13 +11594,13 @@ var ProductDetail11 = function ProductDetail11(props) {
   }, "Kh\xF4ng c\xF3 th\xF4ng tin s\u1EA3n ph\u1EA9m")), (product === null || product === void 0 ? void 0 : (_product$attributes = product.attributes) === null || _product$attributes === void 0 ? void 0 : _product$attributes.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "lg:col-span-2"
   }, /*#__PURE__*/React__default.createElement("h2", {
-    className: "text-3xl mb-8 font-semibold"
+    className: "text-3xl my-4 lg:mt-0 lg:mb-8 font-semibold"
   }, "Th\xF4ng tin s\u1EA3n ph\u1EA9m"), /*#__PURE__*/React__default.createElement("div", {
-    className: "bg-bgSecondary rounded-2xl py-2 px-2 md:px-6"
+    className: "bg-bgSecondary rounded-2xl py-2 px-2"
   }, product === null || product === void 0 ? void 0 : (_product$attributes2 = product.attributes) === null || _product$attributes2 === void 0 ? void 0 : _product$attributes2.map(function (item, index) {
     var _item$value;
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "p-4 flex gap-4 rounded-lg even:bg-background",
+      className: "p-2 md:p-4 flex gap-4 rounded-lg even:bg-background",
       key: "ptyh-" + index
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "min-w-32 max-w-32 text-wrap"
@@ -11678,7 +11784,7 @@ var Banner3 = function Banner3(props) {
       key: "djsd-" + index
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "bg-cover bg-no-repeat h-full rounded-xl"
+      className: "bg-cover bg-no-repeat w-full h-full rounded-xl"
     }));
   }));
 };
@@ -11706,7 +11812,8 @@ var Banner7 = function Banner7(props) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: index
     }, /*#__PURE__*/React__default.createElement("img", {
-      src: it === null || it === void 0 ? void 0 : (_it$srcImages = it.srcImages) === null || _it$srcImages === void 0 ? void 0 : _it$srcImages[0]
+      src: it === null || it === void 0 ? void 0 : (_it$srcImages = it.srcImages) === null || _it$srcImages === void 0 ? void 0 : _it$srcImages[0],
+      className: "h-full w-full object-cover"
     }));
   }))), /*#__PURE__*/React__default.createElement(Dash, {
     color: secondary
@@ -11840,6 +11947,80 @@ var Address1 = function Address1(props) {
   }))));
 };
 
+var _path$3, _defs;
+function _extends$4() {
+  return _extends$4 = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$4.apply(null, arguments);
+}
+function SvgVietQr(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+    fill: "url(#viet-qr_svg__pattern0_535_4728)",
+    d: "M0 0h24v24H0z"
+  })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+    id: "viet-qr_svg__pattern0_535_4728",
+    patternContentUnits: "objectBoundingBox",
+    width: 1,
+    height: 1
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#viet-qr_svg__image0_535_4728",
+    transform: "scale(.00195)"
+  })), /*#__PURE__*/React.createElement("image", {
+    id: "viet-qr_svg__image0_535_4728",
+    width: 512,
+    height: 512,
+    preserveAspectRatio: "none",
+    xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAn1BMVEVHcEzhIy7nITDmITDtIDLnITDlIi/tIDLqITDnITDtIDLuIDHtIDLqITHtIDLtIDLtIDLtIDLtIDLtIDLtIDLsIDHtIDLtIDLdIy7tIDLtIDLtIDKlLCKqKyOsKySzKibtIDLsIDFHcEyyKiavKyVHcExHcExHcExHcExHcExHcExHcExHcEztIDKhLCLfIy6rKySkLCLIJyq5KSfUJixYHWnCAAAALXRSTlMAAjMo8R4V/AUMfVr2Pm646cOKrJZOzORHod3T9N/BZthkAIqlAAAAAAAAAABzskUTAAAgAElEQVR42uxdaW/iMBDd3Jdz3wmFRPRrgLb8/9+2M6bQi5DQksQBv0qraqXVWp7nmTeHnX//ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4HgCCbqiSJNpxXNe145g/4Ti1ZcWZLUqKqvMN64CuKnQ3Lcuqz+4mbPNxNw1dmM7uAljeUBW62toMotxNkrLySPMdmleUievmkelYmShJiqLiygWBG/vTbupwjnA3JdhNB3fT95PK037sppxWZeK7eRA4dWzjdh52c4KDr6vU9rjaMHT9pEzT1JN/LlmTvbQocNVhHgXA4BhoMCl5mXSjcJJiOPMBbifuZlEU6ZndJLIH24knKsyRBfRQqfr4uykYhmLHTpC7YHjP82SZEKIBmp8M0DRCZAAsPa2AvI5lS4bBo8Envw9hNLPMIPQrupkEd5Oc28xGI59303cj07KVUY+TcIj6dmbB4Q+TSm7OYnvCHn6Of2z3Bax5jbylbuDh/QD6fkUR7QzCKETRVGuugexVPh4o2E0aCkY9+xF6KiAsOWN8NP9+v39FvOHP4Q/6y9PT0n9+RhKgH3h4AsBhsi3HxKgPuylfRwAIrwUqgsgEQSApxlhLFq0gTDz0U2d9Ph5/MD4Y/G23272cAL8uFgv8a6BB6T7XovLwBNBV1baCPEG/r7Xs5gUCHOIrSf3QrG1JHSXlE8H3g+svtFbPT4/+wfrU/ptPeIG/elsgA5bu82qVZUCCB5UDVPlhCoW7Sa40/TdpWPghZFngBYZV12B/kQq/Nme1/XL08eeL9Q8UQA4s3haLp+Xy+Xm9ykDECg9pfx0OP1jfTUDvE+0vDNAgM0iQA5Y4nBI4iD/LBOffupDtFswPpt90Y0d9wdPT8wr0y+MxQBAw+luBW5LmVvAqN4gV1RioxgL+ijp/v5BbfP+env5+9j+QAN0AOIEH9AIGKH/Yzat1/8WcAJJsmhIMkxaC9DNzPym880oVzf/u+vvaHwTBYgdJAQYC6cEqQwp4fwilhUduRwBNliEQYGHg1krg5P2rdt+/xcPf3/YfimCzATewBh/wIDkhLaLjaQor+Xbu/0MPlmFgUR9ww900VMz80V+12Z8e/90vCIBYgBKAjAAk7COkA7SOQr2/9zfl1+IG0iSk1cEbbqYA9q9hwUUrY7d7av7f2R8YABRYYj7wCGEAkj+bHiaZ3N78WCqW08SN6tuVhdD7g/39wtNa/f/+dfdb459IsHxGLXjnYUA47abcDAZN9vzgdv0WVUL15xZthMXw//qH43+KA0taFNDv/fiLNWjpsxX0GzqBws9NVAI30quRC2q11WFtX38d/b/GAXAC60y/bwegiFaQpINE/29xwA1i8e+1YZR/deAWpJWwoP/e3l7+bv+DFIAwcL9lIZB/km0FrkcGtf57l6AKA2wP/HEzsfSb+5XXSlgI/zc5/0ctCGFAvNcmsa5KdDdlbXgCNI1XurQ0/Lc1S7GZl+RClwr0/+425/+YEa5X91oQ0KXMCSsyivlxDoeWBJS/FX/B/q3J/3v+v7ud+Q9CYJ2J9xgFQP7DbvpyMx7SMjTjP1RXVAj/YZleWDKW/25pfxoGlhAF7rAwrEoZniYyIgFkDxhgib90qIIgofy/9B/c2P9/SMHs7mYEhH/g//OiGRmENgh/VRXWFWxWVt4F81MBeGv7IwOwOaTeo//3xiYAFoYhCii/YACd+you1Suo/TebAQiAUUC5N//vQDQloxOAeBVGAf1q968rMcT/i3oV9N9uCAJQCqzvSAbAbqL/L5tJIJcQBVT9Ogpg+8cMLw4r0AbAMPZ/rwhJxp0QANs/WP6dhgAEooBz7cCoju2/8lLFaosNwM3LZiDQqvC9lAOw/p8XHpmGABqRk9yJr5EBgm5AAtihWAYSAEfgsKB0D6kA+H9VjAO/mRCpHzn2FSGVTiv6l6cV95ABDkkAOiUk3sGECJwmEdLpSpuQAHLhR9YVAwLgskz/csdiu30d1P6bxYbKAP0uBECQFPKUHkCTZd/MesoATADsuqNksaUloM2goBMi808FDMl28jH6f5dR5mas9JoTRAHgdJUssAQwsP1BBgADlNnLABV3U9amJgCmAv0ya91QrbzqkKw4A7AZHIvlSlLnngsqNV6jbKYGkdMoNvpUAwxJdFzv8sAynQEdngCbp/VKVOYuAEz/2ju/AyWDrmP3Ka2gAEg6etYjKID3ILBeSXMWAToKgEHG/6+fDtCSyMnUzt3sbgEeUoAx7H/IBWetAMXOesp4KJK8lroFQGy6pdeVAoxFACwJz/c5IV1X48AtZUYIIFe+aXeoakORuouWNAfcbMZhwHIlzrYnoKtSHVYMKMCjDqxyS1T0rqmVzqLlKDngETgepM7UA1AFKLNif/QBrhlLFzssSubkSScBXsdyAEcdONMisJLVeUU0dghAktyML9YDJSt3O7uWw8wBXdCB4kxDgOhEfqoxRAAtTfILY8LYtjDdwuuOALvxPMCGTgjq86sHwm5mgV/JDUPQiOeb7S8x4BRg1EOzDDEJenFCcJXN8DUxQ1UgAKSEJQI0hJRBLLVoKsEABRh2ty22+xHP/3s90J7fiKghgTslLAUAWg5Kc8du67GqeG25m7GgAUcmwPN6Nb9EAO/Ulg1z8PygFlvyajU2O8ZAj2XAkQnwtJxhItCjojrViGjWQgDF6nFxhZYBxyUA6MD1/DoCtukXMnsEIF6VW2pLCuC47a+AfO4Ev4xMABwOkpQ5JQK6ocRR4RH2CICJgHNu2FIwVDtIustW2/2YZaDTYADowDklAoeeOmGRABpJzHND4nh3PeoxuY6jAKN7AHw7ZDWnRACvVfkNm9AgBtjKmc515oQ9Gpf0PaDN6AxAHTiXriBeBMJrlYwSoCnwtuBPp4U5oMyoB0AXsLbnUg06VFRLj1UCeH7k/KyuGzgHIPfyABMQAHVg9qs7rpMoQDWLCqKxSgDIBM3sn/BdA1pRUhBWPcChKyjOIxHAhyBDj10CkLSK4h/vMKl12Gt2cRoN8D4dNo/JEHxYxZcbZqERObS+vcMk6Irjkz6kncoDHKfD2FcA/5QYFCBpWIbrfBsNM1TRTHo1LqbSAO86UJ2BApTwKQiNaQL45tfPNQmqFAdlPwJM5AHeu4LM3xKgBbVSZtsBNElgf3lAUFBEq+cDRlNpgLlMh+FbsHnaMI4k+lYLkmIn7EmA6TzAYrlc2cynAGIduB7rBKhCJ/5MAEG0TDft6wEmIwBOh7GuAo048BlXgFgMdANL+kIAJ+p5gWVCD0BvCbB9W1Q3FJZuArQi9fP6czFQsM2wZ+lyQg1weDKAaR2INwFchmtAp2pw6ZpfCJAFfacXpvQA7OtARYqjqmEfcpqYn+WUDsvuOb86oQY43hJgtyso4JfV0hkQgHhp9EVPQ+bSM3Wd1gPga/IZu/VACKUMdwG/VoOj7HP1ygr7fsJqWgIAnlesfmVU0HU8SFozC+TxxxdmdcPqPcE+6s3Q1tuijCpA0XHluRAgtD48qWHUbtNz3fiJoN2UBEAdyOYtAdW2ooS1qyDtBKg/Ps6kKk7vAbYRHwdorweKDN4VFHQpNsOimQtc5+OrcpJk+r15O8G9gDnoQBAAthMm3iwJINpm/xHWqQmA14VX7H1lWNcNRm8CtBHA/Hh6RbSDpP+/3E5MgM3ieZ2JrA2I4uM6oUy0GRHAPj0WYl9JgLfN1C4AggCLNwFmowDpTMjHh0WRAFesfD9tHni4JcDahLDC8k2AswQIrC8EuMID7Ed8IaZ9Ooyl74zTi5Vhks6JAElUn15dELOr7jHtJ+wHfuhAkaHborqhZMHFDyyySADn1Fi9zgM0U1wP/VENWrF0S8BQpTqflfnp+/HZkQBZHF1DgO30DMBPCjGUCBhiHLhkvgSw6qseM8Fi4MQykI6GMDMaJNC3VWZHAOdEgNoJrxKwoz0WfYEAm+WKlaagICg18zcBznmA+NhTudIDHN4KnTwVxG9KsXETQKHPwWjzDQHxte9Zbf9TdyXbbeswNKRGap5HO5aOs3Xd1+b/v+0JUpo4rRPbpAZA+yxiQeQFcAcUOBBJlgAoAbLOI3YDqIDA0xQatz0KOPps+wqALWAQRqfTiS4G8PPkwQLYnBYybQUPNoJOQPhOXegEC+ADA/jVwwVw2v4I+LF7OZgItoKmW7elR7EA3k8AXj20C/izE9y8Ap6Pj2YiL/D9Cw0ytsi9/1NRX0wCK6d49O/PqwTH3Z4Hbi0TMfgAoDzPIlcAceZ+7AL8RKIAEDQCQwXwbUHApASw6L3/U5xcroMfPwHGCvixOQ58qcSGOHBKWS3otQCnkwVhwheUsIcxAIwDtx8I718OxoYDQUhZzYqGIAKYGEF/TgCNOzK2lluTA0cceODGdjsB2AKGOkEA8FYA4l3SGMgUAIKB8A9IGN8OB5o8T2KPaAH02vunI8xeqgBef6HYCm4mF2bGmLBA8v1PwpD3u8wNLbkK2H4atD/ybUAAY4wHdVySfP0nK80v4DNzUxlN23lzgvCPKUtgk3kgxOxiiwW7+/VbVp1fyOxZXstoGsaB8NYrAQgV07ZoBYXB+zTSPZIF4OmgDv4o5jwrpMbZCKZBgAM3CRUztdyJaZ7/J8+LPhlEMNmIQww4cL9RmATE7LZUC6BsEv/SKdR35HSN51cE9ECQiWxQAFpPFwHqzWePoBHOSg00ceBAkAuviwKYEMADi4ieAFGRfsqMYNxNQrlqPv/CQAw4Vtq6jYAw+V0xu0ifMsz6T+OT+61irw2Et2eHrZ4lIHjlhDrV93/q/o4NMvx7zaL/LYDtiQGgFVyVJM5sc0CABdn3f2r/NosGu3hJbesZwSUw4sD17AOZbQ8IsGgssgVQQIb4J0hj8kS6pTlj2Aoe+XomwmMsWEH3AngLjPib2RZL7jU3t416Gwj7q1kGjCGbjUd0C3SyPC8MjM/fCxNGEMp6HAI9EIFK4MBXQ4DgB1ZSff8QH3xpEvjnn1IgN2OQiQA56ImtNAO4M2QT6xgwaur833/qzuBIpAPhHSyFjFVgAPDAKIRCfPnoXZz4VxrbPgtlqxoBMQBawWoVlcCoBBiuS7I9QBTXwb9k6rfwaMn/CoVMZJ0wCSa0amiZ6baApzJ1XO2qxrVuZMsay1ZwBbkwgy+lORF+voiPH/PupFubVwyt4PNxhVAxW3pxhmYMmFwN4IThRiztdo9AJjKSg8TCJsLMhliwhm4LYHl6HPArHDpm20ZfF9JGJximQSvgQFACpE1EtwXwyuEGMK5+JgxCj+Wtjl5x4MCFVQKm5juxR7cDGHrAMMm/OCbNcb4hjwMxyIUHHLholoDh92R5YFMBhFnPxVcTTj+QN7zGIBeGUDF/UbUoTEtKygVQpoH/FXkGdhx1KS10OmPYCu5fKmNJHOg7BWEEODxNVhlffSGQfK7Ac8PgHzmxw5YaCNum4daUEaClR7HDv+RPDo3AcMLF8kOO1839IyccaC6GAHOHqhh4KoCyqHvjO5BkVI4CxnlFIBfeg2XAgkqAgvL577Vpkn8buTbpnS26OHA3hcsugAMZs7UBARIeAluWHiYuFzfnHB5lHPi2FVygAOxRCUAYAVpeWV+YAlyHObaZZ6U82w2BbQzYBy4RJgFi4CwiDABOXtQm/g3qrHL63dbJwm/TIH/+RgCmJGFEeAZ4ito04PaNAmCj75l8+hEGuTDYSM9fAKYfZKSHwFY3IADjNncecKC88yEK25hJJTAzAhhjwQi/fsuLL2KiviO8GDxIG1kYgIEjvgAOHGPBwi4iXACengb+PY5qthB5VjQqOBDBQPhQzWodBUPSpCPMAxwQYJnld7IlmBIO3D5WcMKBc3rIDheA39ekaUBRFzr3Cicm/1vKOBCmQdWcVwBxJQAsgQYEePehOGagnOSPAATssOESmLMAzDyLG49yAbSJe7+TEqQghZE0PRADDpzTQ3ZAgFqQdrS3gMMFYNxfAEJzawUciGUrONdSyIRYMMpDQC8CIuAjboqiclL5HBwsOHAmlQAzeZ6RVgLoXexUjx16o2mQRZwdVs3jGaHgoITkKWEL+NjmA3Bgo7IX3r4A9i+VOcs80K6SsCPdAnSZy43HBx+F9LWHwjxuwIHaDHJhJoSbljrtIbDz6C8BwLdPVWQiKGxj5vCQBSVAqBMuAK9s6/7R3QjohJQSsbFsBdUHwkbV1y3lLbDepUn1uIfaAH37RE0mgsE7jKuhAMgEACUA5QsgCpOeS/wKQICoS+lM5FckOFBtLwwEGSdsCW8BLKupe1+GIWULI0/kx18YcCAMhDVDrQBEXpekt8AeqMFlvoJpBd6qsMMwyIUPXKURGMkRHmUlQNSEgSZ1CgINmjw7DEyEVQbCpu9msUWZBgA8MEkXXfZkcjeRz8Q4IyCIqmYJaG4SNpT9gCYeGFM5ACNZHHjGYR94lJ4HjsGwtBGgF6VBpUkPxAEHZl0pbR6HBAf6kjhw/PfbiPAQ2NObLDfkM9UYe+JO3Mr/Ar9+/7f5JfByPEjKhW0DZFKkt4BR4agZ6LLpEiSMA4cjQDZMYoRApAugiTNXkRQBW0F5QSwCHDiaCMtpRY08SVvCAPBkFSoI8AMHqsiFMXhG7A/G475BoJEK0jYivQVMA2Ve3GiKoTAPxMAO24NaVAIB+klMeQ3sRc1wAaguxIdWqEpCeRx4RrIVfFglYBu8B0oM3QsgamPHn4MTpbYOwxAqBuywxy4BxgTPnTA6ER4CjdFwc3DiDL/POnkY8GvzYQBsBQ+PTYOYbeZOWtBWAtT9PLzoAQc6sSe/FXxFYSJsCPEYAugHBEi6AMZgqDlIsWAirGCPi4Idtn/MRJiJUQlAGQHqZeqa5iwa+fE4pI4DX46HB0LFGFx7LWU3CNCC5rNZpwveJ6GKXBjDVvCRLAGbu05YkraDAR4Ym0seaRt+AGkikqlyAw5EwA47VuadnQC0vo6KUdL2IyCrq4MZcxSZaVRJoVNWCQAO1O67Eof3b7gqFhkYZoBxMnNyghHEpZJWEIFMxL9THitMLQgpB8OOqSDzuiQxEyySVGxjMITL3tcWM9gCFpQRoNfEWW7Om5sgfJXV6FAAvzGYCN+3G4dg2IY0AoyzwBdsXpcsg/epvE0ihlCx3f7Fv/1VMKZolYkAAXwXCqGwFQR6lLR5HBIcyG8aJY48sIKwGNjSoyLJNXPuAhhT5RqVYcD2xADYCt7CgRMRlrIYOOrSQFsgRZlpbq0WJoGCHXaLIDMa5lNeAQACdJeIzGBglqvEDkNADLgdJgEIsCNdACMCXKAAxsMxVCgAHFKxW+MxTlsJALlwQaUtEZwGA7K8ls8SQBEqtjtWxjeXABOiStqStBKgy9zZEeD7r+M7cacSKobDM0J8d8j1CjWOAgGGjr9UcN6bWYI8DsSxFfxGJTDywCjzAE9NXLsas5eKzoTYrNaSZ4f9RsEO+2oWwMAWp25JE8GLOqjM5ZJT1aKTzwgShXa758MXcnlm20rGWCgQQOjkS+an28J05dOFUeDA3f74RXQmiIGTlvIW0POiBx1hZRxTklh2TnpGESo2hkmw61pQNyspIwC9iRPfXDI6mTFbCQei8A57fjleNc0SMAOKKCPAMq57Pu8W8Cpdsu4obwUnteg/OJBBLFhdUHaEtdrayY2nhR9Tq5xY9yjbSI9bQXGNBxZ3hEcAnh4nOTfZwgUgIDyh0SmrBAYc+I9alAnBFUIyUHQAUXorGHamElAMFfuJUSXAhpMtoZ0JULYQC8aWLwAbIjQViAHbXwJX2GEMECDpTIAorgPfttcoAM0PUvkCwDEP/DtUzAYESHoL2NXB0N6u8P6fbFPLYWBCOUsA1KIXA5MxNJ10LJinjzywpzUeJswBLzUR7VCxY3XBDgMlgAKyxfD+mzT4YsK5xDzQcOu4pI8DL3ccoAQgfACURZ2b9jrvf2KH1fLuCRgSxsdw2XeSuFYFNWkeWFTUjr/a+5+mpqG8UgyBWvQH4MD3ponTVgIMBZA6uWav9v5HlYBCljIG15ABB36ESVRZQ9sNpMkGBMhWLADb9J24UVCLbu4et9sBDhQTAuzlLbExDIH1MnZWQ4Af3IlawUMWgVgQtoIjecbkuYIHEgoEGNe9JlaEAH/YYYWlECuHQi0KkxMjD+qW8vnvtalTmU8rPyN/UoEc9IrAPe4ZyEE274eelvAS2IpCx+Vi9QIYbk55BvUZgVJoDJPQDOEnRUOYBmB55WJKgBvsMD9pFX45DEuhl0PFtaGfoZwKBWJgLgTboAB4oHJ2YjAPG3DgQekmQ/CURRpo9urvH+zUB/SUyqOnMwJuyH7//OJkpB1hrS5NcmODAhi9dPIkVgjVO2NgBjynYUM7GTxxffNpk0dApo6Ch+z23JDdbte0HeEhsAexYNwQ2xTAqBJQQdDb7wR+7n6/nilvAaMmqcQmF8CfLYoKj+a8+SXw3+9Xj7QfWDscAP+zd2XLbeswVBJFat936UX6gIztpP//bZeg4+S2iRPblG2RBDrTdvrUDI7Ag+UA1vNMTNJJjFI++xHY73kAULkIOFcPUAL8slGnlimjPjkX3L+9/lFZCvRShP1Du4Bfp8NgbYzMRoWnSoUO3P8KBwDP5QyQPIsBfgwGRFLTlIIGHJ4WAP6oDIC4m+vorlrQi3LBJKykFHXPmxDc719VJgCeC+tgrGeb74CiQqIa9DQiuFf7AXh5GbMyIk8HgA3HZWeJXOpZJeHDnvtfaQBMoAV9PgBAJVBI3ViHzvDjacD+9VVl/3txXNxlI+wN5UCyDG0nwQMhFXh0Mnh4e1Pa/0IJENFnM8AjAqRvLD5BLAQVIKXjv9tWYR/YtrUBBAROVGa5TEX14Qg4KP79v3gdZ4DOBr7/Y1fQiYZRaq6WE8FHZoOqJwCeF4/14tCNAACGg0rJO6sPjQHKJ4AvcdyWzgYY4IfBhkW5BVsPLAmKCrDSAIjzuXq8EuBHlQDngZI7VncPujMO/F9x/7/EU1Y+UAx8oUqgkOyrPegVUJ7/QwpQlEsSbMj/4pjEkEtuWHjEK6B8/i8IwAiHYTfEAMQS4Ub60sJud3e9EDz/ivM/UIK05Y93L56SCVhOKH9rZXfnqvB+rzr9B8vnLCXW5ow0ZSW9aG/35569wb0G3z8oATgDpNsDgLi4K/3T3bE7vH9708D9cBasjDbQBfxOJZBma8jsAQH7e4T/Nx3c73nuE5UAP5cDaVTPnTwCoCy8NhM48Ogvwr/yEHDzqW4o860tIiAJV7m5t1u/M7B/fVU/+z8ywCkLky3VAP+SiSxl1q2hswAisF4Q4J8/JP9a+P9lzOqIWBs1mkT1tIrUerceBMD7unz+3Np6SdhWARAwJ5WRC39NBw5rcX9d/P9SbJIBfg4HRcO80sa93bEmcJAO/lrkfqcuYDeAEsDeKAB8P2gkVQL/VoUkEoLDMfjrE/1PDDDwre2GADEdtt5PfHwI9jdnfho5H0zMgdnWhs0XR8VWVFyLlPCN88Fr4sDhsD99/Rp5Hw7DcgZIt+x/UIsmYbvm0iVoEZ5AcLiw4ncK/Xp9/57r8geABJuOAPw/R0EuvLbmWhDCS8LAQbhfq4f/IwDkXbWwDROAU1OoKbNp9b1bHAGCEXIUcBxwO/zP9gfxT28i7r9q6X4oAsMcWOBvHgBCJbD65s0dvAXwHAgcHKHwaa/C8eD5Y+TfaZT4f6YARbk4200B/8cDSTTkd1u8cwTBOwo+DP5pp+V3/8kAx2Hp6ea/f1gfSBtQCdwNASIW/BEwEL+JP48fvb4I8FweABrCbAUAADtks/G+y/d2H7/+/xeNzeu2pgT4CQI0qlVev7nJIjDMgTFLEWPJUrcIgFVTgKJekkAVAIBKoIrRa2umAFWaEGUAACoB1e9wbYoAxO4EZ8F8ZQDgB0maqX2Jb1MAEF1AFtiqAMCybVAJzOi6lQAAc2DUt9UBAPDAiPNAD5ngKjWgtk4TZillYodsjCxgHQZQbb4L+B0PjCqlb/FsCADdsE0lwC/1wD4sJhcRIJ8BzgUwQNUAYNtCJYD+k7axqBfH99V6AT5UAkgDZRmgNw1pTy31zA5IEhYuPgKyDDCDoxAKAoDzQCpzVAwNLHbzjWyEvYUG+E1ZqHyWdwsAGNsysWzbUtJ8Z6kLLAjLWAcM0FLVfJIsAyYCMqYqAzxNh5GmbLEcJMEAC1UZ4HtBmDlpNucIgBsJQD5WmzgKIcEDmdxRMeMZYN0Evm0pbCxJ68LFctBNL4BbDGniW0qbT/pU5qiY2UXgKm2I2v6H3WF9PWJf+Cab681thL2hIBw4YTVjMeCGB6DLUocFqgPADkhUZzO+AdczwKJeFC0Cf+WBbfyCELgyABzPgqnvfx4C+jDLkQde538vr8KGBJYG5jP+CHQu8sCr/B+PSikBfgSAHyTYFbzS3LwIHcVrQJ+poOgKjujVKyLAWAwL8fUAAM8EaJ8OE7r1ihSgHdKe2Xr4HxIBpw8L7ApezgDcLGycQBv/WwEjy4DTYVfUgPgDQH1t/A80oEceePkDkM9logsBOJmTDgUOB11mXVulRC/3WxZ0BTERuMymIW2oZv63xHQY+vYiK8JEjxrgXzyQit1hmAj8SgDcvOIMUDcAwGBAUyMPvKAG2E11EwS+pZ35CeeBqBT7zWAdjKOh+2E6rOE8ELeG/GIjdAF19D+oBPoSNwb8Zm3ZOExLAFi+T+5xS0CrGmDsZillvq4AoNGAKoEfU4BxqiMWaAoA/ggk4dBiIvADA2yrMAlsW1MAWIHThFmONPBsF7Crwojo+v3DI0CdqB6xL3yWAcx15FDb0hgBvhO22BY+5/+4DR0WWDqbTZeh7TACfMsAuwnWwdh6A4A1nAciAL4tAoMSgNl6A8BioBLAN+DbFHpn1e4AAAo+SURBVCDTRQnwCw9cBlQJfFcCGoEB+toDIGB92WJX8JsuYKvgRtgbp8OqCeXC/0aAfK5SqjsBeE8EmhCPSXwBwFSF+s2BneGBTlMW6PJ/csCijJzADAAElKR4S+AfCpgPi0MNAYA4KoY88G8GOJUNNYIBWmI+MEGVwN8lgClLdREDX2SE88ARu4IfNmdlRCxzzAYe2MaIgJMVdZQwgwAAalE4KoYAeLcsJaYwwFNbOIiGqcOCsMgA83FomCkM8JMHhlWLA6KCAYo5MN8oAHAEkCisMBEAGyvOAG3LMLPhqNiMPBDGgDgDpJZxAAhYEha4PtCL8yx0zGKA7wiw2JKNxg8GAAMEJYBtIAKCJqwm0wHgTlnYG+n/d5WA6YlAl5VqHoZdoxjAnGgYjWYBXjwPS0KNdL84LZqErclqUc/tYB0MM9P/UA0iaWWySgCUAAs1qwb4t4npMHN5YDxlZRPY5vrfDpyoLMwFQF5wBhhYBhvskK0MBkC1JMQ3GQBCJTDlRk6HeXE+lbochZDggQ7wQCMBkE+VBmfBZBFgE1NVAh7MgVGz3Q/GgAeatzzO89yiXpLAeADYYoesedNhnAFUi5FdwK88MIgG89rCIAZOAgwA79NhmXFq0XyGjbA+AuA4HVYaNx02ZnVE0P/vBeEkqlujeKDntXXaM3T9ez2Q8kcgN6grCBth4SgEBoATC2CRUUfFYrczTgnwCwT6spjNKQi7cxEmto0B4DMXdJYyMycR6LJ6Iej1/4cAmiyDOUfFptrcObBz9UACKgEjeCBngCbPgZ0DACOpIWpRUAIshGER+N+KcFNmRqgE3LEtGywBfS0GOFFpxC2BvKhTB/3/NQSQJB06A9Si45D2yAC/pQFJOWmvFfS8qUQGeAYAYoes3hGAM8AqRQZ4phxIOQuYNAeAmAPzsQj8LQJYstSFzizAOzJA/P7PJQKkTyudh4PgLFhquBLgxzeA0ajWuSsYx3PZU4YAON8XTsJi1LYpBGJg2AiLnj4LAJ8sdaZtUygei5ozQGwDn0eATZO0nrQFgJgDwwDwk4mjYnreEvBitzLhLJhkQZiSaJi1VIvG8ThEWAP69RHwOQ/UcjoMxMAOdgF/N4fzQB1VAl0x4BzYJQbTYTrywHZIDdwIe0s9kDph8aIbDfRehBIA3XsBABhdKt3qgbGbAwPEFPCSRCAIGu1UAuIsWIBFwAtTATgqlmv1CuRtljro2UsBQPtUsx2yM9SA0LOXAoDRpGy12hrSohLgOhpA00ofmYjn5lWKXeCr2oIsqgttdsi6Y1E2DOfArikIw3HZVpdEQMyBYRf4umKA04RVpwUL8Ly5SnuC7r+OBTAS1bMOKgHPi6eycZABXosAn2giF47jIiVYArqhKRQNhQbHJOKuHSKKALjeWM95oPpvgNsOaR8gA7yBB4rpMPXHAKAGiHMgt9QCKOeBql+WjN2pjgjFB+CmciBLymJUOgaIs2DG3wS4PQiQRfFjEl7eVgsuA7g9EWhStafD4rYKcSOsDA9MwkxpAGRhg2JgGRpAo8pVthrkxd2wOKgEkAFA0CvMA92uLXusAcnlgs4yFKrywK6tUjwKIYkA2oTDrOQtAegClg0qAWQLwg5/BFRcG+PFcVFG2AWUfgMCuigpFwYxMG6EXYEH+kFUT516PNAdpxKPQqwSAo4qAfXmwCpYB4MMcIWCcBMqKBcWSgB0/yoFYScq2//au5bkSnEg2JYA+UkgCf0AsYED+P7XGwlPRE97NR0GIRyZ9uptVVRlZf2eRQMyA3RiAAM8RxDuiFTTo/RA1mglSYsq4Fm5oFjCo45J9Do6gVnQ83zA06YEdLB8AAM8zwASD7RPSgQmZQTBXbjzxIA8JRD7hwSBPAmQGCBE4BMNIB+XHeNDeGDfTIoPLTTAU/VAuice+BADmNZjEgAB4NREILGAhxwVa1bLZ3z/Z/NA4rl6hgFoxQVBBnh2SSDxQPuMTHBygmAbxPk8sBtMqH+JMGt0yAwQBOB0F/Ai8gHdYSz3gVEwwCuQu8OqnxLIZ8F8BwnokkSAeDPW3R7IPhplxIAU4JpEoCXSVm4ATNudtAgAV9EAv9S9NKTvo0ER6EIDGLhaay4K6U2hD+w6A3h7o4Lbmo+KReUEBQO8kgcKE6plAYzldTDoA7vQB+RjEtVOCTDW4yjE9XqgsFOla2NY3y95EgAR4FInMJtQ6bhwP61mwAtdDVLtmMg0LhKTAJd7AJqPSdQ5CrJIDAMXEYRdqG9cODHA0XjawQNcLgh3RI71rY1hfaMkhoGLyEHdbiddnQE0evFIAMr4gJmrtbZEQAfFkQIUEgOI4Kq2RCDiLFixGPA5JlIXDWSrwVmwcnJgviqnKxKEWa+PlcB4m0Iu4EWl2irigUxHu2MhYDkL+NV6pyq6KnfchcP3XzIRIN6ophIawD60MjtGQYrSgK71SzUsgEWMgpQPA5SHOpbHsUbjKMQNSKmgqqIo1B99YFgJXBod2U2owgBGJweMgpTngXSQdtJ3pwJ9M+XDsEgBbtADW2/G7W4akG8CeAoGeIcJvB23BO7NBJherUQj+E1o592F/sZkMC8EXfiMNqC7aEBLpLpzViwTgJ2AANwIf6ySv8sEmriiCeBeEGHUds+cAGP9ZrlAE8C9agAd+HhPFEgEQHGCdYC3EwHhQixfF0rf/xTdjHWw9+sBKQrYWHpeML1/VG4neID7LSD3B42lK4OsbzAGUIse9KsVbiwaBdLzb8HtLZrAKqEBuU04lssF8vsn/o8ScD1RoBvMWq4ulA/CHB0AYIDVIHcHhDKLA/pmCtZ49IDX5QOIl27cSoyL6Dg66aH/1pYNltoky6Zx2ek76r/VoR12Y6/VhFj+/K3BIqg6c4E2hwE1XacIsA+2KSM9DgJWKgi8t4Nw+cboNU6AHRfhPYH6Uy06Ogi+qHiFLphyv21cjED5v2K8dx3NM0ObPt8H9NNmjZgpLsLXHgg6YVSY9ImBIPt+PQVlRBZ/EQCqlwSE5M6G8/YIpecPduGJ/eHzf0QcaOkwSxvP0oZZrzfL/UzbDvM/T1GFupmrMWwpEnxvo1zfN1MM48LR+/8oJ/B60XmX3NhEBr5jAH2TnL8zch9A/h7mA46EIAWCMH1DGmSZ+nOfXj89P7z/8wJB66WzORRE3fxFKGC54q+z61eJ+/nPxk88/wMDQUcHL3ZplhwKmv+dF6a0T09rFv134eH8H20D76+8U+zvqkTJUHLW76TvXq/k+t/R9/FsvOggpHGLterfcKCbFBG+/KUftY5rGJPft4szfP+s+eP1f4gw4P0RDRInWNcYdcoPm//+p5Aft6DSy0sphPfzQJD4/Tx1gM6COzuOYU0m8Afyt6+s4WL+PeyDb/+HWcDrlVyB3yXn3Bj3B4wx6VcpPKFo9v7RPqBtKckYvuL4lbYtrj79dCt4O05Qfv31N9kD6wMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACehX8A/TYbYHCn23cAAAAASUVORK5CYII="
+  }))));
+}
+
+var _path$4, _defs$1;
+function _extends$5() {
+  return _extends$5 = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$5.apply(null, arguments);
+}
+function SvgVnpay(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    fill: "url(#vnpay_svg__pattern0_535_4725)",
+    d: "M0 0h24v24H0z"
+  })), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+    id: "vnpay_svg__pattern0_535_4725",
+    patternContentUnits: "objectBoundingBox",
+    width: 1,
+    height: 1
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#vnpay_svg__image0_535_4725",
+    transform: "matrix(.0107 0 0 .0107 -.398 0)"
+  })), /*#__PURE__*/React.createElement("image", {
+    id: "vnpay_svg__image0_535_4725",
+    width: 170,
+    height: 146,
+    preserveAspectRatio: "none",
+    xlinkHref: "data:image/png;base64,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"
+  }))));
+}
+
 var Links1 = function Links1(props) {
   var data = props.data,
     _props$SectionTitle = props.SectionTitle,
@@ -11864,7 +12045,11 @@ var Links1 = function Links1(props) {
       className: "inline-block\t text-primary text-2xl mb-1 me-3"
     }), "  Chuy\u1EC3n kho\u1EA3n"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(bs.BsCurrencyDollar, {
       className: "inline-block\t text-primary text-2xl mb-1 me-3"
-    }), " Ti\u1EC1n m\u1EB7t"), /*#__PURE__*/React__default.createElement("label", null, "VNPay"), /*#__PURE__*/React__default.createElement("label", null, "VietQR"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(go.GoCreditCard, {
+    }), " Ti\u1EC1n m\u1EB7t"), /*#__PURE__*/React__default.createElement("label", {
+      className: "flex items-center gap-[18px]"
+    }, /*#__PURE__*/React__default.createElement(SvgVietQr, null), "VietQR"), /*#__PURE__*/React__default.createElement("label", {
+      className: "flex items-center gap-[18px]"
+    }, /*#__PURE__*/React__default.createElement(SvgVnpay, null), "VNPay"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(go.GoCreditCard, {
       className: "inline-block\t text-primary text-2xl mb-1 me-3"
     }), " Th\u1EBB ATM"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(si.SiVisa, {
       className: "inline-block\t text-primary text-2xl mb-1 me-3"
@@ -11932,12 +12117,13 @@ var Footer1 = function Footer1(props) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "C\u01A1 s\u1EDF ", index + 1), /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-2 items-center"
     }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, {
-      size: 24,
-      className: "inline-block",
+      className: "inline-block min-w-6 min-h-6 h-6 w-6",
       style: {
         color: primary
       }
-    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "text-wrap"
+    }, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-2 items-center"
     }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePhone, {
       size: 24,
@@ -12076,18 +12262,19 @@ var Footer7 = function Footer7(props) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: "dlkhg-" + index
     }, /*#__PURE__*/React__default.createElement("div", null, "C\u01A1 s\u1EDF ", index + 1), /*#__PURE__*/React__default.createElement("div", {
-      className: "flex gap-2"
+      className: "flex gap-2 items-center"
     }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, {
-      size: 24,
-      className: "inline-block mt-1",
+      className: "inline-block min-w-6 min-h-6 h-6 w-6",
       style: {
         color: primary
       }
-    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
-      className: "flex gap-2"
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "text-wrap"
+    }, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex gap-2 items-center"
     }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePhone, {
       size: 24,
-      className: "inline-block mt-1",
+      className: "inline-block",
       style: {
         color: primary
       }
@@ -12259,7 +12446,7 @@ var CustomerRating5 = function CustomerRating5(props) {
     }
   }, sectionData === null || sectionData === void 0 ? void 0 : sectionData.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "p-6 !flex !flex-col md:!flex-row gap-4 xl:gap-6",
+      className: "p-6 !flex !flex-col sm:!flex-row gap-4 xl:gap-6",
       key: "lpky-" + index
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.avatar,
@@ -12291,10 +12478,20 @@ var CustomerRating6 = function CustomerRating6(props) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: index,
       className: "relative bg-primary rounded-lg text-textButton px-6 py-4"
-    }, /*#__PURE__*/React__default.createElement(md.MdOutlineFormatQuote, {
-      size: 43,
-      className: "absolute text-black top-[-20px] right-8"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "absolute top-[-18px] right-8"
+    }, /*#__PURE__*/React__default.createElement("svg", {
+      width: "42",
+      height: "31",
+      viewBox: "0 0 42 31",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M18.8944 18.4472L19 18.2361V18V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V18V19H2H8.38197L4.49585 26.7722C3.83095 28.102 4.79794 29.6667 6.2847 29.6667H12.0486C12.8062 29.6667 13.4987 29.2387 13.8375 28.5611L18.8944 18.4472ZM40.2278 18.4472L40.3333 18.2361V18V5C40.3333 2.79086 38.5425 1 36.3333 1H26.3333C24.1242 1 22.3333 2.79086 22.3333 5V18V19H23.3333H29.7153L25.8292 26.7722C25.1643 28.102 26.1313 29.6667 27.618 29.6667H33.382C34.1395 29.6667 34.832 29.2387 35.1708 28.5611L40.2278 18.4472Z",
+      fill: "white",
+      stroke: "#36306A",
+      "stroke-width": "2"
+    }))), /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-end gap-2"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.avatar,
@@ -12302,7 +12499,7 @@ var CustomerRating6 = function CustomerRating6(props) {
     }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
       className: "text-xl md:text-2xl mt-2"
     }, item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React__default.createElement("div", {
-      className: "text-gray3"
+      className: "text-gray5"
     }, item === null || item === void 0 ? void 0 : item.description))), /*#__PURE__*/React__default.createElement("hr", {
       className: "mt-4"
     }), /*#__PURE__*/React__default.createElement("div", {
@@ -12335,7 +12532,7 @@ var CustomerRating10 = function CustomerRating10(props) {
       className: "flex"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.avatar,
-      className: "w-[136px] h-[136px] rounded-2xl"
+      className: "w-[136px] object-cover h-[136px] rounded-2xl"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "ml-4"
     }, /*#__PURE__*/React__default.createElement(RatingStar, {
@@ -12380,7 +12577,7 @@ var Employees1 = function Employees1(props) {
       className: "text-white mt-1"
     }, item === null || item === void 0 ? void 0 : item.role)), /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.avatar,
-      className: "w-full h-full"
+      className: "w-full h-full object-cover"
     }));
   }))), /*#__PURE__*/React__default.createElement(Dash, {
     color: secondary
@@ -12438,14 +12635,16 @@ var PageTitle1 = function PageTitle1(props) {
 
 var About1 = function About1(props) {
   var shopConfig = props.shopConfig,
-    data = props.data;
+    shopConfigStyle = props.shopConfigStyle,
+    data = props.data,
+    _props$SectionTitle = props.SectionTitle,
+    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_CLASS + " flex flex-col gap-4"
-  }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("h1", {
-    className: "text-4xl font-semibold"
-  }, data === null || data === void 0 ? void 0 : data.sectionTitle) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl"
-  }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null, /*#__PURE__*/React__default.createElement("div", {
+  }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
+    data: data,
+    shopConfigStyle: shopConfigStyle
+  }) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "text-wrap",
     dangerouslySetInnerHTML: {
       __html: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopAbout
@@ -12455,12 +12654,20 @@ var About1 = function About1(props) {
 
 var About5 = function About5(props) {
   var _sectionData$, _sectionData$2;
-  var shopConfig = props.shopConfig,
+  var shopConfigStyle = props.shopConfigStyle,
+    shopConfig = props.shopConfig,
+    _props$SectionTitle = props.SectionTitle,
+    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
     data = props.data;
   var sectionData = data === null || data === void 0 ? void 0 : data.data;
   console.log("About5 sectionData", sectionData);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_DEFAULT_CLASS + " grid grid-cols-1 lg:grid-cols-2 gap-12"
+    className: SECTION_DEFAULT_CLASS + " "
+  }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
+    data: data,
+    shopConfigStyle: shopConfigStyle
+  }) : null, /*#__PURE__*/React__default.createElement("div", {
+    className: "grid grid-cols-1 lg:grid-cols-2 gap-12 mt-4 md:mt-6"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
     className: "w-full hidden lg:block rounded-xl"
@@ -12472,7 +12679,7 @@ var About5 = function About5(props) {
   }), /*#__PURE__*/React__default.createElement("img", {
     src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.srcImage,
     className: "w-full block lg:hidden rounded-xl"
-  }));
+  })));
 };
 
 var About6 = function About6(props) {
@@ -12502,7 +12709,7 @@ var About6 = function About6(props) {
 };
 
 var Contact1 = function Contact1(props) {
-  var _sectionData$;
+  var _sectionData$, _sectionData$2;
   var shopConfigStyle = props.shopConfigStyle,
     shopConfig = props.shopConfig,
     data = props.data,
@@ -12536,10 +12743,10 @@ var Contact1 = function Contact1(props) {
   }, /*#__PURE__*/React__default.createElement(fa.FaFacebookMessenger, {
     size: 40,
     className: "p-2 text-textButton bg-primary"
-  }), /*#__PURE__*/React__default.createElement("div", null, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger)) : null), /*#__PURE__*/React__default.createElement("img", {
-    src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
+  }), /*#__PURE__*/React__default.createElement("div", null, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger)) : null), sectionData !== null && sectionData !== void 0 && (_sectionData$ = sectionData[0]) !== null && _sectionData$ !== void 0 && _sectionData$.srcImage ? /*#__PURE__*/React__default.createElement("img", {
+    src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.srcImage,
     className: "w-full rounded-xl border-white border-8 shadow-lg"
-  })));
+  }) : null));
 };
 
 var Breadcrumb1 = function Breadcrumb1(props) {
@@ -12581,11 +12788,11 @@ var Breadcrumb1 = function Breadcrumb1(props) {
     setItems(items);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_DEFAULT_CLASS + " !my-6 flex gap-2"
+    className: SECTION_DEFAULT_CLASS + " !my-6 flex gap-2 overflow-x-auto scroll-custom"
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: index,
-      className: "flex gap-2"
+      className: "flex gap-2 flex-shrink-0"
     }, index ? /*#__PURE__*/React__default.createElement("div", {
       className: "text-gray4"
     }, "/") : null, item !== null && item !== void 0 && item.route ? /*#__PURE__*/React__default.createElement(LinkToPage, {
@@ -13481,9 +13688,9 @@ var SearchProduct1 = function SearchProduct1(props) {
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2 px-6 md:w-[720px] rounded-lg mx-auto mt-12 "
+    className: "flex flex-col gap-2 px-6 md:w-[720px] rounded-lg mx-auto mt-8 lg:mt-12 "
   }, /*#__PURE__*/React__default.createElement(Input, {
-    className: "flex items-center  w-full h-9 md:h-14",
+    className: "flex items-center  w-full h-12 md:h-14",
     style: {
       backgroundColor: bgSecondary
     },
@@ -13627,14 +13834,18 @@ var SearchBar5 = function SearchBar5(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_CLASS + " md:mt-6"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: " w-full flex flex-col justify-center px-6 gap-2 md:gap-4 items-center h-32 md:h-48 lg:h-56 rounded-xl md:rounded-3xl ",
+    className: "relative w-full flex flex-col justify-center px-6 gap-2 md:gap-4 items-center h-32 md:h-48 lg:h-56 rounded-xl md:rounded-3xl ",
     style: {
       background: "url(" + (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.srcImage) + ")",
       backgroundPosition: "center",
       backgroundSize: "cover"
     }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "absolute inset-0 bg-black/45 rounded-xl md:rounded-3xl"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col relative gap-2 md:gap-4 items-center justify-center"
   }, data !== null && data !== void 0 && (_data$data2 = data.data) !== null && _data$data2 !== void 0 && _data$data2.title ? /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl font-semibold md:text-3xl lg:text-4xl text-textButton text-center"
+    className: "text-lg font-semibold md:text-3xl lg:text-4xl text-textButton text-center"
   }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.title) : null, data !== null && data !== void 0 && (_data$data4 = data.data) !== null && _data$data4 !== void 0 && _data$data4.description ? /*#__PURE__*/React__default.createElement("div", {
     className: "text-center text-textButton"
   }, data === null || data === void 0 ? void 0 : (_data$data5 = data.data) === null || _data$data5 === void 0 ? void 0 : _data$data5.description) : null, /*#__PURE__*/React__default.createElement(Input, {
@@ -13642,7 +13853,7 @@ var SearchBar5 = function SearchBar5(props) {
     icons: /*#__PURE__*/React__default.createElement(io5.IoSearchOutline, {
       className: "text-gray3 ps-1 text-xl md:text-2xl"
     }),
-    wrapClassName: "w-full sm:w-[60%] md:w-[50%] lg:w-[40%]",
+    wrapClassName: "w-full md:w-[80%] ",
     className: "w-full bg-bgSecondary  mb-2 md:h-12",
     onKeyDown: function onKeyDown(e) {
       handleSearch(e);
@@ -13662,7 +13873,7 @@ var SearchBar5 = function SearchBar5(props) {
       label: "T\xECm ki\u1EBFm",
       className: "whitespace-nowrap !rounded-3xl py-1.5 md:py-2.5"
     }))
-  })));
+  }))));
 };
 
 var SearchBar6 = function SearchBar6(props) {
@@ -13723,14 +13934,14 @@ var ShopHighlights2 = function ShopHighlights2(props) {
     Link = _props$Link === void 0 ? null : _props$Link;
   var sectionData = data === null || data === void 0 ? void 0 : data.data;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: SECTION_CLASS + " my-0 md:my-0 py-6 grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6"
+    className: SECTION_CLASS + " my-0 md:my-0 !bg-bgSecondary py-6 grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6"
   }, sectionData === null || sectionData === void 0 ? void 0 : sectionData.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
-      href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-col items-center text-center lg:px-3 gap-3",
+      href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
       key: "kdf-" + index
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-col h-full items-center text-center lg:px-3 gap-3"
     }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
       className: "bg-primary p-3 text-textButton w-16 h-16 rounded-full",
       dangerouslySetInnerHTML: {
@@ -13742,7 +13953,9 @@ var ShopHighlights2 = function ShopHighlights2(props) {
       className: "w-16 h-16 p-3 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-medium text-lg"
-    }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description)));
+    }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex-grow text-gray3 leading-relaxed"
+    }, item === null || item === void 0 ? void 0 : item.description)));
   }));
 };
 
@@ -13758,7 +13971,7 @@ var ShopHighlights5 = function ShopHighlights5(props) {
       href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
       Link: Link
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-col items-center text-center md:px-3 lg:px-6 gap-3",
+      className: "flex flex-col h-full items-center text-center md:px-3 lg:px-6 gap-3",
       key: "kdf-" + index
     }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
       className: "w-16 h-16 rounded-full bg-primary p-3 text-textButton ",
@@ -13771,7 +13984,9 @@ var ShopHighlights5 = function ShopHighlights5(props) {
       className: "w-16 h-16 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-medium text-xl text-textHeading pt-2 border-t border-textHeading"
-    }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description)));
+    }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex-grow leading-relaxed"
+    }, item === null || item === void 0 ? void 0 : item.description)));
   }));
 };
 
@@ -13799,7 +14014,10 @@ var ShopHighlights6 = function ShopHighlights6(props) {
       className: "w-16 h-16 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: " w-44 h-0.5 rounded-full bg-primary"
-    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description), /*#__PURE__*/React__default.createElement(LinkToPage, {
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: ""
+    }, item === null || item === void 0 ? void 0 : item.description), /*#__PURE__*/React__default.createElement(LinkToPage, {
+      className: "mt-auto",
       Link: Link,
       href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
     }, /*#__PURE__*/React__default.createElement(Button, {
@@ -13810,7 +14028,7 @@ var ShopHighlights6 = function ShopHighlights6(props) {
 };
 
 var ShopHighlights7 = function ShopHighlights7(props) {
-  var _data$data;
+  var _data$data, _data$data2;
   var _props$shopConfigStyl = props.shopConfigStyle,
     shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
     _props$data = props.data,
@@ -13827,13 +14045,13 @@ var ShopHighlights7 = function ShopHighlights7(props) {
   }, /*#__PURE__*/React__default.createElement(SectionTitle, {
     data: data
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "mt-6 grid grid-cols-3 gap-4 md:gap-8"
-  }, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(function (it, index) {
+    className: "mt-6 grid grid-cols-1 " + ((data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length) > 3 ? "md:grid-cols-2 lg:grid-cols-4 md:gap-6" : "md:grid-cols-3 md:gap-8")
+  }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map(function (it, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: convertURL(it === null || it === void 0 ? void 0 : it.route) || (it === null || it === void 0 ? void 0 : it.link) || "#",
       key: index,
-      className: "pt-6 col-span-3 md:col-span-1"
+      className: "pt-6"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "relative w-40 h-24 flex items-center justify-center m-auto md:m-0"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -13895,7 +14113,7 @@ var getAllArticleNewsApi = function getAllArticleNewsApi(shopId, appId, landingS
   }
   return api({
     method: "get",
-    url: "/landing/news/article/get-all-filter",
+    url: endpointLanding + "/news/article/get-all-filter",
     params: _extends({
       shopId: shopId,
       appId: appId,
@@ -13906,7 +14124,7 @@ var getAllArticleNewsApi = function getAllArticleNewsApi(shopId, appId, landingS
 var getNewsDetailApi = function getNewsDetailApi(articleId, shopId, landingShopConfigId) {
   return api({
     method: "get",
-    url: "/landing/news/article/" + articleId,
+    url: endpointLanding + "/news/article/" + articleId,
     params: {
       shopId: shopId,
       landingShopConfigId: landingShopConfigId,
@@ -14100,7 +14318,7 @@ var getAllNewsCategoriesApi = function getAllNewsCategoriesApi(shopId, landingSh
   }
   return api({
     method: "get",
-    url: "/landing/news/category/get-all",
+    url: endpointLanding + "/news/category/get-all",
     params: {
       shopId: shopId,
       landingShopConfigId: landingShopConfigId,