s-platform-landing-section 0.1.36-beta.6 → 0.1.36-beta.8

package/dist/index.js

@@ -436,7 +436,7 @@ var NavBar7 = function NavBar7(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl md:text-2xl text-primary font-headingFont text-wrap line-clamp-2 leading-tight"
@@ -499,7 +499,7 @@ var NavBar7 = function NavBar7(props) {
     href: "/",
     className: "flex flex-1 gap-2 items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl md:text-2xl font-headingFont text-wrap text-primary line-clamp-2"
@@ -533,7 +533,7 @@ var NavBar7 = function NavBar7(props) {
     className: "flex gap-2 items-center mb-2"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    className: "max-h-14 w-14 object-cover"
+    className: "h-14 w-14 object-contain"
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl font-headingFont text-primary line-clamp-1"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -729,7 +729,7 @@ var NavBar1 = function NavBar1(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     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", {
@@ -791,7 +791,7 @@ var NavBar1 = function NavBar1(props) {
     href: "/",
     className: "flex flex-1 gap-2 items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12  max-h-12",
+    className: "object-contain w-12 h-12",
     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", {
@@ -826,7 +826,7 @@ var NavBar1 = function NavBar1(props) {
     className: "flex gap-2 items-center mb-2"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    className: "max-h-14 w-14 bg-cover bg-no-repeat"
+    className: "h-14 w-14 object-contain"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "text-xl font-headingFont text-primary line-clamp-1"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -1236,7 +1236,7 @@ var Hero2 = function Hero2(props) {
     className: "absolute inset-y-0 right-[2%] md:right-[4%] w-[58%] md:w-[54%] 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"
   }, shopConfig !== null && shopConfig !== void 0 && shopConfig.logoUrl ? /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    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"
+    className: "h-6 w-6 object-contain sm:h-10 sm:w-10 md:h-12 md:w-12 lg:w-14 lg:h-14 xl:h-20 xl:w-20"
   }) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "font-medium line-clamp-2 lg:line-clamp-1 text-2xl md:text-3xl lg:text-4xl xl:text-6xl",
     style: {
@@ -7774,19 +7774,19 @@ var Hero16 = function Hero16(props) {
     className: "min-h-[480px] w-full h-full relative"
   }, /*#__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],
-    className: "object-cover max-w-full h-auto"
+    className: "object-cover w-full h-full min-h-[480px]"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "absolute top-0 left-0 z-0 bg-secondary opacity-80 w-full h-full"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full md:w-2/3 absolute top-[10%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
+    className: "w-full sm:w-2/3 absolute z-20 top-[15%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
   }, /*#__PURE__*/React__default.createElement("h2", {
     className: "font-medium text-2xl lg:text-4xl"
   }, 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), /*#__PURE__*/React__default.createElement("div", {
     className: " text-lg lg:text-2xl"
   }, 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$.description), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col md:flex-row gap-4 w-full"
+    className: "flex flex-col sm:flex-row gap-4 w-full"
   }, /*#__PURE__*/React__default.createElement(Input, {
-    wrapClassName: "w-full md:w-2/3 xl:w-[85%]",
+    wrapClassName: "w-2/3 sm:w-[80%] xl:w-[85%]",
     icons: /*#__PURE__*/React__default.createElement(lu.LuSearch, {
       className: "text-gray3",
       size: 18
@@ -7820,31 +7820,36 @@ var Hero16 = function Hero16(props) {
     fill: "currentColor"
   }))), /*#__PURE__*/React__default.createElement("img", {
     src: 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$$srcImage = _data$data4$.srcImages) === null || _data$data4$$srcImage === void 0 ? void 0 : _data$data4$$srcImage[1],
-    className: "object-cover w-[28%] h-auto absolute right-10 opacity-100 bottom-0 z-10"
+    className: "object-cover w-[25%] h-auto max-h-full absolute right-10 opacity-100 bottom-0 z-10"
   }));
 };
 
 var Features2 = function Features2(props) {
-  var data = props.data;
+  var data = props.data,
+    _props$Link = props.Link,
+    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_DEFAULT_CLASS
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "p-6 grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 lg:gap-8 rounded-xl bg-bgSecondary"
   }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    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 gap-2 items-center text-sm lg:text-lg font-semibold text-center",
       key: "dfgg-" + index
     }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
-      className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 h-24",
+      className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 aspect-square",
       dangerouslySetInnerHTML: {
         __html: configSvg(item === null || item === void 0 ? void 0 : item.svgImage)
       }
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "w-12 md:w-16 lg:w-20 xl:w-24 text-primary",
+      className: "w-12 md:w-16 lg:w-20 object-contain xl:w-24 aspect-square text-primary",
       alt: "logo"
-    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title));
+    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title)));
   })));
 };
 
