@npm_leadtech/legal-lib-components 7.45.0 → 7.45.1

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

@@ -3,35 +3,28 @@ import styled from 'styled-components'
 
 export const AsSeeInSectionStyled = styled.section`
   flex-shrink: 0;
-  background-color: get-color(secondary, main-light-5);
-  padding: 0 1.5rem;
+  background-color: var(--neutral-neutral-6);
+  padding: 2rem 1.5rem;
 
-  @media ${device.laptop} {
-    margin-top: 12rem;
+  @media ${device['landscape-tablets']} {
+    padding: 3rem 1.5rem;
   }
 
   .as-seen-in-section {
     display: flex;
     flex-direction: column;
-    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
     background: get-color(others, white);
-    transform: translateY(-5rem);
-    padding: 1.5rem 0;
-
-    @media ${device.laptop} {
-      transform: translateY(-50%);
-    }
 
     &__title {
-      color: var(--neutral-neutral-2);
+      color: var(--neutral-neutral-1);
       text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
+      font-size: 1.75rem;
+      font-family: var(--font-sans);
       font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
+      font-weight: 700;
+      line-height: 1;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      margin: 0rem 0 1.5rem 0;
     }
   }
 `

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

@@ -1,16 +1,10 @@
 import React, { type FC } from 'react'
 
-import { AsSeeInContent, ContactContent } from '../../organisms'
+import { AsSeeInContent } from '../../organisms'
 import { type AsSeeInSectionProps } from './AsSeeInSectionProps.types'
 import { AsSeeInSectionStyled } from './AsSeeInSection.styled'
 
-const AsSeeInSection: FC<AsSeeInSectionProps> = ({
-  title,
-  contentAsSeeIn,
-  contactSectionTitle,
-  contactSectionText,
-  contactSectionBlocks
-}) => {
+const AsSeeInSection: FC<AsSeeInSectionProps> = ({ title, contentAsSeeIn }) => {
   if (contentAsSeeIn.trustWorthyImages.images.length === 0) {
     return null
   }
@@ -21,7 +15,6 @@ const AsSeeInSection: FC<AsSeeInSectionProps> = ({
         <h2 className='as-seen-in-section__title'>{title}</h2>
         <AsSeeInContent trustWorthyImages={contentAsSeeIn.trustWorthyImages}>{contentAsSeeIn.children}</AsSeeInContent>
       </div>
-      <ContactContent title={contactSectionTitle} text={contactSectionText} contactCards={contactSectionBlocks} />
     </AsSeeInSectionStyled>
   )
 }

package/dist/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.d.ts

@@ -1,9 +1,5 @@
 import { type AsSeeInContentProps } from '../../organisms';
-import { ContactCardProps } from '../../atoms';
 export interface AsSeeInSectionProps {
     title: string;
     contentAsSeeIn: AsSeeInContentProps;
-    contactSectionTitle: string;
-    contactSectionText: string;
-    contactSectionBlocks?: ContactCardProps[];
 }

package/dist/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.ts

@@ -1,10 +1,6 @@
 import { type AsSeeInContentProps } from '../../organisms'
-import { ContactCardProps } from '../../atoms'
 
 export interface AsSeeInSectionProps {
   title: string
   contentAsSeeIn: AsSeeInContentProps
-  contactSectionTitle: string
-  contactSectionText: string
-  contactSectionBlocks?: ContactCardProps[]
 }

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.d.ts

@@ -1,8 +1,8 @@
-import { type BenefitRatafiaCardProps } from '../../atoms';
+import { type BenefitCardProps } from '../../atoms';
 import React from 'react';
 export interface BenefitsRatafiaSectionProps {
     title: string;
     description: string;
     descriptionRichtext: React.ReactNode;
-    benefits: BenefitRatafiaCardProps[];
+    benefits: BenefitCardProps[];
 }

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.ts

@@ -1,9 +1,9 @@
-import { type BenefitRatafiaCardProps } from '../../atoms'
+import { type BenefitCardProps } from '../../atoms'
 import React from 'react'
 
 export interface BenefitsRatafiaSectionProps {
   title: string
   description: string
   descriptionRichtext: React.ReactNode
-  benefits: BenefitRatafiaCardProps[]
+  benefits: BenefitCardProps[]
 }

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type CardBoxSectionProps } from './CardBoxSectionProps';
+export declare const CardBoxMinimalSection: React.FC<CardBoxSectionProps>;
+export declare const CardBoxFeaturedSection: React.FC<CardBoxSectionProps>;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardBoxFeaturedSectionStyled, CardBoxMinimalSectionStyled } from './CardBoxSection.styled';
+import { CardBox } from '../../atoms';
+export const CardBoxMinimalSection = ({ cards }) => {
+    return (_jsx(CardBoxMinimalSectionStyled, { children: cards?.map(({ text, icon, id }) => _jsx(CardBox, { text: text, icon: icon }, id)) }));
+};
+export const CardBoxFeaturedSection = ({ cards }) => {
+    return (_jsx(CardBoxFeaturedSectionStyled, { children: cards?.map(({ text, icon, id }) => (_jsx(CardBox, { text: text, icon: icon, padding: '16px', gap: '0.5rem', borderRadius: '8px' }, id))) }));
+};

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

