tabexseriescomponents 0.0.788 → 0.0.790

package/dist/index.cjs.js

@@ -2576,7 +2576,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67;
+  var _authdetailsContext$i, _authdetailsContext$i2, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2604,6 +2604,8 @@ var Product_itemtype = function Product_itemtype(props) {
   var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
   var StoreInfoprops = props.actions.StoreInfoprops;
   props.actions.productimagesarray;
+  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
+  var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   var _useState = React.useState(currentshowingimageindex_pro),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     currentshowingimageindex = _useState2[0],
@@ -3547,7 +3549,24 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.showbuynowbtn == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), sectionproperties.showdirectwabtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mt-3",
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center mb-sm-2 ',
+    style: {
+      width: sectionproperties.cartBtnWidth + '%'
+    }
+  }, langdetect == 'en' ? sectionproperties.directwabtntitleen : sectionproperties.directwabtntitlear))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.showbuynowbtn == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -6450,27 +6469,31 @@ var Productinfo = function Productinfo(props) {
     _useState14 = _slicedToArray__default["default"](_useState13, 2);
     _useState14[0];
     var setRelatedProductsTagid = _useState14[1];
-  var _useState15 = React.useState('all'),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2);
-    _useState16[0];
-    _useState16[1];
-  var _useState17 = React.useState([]),
+  var _useState15 = React.useState(''),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    variantnotchosendisclaimer = _useState16[0],
+    setvariantnotchosendisclaimer = _useState16[1];
+  var _useState17 = React.useState('all'),
     _useState18 = _slicedToArray__default["default"](_useState17, 2);
     _useState18[0];
     _useState18[1];
   var _useState19 = React.useState([]),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    Relatedproducts = _useState20[0],
-    setRelatedproducts = _useState20[1];
+    _useState20 = _slicedToArray__default["default"](_useState19, 2);
+    _useState20[0];
+    _useState20[1];
   var _useState21 = React.useState([]),
     _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    productimagesarray = _useState22[0],
-    setproductimagesarray = _useState22[1];
-  var _useState23 = React.useState(null),
+    Relatedproducts = _useState22[0],
+    setRelatedproducts = _useState22[1];
+  var _useState23 = React.useState([]),
     _useState24 = _slicedToArray__default["default"](_useState23, 2),
