s-platform-landing-section 0.1.28 → 0.1.29

package/dist/index.modern.js

@@ -339,7 +339,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 lg:max-w-64 xl:max-w-[440px] xl:w-max text-wrap line-clamp-2 leading-tight"
+    className: "text-xl md:text-2xl text-primary font-fredoka 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) {
@@ -352,7 +352,7 @@ var NavBar7 = function NavBar7(props) {
     }, (item === null || item === void 0 ? void 0 : item.name) === (route === null || route === void 0 ? void 0 : route.name) ? /*#__PURE__*/React__default.createElement("div", {
       className: "whitespace-nowrap py-1 border-b text-textHeading border-textHeading"
     }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/React__default.createElement("div", {
-      className: "py-1 text-textBody"
+      className: "py-1 whitespace-nowrap text-textBody"
     }, item === null || item === void 0 ? void 0 : item.label));
   })), cart(), userInfo ?
   /*#__PURE__*/
@@ -401,7 +401,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 line-clamp-2"
+    className: "text-xl md:text-2xl font-fredoka text-wrap 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() {
@@ -632,7 +632,7 @@ var NavBar1 = function NavBar1(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 text-wrap  font-fredoka text-primary"
   }, 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) {
@@ -692,7 +692,7 @@ var NavBar1 = function NavBar1(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-fredoka text-wrap text-primary"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), cart(), /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: function onClick() {
@@ -12711,7 +12711,9 @@ var Contact1 = function Contact1(props) {
     shopConfig = props.shopConfig,
     data = 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 sectionData = data === null || data === void 0 ? void 0 : data.data;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "" + SECTION_DEFAULT_CLASS
@@ -12730,17 +12732,23 @@ var Contact1 = function Contact1(props) {
   }, /*#__PURE__*/React__default.createElement(SiZalo, {
     size: 40,
     className: "p-2 text-textButton bg-primary"
-  }), /*#__PURE__*/React__default.createElement("div", null, "Zalo: ", shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopZalo)) : null, shopConfig !== null && shopConfig !== void 0 && shopConfig.shopFacebookPage ? /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-2 rounded-lg overflow-hidden bg-white mt-6"
+  }), /*#__PURE__*/React__default.createElement("div", null, "Zalo: ", shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopZalo)) : null, shopConfig !== null && shopConfig !== void 0 && shopConfig.shopFacebookPage ? /*#__PURE__*/React__default.createElement(LinkToPage, {
+    Link: Link,
+    className: "flex items-center gap-2 rounded-lg overflow-hidden bg-white mt-6",
+    href: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopFacebookPage,
+    target: "_blank"
   }, /*#__PURE__*/React__default.createElement(FaFacebookF, {
     size: 40,
     className: "p-2 text-textButton bg-primary"
-  }), /*#__PURE__*/React__default.createElement("div", null, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopFacebookPage)) : null, shopConfig !== null && shopConfig !== void 0 && shopConfig.shopMessenger ? /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-2 rounded-lg overflow-hidden bg-white mt-6"
+  }), /*#__PURE__*/React__default.createElement("div", null, "Facebook")) : null, shopConfig !== null && shopConfig !== void 0 && shopConfig.shopMessenger ? /*#__PURE__*/React__default.createElement(LinkToPage, {
+    Link: Link,
+    className: "flex items-center gap-2 rounded-lg overflow-hidden bg-white mt-6",
+    href: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger,
+    target: "_blank"
   }, /*#__PURE__*/React__default.createElement(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), sectionData !== null && sectionData !== void 0 && (_sectionData$ = sectionData[0]) !== null && _sectionData$ !== void 0 && _sectionData$.srcImage ? /*#__PURE__*/React__default.createElement("img", {
+  }), /*#__PURE__*/React__default.createElement("div", null, "Messenger")) : 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));
@@ -14001,14 +14009,14 @@ var ShopHighlights6 = function ShopHighlights6(props) {
       className: "flex flex-col 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: "text-primary w-16 h-16 p-3 text-textButton rounded-full",
+      className: "text-primary w-16 h-16",
       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,
       alt: "logo",
-      className: "w-16 h-16 rounded-full bg-primary"
+      className: "w-16 h-16"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: " w-44 h-0.5 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {