@npm_leadtech/legal-lib-components 5.70.1 → 5.71.1

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

@@ -9,11 +9,15 @@ export const ContactCardStyled = styled.div `
     box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
     border-radius: var(--s-border-radius);
     min-width: 12.5rem;
-    height: 7.875rem;
     flex-shrink: 0;
     padding: 1rem;
     text-decoration: none;
     color: var(--neutral-neutral-1);
+
+    @media ${device['landscape-tablets']} {
+      height: 100%;
+    }
+
     &__image {
       width: 2rem;
     }

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

@@ -10,11 +10,15 @@ export const ContactCardStyled = styled.div`
     box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
     border-radius: var(--s-border-radius);
     min-width: 12.5rem;
-    height: 7.875rem;
     flex-shrink: 0;
     padding: 1rem;
     text-decoration: none;
     color: var(--neutral-neutral-1);
+
+    @media ${device['landscape-tablets']} {
+      height: 100%;
+    }
+
     &__image {
       width: 2rem;
     }

package/dist/src/components/atoms/index.d.ts

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

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

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

package/dist/src/components/atoms/index.ts

@@ -41,9 +41,6 @@ export * from './PreFooter'
 export * from './ProgressBar'
 export * from './Radio'
 export * from './RatafiaLandingIcon'
-export * from './RatafiaResultCard'
-export * from './RatafiaResultTab'
-export * from './RatafiaReviewResult'
 export * from './RemoveButton'
 export * from './ReviewKeyFactsResultRatafia'
 export * from './RichTextInner'

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

@@ -6,7 +6,7 @@ export const ContactCardListStyled = styled.div `
   flex-direction: column;
   gap: var(--global-gap);
 
-  @media ${device.laptop} {
+  @media ${device['landscape-tablets']} {
     flex-direction: row;
     gap: 2.5rem;
   }

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

@@ -7,7 +7,7 @@ export const ContactCardListStyled = styled.div`
   flex-direction: column;
   gap: var(--global-gap);
 
-  @media ${device.laptop} {
+  @media ${device['landscape-tablets']} {
     flex-direction: row;
     gap: 2.5rem;
   }

package/dist/src/components/molecules/index.d.ts

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

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

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.ts

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
 export * from './PricingCard'
-export * from './RatafiaResultCardList'
-export * from './RatafiaResultTabList'
 export * from './RatafiaSubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'

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

@@ -4,6 +4,6 @@ import { ContactContentStyled } from './ContactContent.styled';
 const ContactContent = ({ title, text, contactCards = [] }) => {
     if (contactCards.length === 0)
         return null;
-    return (_jsxs(ContactContentStyled, { className: 'contact-content', children: [_jsx("h2", { className: 'contact-content__title', children: title }), _jsx("p", { className: 'contact-content__text', children: text }), _jsx(ContactCardList, { contactCards: contactCards })] }));
+    return (_jsx(ContactContentStyled, { className: 'contact-content', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'contact-content__body', children: [_jsx("h2", { className: 'contact-content__title', children: title }), _jsx("p", { className: 'contact-content__text', children: text }), _jsx(ContactCardList, { contactCards: contactCards })] }) }) }));
 };
 export default ContactContent;

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

