@npm_leadtech/legal-contracts-ui 0.103.0 → 0.103.2

package/dist/components/AboutUsTemplate.d.ts

@@ -64,12 +64,12 @@ export interface GuidelinesSectionProps {
     guidelineCards: Array<{
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
     }>;
     footerCard: {
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
         cta: ButtonProps;
     };
 }
@@ -94,7 +94,7 @@ export interface Jumbotron2Props {
 
 export interface MissionSectionProps {
     title: string;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 
@@ -121,6 +121,7 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 
 export interface StorylineProps {
@@ -141,7 +142,7 @@ export interface TrustPilotSectionProps {
 
 export interface ValuesSectionProps {
     title: string;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
-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 { 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 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 { TrustPilotSection as C } from "./TrustPilotSection.js";
-import { PartnersSection as N } from "./PartnersSection.js";
-import { CtaSection as P } 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 { WeHelpSection as y } from "./WeHelpSection.js";
+import { GuidelinesSection as N } from "./GuidelinesSection.js";
+import { ExpertsSection as d } from "./ExpertsSection.js";
+import { TrustPilotSection as g } from "./TrustPilotSection.js";
+import { PartnersSection as j } from "./PartnersSection.js";
+import { CtaSection as w } from "./CtaSection.js";
+import { ContactUsSection as C } from "./ContactUsSection.js";
+import { Jumbotron2 as P } from "./Jumbotron2.js";
+import { IntroSection as T } from "./IntroSection.js";
 const v = ({
   jumbotron: t,
   intro: r,
@@ -18,25 +18,25 @@ const v = ({
   coreValues: i,
   storyline: e,
   howWeHelp: n,
-  guidelines: p,
-  experts: f,
+  guidelines: l,
+  experts: p,
   trustPilot: s,
-  partners: c,
-  cta: l,
+  partners: f,
+  cta: c,
   contactUs: a
-}) => /* @__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__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(S, { ...m }),
+  /* @__PURE__ */ o(u, { ...i }),
   /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(d, { ...n }),
-  /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(y, { ...f }),
-  /* @__PURE__ */ o(C, { ...s }),
-  /* @__PURE__ */ o(N, { ...c }),
-  /* @__PURE__ */ o(P, { ...l }),
-  /* @__PURE__ */ o(T, { ...a })
+  /* @__PURE__ */ o(y, { ...n }),
+  /* @__PURE__ */ o(N, { ...l }),
+  /* @__PURE__ */ o(d, { ...p }),
+  /* @__PURE__ */ o(g, { ...s }),
+  /* @__PURE__ */ o(j, { ...f }),
+  /* @__PURE__ */ o(w, { ...c }),
+  /* @__PURE__ */ o(C, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/BlogSection.d.ts

@@ -22,5 +22,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/CategoriesSection.d.ts

@@ -20,5 +20,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/CategoryProductTemplate.d.ts

@@ -86,5 +86,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/ContactUsSection.d.ts

@@ -19,5 +19,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/CtaSection.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Button as c } from "./Button.js";
-const p = ({
+const x = ({
   title: a,
   paragraph: l,
   cta: t,
@@ -35,19 +35,19 @@ const p = ({
       /* @__PURE__ */ e("span", { className: "text-primary-900 text-small font-bold", children: l })
     ]
   }
-), u = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
+), f = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
   "div",
   {
     className: `shadow-small absolute flex items-center justify-center gap-1 rounded-md bg-neutral-50 p-2 ${t}`,
     children: [
       /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-5 w-5" }),
-      /* @__PURE__ */ e("span", { className: "text-small text-neutral-500", children: l })
+      /* @__PURE__ */ e("span", { className: "text-small text-primary-500", children: l })
     ]
   }
 );
 export {
-  u as CtaFeatureTag,
+  f as CtaFeatureTag,
   o as CtaSample,
-  p as CtaSection,
+  x as CtaSection,
   g as CtaSummarizedTag
 };

package/dist/components/ExpertsSection.d.ts

@@ -18,5 +18,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/ExpertsSection.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { SectionHeading as n } from "./SectionHeading.js";
-const r = ({ header: i, experts: a }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 pt-12 pb-8 md:pb-12", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl xl:max-w-7xl", children: [
-  /* @__PURE__ */ e("div", { className: "mx-auto mb-20 w-11/12 text-center md:w-full", children: /* @__PURE__ */ e(n, { align: "center", ...i }) }),
-  /* @__PURE__ */ e("div", { className: "mt-8 flex flex-col items-center justify-center gap-8 md:flex-row md:flex-wrap", children: a.map((t) => /* @__PURE__ */ l(
+const r = ({ header: i, experts: l }) => l.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 pt-12 pb-8 md:pb-12", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl", children: [
+  /* @__PURE__ */ e("div", { className: "mx-auto mb-20 w-11/12 text-center md:w-full", children: /* @__PURE__ */ e(n, { align: "center", ...i, hasMaxWidth: !1 }) }),
+  /* @__PURE__ */ e("div", { className: "mt-8 flex flex-col items-center justify-center gap-10 md:flex-row md:flex-wrap", children: l.map((t) => /* @__PURE__ */ a(
     "article",
     {
-      className: "flex w-80 flex-row items-center justify-start gap-6 rounded-2xl bg-white p-4 shadow-sm lg:w-96",
+      className: "flex w-80 flex-row items-center justify-start gap-6 rounded-2xl bg-white p-4 shadow-sm",
       children: [
         /* @__PURE__ */ e("div", { className: "min-w-28 shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-lg", children: t.image }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col items-start justify-start", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col items-start justify-start", children: [
           /* @__PURE__ */ e("p", { className: "mb-2 w-3/4 min-w-fit font-sans text-lg leading-6 font-bold tracking-tight text-neutral-800", children: t.name }),
           /* @__PURE__ */ e("p", { className: "font-sans text-base leading-snug font-normal tracking-tight text-neutral-800", children: t.title })
         ] })

package/dist/components/FaqTeaserSection.d.ts

@@ -19,5 +19,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/GuidelinesSection.d.ts

@@ -20,12 +20,12 @@ export declare interface GuidelinesSectionProps {
     guidelineCards: Array<{
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
     }>;
     footerCard: {
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
         cta: ButtonProps;
     };
 }
@@ -46,5 +46,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/GuidelinesSection.js

@@ -1,22 +1,23 @@
 import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import { SectionHeading as s } from "./SectionHeading.js";
-import { Button as r } from "./Button.js";
-const c = ({ header: i, guidelineCards: n, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
-  /* @__PURE__ */ l(s, { ...i, align: "start" }),
-  /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: n.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
+import { SectionHeading as r } from "./SectionHeading.js";
+import { Markdown as i } from "./Markdown.js";
+import { Button as m } from "./Button.js";
+const f = ({ header: n, guidelineCards: s, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
+  /* @__PURE__ */ l(r, { ...n, align: "start", hasMaxWidth: !1 }),
+  /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: s.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
     /* @__PURE__ */ l("div", { className: "w-full rounded-2xl", children: t.image }),
     /* @__PURE__ */ l("p", { className: "my-6 font-sans text-lg leading-6 font-bold tracking-[-0.3px] text-neutral-800", children: t.title }),
-    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: t.content })
+    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: /* @__PURE__ */ l(i, { content: t.content }) })
   ] }, t.title)) }),
   /* @__PURE__ */ a("div", { className: "my-8 flex flex-col justify-between overflow-hidden rounded-2xl bg-white shadow-sm lg:mb-4 lg:flex-row lg:overflow-visible lg:p-6", children: [
     /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
       /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
-      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: e.content }),
-      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(r, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
+      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: /* @__PURE__ */ l(i, { content: e.content }) }),
+      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(m, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
   ] })
 ] }) });
 export {
-  c as GuidelinesSection
+  f as GuidelinesSection
 };

package/dist/components/HomeTemplate.d.ts

@@ -109,6 +109,7 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 
 export interface TrustSectionProps {

package/dist/components/MissionSection.d.ts

@@ -5,7 +5,7 @@ export declare const MissionSection: FC<MissionSectionProps>;
 
 export declare interface MissionSectionProps {
     title: string;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 

package/dist/components/MissionSection.js

@@ -1,16 +1,17 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { TwoColumnSection as l } from "./TwoColumnSection.js";
-const o = ({ title: s, children: t, image: r }) => /* @__PURE__ */ e(
-  l,
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { TwoColumnSection as o } from "./TwoColumnSection.js";
+import { Markdown as a } from "./Markdown.js";
+const m = ({ title: r, body: t, image: n }) => /* @__PURE__ */ e(
+  o,
   {
     containerClassName: "gap-20 items-center",
-    firstColumn: /* @__PURE__ */ a("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: s }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: t })
+    firstColumn: /* @__PURE__ */ s("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+      /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: r }),
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(a, { content: t }) })
     ] }),
-    secondColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: r }) })
+    secondColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl", children: n }) })
   }
 );
 export {
-  o as MissionSection
+  m as MissionSection
 };

package/dist/components/MoreTemplatesSection.d.ts

@@ -24,5 +24,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/PartnersSection.d.ts

@@ -18,5 +18,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/ProcessSection.d.ts

@@ -20,5 +20,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/SectionHeading.d.ts

@@ -8,5 +8,6 @@ export declare interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 

package/dist/components/SectionHeading.js

@@ -1,22 +1,26 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "react";
-import { Markdown as m } from "./Markdown.js";
-const i = ({
+import { Markdown as o } from "./Markdown.js";
+const f = ({
   title: r,
   description: e,
-  align: l = "center",
-  titleClass: a = "font-lora text-super-large",
-  className: n = ""
-}) => /* @__PURE__ */ c(
-  "div",
-  {
-    className: `flex flex-col gap-4 text-neutral-800 ${n} ${l === "center" ? "items-center text-center" : "text-left"}`,
-    children: [
-      /* @__PURE__ */ t("h2", { className: a, children: r }),
-      e && /* @__PURE__ */ t(m, { className: "text-medium max-w-3xl [&_p:last-child]:mb-0", content: e })
-    ]
-  }
-);
+  align: a = "center",
+  titleClass: l = "font-lora text-super-large",
+  className: m = "",
+  hasMaxWidth: n = !0
+}) => {
+  const s = n ? "max-w-3xl" : "";
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `flex flex-col gap-4 text-neutral-800 ${m} ${a === "center" ? "items-center text-center" : "text-left"}`,
+      children: [
+        /* @__PURE__ */ t("h2", { className: l, children: r }),
+        e && /* @__PURE__ */ t(o, { className: "text-medium [&_p:last-child]:mb-0 " + s, content: e })
+      ]
+    }
+  );
+};
 export {
-  i as SectionHeading
+  f as SectionHeading
 };

package/dist/components/Storyline.js

@@ -1,40 +1,41 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-const i = ({ title: n, text: s, storyItems: l }) => /* @__PURE__ */ e("section", { className: "bg-secondary-100 p-6 md:px-6 md:py-12", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl rounded-2xl bg-white p-6 md:p-12", children: [
-  /* @__PURE__ */ e("h2", { className: "pb-6 font-sans text-3xl font-bold tracking-tight text-neutral-800", children: n }),
-  /* @__PURE__ */ e("div", { className: "pb-2 font-sans text-base text-neutral-800 md:pb-6", children: s }),
-  /* @__PURE__ */ a("ul", { className: "relative mt-4 pl-6 md:mt-0", children: [
-    /* @__PURE__ */ e(
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+const m = ({ title: n, text: o, storyItems: a }) => /* @__PURE__ */ t("section", { className: "bg-secondary-100 p-6 md:px-6 md:py-12", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl rounded-2xl bg-white p-6 md:p-12", children: [
+  /* @__PURE__ */ t("h2", { className: "pb-6 font-sans text-3xl font-bold tracking-tight text-neutral-800", children: n }),
+  /* @__PURE__ */ t(s, { content: o }),
+  /* @__PURE__ */ l("ul", { className: "relative mt-4 pl-6 md:mt-0", children: [
+    /* @__PURE__ */ t(
       "div",
       {
         className: "absolute top-0 bottom-0 left-1 w-0.5 bg-[repeating-linear-gradient(to_bottom,currentColor,currentColor_0.75rem,transparent_0.75rem,transparent_1.25rem)] text-neutral-400",
         "aria-hidden": "true"
       }
     ),
-    l.map((t, r) => /* @__PURE__ */ a(
+    a.map((e, r) => /* @__PURE__ */ l(
       "li",
       {
         className: "bg-neutral-25 relative mt-4 flex list-none flex-col rounded-2xl p-6 first:mt-0 md:flex-row",
         children: [
-          r === 0 && /* @__PURE__ */ e("div", { className: "absolute top-0 bottom-1/2 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
-          r === l.length - 1 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 bottom-0 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
-          /* @__PURE__ */ e(
+          r === 0 && /* @__PURE__ */ t("div", { className: "absolute top-0 bottom-1/2 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
+          r === a.length - 1 && /* @__PURE__ */ t("div", { className: "absolute top-1/2 bottom-0 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
+          /* @__PURE__ */ t(
             "div",
             {
               className: "bg-primary-800 absolute top-1/2 -left-6 z-10 h-2.5 w-2.5 -translate-y-1/2 rounded-full",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ e("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-neutral-200 p-2", children: t.icon }),
-          /* @__PURE__ */ a("div", { className: "md:flex-1 md:pl-4", children: [
-            /* @__PURE__ */ e("p", { className: "mt-4 font-sans text-lg font-bold text-neutral-800 md:mt-0", children: t.title }),
-            /* @__PURE__ */ e("div", { className: "mt-2 font-sans text-base font-normal text-neutral-800", children: t.description })
+          /* @__PURE__ */ t("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-neutral-200 p-2", children: e.icon }),
+          /* @__PURE__ */ l("div", { className: "md:flex-1 md:pl-4", children: [
+            /* @__PURE__ */ t("p", { className: "mt-4 font-sans text-lg font-bold text-neutral-800 md:mt-0", children: e.title }),
+            /* @__PURE__ */ t("div", { className: "mt-2 font-sans text-base font-normal text-neutral-800", children: e.description })
           ] })
         ]
       },
-      t.title
+      e.title
     ))
   ] })
 ] }) });
 export {
-  i as Storyline
+  m as Storyline
 };

package/dist/components/TrustPilotSection.js

@@ -1,10 +1,12 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Markdown as a } from "./Markdown.js";
-const i = ({ trustPilot: e, content: l, title: r }) => /* @__PURE__ */ s("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: [
-  /* @__PURE__ */ t("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: r }),
-  /* @__PURE__ */ t(a, { content: l, variant: "about-us" }),
-  /* @__PURE__ */ t("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "mx-auto w-full max-w-254 md:h-34", children: e }) })
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { Markdown as r } from "./Markdown.js";
+const o = ({ trustPilot: l, content: a, title: s }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: [
+  /* @__PURE__ */ e("div", { className: "mx-auto w-fit", children: [
+    /* @__PURE__ */ t("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: s }),
+    /* @__PURE__ */ t(r, { content: a, variant: "about-us", className: "mx-auto" })
+  ] }),
+  /* @__PURE__ */ t("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "mx-auto w-full max-w-6xl md:h-34", children: l }) })
 ] });
 export {
-  i as TrustPilotSection
+  o as TrustPilotSection
 };

package/dist/components/TrustSection.d.ts

@@ -7,6 +7,7 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
+    hasMaxWidth?: boolean;
 }
 
 export declare const TrustSection: FC<TrustSectionProps>;

package/dist/components/ValuesSection.d.ts

@@ -5,7 +5,7 @@ export declare const ValuesSection: FC<ValuesSectionProps>;
 
 export declare interface ValuesSectionProps {
     title: string;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 

package/dist/components/ValuesSection.js

@@ -1,16 +1,17 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { TwoColumnSection as a } from "./TwoColumnSection.js";
-const o = ({ title: s, children: l, image: r }) => /* @__PURE__ */ e(
-  a,
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { TwoColumnSection as n } from "./TwoColumnSection.js";
+import { Markdown as a } from "./Markdown.js";
+const m = ({ title: r, body: t, image: l }) => /* @__PURE__ */ e(
+  n,
   {
     containerClassName: "gap-20 items-center flex-col-reverse",
-    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: r }) }),
-    secondColumn: /* @__PURE__ */ t("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: s }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: l })
+    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: l }) }),
+    secondColumn: /* @__PURE__ */ s("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+      /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: r }),
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(a, { content: t }) })
     ] })
   }
 );
 export {
-  o as ValuesSection
+  m as ValuesSection
 };