@npm_leadtech/legal-lib-components 7.45.0 → 7.46.0

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.tsx

@@ -0,0 +1,70 @@
+import React, { type FC } from 'react'
+
+import { Button } from '../../atoms'
+import { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types'
+import { LawGeniusCardsSectionStyled } from './LawGeniusCardsSection.styled'
+import { LawGeniusInfoCard } from '../../molecules/LawGeniusInfoCard'
+import { useIsMobileOrTable } from '../../../hooks'
+
+const LawGeniusCardsSection: FC<LawGeniusCardsSectionProps> = ({
+  title,
+  contentTop,
+  contentBottom,
+  card1,
+  card2,
+  card3,
+  ctaLabel,
+  ctaLink = '#',
+  handleOnClick,
+  ctaDataQa = 'ai-section-cta',
+  image
+}) => {
+  const { isMobile } = useIsMobileOrTable()
+  if (contentTop == undefined) return null
+
+  return (
+    <LawGeniusCardsSectionStyled className='layout-ratafia-section'>
+      <div className='layout-ratafia-section__wrapper background-ratafia-animation'>
+        <div className='layout-ratafia-section__topContent'>
+          {title && (
+            <h2 className='layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight'>
+              {title}
+            </h2>
+          )}
+          {image !== null && <div className='layout-ratafia-section__wrapper__image__mobile'>{image}</div>}
+          <div className='layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium'>
+            {contentTop}
+          </div>
+        </div>
+        <div className='layout-ratafia-section__wrapperContent'>
+          <div className='layout-ratafia-section__wrapper__info'>
+            <div className='layout-ratafia-section__wrapper__info cards'>
+              <LawGeniusInfoCard title={card1?.title ?? ''} text={card1?.text ?? ''} icon={card1?.icon} />
+              <LawGeniusInfoCard title={card2?.title ?? ''} text={card2?.text ?? ''} icon={card2?.icon} />
+              <LawGeniusInfoCard title={card3?.title ?? ''} text={card3?.text ?? ''} icon={card3?.icon} />
+            </div>
+            <div className='layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium bottomContent'>
+              {contentBottom}
+            </div>
+            {ctaLabel && (
+              <div className='layout-ratafia-section__wrapper__info__button'>
+                <Button
+                  givenClass='mid-banner-ratafia-content__cta'
+                  dataQa={ctaDataQa}
+                  link={ctaLink}
+                  onClick={handleOnClick}
+                  color='primary'
+                  label={ctaLabel}
+                  fluid={isMobile}
+                />
+              </div>
+            )}
+          </div>
+          {image !== null && <div className='layout-ratafia-section__wrapper__image'>{image}</div>}
+        </div>
+      </div>
+    </LawGeniusCardsSectionStyled>
+  )
+}
+
+export default LawGeniusCardsSection

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.d.ts

@@ -0,0 +1,15 @@
+import { LawGeniusInfoCardProps } from 'src/components/molecules/LawGeniusInfoCard';
+import { MouseEventHandler } from 'react';
+export interface LawGeniusCardsSectionProps {
+    title?: string;
+    contentTop: React.ReactNode;
+    contentBottom: React.ReactNode;
+    card1?: LawGeniusInfoCardProps;
+    card2?: LawGeniusInfoCardProps;
+    card3?: LawGeniusInfoCardProps;
+    ctaLabel?: string;
+    ctaLink?: string;
+    handleOnClick?: MouseEventHandler;
+    ctaDataQa?: string;
+    image?: React.ReactNode;
+}

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.js

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

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.ts

@@ -0,0 +1,16 @@
+import { LawGeniusInfoCardProps } from 'src/components/molecules/LawGeniusInfoCard'
+import { MouseEventHandler } from 'react'
+
+export interface LawGeniusCardsSectionProps {
+  title?: string
+  contentTop: React.ReactNode
+  contentBottom: React.ReactNode
+  card1?: LawGeniusInfoCardProps
+  card2?: LawGeniusInfoCardProps
+  card3?: LawGeniusInfoCardProps
+  ctaLabel?: string
+  ctaLink?: string
+  handleOnClick?: MouseEventHandler
+  ctaDataQa?: string
+  image?: React.ReactNode
+}

package/dist/src/components/sections/LawGeniusCardsSection/index.d.ts

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

package/dist/src/components/sections/LawGeniusCardsSection/index.js

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

package/dist/src/components/sections/LawGeniusCardsSection/index.ts

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

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

@@ -18,7 +18,7 @@ export const LearnMoreSectionStyled = styled.section `
 
   .learn-more__info {
     width: 100%;
-    padding: 0 1rem;
+    padding: 0 1.5rem;
     display: flex;
     flex-flow: column wrap;
     justify-content: center;

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

@@ -19,7 +19,7 @@ export const LearnMoreSectionStyled = styled.section`
 
   .learn-more__info {
     width: 100%;
-    padding: 0 1rem;
+    padding: 0 1.5rem;
     display: flex;
     flex-flow: column wrap;
     justify-content: center;

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js

@@ -2,11 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
 import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled';
 import classNames from 'classnames';
-const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
-    const isEsignature = ctaDataQa.includes('esignature') && true;
+const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img }) => {
+    const isEsignature = ctaDataQa.includes('esignature');
+    const isAbout = ctaDataQa.includes('about');
     const classnames = classNames({
-        '--is-esignature': isEsignature
+        '--is-esignature': isEsignature,
+        '--is-about': isAbout
     });
-    return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature }) })] }) }));
+    return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isAbout: isAbout, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img }) })] }) }));
 };
 export default MidBannerRatafiaSection;

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