@@ -10769,7 +10774,14 @@ var Products2 = function Products2(props) {
   var _useState2 = React.useState(false),
     canGoNext = _useState2[0],
     setCanGoNext = _useState2[1];
-  var _ProductController = ProductController(props),
+  var _useState3 = React.useState({
+      size: 16,
+      isSale: true
+    }),
+    params = _useState3[0];
+  var _ProductController = ProductController(_extends({}, props, {
+      params: params
+    })),
     _ProductController$pr = _ProductController.products,
     products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
     _ProductController$lo = _ProductController.loading,
@@ -11452,48 +11464,38 @@ var Products11 = function Products11(props) {
         return (a === null || a === void 0 ? void 0 : (_a$productInfo = a.productInfo) === null || _a$productInfo === void 0 ? void 0 : _a$productInfo.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo = b.productInfo) === null || _b$productInfo === void 0 ? void 0 : _b$productInfo.price);
       });
       setProductsFilter(productsCopy);
-    } else if ((filterItem === null || filterItem === void 0 ? void 0 : filterItem.value) === "discount") {
-      var _productsCopy2;
-      var _productsCopy = [].concat(products);
-      _productsCopy = (_productsCopy2 = _productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
-        var _product$productInfo, _product$productInfo2, _product$productInfo3;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo3 = product.productInfo) === null || _product$productInfo3 === void 0 ? void 0 : _product$productInfo3.price);
-      });
-      setProductsFilter(_productsCopy);
     } else {
       setProductsFilter(products);
     }
   }, [products, categorySelected]);
   var handleFilter = function handleFilter(item) {
     setFilterItem(item);
-    if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight)) {
+    if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight) && !(params !== null && params !== void 0 && params.isSale)) {
       var productsCopy = [].concat(products);
       productsCopy === null || productsCopy === void 0 ? void 0 : productsCopy.sort(function (a, b) {
         var _a$productInfo2, _b$productInfo2;
         return (a === null || a === void 0 ? void 0 : (_a$productInfo2 = a.productInfo) === null || _a$productInfo2 === void 0 ? void 0 : _a$productInfo2.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo2 = b.productInfo) === null || _b$productInfo2 === void 0 ? void 0 : _b$productInfo2.price);
       });
       setProductsFilter(productsCopy);
-    } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
-      var _productsCopy4;
-      var _productsCopy3 = [].concat(products);
-      _productsCopy3 = (_productsCopy4 = _productsCopy3) === null || _productsCopy4 === void 0 ? void 0 : _productsCopy4.filter(function (product) {
-        var _product$productInfo4, _product$productInfo5, _product$productInfo6;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
+    } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12,
+        isSale: true
       });
-      setProductsFilter(_productsCopy3);
     } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
-      setParams(function (prev) {
-        return _extends({}, prev, {
-          isHighlight: true
-        });
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12,
+        isHighlight: true
       });
     } else {
-      setParams(function (prev) {
-        return {
-          page: 0,
-          categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
-          size: 12
-        };
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12
       });
     }
   };
