@bigbinary/neeto-site-blocks 0.20.1 → 0.20.3

package/dist/index.js

@@ -320,53 +320,6 @@ _curry2(function curryN(length, fn) {
   return _arity(length, _curryN(length, [], fn));
 });
 
-/**
- * Optimized internal three-arity curry function.
- *
- * @private
- * @category Function
- * @param {Function} fn The function to curry.
- * @return {Function} The curried function.
- */
-
-function _curry3(fn) {
-  return function f3(a, b, c) {
-    switch (arguments.length) {
-      case 0:
-        return f3;
-
-      case 1:
-        return _isPlaceholder(a) ? f3 : _curry2(function (_b, _c) {
-          return fn(a, _b, _c);
-        });
-
-      case 2:
-        return _isPlaceholder(a) && _isPlaceholder(b) ? f3 : _isPlaceholder(a) ? _curry2(function (_a, _c) {
-          return fn(_a, b, _c);
-        }) : _isPlaceholder(b) ? _curry2(function (_b, _c) {
-          return fn(a, _b, _c);
-        }) : _curry1(function (_c) {
-          return fn(a, b, _c);
-        });
-
-      default:
-        return _isPlaceholder(a) && _isPlaceholder(b) && _isPlaceholder(c) ? f3 : _isPlaceholder(a) && _isPlaceholder(b) ? _curry2(function (_a, _b) {
-          return fn(_a, _b, c);
-        }) : _isPlaceholder(a) && _isPlaceholder(c) ? _curry2(function (_a, _c) {
-          return fn(_a, b, _c);
-        }) : _isPlaceholder(b) && _isPlaceholder(c) ? _curry2(function (_b, _c) {
-          return fn(a, _b, _c);
-        }) : _isPlaceholder(a) ? _curry1(function (_a) {
-          return fn(_a, b, c);
-        }) : _isPlaceholder(b) ? _curry1(function (_b) {
-          return fn(a, _b, c);
-        }) : _isPlaceholder(c) ? _curry1(function (_c) {
-          return fn(a, b, _c);
-        }) : fn(a, b, c);
-    }
-  };
-}
-
 /**
  * Tests whether or not an object is an array.
  *
@@ -1520,124 +1473,6 @@ _curry1(function mergeAll(list) {
   return _objectAssign$1.apply(null, [{}].concat(list));
 });
 
-/**
- * Creates a new object with the own properties of the two provided objects. If
- * a key exists in both objects, the provided function is applied to the key
- * and the values associated with the key in each object, with the result being
- * used as the value associated with the key in the returned object.
- *
- * @func
- * @memberOf R
- * @since v0.19.0
- * @category Object
- * @sig ((String, a, a) -> a) -> {a} -> {a} -> {a}
- * @param {Function} fn
- * @param {Object} l
- * @param {Object} r
- * @return {Object}
- * @see R.mergeDeepWithKey, R.merge, R.mergeWith
- * @example
- *
- *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r
- *      R.mergeWithKey(concatValues,
- *                     { a: true, thing: 'foo', values: [10, 20] },
- *                     { b: true, thing: 'bar', values: [15, 35] });
- *      //=> { a: true, b: true, thing: 'bar', values: [10, 20, 15, 35] }
- * @symb R.mergeWithKey(f, { x: 1, y: 2 }, { y: 5, z: 3 }) = { x: 1, y: f('y', 2, 5), z: 3 }
- */
-
-var mergeWithKey =
-/*#__PURE__*/
-_curry3(function mergeWithKey(fn, l, r) {
-  var result = {};
-  var k;
-
-  for (k in l) {
-    if (_has(k, l)) {
-      result[k] = _has(k, r) ? fn(k, l[k], r[k]) : l[k];
-    }
-  }
-
-  for (k in r) {
-    if (_has(k, r) && !_has(k, result)) {
-      result[k] = r[k];
-    }
-  }
-
-  return result;
-});
-
-/**
- * Creates a new object with the own properties of the two provided objects.
- * If a key exists in both objects:
- * - and both associated values are also objects then the values will be
- *   recursively merged.
- * - otherwise the provided function is applied to the key and associated values
- *   using the resulting value as the new value associated with the key.
- * If a key only exists in one object, the value will be associated with the key
- * of the resulting object.
- *
- * @func
- * @memberOf R
- * @since v0.24.0
- * @category Object
- * @sig ((String, a, a) -> a) -> {a} -> {a} -> {a}
- * @param {Function} fn
- * @param {Object} lObj
- * @param {Object} rObj
- * @return {Object}
- * @see R.mergeWithKey, R.mergeDeepWith
- * @example
- *
- *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r
- *      R.mergeDeepWithKey(concatValues,
- *                         { a: true, c: { thing: 'foo', values: [10, 20] }},
- *                         { b: true, c: { thing: 'bar', values: [15, 35] }});
- *      //=> { a: true, b: true, c: { thing: 'bar', values: [10, 20, 15, 35] }}
- */
-
-var mergeDeepWithKey =
-/*#__PURE__*/
-_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
-  return mergeWithKey(function (k, lVal, rVal) {
-    if (_isObject(lVal) && _isObject(rVal)) {
-      return mergeDeepWithKey(fn, lVal, rVal);
-    } else {
-      return fn(k, lVal, rVal);
-    }
-  }, lObj, rObj);
-});
-
-/**
- * Creates a new object with the own properties of the first object merged with
- * the own properties of the second object. If a key exists in both objects:
- * - and both values are objects, the two values will be recursively merged
- * - otherwise the value from the first object will be used.
- *
- * @func
- * @memberOf R
- * @since v0.24.0
- * @category Object
- * @sig {a} -> {a} -> {a}
- * @param {Object} lObj
- * @param {Object} rObj
- * @return {Object}
- * @see R.merge, R.mergeDeepRight, R.mergeDeepWith, R.mergeDeepWithKey
- * @example
- *
- *      R.mergeDeepLeft({ name: 'fred', age: 10, contact: { email: 'moo@example.com' }},
- *                      { age: 40, contact: { email: 'baa@example.com' }});
- *      //=> { name: 'fred', age: 10, contact: { email: 'moo@example.com' }}
- */
-
-var mergeDeepLeft =
-/*#__PURE__*/
-_curry2(function mergeDeepLeft(lObj, rObj) {
-  return mergeDeepWithKey(function (k, lVal, rVal) {
-    return lVal;
-  }, lObj, rObj);
-});
-
 /**
  * Create a new object with the own properties of the first object merged with
  * the own properties of the second object. If a key exists in both objects,
@@ -1985,8 +1820,8 @@ function cov_26592p5fu3() {
   return actualCoverage;
 }
 cov_26592p5fu3();
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledWrapper = (cov_26592p5fu3().s[0]++, styled.div(function (_ref) {
   var _design$border, _design$borderTop, _design$borderTop2, _design$borderTop3, _design$borderBottom, _design$borderBottom2, _design$borderBottom3, _design$borderRight, _design$borderLeft, _design$border2;
   var _ref$design = _ref.design,
@@ -2016,7 +1851,7 @@ var StyledWrapper = (cov_26592p5fu3().s[0]++, styled.div(function (_ref) {
   var backgroundStyles = (cov_26592p5fu3().s[4]++, {
     position: "relative",
     zIndex: 0,
-    "&::before": _objectSpread$2({
+    "&::before": _objectSpread$5({
       content: "''",
       position: "absolute",
       top: 0,
@@ -6231,7 +6066,7 @@ function Interweave(props) {
   });
 }
 
-var _excluded = ["style", "component", "className", "isTitle", "children"];
+var _excluded$1 = ["style", "component", "className", "isTitle", "children"];
 function cov_2j9er2s36e() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/commons/Typography.jsx";
   var hash = "c5e98d310e7417f9f631ec8d9735f008eeeac83d";
@@ -6493,7 +6328,7 @@ var Typography = function Typography(_ref) {
     _ref$isTitle = _ref.isTitle,
     isTitle = _ref$isTitle === void 0 ? (cov_2j9er2s36e().b[3][0]++, false) : _ref$isTitle,
     children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
   cov_2j9er2s36e().f[0]++;
   cov_2j9er2s36e().s[1]++;
   if (isTitle) {
@@ -6550,132 +6385,63 @@ function cov_285a2wxz84() {
 }
 cov_285a2wxz84();
 
-function cov_1rn97x90t6() {
-  var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/commons/utils.js";
-  var hash = "2df889d87af01aa25e1c38dc7ac8aa66d1607887";
+var _excluded = ["name"];
+function cov_mdbryxoh6() {
+  var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/commons/utils.jsx";
+  var hash = "43b8927a91a7a316d43e18b705302b300ffb460e";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
-    path: "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/commons/utils.js",
+    path: "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/commons/utils.jsx",
     statementMap: {
       "0": {
         start: {
-          line: 4,
+          line: 5,
           column: 21
         },
         end: {
-          line: 4,
+          line: 5,
           column: 48
         }
       },
       "1": {
         start: {
-          line: 4,
+          line: 5,
           column: 34
         },
         end: {
-          line: 4,
+          line: 5,
           column: 48
         }
       },
       "2": {
         start: {
-          line: 6,
-          column: 27
+          line: 7,
+          column: 19
         },
         end: {
-          line: 15,
+          line: 11,
           column: 1
         }
       },
       "3": {
-        start: {
-          line: 7,
-          column: 27
-        },
-        end: {
-          line: 9,
-          column: 3
-        }
-      },
-      "4": {
         start: {
           line: 8,
-          column: 4
+          column: 15
         },
         end: {
           line: 8,
-          column: 52
-        }
-      },
-      "5": {
-        start: {
-          line: 11,
-          column: 2
-        },
-        end: {
-          line: 14,
-          column: 4
-        }
-      },
-      "6": {
-        start: {
-          line: 17,
-          column: 30
-        },
-        end: {
-          line: 35,
-          column: 1
-        }
-      },
-      "7": {
-        start: {
-          line: 18,
-          column: 2
-        },
-        end: {
-          line: 24,
-          column: 3
-        }
-      },
-      "8": {
-        start: {
-          line: 19,
-          column: 4
-        },
-        end: {
-          line: 23,
-          column: 6
-        }
-      },
-      "9": {
-        start: {
-          line: 26,
-          column: 2
-        },
-        end: {
-          line: 32,
-          column: 3
-        }
-      },
-      "10": {
-        start: {
-          line: 27,
-          column: 4
-        },
-        end: {
-          line: 31,
-          column: 6
+          column: 31
         }
       },
-      "11": {
+      "4": {
         start: {
-          line: 34,
+          line: 10,
           column: 2
         },
         end: {
-          line: 34,
-          column: 24
+          line: 10,
+          column: 34
         }
       }
     },
@@ -6684,193 +6450,66 @@ function cov_1rn97x90t6() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 4,
+            line: 5,
             column: 21
           },
           end: {
-            line: 4,
+            line: 5,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 4,
+            line: 5,
             column: 34
           },
           end: {
-            line: 4,
+            line: 5,
             column: 48
           }
         },
-        line: 4
+        line: 5
       },
       "1": {
         name: "(anonymous_1)",
-        decl: {
-          start: {
-            line: 6,
-            column: 27
-          },
-          end: {
-            line: 6,
-            column: 28
-          }
-        },
-        loc: {
-          start: {
-            line: 6,
-            column: 73
-          },
-          end: {
-            line: 15,
-            column: 1
-          }
-        },
-        line: 6
-      },
-      "2": {
-        name: "(anonymous_2)",
         decl: {
           start: {
             line: 7,
-            column: 41
+            column: 19
           },
           end: {
             line: 7,
-            column: 42
-          }
-        },
-        loc: {
-          start: {
-            line: 8,
-            column: 4
-          },
-          end: {
-            line: 8,
-            column: 52
-          }
-        },
-        line: 8
-      },
-      "3": {
-        name: "(anonymous_3)",
-        decl: {
-          start: {
-            line: 17,
-            column: 30
-          },
-          end: {
-            line: 17,
-            column: 31
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 17,
+            line: 7,
             column: 48
           },
           end: {
-            line: 35,
+            line: 11,
             column: 1
           }
         },
-        line: 17
-      }
-    },
-    branchMap: {
-      "0": {
-        loc: {
-          start: {
-            line: 18,
-            column: 2
-          },
-          end: {
-            line: 24,
-            column: 3
-          }
-        },
-        type: "if",
-        locations: [{
-          start: {
-            line: 18,
-            column: 2
-          },
-          end: {
-            line: 24,
-            column: 3
-          }
-        }, {
-          start: {
-            line: undefined,
-            column: undefined
-          },
-          end: {
-            line: undefined,
-            column: undefined
-          }
-        }],
-        line: 18
-      },
-      "1": {
-        loc: {
-          start: {
-            line: 26,
-            column: 2
-          },
-          end: {
-            line: 32,
-            column: 3
-          }
-        },
-        type: "if",
-        locations: [{
-          start: {
-            line: 26,
-            column: 2
-          },
-          end: {
-            line: 32,
-            column: 3
-          }
-        }, {
-          start: {
-            line: undefined,
-            column: undefined
-          },
-          end: {
-            line: undefined,
-            column: undefined
-          }
-        }],
-        line: 26
+        line: 7
       }
     },
+    branchMap: {},
     s: {
       "0": 0,
       "1": 0,
       "2": 0,
       "3": 0,
-      "4": 0,
-      "5": 0,
-      "6": 0,
-      "7": 0,
-      "8": 0,
-      "9": 0,
-      "10": 0,
-      "11": 0
+      "4": 0
     },
     f: {
       "0": 0,
-      "1": 0,
-      "2": 0,
-      "3": 0
-    },
-    b: {
-      "0": [0, 0],
-      "1": [0, 0]
+      "1": 0
     },
+    b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "2df889d87af01aa25e1c38dc7ac8aa66d1607887"
+    hash: "43b8927a91a7a316d43e18b705302b300ffb460e"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -6879,58 +6518,30 @@ function cov_1rn97x90t6() {
   var actualCoverage = coverage[path];
   {
     // @ts-ignore
-    cov_1rn97x90t6 = function () {
+    cov_mdbryxoh6 = function () {
       return actualCoverage;
     };
   }
   return actualCoverage;
 }
-cov_1rn97x90t6();
-cov_1rn97x90t6().s[0]++;
+cov_mdbryxoh6();
+cov_mdbryxoh6().s[0]++;
 var getUniqueKey = function getUniqueKey() {
-  cov_1rn97x90t6().f[0]++;
-  cov_1rn97x90t6().s[1]++;
+  cov_mdbryxoh6().f[0]++;
+  cov_mdbryxoh6().s[1]++;
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
   return args.join("-");
 };
-cov_1rn97x90t6().s[2]++;
-var buildConfiguration = function buildConfiguration(reference, configurations, blockVariable) {
-  cov_1rn97x90t6().f[1]++;
-  var newConfiguration = (cov_1rn97x90t6().s[3]++, reference.map(function (item) {
-    cov_1rn97x90t6().f[2]++;
-    cov_1rn97x90t6().s[4]++;
-    return mergeLeft({
-      icon: NeetoIcons[item.icon]
-    }, item);
-  }));
-  cov_1rn97x90t6().s[5]++;
-  return mergeDeepLeft({
-    properties: _defineProperty$1({}, blockVariable, newConfiguration)
-  }, configurations);
-};
-cov_1rn97x90t6().s[6]++;
-var getSiteConfigurations = function getSiteConfigurations(configurations) {
-  cov_1rn97x90t6().f[3]++;
-  cov_1rn97x90t6().s[7]++;
-  if (configurations.properties.icons) {
-    cov_1rn97x90t6().b[0][0]++;
-    cov_1rn97x90t6().s[8]++;
-    return buildConfiguration(configurations.properties.icons, configurations, "icons");
-  } else {
-    cov_1rn97x90t6().b[0][1]++;
-  }
-  cov_1rn97x90t6().s[9]++;
-  if (configurations.properties.features) {
-    cov_1rn97x90t6().b[1][0]++;
-    cov_1rn97x90t6().s[10]++;
-    return buildConfiguration(configurations.properties.features, configurations, "features");
-  } else {
-    cov_1rn97x90t6().b[1][1]++;
-  }
-  cov_1rn97x90t6().s[11]++;
-  return configurations;
+cov_mdbryxoh6().s[2]++;
+var renderIcon = function renderIcon(_ref) {
+  var name = _ref.name,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  cov_mdbryxoh6().f[1]++;
+  var Icon = (cov_mdbryxoh6().s[3]++, NeetoIcons[name]);
+  cov_mdbryxoh6().s[4]++;
+  return /*#__PURE__*/React__default.createElement(Icon, otherProps);
 };
 
 function cov_snfvcikxw() {
@@ -33411,7 +33022,7 @@ var ctaApi = (cov_1zrre9eq95().s[2]++, {
 
 function cov_120j8h8c5k() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/constants.js";
-  var hash = "1c34086e1eb5c45ba01c23f21014f8347a0eb0ba";
+  var hash = "ef277d997ee327006d970ed07a8e073b5476bd1b";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -33419,31 +33030,21 @@ function cov_120j8h8c5k() {
     statementMap: {
       "0": {
         start: {
-          line: 7,
+          line: 1,
           column: 25
         },
         end: {
-          line: 23,
+          line: 17,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 25,
-          column: 28
-        },
-        end: {
-          line: 29,
-          column: 1
-        }
-      },
-      "2": {
-        start: {
-          line: 31,
+          line: 19,
           column: 27
         },
         end: {
-          line: 31,
+          line: 19,
           column: 73
         }
       }
@@ -33452,13 +33053,12 @@ function cov_120j8h8c5k() {
     branchMap: {},
     s: {
       "0": 0,
-      "1": 0,
-      "2": 0
+      "1": 0
     },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "1c34086e1eb5c45ba01c23f21014f8347a0eb0ba"
+    hash: "ef277d997ee327006d970ed07a8e073b5476bd1b"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -33491,12 +33091,7 @@ var POSITIONS = (cov_120j8h8c5k().s[0]++, {
     label: "center"
   }
 });
-var SOCIAL_ICONS = (cov_120j8h8c5k().s[1]++, {
-  Facebook: s$1X,
-  Twitter: i$e,
-  LinkedIn: i$_
-});
-var EMAIL_REGEX = (cov_120j8h8c5k().s[2]++, /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/);
+var EMAIL_REGEX = (cov_120j8h8c5k().s[1]++, /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/);
 
 function cov_2qijyrluvh() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/utils/cta.js";
@@ -33626,13 +33221,13 @@ function cov_2qijyrluvh() {
   return actualCoverage;
 }
 cov_2qijyrluvh();
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledButton = (cov_2qijyrluvh().s[0]++, styled.button(function (_ref) {
   var design = _ref.design;
   cov_2qijyrluvh().f[0]++;
   cov_2qijyrluvh().s[1]++;
-  return _objectSpread$1(_objectSpread$1({}, design), {}, {
+  return _objectSpread$4(_objectSpread$4({}, design), {}, {
     paddingLeft: design.paddingHorizontal,
     paddingRight: design.paddingHorizontal,
     paddingTop: design.paddingVertical,
@@ -47123,7 +46718,7 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
 
 function cov_3j9xfx0k4() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/FeatureWithLink.jsx";
-  var hash = "0f7cfbc5fdb9566955558f2e8d21f9dc138d21d4";
+  var hash = "cb2b794ba9b7196af7dd6b446e93dcc668bd1c54";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -47135,7 +46730,7 @@ function cov_3j9xfx0k4() {
           column: 24
         },
         end: {
-          line: 80,
+          line: 77,
           column: 1
         }
       },
@@ -47195,7 +46790,7 @@ function cov_3j9xfx0k4() {
           column: 2
         },
         end: {
-          line: 79,
+          line: 76,
           column: 4
         }
       },
@@ -47205,7 +46800,7 @@ function cov_3j9xfx0k4() {
           column: 14
         },
         end: {
-          line: 66,
+          line: 63,
           column: 30
         }
       }
@@ -47229,7 +46824,7 @@ function cov_3j9xfx0k4() {
             column: 68
           },
           end: {
-            line: 80,
+            line: 77,
             column: 1
           }
         },
@@ -47253,7 +46848,7 @@ function cov_3j9xfx0k4() {
             column: 14
           },
           end: {
-            line: 66,
+            line: 63,
             column: 30
           }
         },
@@ -47397,7 +46992,7 @@ function cov_3j9xfx0k4() {
       "3": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "0f7cfbc5fdb9566955558f2e8d21f9dc138d21d4"
+    hash: "cb2b794ba9b7196af7dd6b446e93dcc668bd1c54"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -47413,6 +47008,8 @@ function cov_3j9xfx0k4() {
   return actualCoverage;
 }
 cov_3j9xfx0k4();
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 cov_3j9xfx0k4().s[0]++;
 var FeatureWithLink = function FeatureWithLink(_ref) {
   var configurations = _ref.configurations,
@@ -47466,17 +47063,16 @@ var FeatureWithLink = function FeatureWithLink(_ref) {
     className: "mb-8 space-y-5"
   }, features.map(function (_ref4, index) {
     var featureTitle = _ref4.title,
-      Icon = _ref4.icon;
+      name = _ref4.name;
     cov_3j9xfx0k4().f[1]++;
     cov_3j9xfx0k4().s[7]++;
     return /*#__PURE__*/React__default.createElement(StyledWrapper, {
       className: "flex items-center gap-x-4",
       design: design.feature,
       key: getUniqueKey(featureTitle, index)
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      color: design.featureIcon.color,
-      size: design.featureIcon.size
-    }), /*#__PURE__*/React__default.createElement(Typography, {
+    }, renderIcon(_objectSpread$3({
+      name: name
+    }, design.featureIcon)), /*#__PURE__*/React__default.createElement(Typography, {
       isTitle: true,
       component: "p",
       style: design.featureTitle
@@ -49036,7 +48632,7 @@ var FeatureWithRightImage = function FeatureWithRightImage(_ref) {
 
 function cov_1kbh5b1kc1() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/FooterWithLinkGroups.jsx";
-  var hash = "ce6339704651e62412a583c484e0d37735783869";
+  var hash = "5b368d46582b264b386ff666676b3bcf2dc5b6d2";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -49044,122 +48640,102 @@ function cov_1kbh5b1kc1() {
     statementMap: {
       "0": {
         start: {
-          line: 12,
+          line: 10,
           column: 29
         },
         end: {
-          line: 125,
+          line: 99,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 13,
+          line: 11,
           column: 33
         },
         end: {
-          line: 13,
+          line: 11,
           column: 47
         }
       },
       "2": {
         start: {
-          line: 24,
+          line: 16,
           column: 6
         },
         end: {
-          line: 24,
+          line: 16,
           column: 16
         }
       },
       "3": {
         start: {
-          line: 26,
-          column: 26
+          line: 18,
+          column: 22
         },
         end: {
-          line: 26,
-          column: 67
+          line: 18,
+          column: 52
         }
       },
       "4": {
         start: {
-          line: 27,
-          column: 25
+          line: 20,
+          column: 2
         },
         end: {
-          line: 27,
-          column: 67
+          line: 98,
+          column: 4
         }
       },
       "5": {
         start: {
-          line: 29,
-          column: 22
+          line: 37,
+          column: 12
         },
         end: {
-          line: 34,
-          column: 4
+          line: 54,
+          column: 18
         }
       },
       "6": {
         start: {
-          line: 36,
-          column: 29
+          line: 43,
+          column: 18
         },
         end: {
-          line: 39,
-          column: 4
+          line: 51,
+          column: 23
         }
       },
       "7": {
         start: {
-          line: 41,
-          column: 2
+          line: 63,
+          column: 14
         },
         end: {
-          line: 124,
-          column: 4
+          line: 73,
+          column: 16
         }
       },
       "8": {
         start: {
-          line: 69,
-          column: 27
+          line: 66,
+          column: 18
         },
         end: {
-          line: 69,
-          column: 50
+          line: 70,
+          column: 20
         }
       },
       "9": {
         start: {
-          line: 71,
+          line: 78,
           column: 14
         },
         end: {
-          line: 83,
-          column: 16
-        }
-      },
-      "10": {
-        start: {
-          line: 89,
-          column: 12
-        },
-        end: {
-          line: 117,
-          column: 18
-        }
-      },
-      "11": {
-        start: {
-          line: 106,
-          column: 18
-        },
-        end: {
-          line: 114,
-          column: 23
+          line: 86,
+          column: 19
         }
       }
     },
@@ -49168,123 +48744,171 @@ function cov_1kbh5b1kc1() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 12,
+            line: 10,
             column: 29
           },
           end: {
-            line: 12,
+            line: 10,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 12,
+            line: 10,
             column: 73
           },
           end: {
-            line: 125,
+            line: 99,
             column: 1
           }
         },
-        line: 12
+        line: 10
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 68,
-            column: 29
+            line: 36,
+            column: 23
           },
           end: {
-            line: 68,
-            column: 30
+            line: 36,
+            column: 24
           }
         },
         loc: {
           start: {
-            line: 68,
-            column: 46
+            line: 37,
+            column: 12
           },
           end: {
-            line: 84,
-            column: 13
+            line: 54,
+            column: 18
           }
         },
-        line: 68
+        line: 37
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 88,
-            column: 23
+            line: 42,
+            column: 27
           },
           end: {
-            line: 88,
-            column: 24
+            line: 42,
+            column: 28
           }
         },
         loc: {
           start: {
-            line: 89,
-            column: 12
+            line: 43,
+            column: 18
           },
           end: {
-            line: 117,
-            column: 18
+            line: 51,
+            column: 23
           }
         },
-        line: 89
+        line: 43
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 105,
-            column: 27
+            line: 62,
+            column: 37
           },
           end: {
-            line: 105,
-            column: 28
+            line: 62,
+            column: 38
           }
         },
         loc: {
           start: {
-            line: 106,
-            column: 18
+            line: 63,
+            column: 14
           },
           end: {
-            line: 114,
+            line: 73,
+            column: 16
+          }
+        },
+        line: 63
+      },
+      "4": {
+        name: "(anonymous_4)",
+        decl: {
+          start: {
+            line: 65,
+            column: 22
+          },
+          end: {
+            line: 65,
             column: 23
           }
         },
-        line: 106
+        loc: {
+          start: {
+            line: 66,
+            column: 18
+          },
+          end: {
+            line: 70,
+            column: 20
+          }
+        },
+        line: 66
+      },
+      "5": {
+        name: "(anonymous_5)",
+        decl: {
+          start: {
+            line: 77,
+            column: 31
+          },
+          end: {
+            line: 77,
+            column: 32
+          }
+        },
+        loc: {
+          start: {
+            line: 78,
+            column: 14
+          },
+          end: {
+            line: 86,
+            column: 19
+          }
+        },
+        line: 78
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 12,
+            line: 10,
             column: 48
           },
           end: {
-            line: 12,
+            line: 10,
             column: 62
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 12,
+            line: 10,
             column: 60
           },
           end: {
-            line: 12,
+            line: 10,
             column: 62
           }
         }],
-        line: 12
+        line: 10
       }
     },
     s: {
@@ -49297,21 +48921,21 @@ function cov_1kbh5b1kc1() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0,
-      "10": 0,
-      "11": 0
+      "9": 0
     },
     f: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0,
+      "5": 0
     },
     b: {
       "0": [0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "ce6339704651e62412a583c484e0d37735783869"
+    hash: "5b368d46582b264b386ff666676b3bcf2dc5b6d2"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -49327,6 +48951,8 @@ function cov_1kbh5b1kc1() {
   return actualCoverage;
 }
 cov_1kbh5b1kc1();
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 cov_1kbh5b1kc1().s[0]++;
 var FooterWithLinkGroups = function FooterWithLinkGroups(_ref) {
   var configurations = _ref.configurations,
@@ -49341,23 +48967,12 @@ var FooterWithLinkGroups = function FooterWithLinkGroups(_ref) {
     _ref3$content = _ref3.content,
     logo = _ref3$content.logo,
     description = _ref3$content.description,
-    contentPosition = _ref3$content.position,
+    contact = _ref3$content.contact,
     copyrightText = _ref3$content.copyrightText,
-    socialLinks = _ref3$content.socialLinks,
     columns = _ref3.columns,
     src = _ref3.backgroundImage.src;
-  var isDefaultLayout = (cov_1kbh5b1kc1().s[3]++, contentPosition === POSITIONS.RIGHT.label);
-  var isCenterLayout = (cov_1kbh5b1kc1().s[4]++, contentPosition === POSITIONS.CENTER.label);
-  var baseClasses = (cov_1kbh5b1kc1().s[5]++, classnames("flex gap-16", {
-    "flex-col lg:flex-row": isDefaultLayout,
-    "flex-col-reverse lg:flex-row-reverse": contentPosition === POSITIONS.LEFT.label,
-    "flex-col": isCenterLayout
-  }));
-  var columnsBaseClasses = (cov_1kbh5b1kc1().s[6]++, classnames({
-    "grid grid-cols-2 sm:grid-cols-4 gap-8 lg:gap-6 flex-grow": true,
-    "w-3/5 mx-auto": isCenterLayout
-  }));
-  cov_1kbh5b1kc1().s[7]++;
+  var baseClasses = (cov_1kbh5b1kc1().s[3]++, "grid grid-cols-12 sm:gap-x-4");
+  cov_1kbh5b1kc1().s[4]++;
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
     as: "footer",
     backgroundImage: mergeLeft({
@@ -49367,79 +48982,92 @@ var FooterWithLinkGroups = function FooterWithLinkGroups(_ref) {
     design: design.body,
     id: id
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: baseClasses
+    className: classnames("neeto-site-block-wrapper", baseClasses)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("flex flex-col", {
-      "w-full items-start lg:w-1/3": !isCenterLayout
-    })
+    className: "col-span-12 sm:col-span-5"
   }, /*#__PURE__*/React__default.createElement(StyledImage, {
     design: design.logo,
     src: logo.src
   }), /*#__PURE__*/React__default.createElement(Typography, {
-    className: classnames({
-      "text-center": isCenterLayout
-    }),
     component: "p",
     style: design.description
-  }, description), /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("flex space-x-6", {
-      "justify-center": isCenterLayout
-    })
-  }, socialLinks.map(function (item, index) {
-    cov_1kbh5b1kc1().f[1]++;
-    var Icon = (cov_1kbh5b1kc1().s[8]++, SOCIAL_ICONS[item.name]);
-    cov_1kbh5b1kc1().s[9]++;
-    return /*#__PURE__*/React__default.createElement(StyledWrapper, {
-      as: "a",
-      design: design.columnLinks,
-      href: item.href,
-      key: getUniqueKey(item.name, index)
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      className: "hover:text-gray-800",
-      size: design.socialIcon.width
-    }));
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: columnsBaseClasses
+  }, description)), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-12 mb-4 grid grid-cols-4 sm:col-span-4 sm:col-start-7 sm:mb-0"
   }, columns.map(function (_ref4) {
     var title = _ref4.title,
       links = _ref4.links;
-    cov_1kbh5b1kc1().f[2]++;
-    cov_1kbh5b1kc1().s[10]++;
+    cov_1kbh5b1kc1().f[1]++;
+    cov_1kbh5b1kc1().s[5]++;
     return /*#__PURE__*/React__default.createElement("div", {
-      key: title,
-      className: classnames("flex flex-col", {
-        "items-start": !isCenterLayout,
-        "text-center": isCenterLayout
-      })
+      className: "col-span-2",
+      key: title
     }, /*#__PURE__*/React__default.createElement(Typography, {
       isTitle: true,
-      className: "uppercase",
       component: "h3",
       style: design.columnTitle
     }, title), /*#__PURE__*/React__default.createElement("ul", {
-      className: "space-y-4",
+      className: "space-y-1",
       role: "list"
     }, links.map(function (_ref5, index) {
       var action = _ref5.action,
         name = _ref5.name,
         href = _ref5.href;
-      cov_1kbh5b1kc1().f[3]++;
-      cov_1kbh5b1kc1().s[11]++;
+      cov_1kbh5b1kc1().f[2]++;
+      cov_1kbh5b1kc1().s[6]++;
       return /*#__PURE__*/React__default.createElement("li", {
         key: getUniqueKey(name, index)
       }, /*#__PURE__*/React__default.createElement(LinkElement, {
         action: action,
-        className: "hover:text-gray-800",
+        className: "hover:text-gray-700",
         label: name,
         style: design.columnLinks,
         to: href
       }));
     })));
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "mt-12 border-t border-gray-200 pt-8"
-  }), /*#__PURE__*/React__default.createElement(Typography, {
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-12 space-y-2 sm:col-span-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    isTitle: true,
+    component: "h3",
+    style: design.columnTitle
+  }, contact.title), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex gap-x-1"
+  }, contact.socialLinks.map(function (_icon, index) {
+    cov_1kbh5b1kc1().f[3]++;
+    cov_1kbh5b1kc1().s[7]++;
+    return /*#__PURE__*/React__default.createElement(LinkElement, _extends$4({
+      key: getUniqueKey(_icon.name, index),
+      icon: function icon() {
+        cov_1kbh5b1kc1().f[4]++;
+        cov_1kbh5b1kc1().s[8]++;
+        return renderIcon(_objectSpread$2({
+          name: _icon.name,
+          className: "text-red-60 hover:text-gray-600"
+        }, design.socialIcon));
+      }
+    }, _icon));
+  })), /*#__PURE__*/React__default.createElement("ul", {
+    className: "space-y-1",
+    role: "list"
+  }, contact.other.map(function (_ref6, index) {
+    var action = _ref6.action,
+      value = _ref6.value,
+      to = _ref6.to;
+    cov_1kbh5b1kc1().f[5]++;
+    cov_1kbh5b1kc1().s[9]++;
+    return /*#__PURE__*/React__default.createElement("li", {
+      key: getUniqueKey(value, index)
+    }, /*#__PURE__*/React__default.createElement(LinkElement, {
+      action: action,
+      className: "hover:text-gray-700",
+      label: value,
+      style: design.columnLinks,
+      to: to
+    }));
+  }))), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "col-span-12 mt-8 sm:mt-0",
     style: design.copyrightText
-  }, copyrightText));
+  }, copyrightText)));
 };
 
 function cov_2i9807t0bv() {
@@ -50986,7 +50614,7 @@ var GridWithImage = function GridWithImage(_ref) {
 
 function cov_23txpdjvdc() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/HeaderWithLeftLinks.jsx";
-  var hash = "d99eb257143ad5befa2103a68faeaa8f02342189";
+  var hash = "130262e38345d8837990b27c08a01720377a8c74";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -50998,7 +50626,7 @@ function cov_23txpdjvdc() {
           column: 28
         },
         end: {
-          line: 106,
+          line: 114,
           column: 1
         }
       },
@@ -51058,7 +50686,7 @@ function cov_23txpdjvdc() {
           column: 2
         },
         end: {
-          line: 105,
+          line: 113,
           column: 4
         }
       },
@@ -51078,7 +50706,7 @@ function cov_23txpdjvdc() {
           column: 12
         },
         end: {
-          line: 58,
+          line: 62,
           column: 14
         }
       },
@@ -51088,78 +50716,78 @@ function cov_23txpdjvdc() {
           column: 16
         },
         end: {
-          line: 56,
-          column: 74
+          line: 60,
+          column: 18
         }
       },
       "10": {
         start: {
-          line: 63,
+          line: 67,
           column: 25
         },
         end: {
-          line: 63,
+          line: 67,
           column: 54
         }
       },
       "11": {
         start: {
-          line: 63,
+          line: 67,
           column: 48
         },
         end: {
-          line: 63,
+          line: 67,
           column: 53
         }
       },
       "12": {
         start: {
-          line: 69,
+          line: 73,
           column: 25
         },
         end: {
-          line: 69,
+          line: 73,
           column: 54
         }
       },
       "13": {
         start: {
-          line: 69,
+          line: 73,
           column: 48
         },
         end: {
-          line: 69,
+          line: 73,
           column: 53
         }
       },
       "14": {
         start: {
-          line: 76,
+          line: 80,
           column: 14
         },
         end: {
-          line: 83,
+          line: 87,
           column: 16
         }
       },
       "15": {
         start: {
-          line: 90,
+          line: 94,
           column: 14
         },
         end: {
-          line: 99,
+          line: 107,
           column: 16
         }
       },
       "16": {
         start: {
-          line: 97,
+          line: 101,
           column: 18
         },
         end: {
-          line: 97,
-          column: 76
+          line: 105,
+          column: 20
         }
       }
     },
@@ -51182,7 +50810,7 @@ function cov_23txpdjvdc() {
             column: 72
           },
           end: {
-            line: 106,
+            line: 114,
             column: 1
           }
         },
@@ -51230,7 +50858,7 @@ function cov_23txpdjvdc() {
             column: 12
           },
           end: {
-            line: 58,
+            line: 62,
             column: 14
           }
         },
@@ -51254,8 +50882,8 @@ function cov_23txpdjvdc() {
             column: 16
           },
           end: {
-            line: 56,
-            column: 74
+            line: 60,
+            column: 18
           }
         },
         line: 56
@@ -51264,169 +50892,169 @@ function cov_23txpdjvdc() {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 63,
+            line: 67,
             column: 19
           },
           end: {
-            line: 63,
+            line: 67,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 63,
+            line: 67,
             column: 25
           },
           end: {
-            line: 63,
+            line: 67,
             column: 54
           }
         },
-        line: 63
+        line: 67
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 63,
+            line: 67,
             column: 40
           },
           end: {
-            line: 63,
+            line: 67,
             column: 41
           }
         },
         loc: {
           start: {
-            line: 63,
+            line: 67,
             column: 48
           },
           end: {
-            line: 63,
+            line: 67,
             column: 53
           }
         },
-        line: 63
+        line: 67
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 69,
+            line: 73,
             column: 19
           },
           end: {
-            line: 69,
+            line: 73,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 69,
+            line: 73,
             column: 25
           },
           end: {
-            line: 69,
+            line: 73,
             column: 54
           }
         },