@@ -0,0 +1,2 @@
+export declare const CardBoxMinimalSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardBoxFeaturedSectionStyled: 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/sections/CardBoxSection/CardBoxSection.styled.js

@@ -0,0 +1,33 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const CardBoxMinimalSectionStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 48px 24px;
+  gap: 16px;
+  align-self: stretch;
+  background: var(--neutral-neutral-6);
+
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+`;
+export const CardBoxFeaturedSectionStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 24px 24px;
+  gap: 16px;
+  background: var(--neutral-neutral-6);
+  border-radius: 16px;
+  margin-bottom: 80px;
+  margin-top: 32px;
+  @media ${device.desktop} {
+    min-width: 1200px;
+  }
+
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+`;

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

@@ -0,0 +1,35 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const CardBoxMinimalSectionStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 48px 24px;
+  gap: 16px;
+  align-self: stretch;
+  background: var(--neutral-neutral-6);
+
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+`
+
+export const CardBoxFeaturedSectionStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 24px 24px;
+  gap: 16px;
+  background: var(--neutral-neutral-6);
+  border-radius: 16px;
+  margin-bottom: 80px;
+  margin-top: 32px;
+  @media ${device.desktop} {
+    min-width: 1200px;
+  }
+
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+`

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

@@ -0,0 +1,23 @@
+import React from 'react'
+
+import { CardBoxFeaturedSectionStyled, CardBoxMinimalSectionStyled } from './CardBoxSection.styled'
+import { CardBox } from '../../atoms'
+import { type CardBoxSectionProps } from './CardBoxSectionProps'
+
+export const CardBoxMinimalSection: React.FC<CardBoxSectionProps> = ({ cards }) => {
+  return (
+    <CardBoxMinimalSectionStyled>
+      {cards?.map(({ text, icon, id }) => <CardBox key={id} text={text} icon={icon} />)}
+    </CardBoxMinimalSectionStyled>
+  )
+}
+
+export const CardBoxFeaturedSection: React.FC<CardBoxSectionProps> = ({ cards }) => {
+  return (
+    <CardBoxFeaturedSectionStyled>
+      {cards?.map(({ text, icon, id }) => (
+        <CardBox key={id} text={text} icon={icon} padding='16px' gap='0.5rem' borderRadius='8px' />
+      ))}
+    </CardBoxFeaturedSectionStyled>
+  )
+}

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.d.ts

@@ -0,0 +1,4 @@
+import { CardBoxProps } from 'src/components/atoms';
+export interface CardBoxSectionProps {
+    cards: CardBoxProps[];
+}

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.js

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

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.ts

@@ -0,0 +1,5 @@
+import { CardBoxProps } from 'src/components/atoms'
+
+export interface CardBoxSectionProps {
+  cards: CardBoxProps[]
+}

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

@@ -0,0 +1,2 @@
+export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection';
+export { type CardBoxSectionProps } from './CardBoxSectionProps';

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

