@bigbinary/neeto-site-blocks 1.8.5 → 1.8.7

package/dist/index.cjs.js

@@ -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) {
@@ -16505,7 +16506,7 @@ var CardsClassic = function CardsClassic(_ref) {
       description = _ref2.description,
       href = _ref2.href;
     return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
-      className: "ns-card-animation col-span-12 flex h-52 max-h-64 cursor-pointer flex-col justify-center sm:col-span-6",
+      className: "ns-card-animation col-span-12 flex h-full min-h-52 cursor-pointer flex-col sm:col-span-6",
       design: design.card,
       key: getUniqueKey(title, description, index),
       onClick: function onClick() {
@@ -16514,13 +16515,11 @@ var CardsClassic = function CardsClassic(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-2",
-      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"]({
       index: index,
-      className: "ns-card-truncation ns-card-line-clamp-3",
       component: "p",
       id: "cards-classic-cards-".concat(index, "-description"),
       style: design.cardDescription
@@ -21385,15 +21384,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-2",
-      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,
-      className: "ns-card-truncation ns-card-line-clamp-2",
-      component: "p",
       id: "cards-in-grid-view-".concat(index, "-description"),
       style: design.cardDescription
     }, description)));
@@ -21413,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, {
@@ -21483,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", {
@@ -21535,7 +21530,7 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     isBorderRequired = properties.isBorderRequired,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 sm:gap-x-4 gap-y-4 items-center ns-card";
-  var gridBaseClasses = classnames("col-span-12 h-56 flex flex-col gap-2 ns-card-animation cursor-pointer", {
+  var gridBaseClasses = classnames("col-span-12 min-h-56 flex flex-col gap-2 ns-card-animation cursor-pointer", {
     "sm:col-span-6 lg:col-span-4": gridCount === 3,
     "sm:col-span-6": gridCount === 2,
     "lg:col-span-3 sm:col-span-6": gridCount === 4
@@ -21552,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", {
@@ -21580,13 +21574,11 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
-      className: "ns-card-truncation ns-card-line-clamp-4",
-      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));
@@ -21635,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", {
@@ -21672,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", {
@@ -21732,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", {
@@ -39316,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", {
@@ -39353,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));
@@ -39398,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", {
@@ -39467,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", {
@@ -39511,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, {
@@ -39558,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)))));
@@ -39615,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));
@@ -39672,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"]({
@@ -39699,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)));
@@ -39762,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, {
@@ -39799,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));
@@ -39853,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", {
@@ -39910,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"]({
@@ -39971,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", {
@@ -40089,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) {
@@ -40109,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, {
@@ -40316,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", {
@@ -40382,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", {
@@ -40400,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", {
@@ -40425,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", {
@@ -42329,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, {
@@ -42436,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", {
@@ -43263,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,
@@ -43318,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, {
@@ -43404,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, {
@@ -43437,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", {
@@ -43450,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) {
@@ -43516,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
         })
@@ -43549,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();
@@ -43592,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();
@@ -43657,11 +43634,10 @@ var TestimonialWithSlider = function TestimonialWithSlider(_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: "testimonial-with-slider-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    component: "p",
     id: "testimonial-with-slider-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43694,13 +43670,13 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }), /*#__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
@@ -43714,7 +43690,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
@@ -43779,11 +43754,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", {
@@ -43811,13 +43785,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", {
@@ -43831,7 +43805,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)));