@@ -1,21 +1,34 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const ContactContentStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  transform: translateY(-5rem);
-  color: var(--neutral-neutral-1);
-  margin-top: 1rem;
+  background: var(--neutral-neutral-6);
+  padding: 0 1.5rem;
+
+  @media ${device.laptop} {
+    padding: 0;
+  }
 
   .contact-content {
+    &__body {
+      display: flex;
+      flex-direction: column;
+      color: var(--neutral-neutral-1);
+      padding-top: 2rem;
+      padding-bottom: 5rem;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+      }
+    }
     &__title {
       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.2;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      padding-bottom: 1.5rem;
     }
 
     &__text {
@@ -23,6 +36,10 @@ export const ContactContentStyled = styled.div `
       font-style: normal;
       font-weight: 400;
       margin: 0 0 2rem 0;
+
+      @media ${device['landscape-tablets']} {
+        letter-spacing: -0.2px;
+      }
     }
   }
 `;

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

@@ -1,22 +1,35 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const ContactContentStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  transform: translateY(-5rem);
-  color: var(--neutral-neutral-1);
-  margin-top: 1rem;
+  background: var(--neutral-neutral-6);
+  padding: 0 1.5rem;
+
+  @media ${device.laptop} {
+    padding: 0;
+  }
 
   .contact-content {
+    &__body {
+      display: flex;
+      flex-direction: column;
+      color: var(--neutral-neutral-1);
+      padding-top: 2rem;
+      padding-bottom: 5rem;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+      }
+    }
     &__title {
       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.2;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      padding-bottom: 1.5rem;
     }
 
     &__text {
@@ -24,6 +37,10 @@ export const ContactContentStyled = styled.div`
       font-style: normal;
       font-weight: 400;
       margin: 0 0 2rem 0;
+
+      @media ${device['landscape-tablets']} {
+        letter-spacing: -0.2px;
+      }
     }
   }
 `

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

@@ -11,9 +11,13 @@ const ContactContent: FC<ContactContentProps> = ({ title, text, contactCards = [
 
   return (
     <ContactContentStyled className='contact-content'>
-      <h2 className='contact-content__title'>{title}</h2>
-      <p className='contact-content__text'>{text}</p>
-      <ContactCardList contactCards={contactCards} />
+      <div className='wrapper'>
+        <div className='contact-content__body'>
+          <h2 className='contact-content__title'>{title}</h2>
+          <p className='contact-content__text'>{text}</p>
+          <ContactCardList contactCards={contactCards} />
+        </div>
+      </div>
     </ContactContentStyled>
   )
 }

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type HowWeHelpProps } from './HowWeHelpProps.types';
+declare const HowWeHelp: FC<HowWeHelpProps>;
+export default HowWeHelp;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, RichTextInner } from '../../atoms';
+import { HowWeHelpStyled } from './HowWeHelp.styled';
+const HowWeHelp = ({ title, image, children, button }) => {
+    return (_jsx(HowWeHelpStyled, { className: 'how-we-help', children: _jsxs("div", { className: 'wrapper how-we-help__content', children: [_jsxs("div", { className: 'how-we-help__texts', children: [_jsx("h2", { className: 'how-we-help__texts__title', children: title }), _jsxs(RichTextInner, { customClass: 'how-we-help__texts__body', children: [children, button != null && (_jsx("div", { className: 'how-we-help__texts__body__button', children: _jsx(Button, { ...button }) }))] })] }), _jsx("div", { className: 'how-we-help__image', children: image })] }) }));
+};
+export default HowWeHelp;

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.d.ts

@@ -0,0 +1 @@
+export declare const HowWeHelpStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,95 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const HowWeHelpStyled = styled.div `
+  padding: 0 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
+  }
+
+  .how-we-help {
+    &__content {
+      display: flex;
+      flex-direction: column-reverse;
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+      align-items: center;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+      }
+      @media ${device.laptop} {
+        flex-direction: row;
+      }
+    }
+    &__texts {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-right: 0;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.3px;
+      margin-bottom: 2rem;
+
+      @media ${device.laptop} {
+        flex-basis: 49%;
+        margin-right: 0;
+        margin-bottom: 1rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 56%;
+      }
+
+      &__title {
+        line-height: 1.1;
+        margin-bottom: 1.5rem;
+
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+
+        @media ${device.laptop} {
+          text-align: left;
+        }
+      }
+
+      &__body {
+        font-family: var(--font-sans);
+        font-size: 16px;
+        line-height: 22px;
+
+        .m-richText {
+          p {
+            margin-bottom: 1.5rem;
+          }
+          a {
+            color: var(--primary-main);
+            font-weight: 400;
+            text-decoration: underline;
+          }
+        }
+
+        &__button {
+          .e-button {
+            display: inline-block;
+          }
+        }
+      }
+    }
+    &__image {
+      margin-bottom: 2.5rem;
+
+      @media ${device.laptop} {
+        flex-basis: 51%;
+        padding-left: 2.5rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 44%;
+        padding-left: 5rem;
+      }
+    }
+  }
+`;

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

@@ -0,0 +1,96 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const HowWeHelpStyled = styled.div`
+  padding: 0 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
+  }
+
+  .how-we-help {
+    &__content {
+      display: flex;
+      flex-direction: column-reverse;
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+      align-items: center;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+      }
+      @media ${device.laptop} {
+        flex-direction: row;
+      }
+    }
+    &__texts {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-right: 0;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.3px;
+      margin-bottom: 2rem;
+
+      @media ${device.laptop} {
+        flex-basis: 49%;
+        margin-right: 0;
+        margin-bottom: 1rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 56%;
+      }
+
+      &__title {
+        line-height: 1.1;
+        margin-bottom: 1.5rem;
+
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+
+        @media ${device.laptop} {
+          text-align: left;
+        }
+      }
+
+      &__body {
+        font-family: var(--font-sans);
+        font-size: 16px;
+        line-height: 22px;
+
+        .m-richText {
+          p {
+            margin-bottom: 1.5rem;
+          }
+          a {
+            color: var(--primary-main);
+            font-weight: 400;
+            text-decoration: underline;
+          }
+        }
+
+        &__button {
+          .e-button {
+            display: inline-block;
+          }
+        }
+      }
+    }
+    &__image {
+      margin-bottom: 2.5rem;
+
+      @media ${device.laptop} {
+        flex-basis: 51%;
+        padding-left: 2.5rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 44%;
+        padding-left: 5rem;
+      }
+    }
+  }
+`

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

@@ -0,0 +1,28 @@
+import React, { type FC } from 'react'
+
+import { Button, RichTextInner } from '../../atoms'
+import { type HowWeHelpProps } from './HowWeHelpProps.types'
+import { HowWeHelpStyled } from './HowWeHelp.styled'
+
+const HowWeHelp: FC<HowWeHelpProps> = ({ title, image, children, button }) => {
+  return (
+    <HowWeHelpStyled className='how-we-help'>
+      <div className='wrapper how-we-help__content'>
+        <div className='how-we-help__texts'>
+          <h2 className='how-we-help__texts__title'>{title}</h2>
+          <RichTextInner customClass='how-we-help__texts__body'>
+            {children}
+            {button != null && (
+              <div className={'how-we-help__texts__body__button'}>
+                <Button {...button} />
+              </div>
+            )}
+          </RichTextInner>
+        </div>
+        <div className='how-we-help__image'>{image}</div>
+      </div>
+    </HowWeHelpStyled>
+  )
+}
+
+export default HowWeHelp

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from 'src/components/atoms';
+export interface HowWeHelpProps {
+    title: string;
+    image: React.ReactNode;
+    children: React.ReactNode;
+    button?: ButtonProps;
+}

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from 'src/components/atoms'
+
+export interface HowWeHelpProps {
+  title: string
+  image: React.ReactNode
+  children: React.ReactNode
+  button?: ButtonProps
+}

package/dist/src/components/organisms/HowWeHelp/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HowWeHelp } from './HowWeHelp';
+export { type HowWeHelpProps } from './HowWeHelpProps.types';

package/dist/src/components/organisms/HowWeHelp/index.js

@@ -0,0 +1 @@
+export { default as HowWeHelp } from './HowWeHelp';

package/dist/src/components/organisms/HowWeHelp/index.ts

@@ -0,0 +1,2 @@
+export { default as HowWeHelp } from './HowWeHelp'
+export { type HowWeHelpProps } from './HowWeHelpProps.types'

package/dist/src/components/organisms/index.d.ts

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
+export * from './HowWeHelp';

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

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
+export * from './HowWeHelp';

package/dist/src/components/organisms/index.ts

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia'
 export * from './ListStepsGetForm'
 export * from './LoginRatafiaContent'
 export * from './MobileBottomBar'
-export * from './RatafiaLoadingResultContent'
-export * from './RatafiaResultContent'
 export * from './StepsRatafiaContent'
 export * from './TryOurFreeLegalBlogsContent'
 export * from './Wizard'
+export * from './HowWeHelp'

package/dist/src/components/pages/AboutUsPage/AboutUsPage.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { AboutUsSection, AsSeeInSection, CardStorySection, ExpertsSection, GuidelinesSection, PeopleSayAboutUsSection, TryOurFreeLegalBlogsSection } from '../../sections';
-export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, isJonSnow = false }) => {
-    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps })] }));
+import { ContactContent, HowWeHelp } from '../../organisms';
+export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, howWeHelp, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, contactContentProps, isJonSnow = false }) => {
+    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), howWeHelp != null && _jsx(HowWeHelp, { ...howWeHelp }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps }), !isJonSnow && contactContentProps != null && _jsx(ContactContent, { ...contactContentProps })] }));
 };

