@bigbinary/neeto-site-blocks 1.8.6 → 1.8.7

package/dist/index.js

@@ -16357,7 +16357,8 @@ var Typography = function Typography(_ref) {
   }, otherProps), isTitle ? children : /*#__PURE__*/React__default.createElement(StyledInterweave, {
     className: "neeto-editor-content",
     content: children,
-    fontSize: style.fontSize
+    fontSize: style.fontSize,
+    tagName: "p"
   }));
 };
 Typography.displayName = "Typography";
@@ -16393,12 +16394,13 @@ var BlogContent = function BlogContent(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: textClasses,
-    component: "h1",
+    component: "h3",
     id: "blog-content-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: textClasses,
+    component: "p",
     id: "blog-content-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement("div", {
@@ -16446,12 +16448,11 @@ var CardsClassic = function CardsClassic(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-classic-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     className: "col-span-12",
-    component: "p",
     id: "cards-classic-description",
     style: design.description
   }, otherProps), description), cards.map(function (_ref2, index) {
@@ -16468,7 +16469,7 @@ var CardsClassic = function CardsClassic(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h1",
+      component: "h4",
       id: "cards-classic-cards-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -21337,13 +21338,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.createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
-      component: "p",
       id: "cards-in-grid-view-".concat(index, "-description"),
       style: design.cardDescription
     }, description)));
@@ -21363,7 +21363,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.createElement(ArrowButton, {
@@ -21433,13 +21433,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.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
     className: "col-span-12",
-    component: "p",
     id: "cards-in-grid-view-description",
     style: design.description
   }, description), /*#__PURE__*/React__default.createElement("div", {
@@ -21502,12 +21501,11 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-with-customizable-grid-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     className: "col-span-12",
-    component: "p",
     id: "cards-with-customizable-grid-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement("div", {
@@ -21530,12 +21528,11 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       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.createElement(Typography$1, _extends$2({
       index: index,
-      component: "p",
       id: "cards-with-customizable-grid-card-".concat(index, "-description"),
       style: design.cardDescription
     }, otherProps), description));
@@ -21584,12 +21581,11 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "cards-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     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.createElement("div", {
@@ -21621,7 +21617,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.createElement("div", {
@@ -21681,11 +21677,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.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "cta-classic-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "cta-classic-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -39265,11 +39260,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.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "cta-with-email-action-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "cta-with-email-action-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -39302,7 +39296,6 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     style: design.successMessage
   }, response.message)), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     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));
@@ -39347,11 +39340,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.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h4",
     id: "cta-with-logo-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "cta-with-logo-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -39416,7 +39408,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
     className: "col-span-12 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "faq-with-accordion-title",
     style: design.title
   }, otherProps), title)), /*#__PURE__*/React__default.createElement("div", {
@@ -39460,7 +39452,7 @@ var FAQItem = function FAQItem(_ref3) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     index: index,
     isTitle: true,
-    component: "h5",
+    component: "h6",
     id: "faq-with-accordion-".concat(index, "-question"),
     style: design.question
   }, otherProps), question), /*#__PURE__*/React__default.createElement(motion.div, {
@@ -39507,7 +39499,6 @@ var FAQItem = function FAQItem(_ref3) {
     }
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     index: index,
-    component: "p",
     id: "faq-with-accordion-".concat(index, "-answer"),
     style: design.answer
   }, otherProps), answer)))));
@@ -39564,11 +39555,10 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
     className: "col-span-12 sm:col-span-5"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-bullet-list-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "feature-with-bullet-list-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement(BulletList, null));
@@ -39621,7 +39611,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     className: contentBaseClasses
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-details-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -39648,12 +39638,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-details-features-".concat(index, "-title"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
-      component: "p",
       id: "feature-with-details-features-".concat(index, "-description"),
       style: design.featureDescription
     }, otherProps), featureDescription)));
@@ -39711,11 +39700,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.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-grid-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "feature-with-grid-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement(Media, {
@@ -39748,12 +39736,11 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-grid-".concat(index, "-title"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
-      component: "p",
       id: "feature-with-grid-".concat(index, "-description"),
       style: design.featureDescription
     }, otherProps), featureDescription));