@@ -0,0 +1 @@
+export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection';

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

@@ -0,0 +1,2 @@
+export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection'
+export { type CardBoxSectionProps } from './CardBoxSectionProps'

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

@@ -7,9 +7,10 @@ export const CardStorySectionStyled = styled.div `
   .card-story-section {
     &__title {
       font-weight: 700;
-      font-size: 1.8rem;
+      font-size: 1.75rem;
       color: var(--neutral-neutral-1);
       font-family: var(--font-sans);
+      letter-spacing: -0.3px;
       padding-bottom: 1.5rem;
     }
     &__text {

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

@@ -8,9 +8,10 @@ export const CardStorySectionStyled = styled.div`
   .card-story-section {
     &__title {
       font-weight: 700;
-      font-size: 1.8rem;
+      font-size: 1.75rem;
       color: var(--neutral-neutral-1);
       font-family: var(--font-sans);
+      letter-spacing: -0.3px;
       padding-bottom: 1.5rem;
     }
     &__text {

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

@@ -30,10 +30,12 @@ export const ContactSectionStyled = styled.section `
   .contact-left-container {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
+    margin-bottom: 2.5rem;
 
     @media ${device['portrait-tablets']} {
       padding-left: 0;
       padding-right: 0;
+      margin-bottom: 1.5rem;
       width: 45%;
     }
   }

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

@@ -31,10 +31,12 @@ export const ContactSectionStyled = styled.section`
   .contact-left-container {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
+    margin-bottom: 2.5rem;
 
     @media ${device['portrait-tablets']} {
       padding-left: 0;
       padding-right: 0;
+      margin-bottom: 1.5rem;
       width: 45%;
     }
   }

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExpertCardList } from '../../molecules';
 import { ExpertsSectionStyled } from './ExpertsSection.styled';
-const ExpertsSection = ({ title, contentExpertCardList }) => {
+const ExpertsSection = ({ title, description, contentExpertCardList }) => {
     if (contentExpertCardList.contentExpertCard.length === 0) {
         return null;
     }
-    return (_jsxs(ExpertsSectionStyled, { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx(ExpertCardList, { contentExpertCard: contentExpertCardList.contentExpertCard })] }));
+    return (_jsxs(ExpertsSectionStyled, { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx("div", { className: 'experts-section__description', children: description }), _jsx(ExpertCardList, { contentExpertCard: contentExpertCardList.contentExpertCard })] }));
 };
 export default ExpertsSection;

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

@@ -4,14 +4,19 @@ export const ExpertsSectionStyled = styled.div `
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: var(--neutral-neutral-6);
-  margin-bottom: 4rem;
+  background-color: var(--primary-main-light-6);
+  padding: 0 1.5rem 2rem 1.5rem;
+
+  @media ${device['landscape-tablets']} {
+    padding: 0 1.5rem 3rem 1.5rem;
+  }
 
   .experts-section {
     &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
+      font-family: var(--font-sans);
+      font-size: 1.75rem;
+      color: var(--neutral-neutral-1);
+      font-weight: 700;
       line-height: 42px;
       letter-spacing: -0.3px;
       text-align: center;
@@ -23,5 +28,9 @@ export const ExpertsSectionStyled = styled.div `
         width: 100%;
       }
     }