-        line: 69
+        line: 73
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 69,
+            line: 73,
             column: 40
           },
           end: {
-            line: 69,
+            line: 73,
             column: 41
           }
         },
         loc: {
           start: {
-            line: 69,
+            line: 73,
             column: 48
           },
           end: {
-            line: 69,
+            line: 73,
             column: 53
           }
         },
-        line: 69
+        line: 73
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 75,
+            line: 79,
             column: 34
           },
           end: {
-            line: 75,
+            line: 79,
             column: 35
           }
         },
         loc: {
           start: {
-            line: 76,
+            line: 80,
             column: 14
           },
           end: {
-            line: 83,
+            line: 87,
             column: 16
           }
         },
-        line: 76
+        line: 80
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 89,
+            line: 93,
             column: 34
           },
           end: {
-            line: 89,
+            line: 93,
             column: 35
           }
         },
         loc: {
           start: {
-            line: 90,
+            line: 94,
             column: 14
           },
           end: {
-            line: 99,
+            line: 107,
             column: 16
           }
         },
-        line: 90
+        line: 94
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 96,
+            line: 100,
             column: 22
           },
           end: {
-            line: 96,
+            line: 100,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 97,
+            line: 101,
             column: 18
           },
           end: {
-            line: 97,
-            column: 76
+            line: 105,
+            column: 20
           }
         },