-    quantityconditionfoundobj = _useState24[0],
-    setquantityconditionfoundobj = _useState24[1];
-  var _useState25 = React.useState({
+    productimagesarray = _useState24[0],
+    setproductimagesarray = _useState24[1];
+  var _useState25 = React.useState(null),
+    _useState26 = _slicedToArray__default["default"](_useState25, 2),
+    quantityconditionfoundobj = _useState26[0],
+    setquantityconditionfoundobj = _useState26[1];
+  var _useState27 = React.useState({
       functype: 'add',
       item_type: 'product',
       productid: '',
@@ -6482,49 +6505,49 @@ var Productinfo = function Productinfo(props) {
       to: '',
       extrafields: []
     }),
-    _useState26 = _slicedToArray__default["default"](_useState25, 2),
-    addtocardpayloadobj = _useState26[0],
-    setaddtocardpayloadobj = _useState26[1];
-  var _useState27 = React.useState(''),
     _useState28 = _slicedToArray__default["default"](_useState27, 2),
-    variantindexcompleted = _useState28[0],
-    setvariantindexcompleted = _useState28[1];
+    addtocardpayloadobj = _useState28[0],
+    setaddtocardpayloadobj = _useState28[1];
   var _useState29 = React.useState(''),
     _useState30 = _slicedToArray__default["default"](_useState29, 2),
-    variantindex = _useState30[0],
-    setvariantindex = _useState30[1];
-  var _useState31 = React.useState(false),
+    variantindexcompleted = _useState30[0],
+    setvariantindexcompleted = _useState30[1];
+  var _useState31 = React.useState(''),
     _useState32 = _slicedToArray__default["default"](_useState31, 2),
-    isloaded = _useState32[0],
-    setisloaded = _useState32[1];
+    variantindex = _useState32[0],
+    setvariantindex = _useState32[1];
   var _useState33 = React.useState(false),
-    _useState34 = _slicedToArray__default["default"](_useState33, 2);
-    _useState34[0];
-    _useState34[1];
-  var _useState35 = React.useState(0),
-    _useState36 = _slicedToArray__default["default"](_useState35, 2),
-    currentshowingimageindex = _useState36[0],
-    setcurrentshowingimageindex = _useState36[1];
-  var _useState37 = React.useState(''),
+    _useState34 = _slicedToArray__default["default"](_useState33, 2),
+    isloaded = _useState34[0],
+    setisloaded = _useState34[1];
+  var _useState35 = React.useState(false),
+    _useState36 = _slicedToArray__default["default"](_useState35, 2);
+    _useState36[0];
+    _useState36[1];
+  var _useState37 = React.useState(0),
     _useState38 = _slicedToArray__default["default"](_useState37, 2),
-    tabIndex = _useState38[0],
-    setTabIndex = _useState38[1];
+    currentshowingimageindex = _useState38[0],
+    setcurrentshowingimageindex = _useState38[1];
   var _useState39 = React.useState(''),
     _useState40 = _slicedToArray__default["default"](_useState39, 2),
-    tabname = _useState40[0],
-    settabname = _useState40[1];
-  var _useState41 = React.useState([]),
+    tabIndex = _useState40[0],
+    setTabIndex = _useState40[1];
+  var _useState41 = React.useState(''),
     _useState42 = _slicedToArray__default["default"](_useState41, 2),
-    sizeguideimage = _useState42[0],
-    setsizeguideimage = _useState42[1];
+    tabname = _useState42[0],
+    settabname = _useState42[1];
   var _useState43 = React.useState([]),
     _useState44 = _slicedToArray__default["default"](_useState43, 2),
-    productVideos = _useState44[0],
-    setproductVideos = _useState44[1];
+    sizeguideimage = _useState44[0],
+    setsizeguideimage = _useState44[1];
   var _useState45 = React.useState([]),
     _useState46 = _slicedToArray__default["default"](_useState45, 2),
-    variantvalueidentifier = _useState46[0],
-    setvariantvalueidentifier = _useState46[1];
+    productVideos = _useState46[0],
+    setproductVideos = _useState46[1];
+  var _useState47 = React.useState([]),
+    _useState48 = _slicedToArray__default["default"](_useState47, 2),
+    variantvalueidentifier = _useState48[0],
+    setvariantvalueidentifier = _useState48[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -6718,6 +6741,7 @@ var Productinfo = function Productinfo(props) {
     if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
       var _productarr$data$prod;
       setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
+      // setvariantnotchosendisclaimer('This field is required');
     }
     productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
       if (optionvaluesindex != arrayindex) {
@@ -6876,6 +6900,8 @@ var Productinfo = function Productinfo(props) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
+          // here
+          setvariantnotchosendisclaimer('This field is required');
           NotificationManager.warning('', 'Please Choose Product Options');
         }
       } else {
@@ -7861,6 +7887,7 @@ var Productinfo = function Productinfo(props) {
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
     actions: (_ref = {
+      variantnotchosendisclaimer: variantnotchosendisclaimer,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
       returnpolicyobj: returnpolicyobj,
@@ -7870,6 +7897,7 @@ var Productinfo = function Productinfo(props) {
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
+      variantnotchosendisclaimer: variantnotchosendisclaimer,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
       returnpolicyobj: returnpolicyobj,
@@ -7879,6 +7907,7 @@ var Productinfo = function Productinfo(props) {
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref3 = {
+      variantnotchosendisclaimer: variantnotchosendisclaimer,
       variantsku: variantsku,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -11701,7 +11730,11 @@ var Checkout = function Checkout(props) {
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
       if (langdetect == 'en') {
-        crname = option.name;
+        if (option.name_ar != null) {
+          crname = option.name + ' - ' + option.name_ar;
+        } else {
+          crname = option.name;
+        }
       } else if (langdetect == 'ar') {
         if (option.name_ar != null) {
           crname = option.name_ar;
@@ -11747,7 +11780,11 @@ var Checkout = function Checkout(props) {
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
       if (langdetect == 'en') {
-        crname = option.name;
+        if (option.name_ar != null) {
+          crname = option.name + ' - ' + option.name_ar;
+        } else {
+          crname = option.name;
+        }
       } else if (langdetect == 'ar') {
         if (option.name_ar != null) {
           crname = option.name_ar;
@@ -11795,7 +11832,11 @@ var Checkout = function Checkout(props) {
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
       if (langdetect == 'en') {
-        crname = option.name;
+        if (option.name_ar != null) {
+          crname = option.name + ' - ' + option.name_ar;
+        } else {
+          crname = option.name;
+        }
       } else if (langdetect == 'ar') {
         if (option.name_ar != null) {
           crname = option.name_ar;
@@ -19290,6 +19331,39 @@ var CardsSection = function CardsSection(props) {
       logo: logo
     };
   };
+  var ViewMoreButton = function ViewMoreButton() {
+    return /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
+      onClick: function onClick() {
+        if (fetchingtype == 'products') {
+          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(ProductFilterObjContext)));
+          }
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+        }
+      },
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": 'd-flex justify-content-center align-items-center'
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center h-100 allcentered' : 'd-flex justify-content-center align-items-center d-md-none h-100',
+      style: {
+        marginLeft: 5,
+        marginRight: 5
+      }
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
+      size: sectionproperties.viewmoreiconfontsize
+    }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
+      size: sectionproperties.viewmoreiconfontsize
+    }))));
+  };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.showvariantfilter == 'Show' ? 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
@@ -19809,24 +19883,46 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
             }
-            if (sectionproperties.overallnumberofcards == 0) {
-              return /*#__PURE__*/React__default["default"].createElement("div", {
-                "class": bootstapclass
-              }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
-                sectiontypeprops: 'horizontal',
-                sectiontypeprops2: 'vertical',
-                fetchingtypeprops: fetchingtype,
-                cardinfoindexprops: cardinfoindex,
-                cardinfoitemprops: cardinfoitem,
-                sectionindexprops: index,
-                sectionidprops: item.sectionid,
-                actions: actions,
-                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                numberOfColsvertical: sectionproperties.numberOfColsvertical,
-                AddtoCartMutationContext: AddtoCartMutationContext
-              }));
-            } else if (sectionproperties.overallnumberofcards != 0) {
-              if (cardinfoindex < sectionproperties.overallnumberofcards) {
+            if (sectionproperties.showanimation == 'Yes') {
+              if (sectionproperties.overallnumberofcards == 0) {
+                return /*#__PURE__*/React__default["default"].createElement("div", {
+                  "class": bootstapclass,
+                  "data-aos": "fade-up"
+                }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
+                  sectiontypeprops: 'horizontal',
+                  sectiontypeprops2: 'vertical',
+                  fetchingtypeprops: fetchingtype,
+                  cardinfoindexprops: cardinfoindex,
+                  cardinfoitemprops: cardinfoitem,
+                  sectionindexprops: index,
+                  sectionidprops: item.sectionid,
+                  actions: actions,
+                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                  numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                  AddtoCartMutationContext: AddtoCartMutationContext
+                }));
+              } else if (sectionproperties.overallnumberofcards != 0) {
+                if (cardinfoindex < sectionproperties.overallnumberofcards) {
+                  return /*#__PURE__*/React__default["default"].createElement("div", {
+                    "class": bootstapclass,
+                    "data-aos": "fade-up"
+                  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
+                    sectiontypeprops: 'horizontal',
+                    sectiontypeprops2: 'vertical',
+                    fetchingtypeprops: fetchingtype,
+                    cardinfoindexprops: cardinfoindex,
+                    cardinfoitemprops: cardinfoitem,
+                    sectionindexprops: index,
+                    sectionidprops: item.sectionid,
+                    actions: actions,
+                    fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                    numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                    AddtoCartMutationContext: AddtoCartMutationContext
+                  }));
+                }
+              }
+            } else {
+              if (sectionproperties.overallnumberofcards == 0) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
                   "class": bootstapclass
                 }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
@@ -19842,6 +19938,24 @@ var CardsSection = function CardsSection(props) {
                   numberOfColsvertical: sectionproperties.numberOfColsvertical,
                   AddtoCartMutationContext: AddtoCartMutationContext
                 }));
+              } else if (sectionproperties.overallnumberofcards != 0) {
+                if (cardinfoindex < sectionproperties.overallnumberofcards) {
+                  return /*#__PURE__*/React__default["default"].createElement("div", {
+                    "class": bootstapclass
+                  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
+                    sectiontypeprops: 'horizontal',
+                    sectiontypeprops2: 'vertical',
+                    fetchingtypeprops: fetchingtype,
+                    cardinfoindexprops: cardinfoindex,
+                    cardinfoitemprops: cardinfoitem,
+                    sectionindexprops: index,
+                    sectionidprops: item.sectionid,
+                    actions: actions,
+                    fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                    numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                    AddtoCartMutationContext: AddtoCartMutationContext
+                  }));
+                }
               }
             }
           }), fetchingtype == 'products' && sectionproperties.showpagination == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19851,39 +19965,12 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 allcentered",