+
+    &__description {
+      text-align: center;
+    }
   }
 `;

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

@@ -5,14 +5,19 @@ export const ExpertsSectionStyled = styled.div`
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: var(--neutral-neutral-6);
-  margin-bottom: 4rem;
+  background-color: var(--primary-main-light-6);
+  padding: 0 1.5rem 2rem 1.5rem;
+
+  @media ${device['landscape-tablets']} {
+    padding: 0 1.5rem 3rem 1.5rem;
+  }
 
   .experts-section {
     &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
+      font-family: var(--font-sans);
+      font-size: 1.75rem;
+      color: var(--neutral-neutral-1);
+      font-weight: 700;
       line-height: 42px;
       letter-spacing: -0.3px;
       text-align: center;
@@ -24,5 +29,9 @@ export const ExpertsSectionStyled = styled.div`
         width: 100%;
       }
     }
+
+    &__description {
+      text-align: center;
+    }
   }
 `

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

@@ -4,7 +4,7 @@ import { ExpertCardList } from '../../molecules'
 import { type ExpertsSectionProps } from './ExpertsSectionProps.types'
 import { ExpertsSectionStyled } from './ExpertsSection.styled'
 
-const ExpertsSection: FC<ExpertsSectionProps> = ({ title, contentExpertCardList }) => {
+const ExpertsSection: FC<ExpertsSectionProps> = ({ title, description, contentExpertCardList }) => {
   if (contentExpertCardList.contentExpertCard.length === 0) {
     return null
   }
@@ -12,6 +12,7 @@ const ExpertsSection: FC<ExpertsSectionProps> = ({ title, contentExpertCardList
   return (
     <ExpertsSectionStyled className='experts-section'>
       <h2 className='experts-section__title'>{title}</h2>
+      <div className='experts-section__description'>{description}</div>
       <ExpertCardList contentExpertCard={contentExpertCardList.contentExpertCard} />
     </ExpertsSectionStyled>
   )

package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.d.ts

@@ -1,5 +1,7 @@
 import { type ExpertCardListProps } from '../../molecules/ExpertCardList';
+import React from 'react';
 export interface ExpertsSectionProps {
     title: string;
+    description: React.ReactNode;
     contentExpertCardList: ExpertCardListProps;
 }

package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.ts

@@ -1,6 +1,8 @@
 import { type ExpertCardListProps } from '../../molecules/ExpertCardList'
+import React from 'react'
 
 export interface ExpertsSectionProps {
   title: string
+  description: React.ReactNode
   contentExpertCardList: ExpertCardListProps
 }

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

@@ -4,5 +4,5 @@ import { FaqGroup } from '../../organisms';
 import { FaqSectionStyled } from './FaqSection.styled';
 export const FaqSection = ({ groups, givenClass }) => {
     const classnames = classNames(`faqSection ${givenClass ?? ''}`);
-    return (_jsx(FaqSectionStyled, { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups.map((group) => (_jsx(FaqGroup, { ...group }, group.id))) }));
+    return (_jsx(FaqSectionStyled, { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups?.map((group) => _jsx(FaqGroup, { ...group }, group.id)) }));
 };

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

@@ -10,9 +10,7 @@ export const FaqSection: React.FC<FaqSectionProps> = ({ groups, givenClass }) =>
 
   return (
     <FaqSectionStyled className={classnames} itemScope itemType='https://www.schema.org/FAQPage'>
-      {groups.map((group) => (
-        <FaqGroup key={group.id} {...group} />
-      ))}
+      {groups?.map((group) => <FaqGroup key={group.id} {...group} />)}
     </FaqSectionStyled>
   )
 }

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

@@ -39,7 +39,7 @@ export const FeaturesRatafiaSectionStyled = styled.section `
 
       &__children {
         display: none;
-        min-width: 50%;
+        width: 100%;
 
         @media ${device.desktop} {
           display: flex;
@@ -48,6 +48,7 @@ export const FeaturesRatafiaSectionStyled = styled.section `
         }
         img {
           width: 100%;
+          height: auto;
         }
       }
     }

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

@@ -40,7 +40,7 @@ export const FeaturesRatafiaSectionStyled = styled.section`
 
       &__children {
         display: none;
-        min-width: 50%;
+        width: 100%;
 
         @media ${device.desktop} {
           display: flex;
@@ -49,6 +49,7 @@ export const FeaturesRatafiaSectionStyled = styled.section`
         }
         img {
           width: 100%;
+          height: auto;
         }
       }
     }

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BottomFooter } from '../../organisms/BottomFooter/BottomFooter';
+import { FooterStyled } from './Footer.styled';
+import { TopFooter } from '../../organisms/TopFooter/TopFooter';
+export const Footer = ({ footerTopProps, footerBottomProps }) => {
+    return (_jsxs(FooterStyled, { className: 'footer', children: [_jsx(TopFooter, { ...footerTopProps }), footerBottomProps && _jsx(BottomFooter, { ...footerBottomProps })] }));
+};