-        line: 97
+        line: 101
       }
     },
     branchMap: {
@@ -51457,68 +51085,68 @@ function cov_23txpdjvdc() {
       "1": {
         loc: {
           start: {
-            line: 73,
+            line: 77,
             column: 9
           },
           end: {
-            line: 86,
+            line: 90,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 73,
+            line: 77,
             column: 9
           },
           end: {
-            line: 73,
+            line: 77,
             column: 20
           }
         }, {
           start: {
-            line: 74,
+            line: 78,
             column: 10
           },
           end: {
-            line: 85,
+            line: 89,
             column: 16
           }
         }],
-        line: 73
+        line: 77
       },
       "2": {
         loc: {
           start: {
-            line: 87,
+            line: 91,
             column: 9
           },
           end: {
-            line: 102,
+            line: 110,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 87,
+            line: 91,
             column: 9
           },
           end: {
-            line: 87,
+            line: 91,
             column: 20
           }
         }, {
           start: {
-            line: 88,
+            line: 92,
             column: 10
           },
           end: {
-            line: 101,
+            line: 109,
             column: 16
           }
         }],
-        line: 87
+        line: 91
       }
     },
     s: {
@@ -51559,7 +51187,7 @@ function cov_23txpdjvdc() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "d99eb257143ad5befa2103a68faeaa8f02342189"
+    hash: "130262e38345d8837990b27c08a01720377a8c74"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -51575,6 +51203,8 @@ function cov_23txpdjvdc() {
   return actualCoverage;
 }
 cov_23txpdjvdc();
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 cov_23txpdjvdc().s[0]++;
 var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
   var configurations = _ref.configurations,
@@ -51628,7 +51258,7 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-5 col-start-8 hidden justify-end sm:col-span-4 sm:col-start-9 sm:flex"
   }, properties.icons.map(function (_ref9, index) {
-    var Icon = _ref9.icon,
+    var name = _ref9.name,
       url = _ref9.url,
       action = _ref9.action;
     cov_23txpdjvdc().f[2]++;
@@ -51641,7 +51271,8 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
       icon: function icon() {
         cov_23txpdjvdc().f[3]++;
         cov_23txpdjvdc().s[9]++;
-        return /*#__PURE__*/React__default.createElement(Icon, _extends$4({
+        return renderIcon(_objectSpread$1({
+          name: name,
           className: "hover:text-gray-700"
         }, design.icons));
       }
@@ -51691,7 +51322,7 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
   }))), (cov_23txpdjvdc().b[2][0]++, isIconsOpen) && (cov_23txpdjvdc().b[2][1]++, /*#__PURE__*/React__default.createElement("div", {
     className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
   }, properties.icons.map(function (_ref11, index) {
-    var Icon = _ref11.icon,
+    var name = _ref11.name,
       url = _ref11.url,
       action = _ref11.action;
     cov_23txpdjvdc().f[9]++;
@@ -51705,7 +51336,8 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
       icon: function icon() {
         cov_23txpdjvdc().f[10]++;
         cov_23txpdjvdc().s[16]++;
-        return /*#__PURE__*/React__default.createElement(Icon, _extends$4({
+        return renderIcon(_objectSpread$1({
+          name: name,
           className: "hover:text-gray-700"
         }, design.icons));
       }
@@ -51715,7 +51347,7 @@ var HeaderWithLeftLinks = function HeaderWithLeftLinks(_ref) {
 
 function cov_1co863w8of() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/HeaderWithMiddleLinks.jsx";
-  var hash = "6a967bcc92ea4eff04b68f5d2e229f1e8da05ed8";
+  var hash = "25701e9a19d047f22af63851bd8dc2114de48e79";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -51727,7 +51359,7 @@ function cov_1co863w8of() {
           column: 30
         },
         end: {
-          line: 80,
+          line: 82,
           column: 1
         }
       },
@@ -51773,52 +51405,62 @@ function cov_1co863w8of() {
       },
       "5": {
         start: {
-          line: 16,
-          column: 2
+          line: 17,
+          column: 4
         },
         end: {
-          line: 79,
-          column: 4
+          line: 17,
+          column: 67
         }
       },
       "6": {
         start: {
-          line: 31,
-          column: 27
+          line: 19,
+          column: 2
         },
         end: {
-          line: 31,
-          column: 55
+          line: 81,
+          column: 4
         }
       },
       "7": {
         start: {
-          line: 31,
-          column: 49
+          line: 38,
+          column: 12
         },
         end: {
-          line: 31,
-          column: 54
+          line: 45,
+          column: 14
         }
       },
       "8": {
         start: {
-          line: 39,
-          column: 12
+          line: 62,
+          column: 25
         },
         end: {
-          line: 46,
-          column: 14
+          line: 62,
+          column: 53
         }
       },
       "9": {
         start: {
-          line: 67,
-          column: 12
+          line: 62,
+          column: 47
         },
         end: {
-          line: 74,
+          line: 62,
+          column: 52
+        }
+      },
+      "10": {
+        start: {
+          line: 69,
           column: 14
+        },
+        end: {
+          line: 75,
+          column: 16
         }
       }
     },
@@ -51841,7 +51483,7 @@ function cov_1co863w8of() {
             column: 74
           },
           end: {
-            line: 80,
+            line: 82,
             column: 1
           }
         },
@@ -51851,97 +51493,97 @@ function cov_1co863w8of() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
-            column: 21
+            line: 37,
+            column: 32
           },
           end: {
-            line: 31,
-            column: 22
+            line: 37,
+            column: 33
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 27
+            line: 38,
+            column: 12
           },
           end: {
-            line: 31,
-            column: 55
+            line: 45,
+            column: 14
           }
         },
-        line: 31
+        line: 38
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 31,
-            column: 41
+            line: 62,
+            column: 19
           },
           end: {
-            line: 31,
-            column: 42
+            line: 62,
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 49
+            line: 62,
+            column: 25
           },
           end: {
-            line: 31,
-            column: 54
+            line: 62,
+            column: 53
           }
         },
-        line: 31
+        line: 62
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 38,
-            column: 32
+            line: 62,
+            column: 39
           },
           end: {
-            line: 38,
-            column: 33
+            line: 62,
+            column: 40
           }
         },
         loc: {
           start: {
-            line: 39,
-            column: 12
+            line: 62,
+            column: 47
           },
           end: {
-            line: 46,
-            column: 14
+            line: 62,
+            column: 52
           }
         },
