@npm_leadtech/legal-lib-components 7.5.7 → 7.6.0

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

@@ -14,6 +14,7 @@ export const GuideslinesContentStyled = styled.div `
   }
 
   .guidelines-section__texts {
+    flex-basis: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -25,19 +26,18 @@ export const GuideslinesContentStyled = styled.div `
     letter-spacing: -0.3px;
 
     @media ${device['landscape-tablets']} {
-      margin-left: 2rem;
+      margin-left: 3rem;
       margin-bottom: 0;
     }
 
     &__title {
-      font-family: var(--font-sans);
+      font-family: var(--font-serif);
       margin-bottom: 2rem;
       text-align: center;
-      font-weight: 700;
-      font-size: 1.8rem;
-      color: var(--neutral-neutral-1);
+      font-size: 32px;
       font-style: normal;
-      line-height: 32px;
+      font-weight: 400;
+      line-height: 42px;
       letter-spacing: -0.3px;
 
       @media ${device['landscape-tablets']} {
@@ -57,6 +57,31 @@ export const GuideslinesContentStyled = styled.div `
     }
   }
 
+  .guidelines-section__image {
+    flex-basis: 50%;
+    margin-bottom: 2rem;
+
+    &.big-devices {
+      display: none;
+
+      @media ${device['landscape-tablets']} {
+        display: flex;
+      }
+    }
+
+    &.is-mobile {
+      display: none;
+
+      @media ${device['landscape-tablets']} {
+        display: none;
+      }
+
+      img {
+        display: none;
+      }
+    }
+  }
+
   .guidelines-section-detail {
     display: flex;
     flex-direction: column;
@@ -83,9 +108,9 @@ export const GuideslinesContentStyled = styled.div `
       &__title {
         font-family: var(--font-serif);
         font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 24px;
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 32px;
         letter-spacing: -0.3px;
         color: var(--neutral-neutral-1);
         margin: 1.5rem 0 1rem 0;
@@ -110,77 +135,4 @@ export const GuideslinesContentStyled = styled.div `
       }
     }
   }
-
-  .guidelines-section-trial {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__texts {
-      flex-basis: 50%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      font-weight: 400;
-      letter-spacing: -0.3px;
-      margin-right: 3rem;
-
-      &__body {
-        font-family: var(--font-sans);
-        font-size: 16px;
-        line-height: 22px;
-        margin-bottom: 1.5rem;
-        a {
-          color: var(--primary-main-light-1);
-          font-weight: 400 !important;
-        }
-      }
-      .e-button {
-        height: auto;
-        align-self: flex-start;
-        margin-top: 2.5rem;
-      }
-    }
-
-    &__item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-
-      @media ${device.laptop} {
-        padding: 1.5rem;
-        flex-direction: row;
-      }
-    }
-  }
-
-  .guidelines-section__image {
-    flex-basis: 50%;
-    margin-bottom: 2rem;
-
-    &.big-devices {
-      display: none;
-    }
-    &.is-mobile {
-      display: flex;
-    }
-
-    @media ${device.laptop} {
-      &.big-devices {
-        display: flex;
-      }
-      &.is-mobile {
-        display: none;
-      }
-    }
-  }
 `;

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

@@ -15,6 +15,7 @@ export const GuideslinesContentStyled = styled.div`
   }
 
   .guidelines-section__texts {
+    flex-basis: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -26,19 +27,18 @@ export const GuideslinesContentStyled = styled.div`
     letter-spacing: -0.3px;
 
     @media ${device['landscape-tablets']} {
-      margin-left: 2rem;
+      margin-left: 3rem;
       margin-bottom: 0;
     }
 
     &__title {
-      font-family: var(--font-sans);
+      font-family: var(--font-serif);
       margin-bottom: 2rem;
       text-align: center;
-      font-weight: 700;
-      font-size: 1.8rem;
-      color: var(--neutral-neutral-1);
+      font-size: 32px;
       font-style: normal;
-      line-height: 32px;
+      font-weight: 400;
+      line-height: 42px;
       letter-spacing: -0.3px;
 
       @media ${device['landscape-tablets']} {
@@ -58,6 +58,31 @@ export const GuideslinesContentStyled = styled.div`
     }
   }
 
+  .guidelines-section__image {
+    flex-basis: 50%;
+    margin-bottom: 2rem;
+
+    &.big-devices {
+      display: none;
+
+      @media ${device['landscape-tablets']} {
+        display: flex;
+      }
+    }
+
+    &.is-mobile {
+      display: none;
+
+      @media ${device['landscape-tablets']} {
+        display: none;
+      }
+
+      img {
+        display: none;
+      }
+    }
+  }
+
   .guidelines-section-detail {
     display: flex;
     flex-direction: column;
@@ -84,9 +109,9 @@ export const GuideslinesContentStyled = styled.div`
       &__title {
         font-family: var(--font-serif);
         font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 24px;
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 32px;
         letter-spacing: -0.3px;
         color: var(--neutral-neutral-1);
         margin: 1.5rem 0 1rem 0;
@@ -111,77 +136,4 @@ export const GuideslinesContentStyled = styled.div`
       }
     }
   }
-
-  .guidelines-section-trial {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__texts {
-      flex-basis: 50%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      font-weight: 400;
-      letter-spacing: -0.3px;
-      margin-right: 3rem;
-
-      &__body {
-        font-family: var(--font-sans);
-        font-size: 16px;
-        line-height: 22px;
-        margin-bottom: 1.5rem;
-        a {
-          color: var(--primary-main-light-1);
-          font-weight: 400 !important;
-        }
-      }
-      .e-button {
-        height: auto;
-        align-self: flex-start;
-        margin-top: 2.5rem;
-      }
-    }
-
-    &__item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-
-      @media ${device.laptop} {
-        padding: 1.5rem;
-        flex-direction: row;
-      }
-    }
-  }
-
-  .guidelines-section__image {
-    flex-basis: 50%;
-    margin-bottom: 2rem;
-
-    &.big-devices {
-      display: none;
-    }
-    &.is-mobile {
-      display: flex;
-    }
-
-    @media ${device.laptop} {
-      &.big-devices {
-        display: flex;
-      }
-      &.is-mobile {
-        display: none;
-      }
-    }
-  }
 `

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

@@ -1,54 +1,31 @@
 import React, { type FC } from 'react'
 
-import { Button, RichTextInner, RichTextStrapi } from '../../atoms'
+import { RichTextInner, RichTextStrapi } from '../../atoms'
 import { type GuidelinesContentProps } from './GuidelinesContentProps.types'
 import { GuideslinesContentStyled } from './GuidelinesContent.styled'
 
-const GuidelinesContent: FC<GuidelinesContentProps> = ({
-  title,
-  detail,
-  children,
-  tryNowText,
-  tryNowButtonText,
-  tryNowButtonLink,
-  tryNowButtonDataQa,
-  tryNowImage
-}) => {
+const GuidelinesContent: FC<GuidelinesContentProps> = ({ title, image, detail, children }) => {
   return (
     <GuideslinesContentStyled>
       <div className='guidelines-section-main wrapper'>
+        <div className='guidelines-section__image big-devices'>{image}</div>
         <div className='guidelines-section__texts'>
           <h2 className='guidelines-section__texts__title'>{title}</h2>
           <RichTextInner customClass='guidelines-section__texts__body'>{children}</RichTextInner>
         </div>
+        <div className='guidelines-section__image is-mobile'>{image}</div>
       </div>
       {Array.isArray(detail) && (
         <div className='guidelines-section-detail wrapper'>
           {detail.map((item, index) => (
             <div className='guidelines-section-detail__item' key={index}>
               <div className='guidelines-section-detail__item__image'>{item.image}</div>
-              <h3 className='guidelines-section-detail__item__title'>{item.title}</h3>
+              <div className='guidelines-section-detail__item__title'>{item.title}</div>
               <RichTextStrapi html={item.body?.data?.childMarkdownRemark?.html as string} />
             </div>
           ))}
         </div>
       )}
-      <div className='guidelines-section-trial wrapper'>
-        <div className='guidelines-section-trial__item'>
-          <div className='guidelines-section__image is-mobile'>{tryNowImage}</div>
-          <div className='guidelines-section-trial__texts'>
-            <RichTextInner customClass='guidelines-section__texts__body'>{tryNowText}</RichTextInner>
-            <Button
-              givenClass='mid-banner-ratafia-content__cta'
-              dataQa={tryNowButtonDataQa}
-              link={tryNowButtonLink}
-              color='primary'
-              label={tryNowButtonText}
-            />
-          </div>
-          <div className='guidelines-section__image big-devices'>{tryNowImage}</div>
-        </div>
-      </div>
     </GuideslinesContentStyled>
   )
 }

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.d.ts

@@ -1,12 +1,6 @@
-import React from 'react';
 export interface GuidelinesContentProps {
     title: string;
-    image?: React.ReactNode;
+    image: React.ReactNode;
     children: React.ReactNode;
     detail?: React.ReactNode;
-    tryNowText: React.ReactNode;
-    tryNowButtonText: string;
-    tryNowButtonLink: string;
-    tryNowButtonDataQa: string;
-    tryNowImage?: React.ReactNode;
 }

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.ts

@@ -1,13 +1,6 @@
-import React from 'react'
-
 export interface GuidelinesContentProps {
   title: string
-  image?: React.ReactNode
+  image: React.ReactNode
   children: React.ReactNode
   detail?: React.ReactNode
-  tryNowText: React.ReactNode
-  tryNowButtonText: string
-  tryNowButtonLink: string
-  tryNowButtonDataQa: string
-  tryNowImage?: React.ReactNode
 }

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+import { HeroContentStyled } from './HeroContent.styled';
+const HeroContent = ({ children, image, button }) => {
+    return (_jsxs(HeroContentStyled, { children: [_jsx("div", { className: 'hero-content__image', children: image }), _jsxs("div", { className: 'hero-content__body', children: [children, button != null && (_jsx("div", { className: 'hero-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
+};
+export default HeroContent;

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

@@ -0,0 +1 @@
+export declare const HeroContentStyled: 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/{AboutUsContent/AboutUsContent.styled.js → HeroContent/HeroContent.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const AboutUsContentStyled = styled.div `
+export const HeroContentStyled = styled.div `
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
@@ -9,7 +9,7 @@ export const AboutUsContentStyled = styled.div `
     flex-flow: row nowrap;
   }
 
-  .about-us-content__body {
+  .hero-content__body {
     margin-top: 1rem;
     font-family: var(--font-sans);
 
@@ -45,7 +45,7 @@ export const AboutUsContentStyled = styled.div `
     }
   }
 
-  .about-us-content__image {
+  .hero-content__image {
     margin-bottom: 1rem;
 
     @media ${device['landscape-tablets']} {

package/dist/src/components/organisms/{AboutUsContent/AboutUsContent.styled.ts → HeroContent/HeroContent.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const AboutUsContentStyled = styled.div`
+export const HeroContentStyled = styled.div`
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
@@ -10,7 +10,7 @@ export const AboutUsContentStyled = styled.div`
     flex-flow: row nowrap;
   }
 
-  .about-us-content__body {
+  .hero-content__body {
     margin-top: 1rem;
     font-family: var(--font-sans);
 
@@ -46,7 +46,7 @@ export const AboutUsContentStyled = styled.div`
     }
   }
 
-  .about-us-content__image {
+  .hero-content__image {
     margin-bottom: 1rem;
 
     @media ${device['landscape-tablets']} {

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

@@ -0,0 +1,23 @@
+import React, { type FC } from 'react'
+
+import { Button } from '../../atoms'
+import { type HeroContentProps } from './HeroContentPropsProps.types'
+import { HeroContentStyled } from './HeroContent.styled'
+
+const HeroContent: FC<HeroContentProps> = ({ children, image, button }) => {
+  return (
+    <HeroContentStyled>
+      <div className={'hero-content__image'}>{image}</div>
+      <div className={'hero-content__body'}>
+        {children}
+        {button != null && (
+          <div className={'hero-content__body__button'}>
+            <Button {...button} />
+          </div>
+        )}
+      </div>
+    </HeroContentStyled>
+  )
+}
+
+export default HeroContent

package/dist/src/components/organisms/{AboutUsContent/AboutUsContentProps.types.d.ts → HeroContent/HeroContentPropsProps.types.d.ts}

@@ -1,5 +1,5 @@
 import { type ButtonProps } from '../../atoms';
-export interface AboutUsContentProps {
+export interface HeroContentProps {
     children: React.ReactNode;
     image: React.ReactNode;
     button?: ButtonProps;

package/dist/src/components/organisms/HeroContent/HeroContentPropsProps.types.js

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

package/dist/src/components/organisms/{AboutUsContent/AboutUsContentProps.types.ts → HeroContent/HeroContentPropsProps.types.ts}

@@ -1,6 +1,6 @@
 import { type ButtonProps } from '../../atoms'
 
-export interface AboutUsContentProps {
+export interface HeroContentProps {
   children: React.ReactNode
   image: React.ReactNode
   button?: ButtonProps

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

@@ -0,0 +1,2 @@
+export { default as HeroContent } from './HeroContent';
+export { type HeroContentProps } from './HeroContentPropsProps.types';

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

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

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

@@ -0,0 +1,2 @@
+export { default as HeroContent } from './HeroContent'
+export { type HeroContentProps } from './HeroContentPropsProps.types'

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

@@ -1,4 +1,4 @@
-export * from './AboutUsContent';
+export * from './HeroContent';
 export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';

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

@@ -1,4 +1,4 @@
-export * from './AboutUsContent';
+export * from './HeroContent';
 export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';

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

@@ -1,4 +1,4 @@
-export * from './AboutUsContent'
+export * from './HeroContent'
 export * from './Accordion'
 export * from './ArticlesList'
 export * from './AsSeeInContent'

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, MidBannerRatafiaSection, 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, midBannerSectionProps, 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 && midBannerSectionProps != null && _jsx(MidBannerRatafiaSection, { ...midBannerSectionProps }), !isJonSnow && contactContentProps != null && _jsx(ContactContent, { ...contactContentProps })] }));
+    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,11 @@
 import React from 'react'
 
 import {
-  AboutUsSection,
   AsSeeInSection,
   CardStorySection,
   ExpertsSection,
   GuidelinesSection,
+  HeroSection,
   MidBannerRatafiaSection,
   PeopleSayAboutUsSection,
   TryOurFreeLegalBlogsSection
@@ -29,7 +29,7 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
 }) => {
   return (
     <>
-      {aboutUsSectionProps != null && <AboutUsSection {...aboutUsSectionProps} />}
+      {aboutUsSectionProps != null && <HeroSection {...aboutUsSectionProps} />}
       {ourMissionBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourMissionBlogsSectionProps} />}
       {ourCoreValuesBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourCoreValuesBlogsSectionProps} />}
       {cardStorySection != null && <CardStorySection {...cardStorySection} />}

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

@@ -1,7 +1,7 @@
-import type { AboutUsSectionProps, AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, MidBannerRatafiaSectionProps, 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;

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

@@ -1,9 +1,9 @@
 import type {
-  AboutUsSectionProps,
   AsSeeInSectionProps,
   CardStorySectionProps,
   ExpertsSectionProps,
   GuidelinesSectionProps,
+  HeroSectionProps,
   MidBannerRatafiaSectionProps,
   PeopleSayAboutUsSectionProps,
   TryOurFreeLegalBlogsSectionProps,
@@ -12,7 +12,7 @@ import type {
 import { ContactContentProps, HowWeHelpProps } from '../../organisms'
 
 export interface AboutUsPageProps {
-  aboutUsSectionProps?: AboutUsSectionProps
+  aboutUsSectionProps?: HeroSectionProps
   ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   cardStorySection?: CardStorySectionProps

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;