package/dist/src/components/sections/Footer/Footer.mocks.d.ts

@@ -0,0 +1,10 @@
+import { BottomFooterProps } from 'src/components/organisms/BottomFooter';
+import { ContactInfoProps } from '../../molecules/ContactInfo/ContactInfoProps.types';
+import { FooterMenuProps } from '../../molecules/FooterMenu/FooterMenuProps.types';
+import { SocialLink } from '../../molecules/SocialLinks/SocialLinksProps.types';
+import { TopFooterProps } from 'src/components/organisms/TopFooter';
+export declare const mockMenu: FooterMenuProps;
+export declare const mockSocialLinks: SocialLink[];
+export declare const mockContactInfo: ContactInfoProps;
+export declare const mockTopFooterArgs: TopFooterProps;
+export declare const mockBottomFooterArgs: BottomFooterProps;

package/dist/src/components/sections/Footer/Footer.mocks.js

@@ -0,0 +1,65 @@
+import facebookIcon from '../../../../images/svg/facebook.svg';
+import linkedinIcon from '../../../../images/svg/linkedin.svg';
+import pinterestIcon from '../../../../images/svg/pinterest.svg';
+import xIcon from '../../../../images/svg/x.svg';
+export const mockMenu = {
+    title: 'SERVICES',
+    links: [
+        { name: 'Legal Documents and Forms', url: '#' },
+        { name: 'LawGenius', url: '#', customClass: 'ai-link' },
+        { name: 'eSignature', url: '#' }
+    ]
+};
+export const mockSocialLinks = [
+    { url: 'https://facebook.com', iconSrc: facebookIcon, alt: 'Facebook' },
+    { url: 'https://twitter.com', iconSrc: xIcon, alt: 'Twitter' },
+    { url: 'https://pinterest.com', iconSrc: pinterestIcon, alt: 'Pinterest' },
+    { url: 'https://linkedin.com', iconSrc: linkedinIcon, alt: 'LinkedIn' }
+];
+export const mockContactInfo = {
+    phoneNumber: '1-800-123-4567',
+    schedule: 'Contact Hours: Sun-Sat 9am - 7pm ET',
+    languageSelector: 'LANGUAGE SELECTOR'
+};
+export const mockTopFooterArgs = {
+    menus: [
+        mockMenu,
+        {
+            title: 'POPULAR DOCUMENTS',
+            links: [
+                { name: 'Bill of Sale', url: '#' },
+                { name: 'Living Will', url: '#' },
+                { name: 'Power of Attorney', url: '#' },
+                { name: 'Residential Lease Agreement', url: '#' }
+            ]
+        },
+        {
+            title: 'RESOURCES',
+            links: [
+                { name: 'Articles', url: '#', rel: 'nofollow' },
+                { name: 'Legal Dictionary', url: '#', dataQa: 'legal-dictionary' }
+            ]
+        },
+        {
+            title: 'Help',
+            links: [
+                { name: 'FAQs', url: '#' },
+                { name: 'Contact Us', url: '#' },
+                { name: 'Pricing', url: '#' }
+            ]
+        }
+    ],
+    contactInfo: mockContactInfo,
+    trustPilotWidget: 'TRUSTPILOTWIDGET'
+};
+export const mockBottomFooterArgs = {
+    siteName: 'LawDistrict',
+    companyLinks: [
+        { name: 'Terms of Service', url: '#' },
+        { name: 'Privacy Policy', url: '#' },
+        { name: 'Cookie Policy', url: '#' }
+    ],
+    socialLinks: mockSocialLinks,
+    disclaimerText: 'Lawdistrict.com offers various models of legal documents, as well as additional functionalities, for different needs and purposes. By using our online document editor you will obtain a completely customized legal document for a fee. We are not a law firm and, therefore, do not provide official legal advice. If you need further legal assistance, we suggest consulting an attorney or a law firm in your jurisdiction that specializes in your specific legal matter. You take sole responsibility for the use of the legal documents and information provided.',
+    copyrightText: `© ${new Date().getFullYear()} www.lawdistrict.com All Rights Reserved.`
+};