-        line: 39
+        line: 62
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 66,
-            column: 32
+            line: 68,
+            column: 34
           },
           end: {
-            line: 66,
-            column: 33
+            line: 68,
+            column: 35
           }
         },
         loc: {
           start: {
-            line: 67,
-            column: 12
+            line: 69,
+            column: 14
           },
           end: {
-            line: 74,
-            column: 14
+            line: 75,
+            column: 16
           }
         },
-        line: 67
+        line: 69
       }
     },
     branchMap: {
@@ -51972,35 +51614,35 @@ function cov_1co863w8of() {
       "1": {
         loc: {
           start: {
-            line: 64,
-            column: 7
+            line: 66,
+            column: 9
           },
           end: {
-            line: 77,
-            column: 7
+            line: 78,
+            column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 64,
-            column: 7
+            line: 66,
+            column: 9
           },
           end: {
-            line: 64,
-            column: 17
+            line: 66,
+            column: 19
           }
         }, {
           start: {
-            line: 65,
-            column: 8
+            line: 67,
+            column: 10
           },
           end: {
-            line: 76,
-            column: 14
+            line: 77,
+            column: 16
           }
         }],
-        line: 64
+        line: 66
       }
     },
     s: {
@@ -52013,7 +51655,8 @@ function cov_1co863w8of() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0
     },
     f: {
       "0": 0,
@@ -52027,7 +51670,7 @@ function cov_1co863w8of() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6a967bcc92ea4eff04b68f5d2e229f1e8da05ed8"
+    hash: "25701e9a19d047f22af63851bd8dc2114de48e79"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -52062,7 +51705,8 @@ var HeaderWithMiddleLinks = function HeaderWithMiddleLinks(_ref) {
   var _ref6 = (cov_1co863w8of().s[4]++, properties),
     primaryButton = _ref6.primaryButton,
     secondaryButton = _ref6.secondaryButton;
-  cov_1co863w8of().s[5]++;
+  var baseClasses = (cov_1co863w8of().s[5]++, "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense");
+  cov_1co863w8of().s[6]++;
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
     design: design.body,
     id: id,
@@ -52070,75 +51714,69 @@ var HeaderWithMiddleLinks = function HeaderWithMiddleLinks(_ref) {
       "neeto-site-sticky-header": position === "sticky"
     }, className)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default.createElement("button", {
-    className: "text-gray inline-block p-1.5 lg:hidden",
-    onClick: function onClick() {
-      cov_1co863w8of().f[1]++;
-      cov_1co863w8of().s[6]++;
-      return setIsMenuOpen(function (open) {
-        cov_1co863w8of().f[2]++;
-        cov_1co863w8of().s[7]++;
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement(i$19, {
-    color: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default.createElement(StyledImage, {
+    className: classnames("neeto-site-block-wrapper", baseClasses)
+  }, /*#__PURE__*/React__default.createElement(StyledImage, {
+    className: "col-span-3 col-start-2 ml-3 sm:col-span-2 sm:col-start-2 sm:ml-0 lg:col-start-1",
     design: design.logo,
     src: properties.logo.src
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-center gap-6"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-5 col-start-4 hidden items-center justify-center gap-x-6 lg:flex"
   }, properties.links.map(function (_ref7, index) {
     var label = _ref7.label,
       url = _ref7.url,
       action = _ref7.action;
-    cov_1co863w8of().f[3]++;
-    cov_1co863w8of().s[8]++;
+    cov_1co863w8of().f[1]++;
+    cov_1co863w8of().s[7]++;
     return /*#__PURE__*/React__default.createElement(LinkElement, {
       action: action,
-      className: "hidden hover:text-gray-800  lg:inline",
-      key: getUniqueKey(label, url, index),
+      className: "hover:text-gray-700",
+      key: getUniqueKey(label, index),
       label: label,
       style: design.links,
       to: url
     });
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "block items-center gap-4 md:flex"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    action: secondaryButton.action,
-    label: secondaryButton.label,
-    style: design.secondaryButtons,
-    to: secondaryButton.url
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    action: primaryButton.action,
-    label: primaryButton.label,
-    style: design.primaryButtons,
-    to: primaryButton.url
-  }))), (cov_1co863w8of().b[1][0]++, isMenuOpen) && (cov_1co863w8of().b[1][1]++, /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn mt-3 block space-y-1 lg:hidden"
+    className: "col-span-8 col-start-5 flex justify-end sm:col-span-4 sm:col-start-9"
+  }, /*#__PURE__*/React__default.createElement(Button, _extends$4({
+    className: "neeto-site-secondary-button",
+    style: design.secondaryButtons
+  }, secondaryButton)), /*#__PURE__*/React__default.createElement(Button, _extends$4({
+    className: "neeto-site-primary-button",
+    style: design.primaryButtons
+  }, primaryButton))), /*#__PURE__*/React__default.createElement("button", {
+    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    onClick: function onClick() {
+      cov_1co863w8of().f[2]++;
+      cov_1co863w8of().s[8]++;
+      return setIsMenuOpen(function (open) {
+        cov_1co863w8of().f[3]++;
+        cov_1co863w8of().s[9]++;
+        return !open;
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement(i$19, {
+    color: design.hamburgerMenu.color
+  })), (cov_1co863w8of().b[1][0]++, isMenuOpen) && (cov_1co863w8of().b[1][1]++, /*#__PURE__*/React__default.createElement("div", {
+    className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
   }, properties.links.map(function (_ref8, index) {
     var label = _ref8.label,
       url = _ref8.url,
       action = _ref8.action;
     cov_1co863w8of().f[4]++;
-    cov_1co863w8of().s[9]++;
+    cov_1co863w8of().s[10]++;
     return /*#__PURE__*/React__default.createElement(LinkElement, {
       action: action,
-      className: "w-full py-1.5",
-      key: getUniqueKey(label, url, index),
+      key: getUniqueKey(url, label, index),
       label: label,
       style: design.links,
       to: url
     });
-  }))));
+  })))));
 };
 
 function cov_1cxtcrbyvq() {
   var path = "/home/runner/work/neeto-site-blocks/neeto-site-blocks/src/components/Blocks/HeaderWithRightLinks.jsx";
-  var hash = "85e92440ebfdf02ff44ba6dac001f4a176342b87";
+  var hash = "3d983f7efda48b7d0c778a0cde13287b01ceab13";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -52150,7 +51788,7 @@ function cov_1cxtcrbyvq() {
           column: 29
         },
         end: {
-          line: 82,
+          line: 79,
           column: 1
         }
       },
@@ -52196,52 +51834,62 @@ function cov_1cxtcrbyvq() {
       },
       "5": {
         start: {
-          line: 16,
-          column: 2
+          line: 17,
+          column: 4
         },
         end: {
-          line: 81,
-          column: 4
+          line: 17,
+          column: 67
         }
       },
       "6": {
         start: {
-          line: 31,
-          column: 27
+          line: 19,
+          column: 2
         },
         end: {
-          line: 31,
-          column: 55
+          line: 78,
+          column: 4
         }
       },
       "7": {
         start: {
-          line: 31,
-          column: 49
+          line: 44,
+          column: 12
         },
         end: {
-          line: 31,
-          column: 54
+          line: 49,
+          column: 14
         }
       },
       "8": {
         start: {
-          line: 49,
-          column: 12
+          line: 59,
+          column: 25
         },
         end: {
-          line: 56,
-          column: 14
+          line: 59,
+          column: 53
         }
       },
       "9": {
         start: {
-          line: 69,
-          column: 12
+          line: 59,
+          column: 47
         },
         end: {
-          line: 76,
+          line: 59,
+          column: 52
+        }
+      },
+      "10": {
+        start: {
+          line: 66,
           column: 14
+        },
+        end: {
+          line: 72,
+          column: 16
         }
       }
     },
@@ -52264,7 +51912,7 @@ function cov_1cxtcrbyvq() {
             column: 73
           },
           end: {
-            line: 82,
+            line: 79,
             column: 1
           }
         },
@@ -52274,97 +51922,97 @@ function cov_1cxtcrbyvq() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
-            column: 21
+            line: 43,
+            column: 32
           },
           end: {
-            line: 31,
-            column: 22
+            line: 43,
+            column: 33
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 27
+            line: 44,
+            column: 12
           },
           end: {
-            line: 31,
-            column: 55
+            line: 49,
+            column: 14
           }
         },
