@npm_leadtech/legal-contracts-ui 0.87.1 → 0.87.2

package/dist/components/AboutUsTemplate.d.ts

@@ -13,7 +13,7 @@ export declare interface AboutUsTemplateProps {
     howWeHelp: WeHelpSectionProps;
     guidelines: GuidelinesSectionProps;
     experts: ExpertsSectionProps;
-    trustPilot: ReactNode;
+    trustpilot: TrustpilotSectionProps;
     partners: PartnersSectionProps;
     cta: CtaSectionProps;
     contactUs: ContactUsSectionProps;
@@ -128,6 +128,11 @@ export interface StorylineProps {
     }[];
 }
 
+export interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+
 export interface ValuesSectionProps {
     title: string;
     children: ReactNode;

package/dist/components/AboutUsTemplate.js

@@ -1,42 +1,43 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { MissionSection as S } from "./MissionSection.js";
-import { ValuesSection as u } from "./ValuesSection.js";
-import { Storyline as d } from "./Storyline.js";
-import { WeHelpSection as b } from "./WeHelpSection.js";
-import { GuidelinesSection as h } from "./GuidelinesSection.js";
-import { ExpertsSection as w } from "./ExpertsSection.js";
-import { PartnersSection as N } from "./PartnersSection.js";
-import { CtaSection as j } from "./CtaSection.js";
-import { ContactUsSection as y } from "./ContactUsSection.js";
-import { Jumbotron2 as C } from "./Jumbotron2.js";
-import { IntroSection as U } from "./IntroSection.js";
-const W = ({
-  jumbotron: r,
-  intro: t,
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { MissionSection as u } from "./MissionSection.js";
+import { ValuesSection as x } from "./ValuesSection.js";
+import { Storyline as b } from "./Storyline.js";
+import { WeHelpSection as d } from "./WeHelpSection.js";
+import { GuidelinesSection as j } from "./GuidelinesSection.js";
+import { ExpertsSection as y } from "./ExpertsSection.js";
+import { PartnersSection as C } from "./PartnersSection.js";
+import { CtaSection as N } from "./CtaSection.js";
+import { ContactUsSection as T } from "./ContactUsSection.js";
+import { Jumbotron2 as U } from "./Jumbotron2.js";
+import { IntroSection as g } from "./IntroSection.js";
+import { TrustpilotSection as h } from "./TrustpilotSection.js";
+const v = ({
+  jumbotron: t,
+  intro: r,
   mission: m,
-  coreValues: e,
-  storyline: i,
+  coreValues: i,
+  storyline: e,
   howWeHelp: n,
-  guidelines: l,
-  experts: s,
-  trustPilot: c,
-  partners: f,
-  cta: p,
+  guidelines: p,
+  experts: f,
+  trustpilot: s,
+  partners: c,
+  cta: l,
   contactUs: a
-}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(C, { ...r }),
-  /* @__PURE__ */ o(U, { ...t, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(S, { ...m }),
-  /* @__PURE__ */ o(u, { ...e }),
-  /* @__PURE__ */ o(d, { ...i }),
-  /* @__PURE__ */ o(b, { ...n }),
-  /* @__PURE__ */ o(h, { ...l }),
-  /* @__PURE__ */ o(w, { ...s }),
-  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: c }),
-  /* @__PURE__ */ o(N, { ...f }),
+}) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(U, { ...t }),
+  /* @__PURE__ */ o(g, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(u, { ...m }),
+  /* @__PURE__ */ o(x, { ...i }),
+  /* @__PURE__ */ o(b, { ...e }),
+  /* @__PURE__ */ o(d, { ...n }),
   /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(y, { ...a })
+  /* @__PURE__ */ o(y, { ...f }),
+  /* @__PURE__ */ o(h, { ...s }),
+  /* @__PURE__ */ o(C, { ...c }),
+  /* @__PURE__ */ o(N, { ...l }),
+  /* @__PURE__ */ o(T, { ...a })
 ] });
 export {
-  W as AboutUsTemplate
+  v as AboutUsTemplate
 };

