@npm_leadtech/legal-lib-components 5.77.0 → 5.78.1

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled';
-export const RatafiaReviewResult = ({ reviewQuestion, reviewPositiveIcon, reviewPositiveText, handleOnClickReviewPositive, reviewPositiveDataQa = true, reviewNegativeIcon, reviewNegativeText, handleOnClickReviewNegative, reviewNegativeDataQa, reviewFeedbackText, review }) => {
-    return (_jsx(RatafiaReviewResultStyled, { className: 'ratafia-review-result', children: review === null ? (_jsxs("div", { className: 'ratafia-review-result__review', children: [_jsx("p", { className: 'sans-serif ratafia-review-result__review__question', children: reviewQuestion }), _jsxs("div", { className: 'ratafia-review-result__review__buttons', children: [_jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewPositive, "data-qa": reviewPositiveDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewPositiveIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text positive', children: reviewPositiveText })] }), _jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewNegative, "data-qa": reviewNegativeDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewNegativeIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text negative', children: reviewNegativeText })] })] })] })) : (_jsx("div", { className: 'ratafia-review-result__review', children: _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__question', children: reviewFeedbackText }) })) }));
+export const RatafiaReviewResult = ({ reviewQuestion, reviewPositiveIcon, reviewPositiveText, handleOnClickReviewPositive, reviewPositiveDataQa = true, reviewNegativeIcon, reviewNegativeText, handleOnClickReviewNegative, reviewNegativeDataQa, reviewFeedbackText, reviewFeedBackTextDataQa = 'lawgenius_review_feedback_text', review }) => {
+    return (_jsx(RatafiaReviewResultStyled, { className: 'ratafia-review-result', children: review === null ? (_jsxs("div", { className: 'ratafia-review-result__review', children: [_jsx("p", { className: 'sans-serif ratafia-review-result__review__question', children: reviewQuestion }), _jsxs("div", { className: 'ratafia-review-result__review__buttons', children: [_jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewPositive, "data-qa": reviewPositiveDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewPositiveIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text positive', children: reviewPositiveText })] }), _jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewNegative, "data-qa": reviewNegativeDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewNegativeIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text negative', children: reviewNegativeText })] })] })] })) : (_jsx("div", { className: 'ratafia-review-result__review', children: _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__question', "data-qa": reviewFeedBackTextDataQa, children: reviewFeedbackText }) })) }));
 };
 export default RatafiaReviewResult;

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.tsx

@@ -14,6 +14,7 @@ export const RatafiaReviewResult: React.FC<RatafiaReviewResultProps> = ({
   handleOnClickReviewNegative,
   reviewNegativeDataQa,
   reviewFeedbackText,
+  reviewFeedBackTextDataQa = 'lawgenius_review_feedback_text',
   review
 }) => {
   return (
@@ -46,7 +47,9 @@ export const RatafiaReviewResult: React.FC<RatafiaReviewResultProps> = ({
         </div>
       ) : (
         <div className='ratafia-review-result__review'>
-          <p className='sans-serif --small ratafia-review-result__review__question'>{reviewFeedbackText}</p>
+          <p className='sans-serif --small ratafia-review-result__review__question' data-qa={reviewFeedBackTextDataQa}>
+            {reviewFeedbackText}
+          </p>
         </div>
       )}
     </RatafiaReviewResultStyled>

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.d.ts

@@ -10,5 +10,6 @@ export interface RatafiaReviewResultProps {
     reviewNegativeDataQa: string;
     handleOnClickReviewNegative?: MouseEventHandler;
     reviewFeedbackText: string;
+    reviewFeedBackTextDataQa?: string;
     review: boolean | null;
 }

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.ts

@@ -11,5 +11,6 @@ export interface RatafiaReviewResultProps {
   reviewNegativeDataQa: string
   handleOnClickReviewNegative?: MouseEventHandler
   reviewFeedbackText: string
+  reviewFeedBackTextDataQa?: string
   review: boolean | null
 }

package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.js

@@ -1,12 +1,11 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const TrustPilotStyled = styled.div `
-  margin: auto;
-  padding: 0 1rem;
+  padding: 4rem 0 0rem;
 
   &.trustpilot {
     @media ${device['landscape-tablets']} {
-      margin: 3rem auto;
+      margin: 0 auto;
     }
   }
 `;

package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.ts

@@ -2,12 +2,11 @@ import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const TrustPilotStyled = styled.div`
-  margin: auto;
-  padding: 0 1rem;
+  padding: 4rem 0 0rem;
 
   &.trustpilot {
     @media ${device['landscape-tablets']} {
-      margin: 3rem auto;
+      margin: 0 auto;
     }
   }
 `

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TrustworthyWebsitesStyled } from './TrustworthyWebsites.styled';
 const TrustworthyWebsites = ({ images }) => {
-    return (_jsx(TrustworthyWebsitesStyled, { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: item.src }, item.id))) }));
+    return (_jsx(TrustworthyWebsitesStyled, { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: _jsx("a", { href: item.url, target: '_blank', rel: 'noreferrer', children: item.src }) }, item.id))) }));
 };
 export default TrustworthyWebsites;

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js