-        line: 31
+        line: 44
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 31,
-            column: 41
+            line: 59,
+            column: 19
           },
           end: {
-            line: 31,
-            column: 42
+            line: 59,
+            column: 20
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 49
+            line: 59,
+            column: 25
           },
           end: {
-            line: 31,
-            column: 54
+            line: 59,
+            column: 53
           }
         },
-        line: 31
+        line: 59
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 48,
-            column: 32
+            line: 59,
+            column: 39
           },
           end: {
-            line: 48,
-            column: 33
+            line: 59,
+            column: 40
           }
         },
         loc: {
           start: {
-            line: 49,
-            column: 12
+            line: 59,
+            column: 47
           },
           end: {
-            line: 56,
-            column: 14
+            line: 59,
+            column: 52
           }
         },
-        line: 49
+        line: 59
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 68,
-            column: 32
+            line: 65,
+            column: 34
           },
           end: {
-            line: 68,
-            column: 33
+            line: 65,
+            column: 35
           }
         },
         loc: {
           start: {
-            line: 69,
-            column: 12
+            line: 66,
+            column: 14
           },
           end: {
-            line: 76,
-            column: 14
+            line: 72,
+            column: 16
           }
         },
-        line: 69
+        line: 66
       }
     },
     branchMap: {
@@ -52395,35 +52043,35 @@ function cov_1cxtcrbyvq() {
       "1": {
         loc: {
           start: {
-            line: 66,
-            column: 7
+            line: 63,
+            column: 9
           },
           end: {
-            line: 79,
-            column: 7
+            line: 75,
+            column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 66,
-            column: 7
+            line: 63,
+            column: 9
           },
           end: {
-            line: 66,
-            column: 17
+            line: 63,
+            column: 19
           }
         }, {
           start: {
-            line: 67,
-            column: 8
+            line: 64,
+            column: 10
           },
           end: {
-            line: 78,
-            column: 14
+            line: 74,
+            column: 16
           }
         }],
-        line: 66
+        line: 63
       }
     },
     s: {
@@ -52436,7 +52084,8 @@ function cov_1cxtcrbyvq() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0
     },
     f: {
       "0": 0,
@@ -52450,7 +52099,7 @@ function cov_1cxtcrbyvq() {
       "1": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "85e92440ebfdf02ff44ba6dac001f4a176342b87"
+    hash: "3d983f7efda48b7d0c778a0cde13287b01ceab13"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -52484,7 +52133,8 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
     position = _ref5.position;
   var _ref6 = (cov_1cxtcrbyvq().s[4]++, properties),
     button = _ref6.button;
-  cov_1cxtcrbyvq().s[5]++;
+  var baseClasses = (cov_1cxtcrbyvq().s[5]++, "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense");
+  cov_1cxtcrbyvq().s[6]++;
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
     design: design.body,
     id: id,
@@ -52492,24 +52142,9 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
       "neeto-site-sticky-header": position === "sticky"
     }, className)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-between"