+      "data-aos": "fade-up"
+    }, ViewMoreButton()), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
-      onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(ProductFilterObjContext)));
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
-      },
-      style: {
-        flexDirection: 'row'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": 'd-flex justify-content-center align-items-center'
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
-    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center h-100 allcentered' : 'd-flex justify-content-center align-items-center d-md-none h-100',
-      style: {
-        marginLeft: 5,
-        marginRight: 5
-      }
-    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
-      size: sectionproperties.viewmoreiconfontsize
-    }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
-      size: sectionproperties.viewmoreiconfontsize
-    })))))));
+    }, ViewMoreButton())));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refscr,
@@ -21280,14 +21367,13 @@ var MarqueeHeader = function MarqueeHeader(props) {
       paddingLeft: '200px',
       paddingRight: '200px'
     }
-  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", {
-    width: "100%",
-    direction: "left",
-    scrollamount: "3",
-    behavior: "scroll",
-    "class": "marquee"
+  }, templateproperties_context.textslidertype == 'Slider' &&
+  /*#__PURE__*/
+  // <marquee width="100%" direction="left" scrollamount="3" behavior="scroll" class="marquee">
+  React__default["default"].createElement("div", {
+    "class": "rotating-text-container"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "d-flex flex-row align-items-center"
+    "class": "d-flex flex-row align-items-center rotating-text"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("p", {
       "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
@@ -21296,7 +21382,9 @@ var MarqueeHeader = function MarqueeHeader(props) {
         marginRight: 200
       }
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
-  }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))
+  // </marquee>
+  , templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": header_cssstyles.textSlider + ' mb-0 p-0 '
@@ -35483,6 +35571,12 @@ var Modernheader = function Modernheader(props) {
       }
     }),
     floatingbtn: glamor.css({
+      position: 'fixed',
+      bottom: sectionproperties.floatingbtnfrombottom + 'px',
+      right: langdetect == 'en' ? sectionproperties.floatingbtnfromright + 'px' : '',
+      left: langdetect == 'ar' ? sectionproperties.floatingbtnfromright + 'px' : '',
+      zIndex: 2000,
+      transition: 'all 0.3s ease-out',
       width: sectionproperties.floatingbtnwidth + '%',
       height: sectionproperties.floatingbtnheight + 'px',
       background: sectionproperties.floatingbtnbg,
@@ -35750,7 +35844,8 @@ var Modernheader = function Modernheader(props) {
     style: {
       position: 'fixed',
       bottom: sectionproperties.whatsapppositionfrombottom + 'px',
-      right: sectionproperties.whatsapppositionfromright + 'px',
+      right: langdetect == 'en' ? sectionproperties.whatsapppositionfromright + 'px' : '',
+      left: langdetect == 'ar' ? sectionproperties.whatsapppositionfromright + 'px' : '',
       zIndex: 999999,
       transition: 'all 0.3s ease-out'
     }
@@ -35767,7 +35862,8 @@ var Modernheader = function Modernheader(props) {
     style: {
       position: 'fixed',
       bottom: sectionproperties.callppositionfrombottom + 'px',
-      right: sectionproperties.callppositionfromright + 'px',
+      right: langdetect == 'en' ? sectionproperties.callppositionfromright + 'px' : '',
+      left: langdetect == 'ar' ? sectionproperties.callppositionfromright + 'px' : '',
       zIndex: 999999,
       transition: 'all 0.3s ease-out'
     }
@@ -35780,16 +35876,6 @@ var Modernheader = function Modernheader(props) {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
   }))), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      position: 'fixed',
-      bottom: sectionproperties.floatingbtnfrombottom + 'px',
-      right: sectionproperties.floatingbtnfromright + 'px',
-      zIndex: 2000,
-      transition: 'all 0.3s ease-out',
-      width: '100%'
-    },
-    "class": "text-end"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.floatingbtn + ' allcentered ',
     style: {},
     onClick: function onClick() {
@@ -35797,7 +35883,7 @@ var Modernheader = function Modernheader(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 d-md-none",
     style: {
       position: sectionproperties.headerstyles_position,
@@ -45875,7 +45961,7 @@ var Allinonefooter = function Allinonefooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.helpcenter), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.helpcenter), sectionproperties.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.subPages) + ' wordbreak ',
@@ -45885,7 +45971,7 @@ var Allinonefooter = function Allinonefooter(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
-  }, lang.wishlist)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.subPages) + ' wordbreak ',
@@ -61547,7 +61633,6 @@ var Popupcomponent = function Popupcomponent(props) {
 function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
-  var _maincontainerarrayof;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -61625,6 +61710,218 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
       }
     })
   };
