@npm_leadtech/legal-lib-components 7.44.6 → 7.45.0

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

@@ -2,13 +2,11 @@ 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, midBanner1Img, midBanner2Img, midBanner3Img }) => {
-    const isEsignature = ctaDataQa.includes('esignature');
-    const isAbout = ctaDataQa.includes('about');
+const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
+    const isEsignature = ctaDataQa.includes('esignature') && true;
     const classnames = classNames({
-        '--is-esignature': isEsignature,
-        '--is-about': isAbout
+        '--is-esignature': 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 }) })] }) }));
+    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 }) })] }) }));
 };
 export default MidBannerRatafiaSection;

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

@@ -51,16 +51,6 @@ 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;
 
@@ -83,59 +73,4 @@ 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,16 +52,6 @@ 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;
 
@@ -84,59 +74,4 @@ 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,16 +11,11 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
   ctaLabel,
   ctaLink,
   ctaDataQa,
-  image,
-  midBanner1Img,
-  midBanner2Img,
-  midBanner3Img
+  image
 }) => {
-  const isEsignature = ctaDataQa.includes('esignature')
-  const isAbout = ctaDataQa.includes('about')
+  const isEsignature = ctaDataQa.includes('esignature') && true
   const classnames = classNames({
-    '--is-esignature': isEsignature,
-    '--is-about': isAbout
+    '--is-esignature': isEsignature
   })
   return (
     <MidBannerRatafiaSectionStyled className='mid-banner-ratafia-section'>
@@ -33,14 +28,7 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
           ctaDataQa={ctaDataQa}
         />
         <div className={`mid-banner-ratafia-section__wrapper__sample ${classnames}`}>
-          <MidBannerRatafiaSample
-            image={image}
-            isAbout={isAbout}
-            isEsignatureImage={isEsignature}
-            midBanner1Img={midBanner1Img}
-            midBanner2Img={midBanner2Img}
-            midBanner3Img={midBanner3Img}
-          />
+          <MidBannerRatafiaSample image={image} isEsignatureImage={isEsignature} />
         </div>
       </div>
     </MidBannerRatafiaSectionStyled>

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

@@ -1,11 +1,8 @@
 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,11 +1,8 @@
 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: 2rem 1.5rem;
+  padding: 1.5rem;
 
-  @media ${device['landscape-tablets']} {
-    padding: 3rem 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
   }
 
   @media ${device.desktop} {
@@ -16,10 +16,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
 
   .people-say {
     &__title {
-      font-family: var(--font-sans);
-      font-size: 1.75rem;
-      font-weight: 700;
-      line-height: 1.3;
+      font-family: var(--font-serif);
+      font-size: 32px;
+      font-weight: 400;
+      line-height: 42px;
       letter-spacing: -0.3px;
       text-align: center;
     }
@@ -29,10 +29,6 @@ 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: 2rem 1.5rem;
+  padding: 1.5rem;
 
-  @media ${device['landscape-tablets']} {
-    padding: 3rem 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
   }
 
   @media ${device.desktop} {
@@ -17,10 +17,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
 
   .people-say {
     &__title {
-      font-family: var(--font-sans);
-      font-size: 1.75rem;
-      font-weight: 700;
-      line-height: 1.3;
+      font-family: var(--font-serif);
+      font-size: 32px;
+      font-weight: 400;
+      line-height: 42px;
       letter-spacing: -0.3px;
       text-align: center;
     }
@@ -30,10 +30,6 @@ 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,3 +1,5 @@
+/* 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: React.ReactNode;
-    contentTrustPilot?: TrustPilotProps;
+    testimonialsSectionContent?: string;
+    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: React.ReactNode
-  contentTrustPilot?: TrustPilotProps
+  testimonialsSectionContent?: string
+  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, videoPosterUrl }) => {
+const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description }) => {
     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, 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 }) })] }) }));
+    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 }) })] }) }));
 };
 export default StepsRatafiaSection;

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

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

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

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

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

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

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

@@ -1,15 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent';
 import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled';
-import classNames from 'classnames';
 const TryOurFreeLegalBlogsSection = ({ contentTryOurFreeLegalBlogs }) => {
-    const classTry = classNames({
-        default: contentTryOurFreeLegalBlogs.type === 'Default',
-        'wrapper wrapper--responsive our-mission': contentTryOurFreeLegalBlogs.type === 'Our Mission',
-        'wrapper wrapper--responsive our-mission-first-image': contentTryOurFreeLegalBlogs.type === 'Our Mission First Image',
-        'wrapper wrapper--responsive how-it-works': contentTryOurFreeLegalBlogs.type === 'How It Works',
-        'how-it-works-first-image': contentTryOurFreeLegalBlogs.type === 'How It Works First Image'
-    });
-    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: `try-our-free-legal-blogs-section ${classTry}`, children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, type: contentTryOurFreeLegalBlogs.type, imageFirstOnMobile: contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false, children: contentTryOurFreeLegalBlogs.children }) }));
+    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive', children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, type: contentTryOurFreeLegalBlogs.type, children: contentTryOurFreeLegalBlogs.children }) }));
 };
 export default TryOurFreeLegalBlogsSection;

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

@@ -7,34 +7,4 @@ export const TryOurFreeLegalBlogsSectionStyled = styled.section `
   @media ${device['landscape-tablets']} {
     flex-flow: row nowrap;
   }
-
-  &.how-it-works-first-image {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    width: 100%;
-    padding: 2rem 1.5rem;
-    background-color: var(--neutral-neutral-6);
-
-    @media ${device.laptop} {
-      padding: 3rem 2rem;
-    }
-
-    @media ${device['desktop-xl']} {
-      padding: 3rem 0;
-    }
-
-    .try-our-free-legal-blogs-section-content--how-it-works-first-image {
-      max-width: 1200px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      @media ${device['landscape-tablets']} {
-        flex-flow: row-reverse nowrap;
-      }
-    }
-  }
 `;

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

@@ -8,34 +8,4 @@ export const TryOurFreeLegalBlogsSectionStyled = styled.section`
   @media ${device['landscape-tablets']} {
     flex-flow: row nowrap;
   }
-
-  &.how-it-works-first-image {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    width: 100%;
-    padding: 2rem 1.5rem;
-    background-color: var(--neutral-neutral-6);
-
-    @media ${device.laptop} {
-      padding: 3rem 2rem;
-    }
-
-    @media ${device['desktop-xl']} {
-      padding: 3rem 0;
-    }
-
-    .try-our-free-legal-blogs-section-content--how-it-works-first-image {
-      max-width: 1200px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      @media ${device['landscape-tablets']} {
-        flex-flow: row-reverse nowrap;
-      }
-    }
-  }
 `

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

@@ -3,24 +3,14 @@ import React, { type FC } from 'react'
 import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent'
 import { type TryOurFreeLegalBlogsSectionProps } from './TryOurFreeLegalBlogsSectionProps.types'
 import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled'
-import classNames from 'classnames'
 
 const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps> = ({ contentTryOurFreeLegalBlogs }) => {
-  const classTry = classNames({
-    default: contentTryOurFreeLegalBlogs.type === 'Default',
-    'wrapper wrapper--responsive our-mission': contentTryOurFreeLegalBlogs.type === 'Our Mission',
-    'wrapper wrapper--responsive our-mission-first-image':
-      contentTryOurFreeLegalBlogs.type === 'Our Mission First Image',
-    'wrapper wrapper--responsive how-it-works': contentTryOurFreeLegalBlogs.type === 'How It Works',
-    'how-it-works-first-image': contentTryOurFreeLegalBlogs.type === 'How It Works First Image'
-  })
   return (
-    <TryOurFreeLegalBlogsSectionStyled className={`try-our-free-legal-blogs-section ${classTry}`}>
+    <TryOurFreeLegalBlogsSectionStyled className='try-our-free-legal-blogs-section wrapper wrapper--responsive'>
       <TryOurFreeLegalBlogsContent
         title={contentTryOurFreeLegalBlogs.title}
         image={contentTryOurFreeLegalBlogs.image}
         type={contentTryOurFreeLegalBlogs.type}
-        imageFirstOnMobile={contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false}
       >
         {contentTryOurFreeLegalBlogs.children}
       </TryOurFreeLegalBlogsContent>

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

@@ -4,23 +4,17 @@ export const WhyLawDistrictSectionStyled = styled.section `
   text-align: center;
   background-color: var(--neutral-neutral-6);
   width: 100%;
-  padding-top: 2.5rem;
   padding-bottom: 2rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
   display: flex;
   flex-direction: column;
 
   @media ${device['landscape-tablets']} {
     padding-bottom: 0rem;
-    padding-left: 0rem;
-    padding-right: 0rem;
     display: block;
   }
 
   .whyLawDistrictSection {
     &__title {
-      padding: 0 1.5rem;
       @media ${device.laptop} {
         padding: 0;
       }

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

@@ -5,23 +5,17 @@ export const WhyLawDistrictSectionStyled = styled.section`
   text-align: center;
   background-color: var(--neutral-neutral-6);
   width: 100%;
-  padding-top: 2.5rem;
   padding-bottom: 2rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
   display: flex;
   flex-direction: column;
 
   @media ${device['landscape-tablets']} {
     padding-bottom: 0rem;
-    padding-left: 0rem;
-    padding-right: 0rem;
     display: block;
   }
 
   .whyLawDistrictSection {
     &__title {
-      padding: 0 1.5rem;
       @media ${device.laptop} {
         padding: 0;
       }

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

@@ -1,22 +1,18 @@
-export * from './HeroSection';
+export * from './AboutUsSection';
 export * from './AsideMenuSection';
 export * from './AsSeeInSection';
 export * from './BenefitsRatafiaSection';
 export * from './BlogSection';
-export * from './CardBoxSection';
 export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
-export * from './Footer';
 export * from './FeaturesRatafiaSection';
 export * from './FunctionalityCardsSection';
 export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronRatafiaSection';
 export * from './JumbotronSimplifiedSection';
-export * from './LawGeniusCardsSection';
 export * from './LegalSection';
-export * from './LawGeniusCardsSection';
 export * from './MidBannerRatafiaSection';
 export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
@@ -24,11 +20,7 @@ export * from './StepsRatafiaSection';
 export * from './TryItRatafiaSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';
-export * from './TryNowSection';
 export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
-export * from './Header';
-export * from './Footer';
-export * from './AppHeader';

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

@@ -1,22 +1,18 @@
-export * from './HeroSection';
+export * from './AboutUsSection';
 export * from './AsideMenuSection';
 export * from './AsSeeInSection';
 export * from './BenefitsRatafiaSection';
 export * from './BlogSection';
-export * from './CardBoxSection';
 export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
-export * from './Footer';
 export * from './FeaturesRatafiaSection';
 export * from './FunctionalityCardsSection';
 export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronRatafiaSection';
 export * from './JumbotronSimplifiedSection';
-export * from './LawGeniusCardsSection';
 export * from './LegalSection';
-export * from './LawGeniusCardsSection';
 export * from './MidBannerRatafiaSection';
 export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
@@ -24,11 +20,7 @@ export * from './StepsRatafiaSection';
 export * from './TryItRatafiaSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';
-export * from './TryNowSection';
 export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
-export * from './Header';
-export * from './Footer';
-export * from './AppHeader';