package/dist/src/components/pages/AboutUsPage/AboutUsPage.tsx

@@ -9,6 +9,7 @@ import {
   PeopleSayAboutUsSection,
   TryOurFreeLegalBlogsSection
 } from '../../sections'
+import { ContactContent, HowWeHelp } from '../../organisms'
 import { type AboutUsPageProps } from './AboutUsPageProps'
 
 export const AboutUsPage: React.FC<AboutUsPageProps> = ({
@@ -16,10 +17,12 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
   ourMissionBlogsSectionProps,
   ourCoreValuesBlogsSectionProps,
   cardStorySection,
+  howWeHelp,
   peopleSayAboutUsSectionProps,
   guidelinesSectionProps,
   expertsSectionProps,
   asSeeInSectionProps,
+  contactContentProps,
   isJonSnow = false
 }) => {
   return (
@@ -28,6 +31,7 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
       {ourMissionBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourMissionBlogsSectionProps} />}
       {ourCoreValuesBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourCoreValuesBlogsSectionProps} />}
       {cardStorySection != null && <CardStorySection {...cardStorySection} />}
+      {howWeHelp != null && <HowWeHelp {...howWeHelp} />}
       {guidelinesSectionProps != null && (
         <GuidelinesSection {...guidelinesSectionProps}>
           {guidelinesSectionProps.contentGuidelines?.children}
@@ -38,6 +42,7 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
         <PeopleSayAboutUsSection {...peopleSayAboutUsSectionProps} />
       )}
       {!isJonSnow && asSeeInSectionProps != null && <AsSeeInSection {...asSeeInSectionProps} />}