@@ -1,14 +1,31 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const TrustworthyWebsitesStyled = styled.div `
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-around;
   align-items: center;
 
+  @media ${device['landscape-tablets']} {
+    gap: 4%;
+  }
+
   .trustworthy-websites {
     &__image {
-      margin: 1.5rem;
-      max-width: 7rem;
+      margin: 1rem 0 1rem 0;
+      width: 45.5%;
+
+      @media ${device['landscape-tablets']} {
+        width: 10.28%;
+      }
+
+      img {
+        margin: 0 auto;
+      }
+
+      .gatsby-image-wrapper-constrained {
+        display: block;
+      }
     }
   }
 `;

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts

@@ -1,15 +1,32 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const TrustworthyWebsitesStyled = styled.div`
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-around;
   align-items: center;
 
+  @media ${device['landscape-tablets']} {
+    gap: 4%;
+  }
+
   .trustworthy-websites {
     &__image {
-      margin: 1.5rem;
-      max-width: 7rem;
+      margin: 1rem 0 1rem 0;
+      width: 45.5%;
+
+      @media ${device['landscape-tablets']} {
+        width: 10.28%;
+      }
+
+      img {
+        margin: 0 auto;
+      }
+
+      .gatsby-image-wrapper-constrained {
+        display: block;
+      }
     }
   }
 `

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.tsx

@@ -8,7 +8,9 @@ const TrustworthyWebsites: FC<TrustworthyWebsitesProps> = ({ images }) => {
     <TrustworthyWebsitesStyled className='trustworthy-websites'>
       {images.map((item) => (
         <div className='trustworthy-websites__image' key={item.id}>
-          {item.src}
+          <a href={item.url} target='_blank' rel='noreferrer'>
+            {item.src}
+          </a>
         </div>
       ))}
     </TrustworthyWebsitesStyled>

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts

@@ -4,4 +4,5 @@ export interface TrustworthyWebsitesProps {
 export interface ImageStructure {
     id: string;
     src: React.ReactNode;
+    url: string;
 }

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.ts

@@ -5,4 +5,5 @@ export interface TrustworthyWebsitesProps {
 export interface ImageStructure {
   id: string
   src: React.ReactNode
+  url: string
 }

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.js

@@ -16,6 +16,13 @@ export const AsSeenInContentStyled = styled.div `
       a {
         color: var(--primary-main-light-1);
         font-weight: 400 !important;
+        text-decoration: underline;
+      }
+
+      .m-richText {
+        p {
+          margin-bottom: 1.5rem;
+        }
       }
     }
   }

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.ts

@@ -17,6 +17,13 @@ export const AsSeenInContentStyled = styled.div`
       a {
         color: var(--primary-main-light-1);
         font-weight: 400 !important;
+        text-decoration: underline;
+      }
+
+      .m-richText {
+        p {
+          margin-bottom: 1.5rem;
+        }
       }
     }
   }

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled';
-export const RatafiaLoadingResultContent = ({ documentName, icon, text }) => {
-    return (_jsxs(RatafiaLoadingResultContentStyled, { children: [_jsx("h2", { className: 'sans-serif --bold-weight ratafia-result-loading-content__document-name', children: documentName }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper', children: [_jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-1', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-2', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-5' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-3', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-7' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-4', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-8' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] })] }), _jsxs("div", { className: 'ratafia-result-loading-content__message', children: [_jsx("div", { className: 'ratafia-result-loading-content__message__icon', children: icon }), _jsx("span", { className: 'sans-serif --medium ratafia-result-loading-content__message__text', children: text })] })] }));
+export const RatafiaLoadingResultContent = ({ documentName, icon, text, loadingContentDataQa = 'lawgenius_loading_result_content', loadingMessageDataQa = 'lawgenius_loading_result_message' }) => {
+    return (_jsxs(RatafiaLoadingResultContentStyled, { "data-qa": loadingContentDataQa, children: [_jsx("h2", { className: 'sans-serif --bold-weight ratafia-result-loading-content__document-name', children: documentName }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper', children: [_jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-1', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-2', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-5' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-3', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-7' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-4', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-8' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] })] }), _jsxs("div", { className: 'ratafia-result-loading-content__message', "data-qa": loadingMessageDataQa, children: [_jsx("div", { className: 'ratafia-result-loading-content__message__icon', children: icon }), _jsx("span", { className: 'sans-serif --medium ratafia-result-loading-content__message__text', children: text })] })] }));
 };
 export default RatafiaLoadingResultContent;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx

@@ -6,10 +6,12 @@ import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent
 export const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentProps> = ({
   documentName,
   icon,
-  text
+  text,
+  loadingContentDataQa = 'lawgenius_loading_result_content',
+  loadingMessageDataQa = 'lawgenius_loading_result_message'
 }) => {
   return (
-    <RatafiaLoadingResultContentStyled>
+    <RatafiaLoadingResultContentStyled data-qa={loadingContentDataQa}>
       <h2 className='sans-serif --bold-weight ratafia-result-loading-content__document-name'>{documentName}</h2>
       <div className='ratafia-result-loading-content__animation-wrapper'>
         <div className='ratafia-result-loading-content__animation-wrapper__animation animation-1'>
@@ -35,7 +37,7 @@ export const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentPr
           <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
         </div>
       </div>
-      <div className='ratafia-result-loading-content__message'>
+      <div className='ratafia-result-loading-content__message' data-qa={loadingMessageDataQa}>
         <div className='ratafia-result-loading-content__message__icon'>{icon}</div>
         <span className='sans-serif --medium ratafia-result-loading-content__message__text'>{text}</span>
       </div>

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.d.ts

@@ -2,4 +2,6 @@ export interface RatafiaLoadingResultContentProps {
     documentName: string;
     icon?: React.ReactNode;
     text?: React.ReactNode;
+    loadingContentDataQa?: string;
+    loadingMessageDataQa?: string;
 }

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.ts

@@ -2,4 +2,6 @@ export interface RatafiaLoadingResultContentProps {
   documentName: string
   icon?: React.ReactNode
   text?: React.ReactNode
+  loadingContentDataQa?: string
+  loadingMessageDataQa?: string
 }

package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.js

@@ -2,30 +2,28 @@ import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const AsSeeInSectionStyled = styled.section `
   flex-shrink: 0;
-  background-color: get-color(secondary, main-light-5);
-  padding: 0 1.5rem 2rem 1.5rem;
+  background-color: var(--neutral-neutral-6);
+  padding: 2rem 1.5rem;
 
   @media ${device['landscape-tablets']} {
-    padding: 0 1.5rem 3rem 1.5rem;
+    padding: 3rem 1.5rem;
   }
 
   .as-seen-in-section {
     display: flex;
     flex-direction: column;
-    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
     background: get-color(others, white);
-    padding: 1.5rem 0;
 
     &__title {
-      color: var(--neutral-neutral-2);
+      color: var(--neutral-neutral-1);
       text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
+      font-size: 1.75rem;
+      font-family: var(--font-sans);
       font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
+      font-weight: 700;
+      line-height: 1;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      margin: 0rem 0 1.5rem 0;
     }
   }
 `;

package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.ts

@@ -3,30 +3,28 @@ import styled from 'styled-components'
 
 export const AsSeeInSectionStyled = styled.section`
   flex-shrink: 0;
-  background-color: get-color(secondary, main-light-5);
-  padding: 0 1.5rem 2rem 1.5rem;
+  background-color: var(--neutral-neutral-6);
+  padding: 2rem 1.5rem;
 
   @media ${device['landscape-tablets']} {
-    padding: 0 1.5rem 3rem 1.5rem;
+    padding: 3rem 1.5rem;
   }
 
   .as-seen-in-section {
     display: flex;
     flex-direction: column;
-    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
     background: get-color(others, white);
-    padding: 1.5rem 0;
 
     &__title {
-      color: var(--neutral-neutral-2);
+      color: var(--neutral-neutral-1);
       text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
+      font-size: 1.75rem;
+      font-family: var(--font-sans);
       font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
+      font-weight: 700;
+      line-height: 1;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      margin: 0rem 0 1.5rem 0;
     }
   }
 `

package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js

@@ -5,7 +5,6 @@ export const ExpertsSectionStyled = styled.div `
   justify-content: center;
   flex-direction: column;
   background-color: var(--neutral-neutral-6);
-  margin-bottom: 4rem;
 
   .experts-section {
     &__title {

package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts

@@ -6,7 +6,6 @@ export const ExpertsSectionStyled = styled.div`
   justify-content: center;
   flex-direction: column;
   background-color: var(--neutral-neutral-6);
-  margin-bottom: 4rem;
 
   .experts-section {
     &__title {

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.js

@@ -4,10 +4,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
   width: 100%;
   margin: 0 auto;
   text-align: center;
-  padding: 1.5rem;
+  padding: 2rem 1.5rem;
 
-  @media ${device.laptop} {
-    padding: 0;
+  @media ${device['landscape-tablets']} {
+    padding: 3rem 1.5rem;
   }
 
   @media ${device.desktop} {
@@ -16,10 +16,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
 
   .people-say {
     &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
-      line-height: 42px;
+      font-family: var(--font-sans);
+      font-size: 1.75rem;
+      font-weight: 700;
+      line-height: 1.3;
       letter-spacing: -0.3px;
       text-align: center;
     }
@@ -29,6 +29,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
     text-align: left;
     margin-top: 2rem;
 
+    a {
+      text-decoration: underline;
+      color: var(--primary-main);
+    }
     > p,
     > blockquote {
       margin-top: 1.5rem;

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.ts

@@ -5,10 +5,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
   width: 100%;
   margin: 0 auto;
   text-align: center;
-  padding: 1.5rem;
+  padding: 2rem 1.5rem;
 
-  @media ${device.laptop} {
-    padding: 0;
+  @media ${device['landscape-tablets']} {
+    padding: 3rem 1.5rem;
   }
 
   @media ${device.desktop} {
@@ -17,10 +17,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
 
   .people-say {
     &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
-      line-height: 42px;
+      font-family: var(--font-sans);
+      font-size: 1.75rem;
+      font-weight: 700;
+      line-height: 1.3;
       letter-spacing: -0.3px;
       text-align: center;
     }
@@ -30,6 +30,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
     text-align: left;
     margin-top: 2rem;
 
+    a {
+      text-decoration: underline;
+      color: var(--primary-main);
+    }
     > p,
     > blockquote {
       margin-top: 1.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.77.0",
+  "version": "5.78.1",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss

@@ -1,37 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.as-seen-in-section-box {
-  flex-shrink: 0;
-  background-color: get-color(secondary, main-light-5);
-  padding: 0 1.5rem;
-
-  @include laptop {
-    margin-top: 12rem;
-  }
-
-  .as-seen-in-section {
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-    background: get-color(others, white);
-    transform: translateY(-5rem);
-    padding: 1.5rem 0;
-
-    @include laptop {
-      transform: translateY(-50%);
-    }
-
-    &__title {
-      color: var(--neutral-neutral-2);
-      text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
-      font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
-      letter-spacing: -0.3px;
-      margin: 1rem 0;
-    }
-  }
-}