@bigbinary/neeto-site-blocks 1.8.6 → 1.8.8

package/dist/index.cjs.js

@@ -14753,7 +14753,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
 var _excluded$z = ["id", "disableButtonAndLinks", "wrapperClassName", "index"];
 var StyledImage = styled__default["default"].img.attrs(function () {
   return {
-    className: "hover:mix-blend-multiply m-auto"
+    className: "hover:mix-blend-multiply"
   };
 })(function (_ref) {
   var _ref$design = _ref.design,
@@ -16403,7 +16403,8 @@ var Typography = function Typography(_ref) {
   }, otherProps), isTitle ? children : /*#__PURE__*/React__default["default"].createElement(StyledInterweave, {
     className: "neeto-editor-content",
     content: children,
-    fontSize: style.fontSize
+    fontSize: style.fontSize,
+    tagName: "p"
   }));
 };
 Typography.displayName = "Typography";
@@ -16439,12 +16440,13 @@ var BlogContent = function BlogContent(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: textClasses,
-    component: "h1",
+    component: "h3",
     id: "blog-content-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: textClasses,
+    component: "p",
     id: "blog-content-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16492,12 +16494,11 @@ var CardsClassic = function CardsClassic(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-classic-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: "col-span-12",
-    component: "p",
     id: "cards-classic-description",
     style: design.description
   }, otherProps), description), cards.map(function (_ref2, index) {
@@ -16514,7 +16515,7 @@ var CardsClassic = function CardsClassic(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h1",
+      component: "h4",
       id: "cards-classic-cards-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
@@ -21383,13 +21384,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       isTitle: true,
-      component: "h1",
+      component: "h5",
       id: "cards-in-grid-view-".concat(index, "-title"),
       style: design.cardTitle
     }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
-      component: "p",
       id: "cards-in-grid-view-".concat(index, "-description"),
       style: design.cardDescription
     }, description)));
@@ -21409,7 +21409,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       isTitle: true,
       className: "col-span-12",
-      component: "h1",
+      component: "h3",
       id: "cards-in-grid-view-title",
       style: design.title
     }, title), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
@@ -21479,13 +21479,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
     disableButtonAndLinks: disableButtonAndLinks,
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-in-grid-view-title",
     style: design.title
   }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
     className: "col-span-12",
-    component: "p",
     id: "cards-in-grid-view-description",
     style: design.description
   }, description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21548,12 +21547,11 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-with-customizable-grid-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: "col-span-12",
-    component: "p",
     id: "cards-with-customizable-grid-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21576,12 +21574,11 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h1",
+      component: "h4",
       id: "cards-with-customizable-grid-card-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      component: "p",
       id: "cards-with-customizable-grid-card-".concat(index, "-description"),
       style: design.cardDescription
     }, otherProps), description));
@@ -21630,12 +21627,11 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: "col-span-12 sm:col-span-8 sm:col-start-3",
-    component: "h1",
     id: "cards-with-image-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21667,7 +21663,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       index: index,
       isTitle: true,
       className: "ns-card-truncation ns-card-line-clamp-4",
-      component: "h1",
+      component: "h4",
       id: "cards-with-image-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21727,11 +21723,10 @@ var CtaClassic = function CtaClassic(_ref) {
     className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "cta-classic-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "cta-classic-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -39311,11 +39306,10 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "cta-with-email-action-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "cta-with-email-action-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -39348,7 +39342,6 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     style: design.successMessage
   }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: "col-span-10 col-start-2 sm:col-span-4 sm:col-start-5",
-    component: "p",
     id: "cta-with-email-action-promotion-text",
     style: design.promotionText
   }, otherProps), promotionText));
@@ -39393,11 +39386,10 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     className: "col-span-12 sm:col-span-6 sm:col-start-3 lg:col-span-7"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h4",
     id: "cta-with-logo-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "cta-with-logo-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -39462,7 +39454,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
     className: "col-span-12 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "faq-with-accordion-title",
     style: design.title
   }, otherProps), title)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -39506,7 +39498,7 @@ var FAQItem = function FAQItem(_ref3) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     index: index,
     isTitle: true,
