@npm_leadtech/legal-lib-components 7.82.52 → 7.83.0

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

@@ -8,7 +8,8 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
     flex-direction: row;
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission {
+  &.try-our-free-legal-blogs-section-content--our-mission,
+  &.try-our-free-legal-blogs-section-content--how-it-works {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -31,7 +32,8 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
     }
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission-first-image {
+  &.try-our-free-legal-blogs-section-content--our-mission-first-image,
+  &.try-our-free-legal-blogs-section-content--how-it-works-first-image {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -102,4 +104,35 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
   .try-our-free-legal-blogs-section__image {
     flex-basis: 50%;
   }
+
+  &.try-our-free-legal-blogs-section-content--image-first-mobile {
+    .try-our-free-legal-blogs-section__texts {
+      order: 2;
+      @media ${device['landscape-tablets']} {
+        order: 1;
+      }
+    }
+
+    .try-our-free-legal-blogs-section__image {
+      order: 1;
+      margin-bottom: 2rem;
+      @media ${device['landscape-tablets']} {
+        order: 2;
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &.try-our-free-legal-blogs-section-content--how-it-works {
+    ul {
+      list-style-type: disc;
+      padding-left: 1.2rem;
+      li {
+        margin-bottom: 0;
+        a {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
 `

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

@@ -12,13 +12,18 @@ const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps> = ({
   title,
   image,
   children,
-  type = TryOurFreeLegalBlogsContentType.default
+  type = TryOurFreeLegalBlogsContentType.default,
+  imageFirstOnMobile = false
 }) => {
   const classTry = classNames({
     'try-our-free-legal-blogs-section-content': true,
     'try-our-free-legal-blogs-section-content--our-mission': TryOurFreeLegalBlogsContentType.ourMission === type,
     'try-our-free-legal-blogs-section-content--our-mission-first-image':
-      TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type
+      TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type,
+    'try-our-free-legal-blogs-section-content--how-it-works': TryOurFreeLegalBlogsContentType.howItWorks === type,
+    'try-our-free-legal-blogs-section-content--how-it-works-first-image':
+      TryOurFreeLegalBlogsContentType.howItWorksFirstImage === type,
+    'try-our-free-legal-blogs-section-content--image-first-mobile': imageFirstOnMobile
   })
   return (
     <TryOurFreeLegalBlogsContentStyled className={classTry}>

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.d.ts

@@ -1,11 +1,14 @@
 export declare enum TryOurFreeLegalBlogsContentType {
     default = "Default",
     ourMission = "Our Mission",
-    ourMissionFirstImage = "Our Mission First Image"
+    ourMissionFirstImage = "Our Mission First Image",
+    howItWorks = "How It Works",
+    howItWorksFirstImage = "How It Works First Image"
 }
 export interface TryOurFreeLegalBlogsContentProps {
     title: string;
     image: React.ReactNode;
     children: React.ReactNode;
     type?: TryOurFreeLegalBlogsContentType;
+    imageFirstOnMobile?: boolean;
 }

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.js

@@ -3,4 +3,6 @@ export var TryOurFreeLegalBlogsContentType;
     TryOurFreeLegalBlogsContentType["default"] = "Default";
     TryOurFreeLegalBlogsContentType["ourMission"] = "Our Mission";
     TryOurFreeLegalBlogsContentType["ourMissionFirstImage"] = "Our Mission First Image";
+    TryOurFreeLegalBlogsContentType["howItWorks"] = "How It Works";
+    TryOurFreeLegalBlogsContentType["howItWorksFirstImage"] = "How It Works First Image";
 })(TryOurFreeLegalBlogsContentType || (TryOurFreeLegalBlogsContentType = {}));

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.ts

@@ -1,7 +1,9 @@
 export enum TryOurFreeLegalBlogsContentType {
   default = 'Default',
   ourMission = 'Our Mission',
-  ourMissionFirstImage = 'Our Mission First Image'
+  ourMissionFirstImage = 'Our Mission First Image',
+  howItWorks = 'How It Works',
+  howItWorksFirstImage = 'How It Works First Image'
 }
 
 export interface TryOurFreeLegalBlogsContentProps {
@@ -9,4 +11,5 @@ export interface TryOurFreeLegalBlogsContentProps {
   image: React.ReactNode
   children: React.ReactNode
   type?: TryOurFreeLegalBlogsContentType
+  imageFirstOnMobile?: boolean
 }

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VisibleVariablesProps } from './VisibleEnvVariablesProps.types';
+declare const VisibleEnvVariables: React.FC<VisibleVariablesProps>;
+export default VisibleEnvVariables;

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

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { VariablesList } from './VisibleEnvVariables.styled';
+const VisibleEnvVariables = ({ variables }) => {
+    return (_jsx(VariablesList, { className: 'stage-variables', children: Object.entries(variables).map(([key, value]) => (_jsxs("li", { children: [_jsxs("strong", { className: 'stage-variable-name', children: [key, ": "] }), _jsx("span", { className: 'stage-variable-value', children: value })] }, key))) }));
+};
+export default VisibleEnvVariables;

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

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

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

@@ -0,0 +1,13 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const VariablesList = styled.ul `
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+  flex-wrap: wrap;
+  @media ${device['mobile']} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+`;

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

@@ -0,0 +1,14 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const VariablesList = styled.ul`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+  flex-wrap: wrap;
+  @media ${device['mobile']} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+`

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

@@ -0,0 +1,18 @@
+import React from 'react'
+import { VariablesList } from './VisibleEnvVariables.styled'
+import { VisibleVariablesProps } from './VisibleEnvVariablesProps.types'
+
+const VisibleEnvVariables: React.FC<VisibleVariablesProps> = ({ variables }) => {
+  return (
+    <VariablesList className='stage-variables'>
+      {Object.entries(variables).map(([key, value]) => (
+        <li key={key}>
+          <strong className='stage-variable-name'>{key}: </strong>
+          <span className='stage-variable-value'>{value}</span>
+        </li>
+      ))}
+    </VariablesList>
+  )
+}
+
+export default VisibleEnvVariables

package/dist/src/components/organisms/VisibleEnvVariables/VisibleEnvVariablesProps.types.d.ts

@@ -0,0 +1,3 @@
+export interface VisibleVariablesProps {
+    variables: Record<string, string>;
+}

package/dist/src/components/organisms/VisibleEnvVariables/VisibleEnvVariablesProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/organisms/VisibleEnvVariables/VisibleEnvVariablesProps.types.ts

@@ -0,0 +1,3 @@
+export interface VisibleVariablesProps {
+  variables: Record<string, string>
+}

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

@@ -0,0 +1,2 @@
+export { default as VisibleEnvVariables } from './VisibleEnvVariables';
+export { type VisibleVariablesProps } from './VisibleEnvVariablesProps.types';

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

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

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

@@ -0,0 +1,2 @@
+export { default as VisibleEnvVariables } from './VisibleEnvVariables'
+export { type VisibleVariablesProps } from './VisibleEnvVariablesProps.types'

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

@@ -1,11 +1,15 @@
-export * from './AboutUsContent';
+export * from './HeroContent';
 export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
+export * from './BottomFooter';
 export * from './CardFunctionality';
 export * from './ContactContent';
 export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
+export * from './DocumentListMenu';
+export * from './DocumentMainMenu';
+export * from './DocumentSubMenu';
 export * from './ErrorContentRatafia';
 export * from './FaqGroup';
 export * from './FeaturesRatafiaContent';
@@ -20,9 +24,16 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
+export * from './NavMenu';
 export * from './RatafiaLoadingResultContent';
 export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
+export * from './TopFooter';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
 export * from './HowWeHelp';
+export * from './MobileMenu';
+export * from './MobilePanel';
+export * from './DesktopMenu';
+export * from './VisibleEnvVariables';
+export * from './PricingPageHeader';

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

@@ -1,11 +1,15 @@
-export * from './AboutUsContent';
+export * from './HeroContent';
 export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
+export * from './BottomFooter';
 export * from './CardFunctionality';
 export * from './ContactContent';
 export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
+export * from './DocumentListMenu';
+export * from './DocumentMainMenu';
+export * from './DocumentSubMenu';
 export * from './ErrorContentRatafia';
 export * from './FaqGroup';
 export * from './FeaturesRatafiaContent';
@@ -20,9 +24,16 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
+export * from './NavMenu';
 export * from './RatafiaLoadingResultContent';
 export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
+export * from './TopFooter';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
 export * from './HowWeHelp';
+export * from './MobileMenu';
+export * from './MobilePanel';
+export * from './DesktopMenu';
+export * from './VisibleEnvVariables';
+export * from './PricingPageHeader';

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

@@ -1,11 +1,15 @@
-export * from './AboutUsContent'
+export * from './HeroContent'
 export * from './Accordion'
 export * from './ArticlesList'
 export * from './AsSeeInContent'
+export * from './BottomFooter'
 export * from './CardFunctionality'
 export * from './ContactContent'
 export * from './ContactJumbotron'
 export * from './CookiePolicyBar'
+export * from './DocumentListMenu'
+export * from './DocumentMainMenu'
+export * from './DocumentSubMenu'
 export * from './ErrorContentRatafia'
 export * from './FaqGroup'
 export * from './FeaturesRatafiaContent'
@@ -20,9 +24,16 @@ export * from './LimitReachedContentRatafia'
 export * from './ListStepsGetForm'
 export * from './LoginRatafiaContent'
 export * from './MobileBottomBar'
+export * from './NavMenu'
 export * from './RatafiaLoadingResultContent'
 export * from './RatafiaResultContent'
 export * from './StepsRatafiaContent'
+export * from './TopFooter'
 export * from './TryOurFreeLegalBlogsContent'
 export * from './Wizard'
 export * from './HowWeHelp'
+export * from './MobileMenu'
+export * from './MobilePanel'
+export * from './DesktopMenu'
+export * from './VisibleEnvVariables'
+export * from './PricingPageHeader'

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

@@ -1,6 +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';
+import { AsSeeInSection, CardStorySection, ExpertsSection, GuidelinesSection, HeroSection, MidBannerRatafiaSection, PeopleSayAboutUsSection, TryOurFreeLegalBlogsSection } from '../../sections';
 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 })] }));
+export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, howWeHelp, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, midBannerSectionProps, contactContentProps, isJonSnow = false }) => {
+    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(HeroSection, { ...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 && midBannerSectionProps != null && _jsx(MidBannerRatafiaSection, { ...midBannerSectionProps }), !isJonSnow && contactContentProps != null && _jsx(ContactContent, { ...contactContentProps })] }));
 };

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

@@ -1,11 +1,12 @@
 import React from 'react'
 
 import {
-  AboutUsSection,
   AsSeeInSection,
   CardStorySection,
   ExpertsSection,
   GuidelinesSection,
+  HeroSection,
+  MidBannerRatafiaSection,
   PeopleSayAboutUsSection,
   TryOurFreeLegalBlogsSection
 } from '../../sections'
@@ -22,12 +23,13 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
   guidelinesSectionProps,
   expertsSectionProps,
   asSeeInSectionProps,
+  midBannerSectionProps,
   contactContentProps,
   isJonSnow = false
 }) => {
   return (
     <>
-      {aboutUsSectionProps != null && <AboutUsSection {...aboutUsSectionProps} />}
+      {aboutUsSectionProps != null && <HeroSection {...aboutUsSectionProps} />}
       {ourMissionBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourMissionBlogsSectionProps} />}
       {ourCoreValuesBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourCoreValuesBlogsSectionProps} />}
       {cardStorySection != null && <CardStorySection {...cardStorySection} />}
@@ -42,6 +44,7 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
         <PeopleSayAboutUsSection {...peopleSayAboutUsSectionProps} />
       )}
       {!isJonSnow && asSeeInSectionProps != null && <AsSeeInSection {...asSeeInSectionProps} />}
+      {!isJonSnow && midBannerSectionProps != null && <MidBannerRatafiaSection {...midBannerSectionProps} />}
       {!isJonSnow && contactContentProps != null && <ContactContent {...contactContentProps} />}
     </>
   )

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

@@ -1,7 +1,7 @@
-import type { AboutUsSectionProps, AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, PeopleSayAboutUsSectionProps, TryOurFreeLegalBlogsSectionProps, TryUsSectionProps } from '../../sections';
+import type { AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, HeroSectionProps, MidBannerRatafiaSectionProps, PeopleSayAboutUsSectionProps, TryOurFreeLegalBlogsSectionProps, TryUsSectionProps } from '../../sections';
 import { ContactContentProps, HowWeHelpProps } from '../../organisms';
 export interface AboutUsPageProps {
-    aboutUsSectionProps?: AboutUsSectionProps;
+    aboutUsSectionProps?: HeroSectionProps;
     ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     cardStorySection?: CardStorySectionProps;
@@ -11,6 +11,7 @@ export interface AboutUsPageProps {
     tryUsSectionProps?: TryUsSectionProps;
     expertsSectionProps?: ExpertsSectionProps;
     asSeeInSectionProps?: AsSeeInSectionProps;
+    midBannerSectionProps?: MidBannerRatafiaSectionProps;
     contactContentProps?: ContactContentProps;
     isJonSnow?: boolean;
 }

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

@@ -1,9 +1,10 @@
 import type {
-  AboutUsSectionProps,
   AsSeeInSectionProps,
   CardStorySectionProps,
   ExpertsSectionProps,
   GuidelinesSectionProps,
+  HeroSectionProps,
+  MidBannerRatafiaSectionProps,
   PeopleSayAboutUsSectionProps,
   TryOurFreeLegalBlogsSectionProps,
   TryUsSectionProps
@@ -11,7 +12,7 @@ import type {
 import { ContactContentProps, HowWeHelpProps } from '../../organisms'
 
 export interface AboutUsPageProps {
-  aboutUsSectionProps?: AboutUsSectionProps
+  aboutUsSectionProps?: HeroSectionProps
   ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   cardStorySection?: CardStorySectionProps
@@ -21,6 +22,7 @@ export interface AboutUsPageProps {
   tryUsSectionProps?: TryUsSectionProps
   expertsSectionProps?: ExpertsSectionProps
   asSeeInSectionProps?: AsSeeInSectionProps
+  midBannerSectionProps?: MidBannerRatafiaSectionProps
   contactContentProps?: ContactContentProps
   isJonSnow?: boolean
 }

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ContactSection, JumbotronSimplifiedSection } from '../../sections';
-import { PhoneContactBoxMobile } from '../../molecules';
-export const ContactUsPage = ({ jumbotronSimplifiedSectionProps, phoneContactBox, contactProps, isJonSnow = false }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(JumbotronSimplifiedSection, { ...jumbotronSimplifiedSectionProps }), !isJonSnow && _jsx(PhoneContactBoxMobile, { ...phoneContactBox }), _jsx(ContactSection, { ...contactProps })] }));
+import { ContactInfoBoxMobile } from '../../molecules';
+export const ContactUsPage = ({ jumbotronSimplifiedSectionProps, contactInfoBoxMobileProps, contactProps, isJonSnow = false }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(JumbotronSimplifiedSection, { ...jumbotronSimplifiedSectionProps }), !isJonSnow && _jsx(ContactInfoBoxMobile, { ...contactInfoBoxMobileProps }), _jsx(ContactSection, { ...contactProps })] }));
 };

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

@@ -1,19 +1,19 @@
 import React from 'react'
 
 import { ContactSection, JumbotronSimplifiedSection } from '../../sections'
+import { ContactInfoBoxMobile } from '../../molecules'
 import { type ContactUsPageProps } from './ContactUsPageProps'
-import { PhoneContactBoxMobile } from '../../molecules'
 
 export const ContactUsPage: React.FC<ContactUsPageProps> = ({
   jumbotronSimplifiedSectionProps,
-  phoneContactBox,
+  contactInfoBoxMobileProps,
   contactProps,
   isJonSnow = false
 }) => {
   return (
     <>
       <JumbotronSimplifiedSection {...jumbotronSimplifiedSectionProps} />
-      {!isJonSnow && <PhoneContactBoxMobile {...phoneContactBox} />}
+      {!isJonSnow && <ContactInfoBoxMobile {...contactInfoBoxMobileProps} />}
       <ContactSection {...contactProps} />
     </>
   )

package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.d.ts

@@ -1,8 +1,8 @@
 import { type ContactSectionProps, type JumbotronSimplifiedSectionProps } from '../../sections';
-import { type PhoneContactBoxMobileProps } from '../../molecules';
+import { ContactInfoBoxMobileProps } from 'src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types';
 export interface ContactUsPageProps {
     jumbotronSimplifiedSectionProps: JumbotronSimplifiedSectionProps;
-    phoneContactBox: PhoneContactBoxMobileProps;
+    contactInfoBoxMobileProps: ContactInfoBoxMobileProps;
     contactProps: ContactSectionProps;
     isJonSnow?: boolean;
 }

package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.ts

@@ -1,9 +1,9 @@
 import { type ContactSectionProps, type JumbotronSimplifiedSectionProps } from '../../sections'
-import { type PhoneContactBoxMobileProps } from '../../molecules'
+import { ContactInfoBoxMobileProps } from 'src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types'
 
 export interface ContactUsPageProps {
   jumbotronSimplifiedSectionProps: JumbotronSimplifiedSectionProps
-  phoneContactBox: PhoneContactBoxMobileProps
+  contactInfoBoxMobileProps: ContactInfoBoxMobileProps
   contactProps: ContactSectionProps
   isJonSnow?: boolean
 }

package/dist/src/components/pages/HowItWorksPage/HowItWorksPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type HowItWorksPageProps } from './HowItWorksPageProps';
+export declare const HowItWorksPage: React.FC<HowItWorksPageProps>;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { HeroSection, LawGeniusCardsSection, TryNowSection, TryOurFreeLegalBlogsSection } from '../../sections';
+export const HowItWorksPage = ({ aboutUsSectionProps, howItWorksStep1Props, howItWorksStep2Props, howItWorksStep3Props, howItWorksStep4Props, lawGeniusCardsSectionProps, tryNowSectionProps }) => {
+    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(HeroSection, { ...aboutUsSectionProps }), howItWorksStep1Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep1Props }), howItWorksStep2Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep2Props }), howItWorksStep3Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep3Props }), howItWorksStep4Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep4Props }), lawGeniusCardsSectionProps != null && _jsx(LawGeniusCardsSection, { ...lawGeniusCardsSectionProps }), tryNowSectionProps != null && _jsx(TryNowSection, { ...tryNowSectionProps })] }));
+};

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

@@ -0,0 +1,26 @@
+import React from 'react'
+
+import { HeroSection, LawGeniusCardsSection, TryNowSection, TryOurFreeLegalBlogsSection } from '../../sections'
+import { type HowItWorksPageProps } from './HowItWorksPageProps'
+
+export const HowItWorksPage: React.FC<HowItWorksPageProps> = ({
+  aboutUsSectionProps,
+  howItWorksStep1Props,
+  howItWorksStep2Props,
+  howItWorksStep3Props,
+  howItWorksStep4Props,
+  lawGeniusCardsSectionProps,
+  tryNowSectionProps
+}) => {
+  return (
+    <>
+      {aboutUsSectionProps != null && <HeroSection {...aboutUsSectionProps} />}
+      {howItWorksStep1Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep1Props} />}
+      {howItWorksStep2Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep2Props} />}
+      {howItWorksStep3Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep3Props} />}
+      {howItWorksStep4Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep4Props} />}
+      {lawGeniusCardsSectionProps != null && <LawGeniusCardsSection {...lawGeniusCardsSectionProps} />}
+      {tryNowSectionProps != null && <TryNowSection {...tryNowSectionProps} />}
+    </>
+  )
+}

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.d.ts

@@ -0,0 +1,10 @@
+import type { HeroSectionProps, LawGeniusCardsSectionProps, TryNowSectionProps, TryOurFreeLegalBlogsSectionProps } from '../../sections';
+export interface HowItWorksPageProps {
+    aboutUsSectionProps?: HeroSectionProps;
+    howItWorksStep1Props?: TryOurFreeLegalBlogsSectionProps;
+    howItWorksStep2Props?: TryOurFreeLegalBlogsSectionProps;
+    howItWorksStep3Props?: TryOurFreeLegalBlogsSectionProps;
+    howItWorksStep4Props?: TryOurFreeLegalBlogsSectionProps;
+    lawGeniusCardsSectionProps?: LawGeniusCardsSectionProps;
+    tryNowSectionProps?: TryNowSectionProps;
+}

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.ts

@@ -0,0 +1,16 @@
+import type {
+  HeroSectionProps,
+  LawGeniusCardsSectionProps,
+  TryNowSectionProps,
+  TryOurFreeLegalBlogsSectionProps
+} from '../../sections'
+
+export interface HowItWorksPageProps {
+  aboutUsSectionProps?: HeroSectionProps
+  howItWorksStep1Props?: TryOurFreeLegalBlogsSectionProps
+  howItWorksStep2Props?: TryOurFreeLegalBlogsSectionProps
+  howItWorksStep3Props?: TryOurFreeLegalBlogsSectionProps
+  howItWorksStep4Props?: TryOurFreeLegalBlogsSectionProps
+  lawGeniusCardsSectionProps?: LawGeniusCardsSectionProps
+  tryNowSectionProps?: TryNowSectionProps
+}

package/dist/src/components/pages/HowItWorksPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HowItWorksPage';
+export * from './HowItWorksPageProps';

package/dist/src/components/pages/HowItWorksPage/index.js

@@ -0,0 +1,2 @@
+export * from './HowItWorksPage';
+export * from './HowItWorksPageProps';

package/dist/src/components/pages/HowItWorksPage/index.ts

@@ -0,0 +1,2 @@
+export * from './HowItWorksPage'
+export * from './HowItWorksPageProps'

package/dist/src/components/pages/PricingPage/PricingPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PricingPageProps } from './PricingPageProps';
+export declare const PricingPage: React.FC<PricingPageProps>;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardBoxFeaturedSection, CardBoxMinimalSection, FaqSection, HeroSection } from '../../sections';
+import { BenefitCard } from '../../atoms';
+import { PlanBoxPricingSubscriptionCard } from '../../molecules';
+import { PricingPageStyled } from './PricingPage.styled';
+export const PricingPage = ({ benefitsContent, faqsContent, helpResourcesCards, pricingPlanContent, pricingSection, supportContent }) => {
+    return (_jsxs(PricingPageStyled, { children: [pricingSection != null && _jsx(HeroSection, { ...pricingSection }), _jsxs("div", { className: 'pricing-plans wrapper wrapper--responsive', children: [pricingPlanContent?.title && _jsx("h2", { className: 'pricing-plans__title', children: pricingPlanContent.title }), _jsx("div", { className: 'pricing-plans__cards', children: pricingPlanContent?.plans?.length > 0 &&
+                            pricingPlanContent?.plans?.map((plan) => _jsx(PlanBoxPricingSubscriptionCard, { ...plan }, plan?.id)) })] }), _jsx(CardBoxMinimalSection, { cards: helpResourcesCards }), _jsx("div", { className: 'wrapper wrapper--responsive', children: _jsxs("div", { className: 'benefits', children: [benefitsContent?.title && _jsx("h2", { className: 'benefits__title', children: benefitsContent.title }), _jsx("div", { className: 'benefits__cards', children: benefitsContent?.benefitsList?.length > 0 &&
+                                benefitsContent?.benefitsList?.map((benefit) => (_jsx(BenefitCard, { hasShadow: false, ...benefit }, benefit?.id))) })] }) }), _jsxs("div", { className: 'support-section', children: [supportContent?.title && (_jsxs("div", { className: 'support-section__content', children: [_jsx("h2", { children: supportContent.title }), supportContent.description] })), _jsx(CardBoxFeaturedSection, { cards: supportContent?.benefitsList })] }), _jsx("div", { className: 'faqs-section', children: _jsx(FaqSection, { groups: faqsContent?.faqItems, givenClass: 'faqs-section__content wrapper wrapper--responsive' }) })] }));
+};

package/dist/src/components/pages/PricingPage/PricingPage.styled.d.ts

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