package/dist/components/AiLegalDocumentInsightsMockTabs.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AiLegalDocumentInsightsMockTabs: FC<AiLegalDocumentInsightsMockTabsProps>;
+
+export declare interface AiLegalDocumentInsightsMockTabsProps {
+    tabs: AiLegalDocumentInsightsTab[];
+    /** Initial tab id; defaults to first tab */
+    defaultTabId?: string;
+    className?: string;
+}
+
+export declare interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+

package/dist/components/AiLegalDocumentInsightsMockTabs.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useId as p, useState as u } from "react";
+import { Button as x } from "./Button.js";
+const g = ({
+  tabs: t,
+  defaultTabId: r,
+  className: d = ""
+}) => {
+  const i = p(), o = t[0]?.id ?? "", [s, c] = u(r ?? o);
+  if (t.length === 0) return null;
+  const l = t.find((e) => e.id === s) ?? t[0];
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-4 ${d}`.trim(), children: [
+    /* @__PURE__ */ n("div", { className: "inline-flex gap-1 rounded-xl bg-neutral-100 p-1", role: "tablist", "aria-label": "Insight preview", children: t.map((e) => {
+      const a = l.id === e.id;
+      return /* @__PURE__ */ n(
+        x,
+        {
+          type: "button",
+          role: "tab",
+          id: `${i}-${e.id}-tab`,
+          "aria-selected": a,
+          "aria-controls": `${i}-${e.id}-panel`,
+          tabIndex: a ? 0 : -1,
+          variant: a ? "primary-white" : "tertiary-thin",
+          size: "small",
+          className: `text-small rounded-lg px-4 py-2 font-bold shadow-none ${a ? "text-primary-900 shadow-sm" : "text-neutral-600"}`,
+          onClick: () => {
+            c(e.id);
+          },
+          children: e.label
+        },
+        e.id
+      );
+    }) }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        role: "tabpanel",
+        id: `${i}-${l.id}-panel`,
+        "aria-labelledby": `${i}-${l.id}-tab`,
+        className: "text-medium text-neutral-800",
+        children: l.content
+      }
+    )
+  ] });
+};
+export {
+  g as AiLegalDocumentInsightsMockTabs
+};

package/dist/components/AiLegalDocumentInsightsSection.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface AiLegalDocumentInsightCard {
+    id: string;
+    title: string;
+    description: string;
+    state?: 'soon' | 'default';
+}
+
+export declare const AiLegalDocumentInsightsSection: FC<AiLegalDocumentInsightsSectionProps>;
+
+export declare interface AiLegalDocumentInsightsSectionProps {
+    heading: {
+        title: string;
+        description: string;
+    };
+    insightCards: AiLegalDocumentInsightCard[];
+    tabs: AiLegalDocumentInsightsTab[];
+    defaultTabId?: string;
+    /** Optional screenshot behind / beside the mock */
+    mockImageSrc?: string;
+    mockImageAlt?: string;
+    className?: string;
+}
+
+export interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+

package/dist/components/AiLegalDocumentInsightsSection.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { AiLegalDocumentInsightsMockTabs as m } from "./AiLegalDocumentInsightsMockTabs.js";
+import { SectionHeading as c } from "./SectionHeading.js";
+const g = ({
+  heading: a,
+  insightCards: i,
+  tabs: n,
+  defaultTabId: r,
+  mockImageSrc: s,
+  mockImageAlt: o = "",
+  className: d = ""
+}) => /* @__PURE__ */ e("section", { className: `bg-neutral-25 px-6 py-16 sm:px-10 lg:px-24 ${d}`.trim(), children: /* @__PURE__ */ l("div", { className: "mx-auto grid max-w-6xl gap-10 lg:grid-cols-2", children: [
+  /* @__PURE__ */ l("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ e(c, { title: a.title, description: a.description, align: "start" }),
+    /* @__PURE__ */ e("div", { className: "space-y-5", children: i.map((t) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: `rounded-2xl border p-5 ${t.state === "soon" ? "border-neutral-200 bg-neutral-50 text-neutral-500" : "border-transparent bg-white shadow-sm"}`,
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `text-small inline-flex items-center rounded-md px-3 py-1 font-bold ${t.state === "soon" ? "bg-neutral-200 text-neutral-700" : "bg-primary-100 text-primary-800"}`,
+                children: t.title
+              }
+            ),
+            t.state === "soon" && /* @__PURE__ */ e("span", { className: "text-extra-small font-semibold text-neutral-500 uppercase", children: "Coming soon" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-medium mt-3 text-neutral-800", children: t.description })
+        ]
+      },
+      t.id
+    )) })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "relative overflow-hidden rounded-[32px] bg-neutral-200 shadow-[0_30px_80px_rgba(3,42,56,0.2)]", children: [
+    s != null && s !== "" && /* @__PURE__ */ e("img", { src: s, alt: o, width: 572, height: 622, className: "h-full w-full object-cover" }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-neutral-900/80 via-neutral-900/20 to-transparent p-6 lg:p-8", children: /* @__PURE__ */ e("div", { className: "rounded-2xl bg-white/95 p-5 shadow-lg backdrop-blur-sm", children: /* @__PURE__ */ e(m, { tabs: n, defaultTabId: r }) }) })
+  ] })
+] }) });
+export {
+  g as AiLegalDocumentInsightsSection
+};

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -1,18 +1,46 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface AiLegalDocumentInsightCard {
+    id: string;
+    title: string;
+    description: string;
+    state?: 'soon' | 'default';
+}
+
+export interface AiLegalDocumentInsightsSectionProps {
+    heading: {
+        title: string;
+        description: string;
+    };
+    insightCards: AiLegalDocumentInsightCard[];
+    tabs: AiLegalDocumentInsightsTab[];
+    defaultTabId?: string;
+    /** Optional screenshot behind / beside the mock */
+    mockImageSrc?: string;
+    mockImageAlt?: string;
+    className?: string;
+}
+
+export interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+
 export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewerTemplateProps>;
 
 export declare type AiLegalDocumentReviewerTemplateProps = {
-    hero: Omit<Hero2SectionProps, 'variant'>;
+    hero: Hero2SectionProps;
     howItWorks: HowItWorksSectionProps;
+    /** Same shape as e-sign `fastAndSimple`; template forces `variant="lawgeniusDark"`. */
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
-    insights: FeaturesSectionProps;
+    insights: AiLegalDocumentInsightsSectionProps;
     signAndSend: Omit<SignAndSendSectionProps, 'rightColumn' | 'variant' | 'leadingIcon'> & {
         leadingIcon: ReactNode;
         upload: DocumentReviewUploadCardProps;
     };
-    trustPilot: ReactNode;
+    trustpilot: TrustpilotSectionProps;
     askQuestions: Omit<LawgeniusAskQuestionsSectionProps, 'illustration'> & {
         illustration: LawgeniusFloatingTagsIllustrationProps;
     };
@@ -56,22 +84,6 @@ export interface FastAndSimpleSectionProps {
     variant: 'esign' | 'ratafia';
 }
 
-export interface Features {
-    id: string;
-    title: string;
-    icon: ReactNode | null;
-    description: string;
-    upcoming: boolean;
-    upcomingText?: string;
-}
-
-export interface FeaturesSectionProps {
-    title: string;
-    description: string;
-    features: Features[];
-    rightImage: ReactNode | null;
-}
-
 export type Hero2Highlight = {
     id: string;
     label: string;
@@ -132,6 +144,14 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+}
+
 export interface SignAndSendSectionProps {
     title: string;
     description: string;
@@ -146,6 +166,11 @@ export interface SignAndSendSectionProps {
     variant?: 'default' | 'lawgeniusDark';
 }
 
+export interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -1,49 +1,50 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { DocumentReviewUploadCard as x } from "./DocumentReviewUploadCard.js";
-import { LawgeniusAskQuestionsSection as w } from "./LawgeniusAskQuestionsSection.js";
-import { LawgeniusFloatingTagsIllustration as S } from "./LawgeniusFloatingTagsIllustration.js";
-import { SignAndSendSection as v } from "./SignAndSendSection.js";
-import { Hero2Section as h } from "./Hero2Section.js";
-import { HowItWorksSection as k } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as R } from "./FastAndSimpleSection.js";
-import { FeaturesSection as A } from "./FeaturesSection.js";
-import { FaqSection as D } from "./FaqSection.js";
-const U = ({
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { AiLegalDocumentInsightsSection as x } from "./AiLegalDocumentInsightsSection.js";
+import { DocumentReviewUploadCard as S } from "./DocumentReviewUploadCard.js";
+import { FaqSection as w } from "./FaqSection.js";
+import { FastAndSimpleSection as h } from "./FastAndSimpleSection.js";
+import { Hero2Section as k } from "./Hero2Section.js";
+import { HowItWorksSection as v } from "./HowItWorksSection.js";
+import { LawgeniusAskQuestionsSection as A } from "./LawgeniusAskQuestionsSection.js";
+import { LawgeniusFloatingTagsIllustration as D } from "./LawgeniusFloatingTagsIllustration.js";
+import { SignAndSendSection as R } from "./SignAndSendSection.js";
+import { TrustpilotSection as I } from "./TrustpilotSection.js";
+const O = ({
   hero: t,
-  howItWorks: a,
-  fastAndSimple: i,
-  insights: e,
-  signAndSend: r,
-  trustPilot: n,
+  howItWorks: i,
+  fastAndSimple: e,
+  insights: r,
+  signAndSend: n,
+  trustpilot: a,
   askQuestions: s,
   faq: m
 }) => {
-  const { ...l } = t, { upload: c, leadingIcon: p, ...u } = r, { illustration: d, ...f } = s;
-  return /* @__PURE__ */ g("main", { className: "flex w-full flex-col", children: [
-    /* @__PURE__ */ o(h, { ...l, variant: "ratafia" }),
-    /* @__PURE__ */ o(k, { ...a }),
-    /* @__PURE__ */ o(R, { ...i, variant: "ratafia" }),
-    /* @__PURE__ */ o(A, { ...e }),
+  const { ...l } = t, { upload: c, leadingIcon: p, ...u } = n, { illustration: f, ...g } = s;
+  return /* @__PURE__ */ d("main", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ o(k, { ...l }),
+    /* @__PURE__ */ o(v, { ...i }),
+    /* @__PURE__ */ o(h, { ...e, variant: "ratafia" }),
+    /* @__PURE__ */ o(x, { ...r }),
     /* @__PURE__ */ o(
-      v,
+      R,
       {
         ...u,
         variant: "lawgeniusDark",
         leadingIcon: p,
-        rightColumn: /* @__PURE__ */ o(x, { ...c, variant: "embeddedOnDark" })
+        rightColumn: /* @__PURE__ */ o(S, { ...c, variant: "embeddedOnDark" })
       }
     ),
-    /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: n }),
+    /* @__PURE__ */ o(I, { ...a }),
     /* @__PURE__ */ o(
-      w,
+      A,
       {
-        ...f,
-        illustration: /* @__PURE__ */ o(S, { ...d })
+        ...g,
+        illustration: /* @__PURE__ */ o(D, { ...f })
       }
     ),
-    /* @__PURE__ */ o("section", { className: "bg-neutral-25 px-6 py-16 sm:px-10 lg:px-32", children: /* @__PURE__ */ o(D, { ...m, className: "mx-auto max-w-6xl space-y-6" }) })
+    /* @__PURE__ */ o("section", { className: "bg-neutral-25 px-6 py-16 sm:px-10 lg:px-32", children: /* @__PURE__ */ o(w, { ...m, className: "mx-auto max-w-6xl space-y-6" }) })
   ] });
 };
 export {
-  U as AiLegalDocumentReviewerTemplate
+  O as AiLegalDocumentReviewerTemplate
 };

package/dist/components/BenefitsOfSigningSection.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+
+export declare const BenefitsOfSigningSection: FC<BenefitsOfSigningSectionProps>;
+
+export declare interface BenefitsOfSigningSectionProps {
+    title: string;
+    description: string;
+    benefits: OnlineBenefit[];
+    upcomingFeature: {
+        title: string;
+        description: string;
+    };
+    keyFactsIcon: string;
+    requestIcon: string;
+    overviewImageSrc: string;
+    overviewImageAlt: string;
+}
+
+export declare interface OnlineBenefit {
+    title: string;
+    description: string;
+}
+

package/dist/components/BenefitsOfSigningSection.js

@@ -0,0 +1,56 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { SectionHeading as o } from "./SectionHeading.js";
+const p = ({
+  title: i,
+  description: s,
+  benefits: r,
+  upcomingFeature: a,
+  keyFactsIcon: c,
+  requestIcon: n,
+  overviewImageSrc: d,
+  overviewImageAlt: m
+}) => /* @__PURE__ */ e("section", { className: "bg-white px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-10 lg:flex-row", children: [
+  /* @__PURE__ */ l("div", { className: "flex-1 space-y-6", children: [
+    /* @__PURE__ */ e(o, { title: i, description: s, align: "start" }),
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      r.map((t) => /* @__PURE__ */ l(
+        "article",
+        {
+          className: "bg-neutral-25 rounded-lg p-6",
+          style: { boxShadow: "var(--shadow-small)" },
+          children: [
+            /* @__PURE__ */ l("div", { className: "bg-primary-800 text-small text-neutral-25 mb-4 inline-flex items-center gap-2 rounded px-3 py-1 font-semibold", children: [
+              /* @__PURE__ */ e("img", { src: c, alt: "Key facts icon", width: 24, height: 24 }),
+              t.title
+            ] }),
+            /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t.description })
+          ]
+        },
+        t.title
+      )),
+      /* @__PURE__ */ l("article", { className: "bg-neutral-25 rounded-lg p-6 opacity-70", style: { boxShadow: "var(--shadow-small)" }, children: [
+        /* @__PURE__ */ l("div", { className: "mb-4 flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ l("div", { className: "text-small text-primary-900 inline-flex items-center gap-2 rounded bg-white px-3 py-1 font-semibold", children: [
+            /* @__PURE__ */ e("img", { src: n, alt: "Request signature icon", width: 24, height: 24 }),
+            a.title
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-extra-small text-primary-900 rounded bg-neutral-200 px-2 py-1 font-semibold", children: "Coming soon" })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: a.description })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: d,
+      alt: m,
+      width: 624,
+      height: 664,
+      className: "h-full w-full rounded-lg object-cover shadow-lg"
+    }
+  ) })
+] }) });
+export {
+  p as BenefitsOfSigningSection
+};

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -1,14 +1,28 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface BenefitsOfSigningSectionProps {
+    title: string;
+    description: string;
+    benefits: OnlineBenefit[];
+    upcomingFeature: {
+        title: string;
+        description: string;
+    };
+    keyFactsIcon: string;
+    requestIcon: string;
+    overviewImageSrc: string;
+    overviewImageAlt: string;
+}
+
 export declare const ElectronicSignatureTemplate: FC<ElectronicSignatureTemplateProps>;
 
 export declare interface ElectronicSignatureTemplateProps {
-    hero: Omit<Hero2SectionProps, 'variant'>;
+    hero: Hero2SectionProps;
     howItWorks: HowItWorksSectionProps;
-    fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
-    benefits: FeaturesSectionProps;
-    trustPilot: ReactNode;
+    fastAndSimple: FastAndSimpleSectionProps;
+    benefitsOfSigning: BenefitsOfSigningSectionProps;
+    trustpilot: TrustpilotSectionProps;
     signAndSend: SignAndSendSectionProps;
     faq: FaqSectionProps;
 }
@@ -36,22 +50,6 @@ export interface FastAndSimpleSectionProps {
     variant: 'esign' | 'ratafia';
 }
 
-export interface Features {
-    id: string;
-    title: string;
-    icon: ReactNode | null;
-    description: string;
-    upcoming: boolean;
-    upcomingText?: string;
-}
-
-export interface FeaturesSectionProps {
-    title: string;
-    description: string;
-    features: Features[];
-    rightImage: ReactNode | null;
-}
-
 export type Hero2Highlight = {
     id: string;
     label: string;
@@ -82,6 +80,11 @@ export interface HowItWorksStep {
     icon: ReactNode;
 }
 
+export interface OnlineBenefit {
+    title: string;
+    description: string;
+}
+
 export interface QuickBenefit {
     id: string;
     title: string;
@@ -89,6 +92,14 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+}
+
 export interface SignAndSendSectionProps {
     title: string;
     description: string;
@@ -103,6 +114,11 @@ export interface SignAndSendSectionProps {
     variant?: 'default' | 'lawgeniusDark';
 }
 
+export interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/ElectronicSignatureTemplate.js

@@ -1,27 +1,28 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Hero2Section as s } from "./Hero2Section.js";
-import { HowItWorksSection as c } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
-import { FeaturesSection as f } from "./FeaturesSection.js";
-import { SignAndSendSection as S } from "./SignAndSendSection.js";
-import { FaqSection as x } from "./FaqSection.js";
-const N = ({
-  hero: e,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { Hero2Section as a } from "./Hero2Section.js";
+import { HowItWorksSection as f } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as l } from "./FastAndSimpleSection.js";
+import { BenefitsOfSigningSection as s } from "./BenefitsOfSigningSection.js";
+import { TrustpilotSection as S } from "./TrustpilotSection.js";
+import { SignAndSendSection as x } from "./SignAndSendSection.js";
+import { FaqSection as g } from "./FaqSection.js";
+const T = ({
+  hero: t,
   howItWorks: i,
   fastAndSimple: r,
-  benefits: t,
-  trustPilot: m,
+  benefitsOfSigning: m,
+  trustpilot: e,
   signAndSend: n,
-  faq: a
-}) => /* @__PURE__ */ l("main", { className: "w-full flex-1 bg-neutral-50", children: [
-  /* @__PURE__ */ o(s, { ...e, variant: "esign" }),
-  /* @__PURE__ */ o(c, { ...i }),
-  /* @__PURE__ */ o(p, { ...r, variant: "esign" }),
-  /* @__PURE__ */ o(f, { ...t }),
-  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }),
-  /* @__PURE__ */ o(S, { ...n }),
-  /* @__PURE__ */ o(x, { ...a, className: "mx-auto max-w-4xl px-4 py-16" })
+  faq: p
+}) => /* @__PURE__ */ c("main", { className: "w-full flex-1 bg-neutral-50", children: [
+  /* @__PURE__ */ o(a, { ...t }),
+  /* @__PURE__ */ o(f, { ...i }),
+  /* @__PURE__ */ o(l, { ...r }),
+  /* @__PURE__ */ o(s, { ...m }),
+  /* @__PURE__ */ o(S, { ...e }),
+  /* @__PURE__ */ o(x, { ...n }),
+  /* @__PURE__ */ o(g, { ...p, className: "mx-auto max-w-4xl px-4 py-16" })
 ] });
 export {
-  N as ElectronicSignatureTemplate
+  T as ElectronicSignatureTemplate
 };