-    component: "h5",
+    component: "h6",
     id: "faq-with-accordion-".concat(index, "-question"),
     style: design.question
   }, otherProps), question), /*#__PURE__*/React__default["default"].createElement(motion.div, {
@@ -39553,7 +39545,6 @@ var FAQItem = function FAQItem(_ref3) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     index: index,
-    component: "p",
     id: "faq-with-accordion-".concat(index, "-answer"),
     style: design.answer
   }, otherProps), answer)))));
@@ -39610,11 +39601,10 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
     className: "col-span-12 sm:col-span-5"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-bullet-list-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "feature-with-bullet-list-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement(BulletList, null));
@@ -39667,7 +39657,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     className: contentBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-details-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
@@ -39694,12 +39684,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-details-features-".concat(index, "-title"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      component: "p",
       id: "feature-with-details-features-".concat(index, "-description"),
       style: design.featureDescription
     }, otherProps), featureDescription)));
@@ -39757,11 +39746,10 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-grid-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "feature-with-grid-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement(Media, {
@@ -39794,12 +39782,11 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-grid-".concat(index, "-title"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      component: "p",
       id: "feature-with-grid-".concat(index, "-description"),
       style: design.featureDescription
     }, otherProps), featureDescription));
@@ -39848,11 +39835,10 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     className: featureClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "feature-with-image-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -39905,12 +39891,14 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: titleBaseClasses,
+    component: "h1",
     id: "feature-with-jumbo-text-main-title",
     style: design.mainTitle
   }, otherProps), mainTitle), /*#__PURE__*/React__default["default"].createElement("div", {
     className: subTitleBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
+    component: "h4",
     id: "feature-with-jumbo-text-sub-title",
     style: design.subTitle
   }, otherProps), subTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
@@ -39966,12 +39954,11 @@ var FeatureWithList = function FeatureWithList(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "feature-with-list-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     className: "col-span-12",
-    component: "p",
     id: "feature-with-list-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40084,11 +40071,10 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     className: progressBarBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-progress-bar-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "feature-with-progress-bar-description",
     style: design.description
   }, otherProps), description), features.map(function (_ref2, index) {
@@ -40104,7 +40090,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-progress-bar-".concat(index, "-featureTitle"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
@@ -40311,6 +40297,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     className: "hidden w-full sm:block",
+    component: "p",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
   }, otherProps), copyrightText)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40377,11 +40364,9 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     id: "footer-with-links-logo",
     src: logo.src
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     design: design.logoTitle,
     id: "footer-with-links-logo-title"
   }, otherProps), logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "footer-with-links-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40395,7 +40380,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h3",
+      component: "h5",
       id: "footer-with-links-columns-".concat(index, "-title"),
       style: design.columnTitle
     }, otherProps), title), /*#__PURE__*/React__default["default"].createElement("ul", {
@@ -40420,7 +40405,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     className: "col-span-12 space-y-2 sm:col-span-2"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h3",
+    component: "h5",
     id: "footer-with-links-contact-title",
     style: design.columnTitle
   }, otherProps), contact.title), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -42324,12 +42309,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "gallery-classic-title",
     style: design.title
   }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
-    component: "p",
     id: "gallery-classic-description",
     style: design.description
   }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