@@ -51,6 +51,16 @@ export const MidBannerRatafiaSectionStyled = styled.section `
     }
   }
 
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    @media ${device.desktop} {
+      padding: 3rem 5rem 0rem 4rem;
+    }
+
+    .mid-banner-ratafia-content {
+      padding-bottom: 3rem;
+    }
+  }
+
   .mid-banner-ratafia-section__wrapper__sample.--is-esignature {
     display: none;
 
@@ -73,4 +83,59 @@ export const MidBannerRatafiaSectionStyled = styled.section `
       }
     }
   }
+
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    background-color: var(--primary-main-light-6);
+
+    .mid-banner-ratafia-content {
+      height: 100%;
+      justify-content: center;
+      &__header {
+        h2 {
+          color: var(--primary-main-dark-2);
+          font-family: var(--font-family-inter, Inter);
+          font-size: 28px;
+          font-style: normal;
+          font-weight: 700;
+          line-height: 32px;
+          letter-spacing: -0.3px;
+        }
+      }
+
+      .mid-banner-ratafia-content__cta {
+        height: auto;
+      }
+    }
+  }
+
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    padding: 2rem 2rem 0 2rem;
+
+    @media ${device.desktop} {
+      padding: 2rem 5rem 0 4rem;
+    }
+  }
+
+  .mid-banner-ratafia-section__wrapper__sample.--is-about {
+    display: none;
+
+    @media ${device.laptop} {
+      display: flex;
+    }
+
+    .mid-banner-ratafia-sample {
+      &__image {
+        img {
+          max-width: 25rem;
+          box-shadow:
+            0 -0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25),
+            0 0.125rem 0.375rem -0.125rem rgba(2, 55, 74, 0);
+
+          @media ${device.desktop} {
+            max-height: 30rem;
+          }
+        }
+      }
+    }
+  }
 `;

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

@@ -52,6 +52,16 @@ export const MidBannerRatafiaSectionStyled = styled.section`
     }
   }
 
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    @media ${device.desktop} {
+      padding: 3rem 5rem 0rem 4rem;
+    }
+
+    .mid-banner-ratafia-content {
+      padding-bottom: 3rem;
+    }
+  }
+
   .mid-banner-ratafia-section__wrapper__sample.--is-esignature {
     display: none;
 
@@ -74,4 +84,59 @@ export const MidBannerRatafiaSectionStyled = styled.section`
       }
     }
   }
+
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    background-color: var(--primary-main-light-6);
+
+    .mid-banner-ratafia-content {
+      height: 100%;
+      justify-content: center;
+      &__header {
+        h2 {
+          color: var(--primary-main-dark-2);
+          font-family: var(--font-family-inter, Inter);
+          font-size: 28px;
+          font-style: normal;
+          font-weight: 700;
+          line-height: 32px;
+          letter-spacing: -0.3px;
+        }
+      }
+
+      .mid-banner-ratafia-content__cta {
+        height: auto;
+      }
+    }
+  }
+
+  .mid-banner-ratafia-section__wrapper.--is-about {
+    padding: 2rem 2rem 0 2rem;
+
+    @media ${device.desktop} {
+      padding: 2rem 5rem 0 4rem;
+    }
+  }
+
+  .mid-banner-ratafia-section__wrapper__sample.--is-about {
+    display: none;
+
+    @media ${device.laptop} {
+      display: flex;
+    }
+
+    .mid-banner-ratafia-sample {
+      &__image {
+        img {
+          max-width: 25rem;
+          box-shadow:
+            0 -0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25),
+            0 0.125rem 0.375rem -0.125rem rgba(2, 55, 74, 0);
+
+          @media ${device.desktop} {
+            max-height: 30rem;
+          }
+        }
+      }
+    }
+  }
 `

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx

@@ -11,11 +11,16 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
   ctaLabel,
   ctaLink,
   ctaDataQa,
-  image
+  image,
+  midBanner1Img,
+  midBanner2Img,
+  midBanner3Img
 }) => {
-  const isEsignature = ctaDataQa.includes('esignature') && true
+  const isEsignature = ctaDataQa.includes('esignature')
+  const isAbout = ctaDataQa.includes('about')
   const classnames = classNames({
-    '--is-esignature': isEsignature
+    '--is-esignature': isEsignature,
+    '--is-about': isAbout
   })
   return (
     <MidBannerRatafiaSectionStyled className='mid-banner-ratafia-section'>
@@ -28,7 +33,14 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
           ctaDataQa={ctaDataQa}
         />
         <div className={`mid-banner-ratafia-section__wrapper__sample ${classnames}`}>
-          <MidBannerRatafiaSample image={image} isEsignatureImage={isEsignature} />
+          <MidBannerRatafiaSample
+            image={image}
+            isAbout={isAbout}
+            isEsignatureImage={isEsignature}
+            midBanner1Img={midBanner1Img}
+            midBanner2Img={midBanner2Img}
+            midBanner3Img={midBanner3Img}
+          />
         </div>
       </div>
     </MidBannerRatafiaSectionStyled>

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts

@@ -1,8 +1,11 @@
 export interface MidBannerRatafiaSectionProps {
     title: string;
-    paragraph: React.ReactNode;
+    paragraph?: React.ReactNode;
     ctaLabel: string;
     ctaLink: string;
     ctaDataQa: string;
     image: React.ReactNode;
+    midBanner1Img: string;
+    midBanner2Img: string;
+    midBanner3Img: string;
 }

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts

@@ -1,8 +1,11 @@
 export interface MidBannerRatafiaSectionProps {
   title: string
-  paragraph: React.ReactNode
+  paragraph?: React.ReactNode
   ctaLabel: string
   ctaLink: string
   ctaDataQa: string
   image: React.ReactNode
+  midBanner1Img: string
+  midBanner2Img: string
+  midBanner3Img: string
 }

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/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-
 import React, { type FC } from 'react'
 
 import { type PeopleSayAboutUsSectionProps } from './PeopleSayAboutUsSectionProps.types'

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.d.ts

@@ -1,6 +1,6 @@
 import { type TrustPilotProps } from '../../atoms/TrustPilot';
 export interface PeopleSayAboutUsSectionProps {
     title?: string;
-    testimonialsSectionContent?: string;
-    contentTrustPilot: TrustPilotProps;
+    testimonialsSectionContent: React.ReactNode;
+    contentTrustPilot?: TrustPilotProps;
 }

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.ts

@@ -2,6 +2,6 @@ import { type TrustPilotProps } from '../../atoms/TrustPilot'
 
 export interface PeopleSayAboutUsSectionProps {
   title?: string
-  testimonialsSectionContent?: string
-  contentTrustPilot: TrustPilotProps
+  testimonialsSectionContent: React.ReactNode
+  contentTrustPilot?: TrustPilotProps
 }

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.js

@@ -3,11 +3,11 @@ import { StepsRatafiaContent } from '../../organisms';
 import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled';
 import { Video } from '../../atoms';
 import classNames from 'classnames';
-const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description }) => {
+const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description, videoPosterUrl }) => {
     const isEsignatureLanding = !videoUrl;
     const classnames = classNames({
         '--is-esignature': isEsignatureLanding
     });
-    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: `steps-ratafia-section__wrapper ${classnames}`, children: [!isEsignatureLanding ? (_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, autoPlay: true, loop: true }) })) : (_jsx("div", { className: 'steps-ratafia-section__wrapper__image', children: mainImage })), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps, description: description }) })] }) }));
+    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: `steps-ratafia-section__wrapper ${classnames}`, children: [!isEsignatureLanding ? (_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, preload: 'none', poster: videoPosterUrl }) })) : (_jsx("div", { className: 'steps-ratafia-section__wrapper__image', children: mainImage })), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps, description: description }) })] }) }));
 };
 export default StepsRatafiaSection;

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.tsx