+  var SectionContent = function SectionContent() {
+    var _maincontainerarrayof;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2',
+      style: {
+        width: sectionproperties.width + 'vw',
+        position: 'relative',
+        background: sectionproperties.reservation_bgcolor,
+        border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingBottom: sectionproperties.paddingBottom + 'px'
+      }
+    }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.imgcontainer
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: 'cover',
+        margin: 0,
+        padding: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0",
+      style: {
+        zIndex: 1
+      }
+    }, sectionproperties.cardsdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-12 p-0 d-flex align-items-center',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.sectionTitleStyles + ' p-0 d-flex d-sm-none '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.sectionTitleStyles + ' p-0 d-none d-sm-flex  '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-12 p-0 d-flex align-items-center',
+      style: {
+        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.descriptionStyles + ' p-0 d-flex d-sm-none '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+      style: {
+        fontSize: sectionproperties.prodCatFontSize + 'px',
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.descriptionStyles + ' p-0 d-none d-sm-flex  '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+      style: {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px',
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-12 p-0 d-flex align-items-center mt-md-3',
+      style: {
+        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+      }
+    }, sectionproperties.btntype == 'Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.btnStyles + ' allcentered '
+    }, /*#__PURE__*/React__default["default"].createElement("a", {
+      href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
+      target: '_self',
+      "class": "d-flex align-items-center"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionstyles.btnStyles + ' m-0 p-0 allcentered '
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.btnStyles + ' allcentered '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionstyles.btnStyles + ' m-0 p-0 allcentered ',
+      onClick: function onClick() {
+        window.open('tel:' + sectionproperties.btnlink, '_blank');
+      }
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": sectionstyles.btnStyles,
+      onClick: function onClick() {
+        if (sectionproperties.btntype == 'WhatsApp') {
+          var _authdetailsContext$i;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber) != null) {
+            var _authdetailsContext$i2;
+            window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber), '_blank');
+          }
+        } else if (sectionproperties.btntype == 'App/Web Page') {
+          // window.open(sectionproperties.btnlink, '_target');
+          routingcountext(sectionproperties.btnlink, false, '');
+        } else if (sectionproperties.btntype == 'Email') {
+          window.open('mailto:' + sectionproperties.btnlink, '_self');
+        } else {
+          window.open(sectionproperties.btnlink, '_blank');
+        }
+      }
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.cardsdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex align-items-center"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-9 col-md-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.sectionTitleStyles + ' p-0 d-flex d-sm-none '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.sectionTitleStyles + ' p-0 d-none d-sm-flex  '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
+      style: {
+        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.descriptionStyles + ' p-0 d-flex d-sm-none '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+      style: {
+        fontSize: sectionproperties.prodCatFontSize + 'px',
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.descriptionStyles + ' p-0 d-none d-sm-flex  '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+      style: {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px',
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-lg-3 col-md-12 p-0 d-flex align-items-center mt-md-3 justify-content-md-center',
+      style: {
+        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+      }
+    }, sectionproperties.btntype == 'Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.btnStyles
+    }, /*#__PURE__*/React__default["default"].createElement("a", {
+      href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
+      target: '_self',
+      "class": "d-flex align-items-center"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionstyles.btnStyles
+    }, /*#__PURE__*/React__default["default"].createElement("a", {
+      href: 'tel:' + sectionproperties.btnlink,
+      target: '_self',
+      "class": "d-flex align-items-center"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": sectionstyles.btnStyles,
+      onClick: function onClick() {
+        if (sectionproperties.btntype == 'WhatsApp') {
+          var _authdetailsContext$i3;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
+            var _authdetailsContext$i4;
+            window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.whatsappnumber), '_blank');
+          }
+        } else if (sectionproperties.btntype == 'App/Web Page') {
+          // window.open(sectionproperties.btnlink, '_target');
+          routingcountext(sectionproperties.btnlink, false, '');
+        } else if (sectionproperties.btntype == 'Email') {
+          window.open('mailto:' + sectionproperties.btnlink, '_self');
+        } else {
+          window.open(sectionproperties.btnlink, '_blank');
+        }
+      }
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-2 pr-md-2 allcentered' : 'row ml-0 mr-0 w-100 allcentered',
     style: {
@@ -61633,215 +61930,12 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2',
-    style: {
-      width: sectionproperties.width + 'vw',
-      position: 'relative',
-      background: sectionproperties.reservation_bgcolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px'
-    }
-  }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.imgcontainer
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover',
-      margin: 0,
-      padding: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0",
-    style: {
-      zIndex: 1
-    }
-  }, sectionproperties.cardsdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex align-items-center',
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.sectionTitleStyles + ' p-0 d-flex d-sm-none '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.sectionTitleStyles + ' p-0 d-none d-sm-flex  '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex align-items-center',
-    style: {
-      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.descriptionStyles + ' p-0 d-flex d-sm-none '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.descriptionStyles + ' p-0 d-none d-sm-flex  '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
-    style: {
-      fontSize: sectionproperties.prodCatFontSizeResp + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex align-items-center mt-md-3',
-    style: {
-      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
-    }
-  }, sectionproperties.btntype == 'Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.btnStyles + ' allcentered '
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
-    target: '_self',
-    "class": "d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionstyles.btnStyles + ' m-0 p-0 allcentered '
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.btnStyles + ' allcentered '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionstyles.btnStyles + ' m-0 p-0 allcentered ',
-    onClick: function onClick() {
-      window.open('tel:' + sectionproperties.btnlink, '_blank');
-    }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": sectionstyles.btnStyles,
-    onClick: function onClick() {
-      if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber) != null) {
-          var _authdetailsContext$i2;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber), '_blank');
-        }
-      } else if (sectionproperties.btntype == 'App/Web Page') {
-        // window.open(sectionproperties.btnlink, '_target');
-        routingcountext(sectionproperties.btnlink, false, '');
-      } else if (sectionproperties.btntype == 'Email') {
-        window.open('mailto:' + sectionproperties.btnlink, '_self');
-      } else {
-        window.open(sectionproperties.btnlink, '_blank');
-      }
-    }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.cardsdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-9 col-md-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    "data-aos": "fade-up"
+  }, SectionContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.sectionTitleStyles + ' p-0 d-flex d-sm-none '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.sectionTitleStyles + ' p-0 d-none d-sm-flex  '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
-    style: {
-      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.descriptionStyles + ' p-0 d-flex d-sm-none '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.descriptionStyles + ' p-0 d-none d-sm-flex  '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
-    style: {
-      fontSize: sectionproperties.prodCatFontSizeResp + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-3 col-md-12 p-0 d-flex align-items-center mt-md-3 justify-content-md-center',
-    style: {
-      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
-    }
-  }, sectionproperties.btntype == 'Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.btnStyles
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
-    target: '_self',
-    "class": "d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' m-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles.btnStyles
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    href: 'tel:' + sectionproperties.btnlink,
-    target: '_self',
-    "class": "d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' m-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": sectionstyles.btnStyles,
-    onClick: function onClick() {
-      if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i3;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
-          var _authdetailsContext$i4;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.whatsappnumber), '_blank');
-        }
-      } else if (sectionproperties.btntype == 'App/Web Page') {
-        // window.open(sectionproperties.btnlink, '_target');
-        routingcountext(sectionproperties.btnlink, false, '');
-      } else if (sectionproperties.btntype == 'Email') {
-        window.open('mailto:' + sectionproperties.btnlink, '_self');
-      } else {
-        window.open(sectionproperties.btnlink, '_blank');
-      }
-    }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+  }, SectionContent()));
 };
 
 function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -81598,6 +81692,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
     "class": ' row m-0 w-100 '
   }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
     var _item$values5;
+    // if (index <= 3) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
     }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
@@ -81635,6 +81730,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
         disabled: valitem.disabled
       }, (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
     }));
+    // }
   })));
 };
 
@@ -82087,6 +82183,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
+    // data-aos={'fade-up'}
+    // data-aos-delay={props.sectionindexprops + 10}
     // class={props.sectiontypeprops2 == 'vertical' ? `${card_cssstyles.productcard}` + ' w-100 ' : ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}`}
     // style={{
     //     paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',