@@ -42431,11 +42415,10 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "gallery-with-autoplay-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "gallery-with-autoplay-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43258,7 +43241,9 @@ var LogoClouds = function LogoClouds(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
     className: "col-span-12",
+    component: "h3",
     style: design.title
   }, title), logos.map(function (_ref2, index) {
     var src = _ref2.src,
@@ -43313,11 +43298,10 @@ var Paragraph = function Paragraph(_ref) {
     className: "col-span-12"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "paragraph-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "paragraph-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement(ListComponent, {
@@ -43399,11 +43383,10 @@ var PricingInCardView = function PricingInCardView(_ref) {
     className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h4",
     id: "pricing-in-card-view-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "pricing-in-card-view-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement(Toggle, {
@@ -43432,12 +43415,11 @@ var PricingInCardView = function PricingInCardView(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "pricing-in-card-view-tier-".concat(index, "-title"),
       style: design.tierTitle
     }, otherProps), tierTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      component: "p",
       id: "pricing-in-card-view-tier-".concat(index, "-description"),
       style: design.tierDescription
     }, otherProps), tierDescription), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43445,13 +43427,13 @@ var PricingInCardView = function PricingInCardView(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h3",
+      component: "h4",
       id: "pricing-in-card-view-tier-".concat(index, "-tierPrice"),
       style: design.tierPrice
     }, otherProps), pricing.price), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h3",
+      component: "h4",
       id: "pricing-in-card-view-tier-".concat(index, "-tierLabel"),
       style: design.tierLabel
     }, otherProps), pricing.label)), features.map(function (feature, featureIndex) {
@@ -43511,13 +43493,13 @@ var Slides = function Slides(_ref) {
         className: "col-span-12"
       }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
-        component: "h1",
+        component: "h2",
         style: mergeRight(design.title, {
           textAlign: titleTextAlign
         })
       }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
-        component: "h1",
+        component: "h3",
         style: mergeRight(design.subTitle, {
           textAlign: subTitleTextAlign
         })
@@ -43544,7 +43526,7 @@ var Slides = function Slides(_ref) {
     swiperRef: swiperRef,
     isStart: true,
     Icon: ArrowLeftS$1,
-    className: "z-20 hidden sm:absolute sm:top-1/2 sm:left-0 sm:flex lg:left-28",
+    className: "z-20 hidden sm:absolute sm:left-0 sm:top-1/2 sm:flex lg:left-28",
     onClick: function onClick() {
       var _swiperRef$current;
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
@@ -43587,14 +43569,14 @@ var Slides = function Slides(_ref) {
       }, design.backgroundImage),
       className: classnames("neeto-site-block-wrapper relative lg:w-9/12", baseClasses)
     }, slide.logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
-      className: "absolute top-8 right-12 w-20",
+      className: "absolute right-12 top-8 w-20",
       src: slide.logoUrl
     }), renderSwiperSlide(slide))));
   })), /*#__PURE__*/React__default["default"].createElement(PageNavigation, {
     activeIndex: activeIndex,
     swiperRef: swiperRef,
     Icon: ArrowRightS$1,
-    className: "z-20 hidden sm:absolute sm:top-1/2 sm:right-0 sm:flex lg:right-28",
+    className: "z-20 hidden sm:absolute sm:right-0 sm:top-1/2 sm:flex lg:right-28",
     onClick: function onClick() {
       var _swiperRef$current2;
       return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
@@ -43649,14 +43631,15 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 sm:col-span-6 sm:col-start-4"
+    className: "col-span-full"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    className: "w-full",
+    component: "h3",
     id: "testimonial-with-slider-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
+    className: "w-full",
     id: "testimonial-with-slider-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43682,20 +43665,20 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       index: index,
       src: src,
-      className: "ns-testimonial-image-aspect-ratio",
+      className: "ns-testimonial-image-aspect-ratio object-cover",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-slider-".concat(index, "-image")
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h6",
       id: "testimonial-with-slider-".concat(index, "-name"),
       style: design.testimonialName
     }, otherProps), name), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "p",
       id: "testimonial-with-slider-".concat(index, "-position")
     }, otherProps, {
       style: design.testimonialPosition
@@ -43709,7 +43692,6 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       id: "testimonial-with-slider-".concat(index, "-logo"),
       src: logoUrl
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-      component: "p",
       style: design.testimonialDescription
     }, _objectSpread(_objectSpread({}, otherProps), {}, {
       index: index
@@ -43774,11 +43756,10 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     className: "col-span-12 space-y-4 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "testimonial-with-vertical-view-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "testimonial-with-vertical-view-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43806,13 +43787,13 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h6",
       id: "testimonial-with-vertical-view-images-".concat(index, "-name"),
       style: design.testimonialName
     }, otherProps), name), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h6",
       id: "testimonial-with-vertical-view-images-".concat(index, "-position"),
       style: design.testimonialPosition
     }, otherProps), position)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43826,7 +43807,6 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       src: logoUrl
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
-      component: "p",
       id: "testimonial-with-vertical-view-images-".concat(index, "-description"),
       style: design.testimonialDescription
     }, otherProps), testimonialDescription)));