@@ -39802,11 +39789,10 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     className: featureClasses
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "feature-with-image-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -39859,12 +39845,14 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: titleBaseClasses,
+    component: "h1",
     id: "feature-with-jumbo-text-main-title",
     style: design.mainTitle
   }, otherProps), mainTitle), /*#__PURE__*/React__default.createElement("div", {
     className: subTitleBaseClasses
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
+    component: "h4",
     id: "feature-with-jumbo-text-sub-title",
     style: design.subTitle
   }, otherProps), subTitle), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -39920,12 +39908,11 @@ var FeatureWithList = function FeatureWithList(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: "col-span-12",
-    component: "h1",
+    component: "h3",
     id: "feature-with-list-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     className: "col-span-12",
-    component: "p",
     id: "feature-with-list-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement("div", {
@@ -40038,11 +40025,10 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     className: progressBarBaseClasses
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "feature-with-progress-bar-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "feature-with-progress-bar-description",
     style: design.description
   }, otherProps), description), features.map(function (_ref2, index) {
@@ -40058,7 +40044,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h5",
       id: "feature-with-progress-bar-".concat(index, "-featureTitle"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default.createElement(StyledWrapper, {
@@ -40265,6 +40251,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     className: "hidden w-full sm:block",
+    component: "p",
     id: "footer-with-icons-copyright-text",
     style: design.copyrightText
   }, otherProps), copyrightText)), /*#__PURE__*/React__default.createElement("div", {
@@ -40331,11 +40318,9 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     id: "footer-with-links-logo",
     src: logo.src
   }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     design: design.logoTitle,
     id: "footer-with-links-logo-title"
   }, otherProps), logo.title)), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "footer-with-links-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -40349,7 +40334,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h3",
+      component: "h5",
       id: "footer-with-links-columns-".concat(index, "-title"),
       style: design.columnTitle
     }, otherProps), title), /*#__PURE__*/React__default.createElement("ul", {
@@ -40374,7 +40359,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     className: "col-span-12 space-y-2 sm:col-span-2"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h3",
+    component: "h5",
     id: "footer-with-links-contact-title",
     style: design.columnTitle
   }, otherProps), contact.title), /*#__PURE__*/React__default.createElement("div", {
@@ -42278,12 +42263,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "gallery-classic-title",
     style: design.title
   }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
-    component: "p",
     id: "gallery-classic-description",
     style: design.description
   }, description)), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -42385,11 +42369,10 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "gallery-with-autoplay-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "gallery-with-autoplay-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -43212,7 +43195,9 @@ var LogoClouds = function LogoClouds(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__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,
@@ -43267,11 +43252,10 @@ var Paragraph = function Paragraph(_ref) {
     className: "col-span-12"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "paragraph-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "paragraph-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement(ListComponent, {
@@ -43353,11 +43337,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.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h4",
     id: "pricing-in-card-view-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "pricing-in-card-view-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement(Toggle, {
@@ -43386,12 +43369,11 @@ var PricingInCardView = function PricingInCardView(_ref) {
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       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.createElement(Typography$1, _extends$2({
       index: index,
-      component: "p",
       id: "pricing-in-card-view-tier-".concat(index, "-description"),
       style: design.tierDescription
     }, otherProps), tierDescription), /*#__PURE__*/React__default.createElement("div", {
@@ -43399,13 +43381,13 @@ var PricingInCardView = function PricingInCardView(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       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.createElement(Typography$1, _extends$2({
       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) {
@@ -43465,13 +43447,13 @@ var Slides = function Slides(_ref) {
         className: "col-span-12"
       }, /*#__PURE__*/React__default.createElement(Typography$1, {
         isTitle: true,
-        component: "h1",
+        component: "h2",
         style: mergeRight(design.title, {
           textAlign: titleTextAlign
         })
       }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
         isTitle: true,
-        component: "h1",
+        component: "h3",
         style: mergeRight(design.subTitle, {
           textAlign: subTitleTextAlign
         })
@@ -43498,7 +43480,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();
@@ -43541,14 +43523,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.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.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();
@@ -43606,11 +43588,10 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     className: "col-span-12 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "testimonial-with-slider-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "testimonial-with-slider-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -43643,13 +43624,13 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "h6",
       id: "testimonial-with-slider-".concat(index, "-name"),
       style: design.testimonialName
     }, otherProps), name), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      component: "h4",
+      component: "p",
       id: "testimonial-with-slider-".concat(index, "-position")
     }, otherProps, {
       style: design.testimonialPosition
@@ -43663,7 +43644,6 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       id: "testimonial-with-slider-".concat(index, "-logo"),
       src: logoUrl
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-      component: "p",
       style: design.testimonialDescription
     }, _objectSpread(_objectSpread({}, otherProps), {}, {
       index: index
@@ -43728,11 +43708,10 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     className: "col-span-12 space-y-4 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
-    component: "h1",
+    component: "h3",
     id: "testimonial-with-vertical-view-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
-    component: "p",
     id: "testimonial-with-vertical-view-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
@@ -43760,13 +43739,13 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       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.createElement(Typography$1, _extends$2({
       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.createElement("div", {
@@ -43780,7 +43759,6 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       src: logoUrl
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
-      component: "p",
       id: "testimonial-with-vertical-view-images-".concat(index, "-description"),
       style: design.testimonialDescription
     }, otherProps), testimonialDescription)));