+    className: classnames("neeto-site-block-wrapper", baseClasses)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default.createElement("button", {
-    className: "inline-block p-1.5 lg:hidden",
-    onClick: function onClick() {
-      cov_1cxtcrbyvq().f[1]++;
-      cov_1cxtcrbyvq().s[6]++;
-      return setIsMenuOpen(function (open) {
-        cov_1cxtcrbyvq().f[2]++;
-        cov_1cxtcrbyvq().s[7]++;
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement(i$19, {
-    color: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-x-2"
+    className: "col-span-4 col-start-3 flex items-center gap-x-2 sm:col-span-4 sm:col-start-2 lg:col-span-3 lg:col-start-1"
   }, /*#__PURE__*/React__default.createElement(StyledImage, {
     design: design.logo,
     src: properties.logo.src
@@ -52518,44 +52153,48 @@ var HeaderWithRightLinks = function HeaderWithRightLinks(_ref) {
     className: "hidden md:inline-block",
     component: "p",
     style: design.logoTitle
-  }, properties.logo.title))), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-6"
+  }, properties.logo.title)), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-7 sm:col-start-6 lg:col-span-9 lg:col-start-4"
+  }, properties.links.map(function (link, index) {
+    cov_1cxtcrbyvq().f[1]++;
+    cov_1cxtcrbyvq().s[7]++;
+    return /*#__PURE__*/React__default.createElement(LinkElement, _extends$4({
+      className: "hidden hover:text-gray-800 lg:inline",
+      key: getUniqueKey(link.label, link.url, index),
+      style: design.links
+    }, link));
+  }), /*#__PURE__*/React__default.createElement(Button, _extends$4({
+    className: "hover:bg-gray-100",
+    style: design.buttons
+  }, button))), /*#__PURE__*/React__default.createElement("button", {
+    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    onClick: function onClick() {
+      cov_1cxtcrbyvq().f[2]++;
+      cov_1cxtcrbyvq().s[8]++;
+      return setIsMenuOpen(function (open) {
+        cov_1cxtcrbyvq().f[3]++;
+        cov_1cxtcrbyvq().s[9]++;
+        return !open;
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement(i$19, {
+    color: design.hamburgerMenu.color
+  })), (cov_1cxtcrbyvq().b[1][0]++, isMenuOpen) && (cov_1cxtcrbyvq().b[1][1]++, /*#__PURE__*/React__default.createElement("div", {
+    className: "fadeIn col-span-2 col-start-1 space-y-2 lg:hidden"
   }, properties.links.map(function (_ref7, index) {
     var label = _ref7.label,
       url = _ref7.url,
       action = _ref7.action;
-    cov_1cxtcrbyvq().f[3]++;
-    cov_1cxtcrbyvq().s[8]++;
-    return /*#__PURE__*/React__default.createElement(LinkElement, {
-      action: action,
-      className: "hidden hover:text-gray-800 lg:inline",
-      key: getUniqueKey(label, url, index),
-      label: label,
-      style: design.links,
-      to: url
-    });
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    action: button.action,
-    label: button.label,
-    style: design.buttons,
-    to: button.url
-  }))), (cov_1cxtcrbyvq().b[1][0]++, isMenuOpen) && (cov_1cxtcrbyvq().b[1][1]++, /*#__PURE__*/React__default.createElement("div", {
-    className: "fadeIn mt-3 block space-y-1 lg:hidden"
-  }, properties.links.map(function (_ref8, index) {
-    var label = _ref8.label,
-      url = _ref8.url,
-      action = _ref8.action;
     cov_1cxtcrbyvq().f[4]++;
-    cov_1cxtcrbyvq().s[9]++;
+    cov_1cxtcrbyvq().s[10]++;
     return /*#__PURE__*/React__default.createElement(LinkElement, {
       action: action,
-      className: "w-full py-1.5",
-      key: getUniqueKey(label, url, index),
+      key: getUniqueKey(url, label, index),
       label: label,
       style: design.links,
       to: url
     });
-  }))));
+  })))));
 };
 
 function cov_4b56yhkmy() {
@@ -55626,5 +55265,5 @@ function cov_w8wufnrsd() {
 }
 cov_w8wufnrsd();
 
-export { CardWithCustomizableGrid, CardWithGridText, CardWithImage, CtaWithButtonOnBottom, CtaWithInput, CtaWithLogo, constants as DESIGN_OPTIONS, FaqWithHamburgerView, FeatureWithGrid, FeatureWithImageBlocks, FeatureWithJumboText, FeatureWithLink, FeatureWithList, FeatureWithProgressBar, FeatureWithRightImage, FooterWithLinkGroups, GalleryWithMultipleImages, GalleryWithSlidingImages, GridWithImage, HeaderWithLeftLinks, HeaderWithMiddleLinks, HeaderWithRightLinks, HeroWithRightImage, HeroWithSlider, HorizontalTestimonial, LogoClouds, PricingInCardView, SlidingTestimonial, getSiteConfigurations };
+export { CardWithCustomizableGrid, CardWithGridText, CardWithImage, CtaWithButtonOnBottom, CtaWithInput, CtaWithLogo, constants as DESIGN_OPTIONS, FaqWithHamburgerView, FeatureWithGrid, FeatureWithImageBlocks, FeatureWithJumboText, FeatureWithLink, FeatureWithList, FeatureWithProgressBar, FeatureWithRightImage, FooterWithLinkGroups, GalleryWithMultipleImages, GalleryWithSlidingImages, GridWithImage, HeaderWithLeftLinks, HeaderWithMiddleLinks, HeaderWithRightLinks, HeroWithRightImage, HeroWithSlider, HorizontalTestimonial, LogoClouds, PricingInCardView, SlidingTestimonial };
 //# sourceMappingURL=index.js.map