@@ -11791,7 +11793,7 @@ var listFilter$1 = [{
   }
 }];
 var ProductSearch1 = function ProductSearch1(props) {
-  var _window, _window$location, _productsFilter$slice;
+  var _window, _window$location, _products$slice;
   var _props$Link = props.Link,
     Link = _props$Link === void 0 ? null : _props$Link,
     _props$SectionTitle = props.SectionTitle,
@@ -11801,21 +11803,18 @@ var ProductSearch1 = function ProductSearch1(props) {
     shopConfigStyle = props.shopConfigStyle;
   var queryParams = new URLSearchParams((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.search);
   var keywordValue = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('tu-khoa');
-  var _useState = React.useState([]),
-    productsFilter = _useState[0],
-    setProductsFilter = _useState[1];
-  var _useState2 = React.useState({
+  var _useState = React.useState({
       productName: keywordValue,
       size: 12
     }),
-    params = _useState2[0],
-    setParams = _useState2[1];
-  var _useState3 = React.useState(true),
-    isGetMore = _useState3[0],
-    setIsGetMore = _useState3[1];
-  var _useState4 = React.useState(false),
-    isAutoGetList = _useState4[0],
-    setIsAutoGetList = _useState4[1];
+    params = _useState[0],
+    setParams = _useState[1];
+  var _useState2 = React.useState(true),
+    isGetMore = _useState2[0],
+    setIsGetMore = _useState2[1];
+  var _useState3 = React.useState(false),
+    isAutoGetList = _useState3[0],
+    setIsAutoGetList = _useState3[1];
   var _ProductController = ProductController(_extends({}, props, {
       params: params,
       isAutoGetList: isAutoGetList
@@ -11823,9 +11822,6 @@ var ProductSearch1 = function ProductSearch1(props) {
     products = _ProductController.products,
     loading = _ProductController.loading,
     page = _ProductController.page;
-  var _useState5 = React.useState({}),
-    filterValue = _useState5[0],
-    setFilterValue = _useState5[1];
   React.useEffect(function () {
     setIsAutoGetList(true);
     setParams(function (prev) {
@@ -11834,19 +11830,6 @@ var ProductSearch1 = function ProductSearch1(props) {
       });
     });
   }, [keywordValue]);
-  React.useEffect(function () {
-    if ((filterValue === null || filterValue === void 0 ? void 0 : filterValue.value) === "discount") {
-      var _productsCopy;
-      var productsCopy = [].concat(products);
-      productsCopy = (_productsCopy = productsCopy) === null || _productsCopy === void 0 ? void 0 : _productsCopy.filter(function (product) {
-        var _product$productInfo, _product$productInfo2, _product$productInfo3;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo3 = product.productInfo) === null || _product$productInfo3 === void 0 ? void 0 : _product$productInfo3.price);
-      });
-      setProductsFilter(productsCopy);
-    } else {
-      setProductsFilter(products);
-    }
-  }, [products]);
   var handleGetMoreProducts = function handleGetMoreProducts() {
     setIsGetMore(false);
     setParams(function (prev) {
@@ -11856,20 +11839,17 @@ var ProductSearch1 = function ProductSearch1(props) {
     });
   };
   var handleFilter = function handleFilter(item) {
-    setFilterValue(item);
-    if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
-      var _productsCopy2;
-      var productsCopy = [].concat(products);
-      productsCopy = (_productsCopy2 = productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
-        var _product$productInfo4, _product$productInfo5, _product$productInfo6;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
+    if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
+      setParams({
+        size: 12,
+        productName: keywordValue,
+        isSale: true
       });
-      setProductsFilter(productsCopy);
     } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
-      setParams(function (prev) {
-        return _extends({}, prev, {
-          isHighlight: true
-        });
+      setParams({
+        size: 12,
+        productName: keywordValue,
+        isHighlight: true
       });
     } else {
       setParams({
@@ -11893,15 +11873,15 @@ var ProductSearch1 = function ProductSearch1(props) {
     onClick: handleFilter
   }), loading && isGetMore ? /*#__PURE__*/React__default.createElement("div", {
     className: "m-auto mt-20 min-h-32"
-  }, /*#__PURE__*/React__default.createElement(Loading, null)) : (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Loading, null)) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-4 md:gap-4 xl:gap-6"
-  }, productsFilter === null || productsFilter === void 0 ? void 0 : (_productsFilter$slice = productsFilter.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _productsFilter$slice === void 0 ? void 0 : _productsFilter$slice.map(function (product, idx) {
+  }, products === null || products === void 0 ? void 0 : (_products$slice = products.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _products$slice === void 0 ? void 0 : _products$slice.map(function (product, idx) {
     return /*#__PURE__*/React__default.createElement(ProductItem, {
       Link: Link,
       product: product,
       key: "htrhr-" + idx
     });
-  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
+  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
     label: "Xem thêm",
     onClick: handleGetMoreProducts,
     className: "mx-auto " + (shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.buttonClass),
@@ -13034,7 +13014,9 @@ var Banner1 = function Banner1(props) {
   var data = props.data,
     shopConfigStyle = props.shopConfigStyle,
     _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 sectionData = data === null || data === void 0 ? void 0 : data.data;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "" + SECTION_DEFAULT_CLASS
@@ -13044,12 +13026,15 @@ var Banner1 = function Banner1(props) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 sm:grid-cols-3 gap-4 lg:gap-6 mt-6"
   }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement("img", {
+    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("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "",
       className: "rounded-2xl",
       key: "hnfhn-" + index
-    });
+    }));
   })));
 };
 
@@ -13139,25 +13124,30 @@ var Banner3 = function Banner3(props) {
 };
 
 var Banner4 = function Banner4(props) {
-  var _data$data, _data$data$, _data$data2, _data$data2$slice;
+  var _data$data, _data$data$, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$slice;
   var data = props.data,
     _props$Link = props.Link,
     Link = _props$Link === void 0 ? null : _props$Link;
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_CLASS_PADDING + " grid grid-cols-1 bg-bgSecondary md:grid-cols-3 gap-6"
+  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
+    className: "md:col-span-2",
+    Link: Link,
+    href: convertURL(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$.route) || (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$.link) || "#"
   }, /*#__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$.srcImage,
-    className: "md:col-span-2 object-cover w-full h-full rounded-[10px]"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-6"
-  }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$slice = _data$data2.slice(1, 3)) === null || _data$data2$slice === void 0 ? void 0 : _data$data2$slice.map(function (item, index) {
+    src: 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$.srcImage,
+    className: " object-cover w-full h-full rounded-[10px]"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col gap-6 h-full"
+  }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$slice = _data$data4.slice(1, 3)) === null || _data$data4$slice === void 0 ? void 0 : _data$data4$slice.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) || "#",
+      className: "flex-1 min-h-0",
       key: "djsd-" + index
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "object-cover w-full h-full rounded-xl"
+      className: "object-cover w-full h-full rounded-[10px]"
     }));
   })));
 };
@@ -13564,7 +13554,7 @@ var Footer1 = function Footer1(props) {
     href: "/",
     className: "flex items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-14 max-h-14",
+    className: "object-contain w-14 h-14",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -13707,7 +13697,7 @@ var Footer7 = function Footer7(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-14  max-h-14",
+    className: "object-contain w-14 h-14",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: " text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -15628,7 +15618,7 @@ var ShopHighlights2 = function ShopHighlights2(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16 p-3 rounded-full bg-primary"
+      className: "w-16 h-16 p-3 rounded-full object-cover bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-medium text-lg"
     }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15660,7 +15650,7 @@ var ShopHighlights5 = function ShopHighlights5(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16 rounded-full bg-primary"
+      className: "w-16 h-16 rounded-full object-cover bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-semibold text-xl text-textHeading pt-2 border-t border-textHeading"
     }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15690,7 +15680,7 @@ var ShopHighlights6 = function ShopHighlights6(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16"
+      className: "w-16 h-16 object-cover"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: " w-44 h-0.5 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
@@ -15869,7 +15859,7 @@ var ShopHighlights10 = function ShopHighlights10(props) {
       className: "flex-grow text-lg leading-relaxed  text-center text-textSecondary"
     }, item === null || item === void 0 ? void 0 : item.description)), /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "h-56 lg:h-72 object-cover mt-auto border-4 border-secondary"
+      className: "aspect-video object-cover mt-auto border-4 border-secondary"
     })));
   })));
 };