+      {!isJonSnow && contactContentProps != null && <ContactContent {...contactContentProps} />}
     </>
   )
 }

package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.d.ts

@@ -1,13 +1,16 @@
 import type { AboutUsSectionProps, AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, PeopleSayAboutUsSectionProps, TryOurFreeLegalBlogsSectionProps, TryUsSectionProps } from '../../sections';
+import { ContactContentProps, HowWeHelpProps } from '../../organisms';
 export interface AboutUsPageProps {
     aboutUsSectionProps?: AboutUsSectionProps;
     ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     cardStorySection?: CardStorySectionProps;
+    howWeHelp?: HowWeHelpProps;
     peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps;
     guidelinesSectionProps?: GuidelinesSectionProps;
     tryUsSectionProps?: TryUsSectionProps;
     expertsSectionProps?: ExpertsSectionProps;
     asSeeInSectionProps?: AsSeeInSectionProps;
+    contactContentProps?: ContactContentProps;
     isJonSnow?: boolean;
 }

package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.ts

@@ -8,16 +8,19 @@ import type {
   TryOurFreeLegalBlogsSectionProps,
   TryUsSectionProps
 } from '../../sections'
+import { ContactContentProps, HowWeHelpProps } from '../../organisms'
 
 export interface AboutUsPageProps {
   aboutUsSectionProps?: AboutUsSectionProps
   ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   cardStorySection?: CardStorySectionProps
+  howWeHelp?: HowWeHelpProps
   peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps
   guidelinesSectionProps?: GuidelinesSectionProps
   tryUsSectionProps?: TryUsSectionProps
   expertsSectionProps?: ExpertsSectionProps
   asSeeInSectionProps?: AsSeeInSectionProps
+  contactContentProps?: ContactContentProps
   isJonSnow?: boolean
 }