@@ -6,7 +6,14 @@ import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled'
 import { Video } from '../../atoms'
 import classNames from 'classnames'
 
-const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, videoUrl, mainImage, description }) => {
+const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({
+  title,
+  steps,
+  videoUrl,
+  mainImage,
+  description,
+  videoPosterUrl
+}) => {
   const isEsignatureLanding = !videoUrl
   const classnames = classNames({
     '--is-esignature': isEsignatureLanding
@@ -17,7 +24,7 @@ const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, video
       <div className={`steps-ratafia-section__wrapper ${classnames}`}>
         {!isEsignatureLanding ? (
           <div className='steps-ratafia-section__wrapper__video'>
-            <Video videoSrcURL={videoUrl} autoPlay loop />
+            <Video videoSrcURL={videoUrl} preload='none' poster={videoPosterUrl} />
           </div>
         ) : (
           <div className='steps-ratafia-section__wrapper__image'>{mainImage}</div>

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts

@@ -6,4 +6,5 @@ export interface StepsRatafiaSectionProps {
     videoUrl: string;
     mainImage?: React.ReactNode;
     description?: React.ReactNode;
+    videoPosterUrl?: string;
 }

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.ts

@@ -7,4 +7,5 @@ export interface StepsRatafiaSectionProps {
   videoUrl: string
   mainImage?: React.ReactNode
   description?: React.ReactNode
+  videoPosterUrl?: string
 }

package/dist/src/components/sections/TryNowSection/TryNowSection.d.ts

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

package/dist/src/components/sections/TryNowSection/TryNowSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, RichTextInner } from '../../atoms';
+import { TryNowSectionStyled } from './TryNowSection.styled';
+export const TryNowSection = ({ text, buttonText, buttonLink, buttonDataQa, image }) => {
+    return (_jsx(TryNowSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive try-us-section', children: _jsx("div", { className: 'guidelines-section-trial wrapper', children: _jsxs("div", { className: 'guidelines-section-trial__item', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section-trial__texts', children: [_jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: text }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: buttonDataQa, link: buttonLink, color: 'primary', label: buttonText })] })] }) }) }));
+};

package/dist/src/components/sections/TryNowSection/TryNowSection.styled.d.ts

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