@opensite/ui 3.7.2 → 3.7.4

package/dist/registry.cjs

@@ -49482,6 +49482,48 @@ function CaseStudyStatsMetrics({
     }
   );
 }
+var SIZE_CLASSES = {
+  sm: "max-h-6 sm:max-h-7",
+  md: "max-h-8 sm:max-h-9 lg:max-h-10",
+  lg: "max-h-10 sm:max-h-12 lg:max-h-14",
+  xl: "max-h-12 sm:max-h-14 lg:max-h-16"
+};
+var BrandLogo = ({
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
+  size = "md",
+  optixFlowConfig
+}) => {
+  if (logoSlot2) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot2 });
+  if (!logo || !logo.src) return null;
+  const imgElement = /* @__PURE__ */ jsxRuntime.jsx(
+    img$1.Img,
+    {
+      src: logo.src,
+      className: cn(
+        "w-auto object-contain",
+        SIZE_CLASSES[size],
+        logo.className
+      ),
+      alt: logo.alt || "Logo",
+      optixFlowConfig,
+      loading: "eager"
+    }
+  );
+  if (logo.url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      pressable.Pressable,
+      {
+        href: logo.url,
+        className: cn("flex items-center", logoClassName),
+        children: imgElement
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center", logoClassName), children: imgElement });
+};
+var brand_logo_default = BrandLogo;
 function CardArrowIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -49525,7 +49567,10 @@ function HeroOverlayCtaGrid({
   contentClassName = "relative flex flex-col gap-6 md:gap-12 px-6 pt-0 md:pt-28 pb-6 md:pt-0 md:pb-0 min-h-screen h-fit md:h-screen justify-end md:justify-center",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -49609,6 +49654,7 @@ function HeroOverlayCtaGrid({
               className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
               children: [
                 renderBadge,
+                (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "h1",
                   {
@@ -49666,7 +49712,10 @@ function HeroSplitIconCards({
   descriptionClassName,
   verticalSpacing,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "pt-32 pb-8 md:pt-32 md:pb-32"
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -49731,6 +49780,7 @@ function HeroSplitIconCards({
               children: eyebrow
             }
           ) : eyebrow),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
@@ -49768,48 +49818,6 @@ function HeroSplitIconCards({
     }
   );
 }
-var SIZE_CLASSES = {
-  sm: "max-h-6 sm:max-h-7",
-  md: "max-h-8 sm:max-h-9 lg:max-h-10",
-  lg: "max-h-10 sm:max-h-12 lg:max-h-14",
-  xl: "max-h-12 sm:max-h-14 lg:max-h-16"
-};
-var BrandLogo = ({
-  logo,
-  logoSlot: logoSlot2,
-  logoClassName,
-  size = "md",
-  optixFlowConfig
-}) => {
-  if (logoSlot2) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot2 });
-  if (!logo || !logo.src) return null;
-  const imgElement = /* @__PURE__ */ jsxRuntime.jsx(
-    img$1.Img,
-    {
-      src: logo.src,
-      className: cn(
-        "w-auto object-contain",
-        SIZE_CLASSES[size],
-        logo.className
-      ),
-      alt: logo.alt || "Logo",
-      optixFlowConfig,
-      loading: "eager"
-    }
-  );
-  if (logo.url) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      pressable.Pressable,
-      {
-        href: logo.url,
-        className: cn("flex items-center", logoClassName),
-        children: imgElement
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center", logoClassName), children: imgElement });
-};
-var brand_logo_default = BrandLogo;
 function HeroFloatingImages({
   sectionId = "hero-floating-images",
   logo,
@@ -50124,7 +50132,10 @@ function HeroBadgeImageSplit({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -50149,6 +50160,7 @@ function HeroBadgeImageSplit({
                 badge,
                 badgeIcon
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -50220,7 +50232,10 @@ function HeroImageLeftContent({
   actionsClassName,
   imageContainerClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -50257,6 +50272,7 @@ function HeroImageLeftContent({
                 badge,
                 badgeIcon
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -50362,7 +50378,10 @@ function HeroImageSlider({
   formHeadingClassName,
   privacyNotice,
   privacyNoticeClassName,
-  gridClassName
+  gridClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderContent = React30.useMemo(() => {
     if (contentSlot) return contentSlot;
@@ -50384,6 +50403,7 @@ function HeroImageSlider({
               children: eyebrow
             }
           ) : eyebrow : null,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading ? typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -50548,7 +50568,10 @@ function HeroCenteredImageGrid({
   descriptionClassName,
   actionsClassName,
   imageGridClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -50614,6 +50637,7 @@ function HeroCenteredImageGrid({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl", children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "h1",
                   {
@@ -50709,7 +50733,10 @@ function HeroCenteredScreenshot({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -50755,6 +50782,7 @@ function HeroCenteredScreenshot({
           {
             className: cn("z-10 items-center text-center", contentClassName),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -51293,7 +51321,10 @@ function HeroAnnouncementBadge({
   spacing = "pt-32 pb-16 md:pt-32 md:pb-32",
   badgeClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -51318,6 +51349,7 @@ function HeroAnnouncementBadge({
           ),
           typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate whitespace-nowrap pr-2", children: badge }) : badge
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -51617,7 +51649,10 @@ function HeroSimpleCenteredImage({
   actionsClassName,
   imageWrapperClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -51666,6 +51701,7 @@ function HeroSimpleCenteredImage({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -51867,7 +51903,10 @@ function HeroSpiralPatternCards({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headingClassName,
   descriptionClassName,
-  imagesClassName
+  imagesClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -51933,6 +51972,7 @@ function HeroSpiralPatternCards({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
           badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: badgeText }) : badgeText),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -51995,7 +52035,10 @@ function HeroSplitSpiralShapes({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  imagesClassName
+  imagesClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -52096,6 +52139,7 @@ function HeroSplitSpiralShapes({
             ),
             children: [
               badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: badgeText }) : badgeText),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -52155,7 +52199,10 @@ function HeroSplitGeometricShapes({
   descriptionClassName,
   imagesClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [lightboxOpen, setLightboxOpen] = React30.useState(false);
   const [lightboxIndex, setLightboxIndex] = React30.useState(0);
@@ -52274,6 +52321,7 @@ function HeroSplitGeometricShapes({
                   ),
                   children: [
                     badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: badgeText }) : badgeText),
+                    (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                       "h1",
                       {
@@ -52369,7 +52417,10 @@ function HeroCommunitySurveyCta({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAnnouncement = React30.useMemo(() => {
     if (announcementSlot) return announcementSlot;
@@ -52518,6 +52569,7 @@ function HeroCommunitySurveyCta({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-12", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-6 md:gap-8 pt-8 md:pt-0", children: [
           renderAnnouncement,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -52574,7 +52626,10 @@ function HeroMarketplaceScatteredImages({
   headingClassName,
   descriptionClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = React30.useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -52704,6 +52759,7 @@ function HeroMarketplaceScatteredImages({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -52763,7 +52819,10 @@ function HeroBadgeShadowOverlay({
   containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
   announcementClassName,
   headingClassName,
-  actionsClassName
+  actionsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -52792,6 +52851,13 @@ function HeroBadgeShadowOverlay({
               ]
             }
           ),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn("mt-6 md:mt-12 flex justify-center", logoClassName),
+              children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" })
+            }
+          ),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -52801,7 +52867,7 @@ function HeroBadgeShadowOverlay({
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          ) : heading),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
@@ -52811,7 +52877,7 @@ function HeroBadgeShadowOverlay({
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          ) : description),
           /* @__PURE__ */ jsxRuntime.jsx(
             BlockActions,
             {
@@ -52855,7 +52921,10 @@ function HeroVideoBackgroundDark({
   containerClassName = "px-0 sm:px-0 md:px-0 lg:px-0 min-h-screen w-screen h-full max-w-screen",
   contentClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderVideo = React30.useMemo(() => {
     if (videoSlot) return videoSlot;
@@ -52901,6 +52970,7 @@ function HeroVideoBackgroundDark({
             ),
             children: [
               badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: badgeText }) : badgeText),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -52954,7 +53024,10 @@ function HeroGridPatternEfficiency({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  actionClassName
+  actionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = React30.useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -53009,6 +53082,7 @@ function HeroGridPatternEfficiency({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative max-w-5xl", contentClassName), children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         renderHeading,
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "p",
@@ -53407,7 +53481,10 @@ function HeroGradientClientFocused({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImage = React30.useMemo(() => {
     if (imageSlot2) return imageSlot2;
@@ -53437,6 +53514,7 @@ function HeroGradientClientFocused({
       patternOpacity,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center gap-4", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -53505,7 +53583,10 @@ function HeroPremiumSplitAvatars({
   imageClassName,
   optixFlowConfig,
   mediaAspectRatios = { desktop: "vertical", mobile: "vertical" },
-  directionConfig = { desktop: "mediaRight", mobile: "mediaBottom" }
+  directionConfig = { desktop: "mediaRight", mobile: "mediaBottom" },
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const responsiveClassName = React30.useMemo(() => {
     const desktopOrder = directionConfig.desktop === "mediaRight" ? "md:flex-row" : "md:flex-row-reverse";
@@ -53612,6 +53693,7 @@ function HeroPremiumSplitAvatars({
                 children: [
                   renderBrand,
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 md:gap-8", children: [
+                    (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl lg:text-6xl", headingClassName), children: heading })),
                     description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-2.5 lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
                     renderAction
@@ -53631,6 +53713,7 @@ function HeroUiLibraryShowcase({
   sectionId = "hero-ui-library-showcase",
   logo,
   logoSlot: logoSlot2,
+  logoClassName,
   heading,
   description,
   actions,
@@ -53658,11 +53741,11 @@ function HeroUiLibraryShowcase({
       {
         src: logo.src,
         alt: logo.alt,
-        className: cn("h-11 w-fit", logo.className),
+        className: cn("h-11 w-fit", logo.className, logoClassName),
         optixFlowConfig
       }
     );
-  }, [logoSlot2, logo, optixFlowConfig]);
+  }, [logoSlot2, logo, logoClassName, optixFlowConfig]);
   const renderImage = React30.useMemo(() => {
     if (imageSlot2) return imageSlot2;
     if (!image) return null;
@@ -53764,7 +53847,10 @@ function HeroFullscreenBackgroundImage({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBackground = React30.useMemo(() => {
     if (!backgroundImage) return null;
@@ -53806,6 +53892,7 @@ function HeroFullscreenBackgroundImage({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -53999,7 +54086,10 @@ function HeroGradientAvatarsRating({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAvatars = React30.useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
@@ -54105,6 +54195,7 @@ function HeroGradientAvatarsRating({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -54164,7 +54255,10 @@ function HeroTaskTimerAnimated({
   headerClassName,
   headingClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -54224,6 +54318,7 @@ function HeroTaskTimerAnimated({
               headerClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -54282,7 +54377,10 @@ function HeroAiPoweredCarousel({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -54316,26 +54414,27 @@ function HeroAiPoweredCarousel({
                   ]
                 }
               ),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-start", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "md" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
                   className: cn(
-                    "mt-4 md:mt-10 mb-4 text-3xl font-semibold lg:text-5xl text-balance",
+                    "text-3xl font-semibold lg:text-5xl text-balance",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
                   className: cn(
-                    "mx-auto lg:text-lg text-balance",
+                    "mx-auto text-base lg:text-lg text-balance",
                     descriptionClassName
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              ) : description),
               /* @__PURE__ */ jsxRuntime.jsx(
                 BlockActions,
                 {
@@ -54397,7 +54496,8 @@ function HeroAiPoweredCarousel({
                       "rounded-lg shadow-lg",
                       image.className
                     ),
-                    optixFlowConfig
+                    optixFlowConfig,
+                    loading: "eager"
                   }
                 ) }, index)) })
               }
@@ -54425,7 +54525,8 @@ function HeroAiPoweredCarousel({
                       "rounded-lg shadow-lg",
                       image.className
                     ),
-                    optixFlowConfig
+                    optixFlowConfig,
+                    loading: "eager"
                   }
                 ) }, index)) })
               }
@@ -54452,7 +54553,8 @@ function HeroAiPoweredCarousel({
                       "rounded-lg shadow-lg",
                       image.className
                     ),
-                    optixFlowConfig
+                    optixFlowConfig,
+                    loading: "eager"
                   }
                 ) }, index)) })
               }
@@ -54482,7 +54584,10 @@ function HeroAdCampaignExpert({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const { responsiveClassName } = useResponsiveLayout({ directionConfig });
   const renderActions = React30.useMemo(() => {
@@ -54559,6 +54664,7 @@ function HeroAdCampaignExpert({
             responsiveClassName
           ),
           children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               ContentGroup,
               {
@@ -54607,7 +54713,10 @@ function HeroAdaptableProductGrid({
   imageContainerClassName,
   imageClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -54620,6 +54729,7 @@ function HeroAdaptableProductGrid({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-8 md:pt-0", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -54703,7 +54813,10 @@ function HeroPresentationPlatformVideo({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  videoClassName
+  videoClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const contentItems = React30.useMemo(() => {
     const items = [];
@@ -54800,6 +54913,7 @@ function HeroPresentationPlatformVideo({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 BlockActions,
@@ -54839,7 +54953,10 @@ function HeroGridPatternSolutions({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [lightboxOpen, setLightboxOpen] = React30.useState(false);
   const [lightboxIndex, setLightboxIndex] = React30.useState(0);
@@ -54925,6 +55042,7 @@ function HeroGridPatternSolutions({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center", contentClassName), children: [
             renderBadge,
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "h1",
               {
@@ -55005,13 +55123,16 @@ function HeroCrmStreamlined({
   patternOpacity,
   className,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "xl",
+  spacing = "hero",
   contentClassName,
   taglineClassName,
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -55028,20 +55149,24 @@ function HeroCrmStreamlined({
           tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
-              className: cn("text-base font-semibold", taglineClassName),
+              className: cn(
+                "text-base font-medium tracking-wider opacity-70 pb-6 uppercase",
+                taglineClassName
+              ),
               children: tagline
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 mt-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
               className: cn(
-                "mb-2 text-4xl leading-snug! font-semibold text-balance lg:text-5xl",
+                "mb-2 text-4xl font-semibold text-pretty lg:text-5xl",
                 headingClassName
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          ) : heading),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
@@ -55051,7 +55176,7 @@ function HeroCrmStreamlined({
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          ) : description),
           /* @__PURE__ */ jsxRuntime.jsx(
             BlockActions,
             {
@@ -55064,7 +55189,7 @@ function HeroCrmStreamlined({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: cn("relative basis-[42%] py-9 md:py-16", imageClassName),
+            className: cn("relative basis-[42%] py-2 md:py-16", imageClassName),
             children: imageSlot2 ? imageSlot2 : image ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 img$1.Img,
@@ -55075,14 +55200,15 @@ function HeroCrmStreamlined({
                     "relative z-20 h-full w-full object-cover object-center",
                     image.className
                   ),
-                  optixFlowConfig
+                  optixFlowConfig,
+                  loading: "eager"
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
                   className: cn(
-                    "absolute top-0 left-25 z-10 bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl"
+                    "absolute top-0 left-25 z-10 hidden bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl md:block"
                   )
                 }
               )
@@ -55408,7 +55534,10 @@ function HeroSoftwareGrowthVideoDialog({
   headingClassName,
   descriptionClassName,
   showcaseClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
   const [skinClasses, setSkinClasses] = React30.useState(null);
@@ -55493,6 +55622,7 @@ function HeroSoftwareGrowthVideoDialog({
         containerClassName,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10 md:gap-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-8 pt-6 md:pt-0", children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "h1",
               {
@@ -56047,7 +56177,10 @@ function HeroProductivityLauncherVideo({
   className,
   contentClassName,
   headingClassName,
-  descriptionClassName
+  descriptionClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -56118,25 +56251,28 @@ function HeroProductivityLauncherVideo({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative z-20 max-w-204.5", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center pb-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-8 pb-16 pt-16", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-100 sm:max-w-135", children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
-                  headingClassName
-                ),
-                children: heading
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
-                  headingClassName
-                ),
-                children: heading
-              }
-            )) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-100 sm:max-w-135", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-center text-4xl leading-tight font-semibold text-shadow-lg sm:text-5xl md:text-6xl text-balance text-white",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ))
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-90 md:max-w-full", children: description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "p",
               {
@@ -56176,7 +56312,10 @@ function HeroHiringAnimatedText({
   contentClassName,
   headingClassName,
   descriptionClassName,
-  actionsClassName
+  actionsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [activeIndex, setActiveIndex] = React30.useState(0);
   const cycleText = React30.useCallback(() => {
@@ -56242,6 +56381,7 @@ function HeroHiringAnimatedText({
             contentClassName
           ),
           children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             renderHeading,
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-stretch md:items-start flex-col gap-8", children: [
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -56305,7 +56445,10 @@ function HeroSplitImageNewsletter({
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const {
     uploadTokens,
@@ -56441,6 +56584,7 @@ function HeroSplitImageNewsletter({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -56500,7 +56644,10 @@ function HeroCenteredGradientCta({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = React30.useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -56533,6 +56680,7 @@ function HeroCenteredGradientCta({
           badgeIcon,
           typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold", children: badge }) : badge
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -56611,7 +56759,10 @@ function HeroStatsSocialProof({
   actionsClassName,
   statsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = React30.useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -56658,6 +56809,7 @@ function HeroStatsSocialProof({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
           ] }),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -56732,7 +56884,10 @@ function HeroFeatureCardsGrid({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = React30.useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -56795,6 +56950,7 @@ function HeroFeatureCardsGrid({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -56859,7 +57015,10 @@ function HeroTestimonialImageGrid({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTestimonial = React30.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
@@ -56918,6 +57077,7 @@ function HeroTestimonialImageGrid({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-8 md:flex-row", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 lg:gap-8", children: [
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "h1",
               {
@@ -56994,7 +57154,10 @@ function HeroDesignSystem3d({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTrustBadge = React30.useMemo(() => {
     if (trustBadgeSlot) return trustBadgeSlot;
@@ -57081,25 +57244,28 @@ function HeroDesignSystem3d({
             ),
             children: [
               renderTrustBadge,
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              )) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "text-center text-[2.8125rem] leading-none font-bold sm:text-[3.9375rem] lg:text-[5.3125rem]",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ))
+              ] }),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
@@ -57143,7 +57309,10 @@ function HeroArchitectureFullscreen({
   taglineClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAction = React30.useMemo(() => {
     if (actionSlot) return actionSlot;
@@ -57197,6 +57366,7 @@ function HeroArchitectureFullscreen({
                 children: tagline
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
+            (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               react.motion.h1,
               {
@@ -57281,7 +57451,10 @@ function HeroInnovationImageGrid({
   headingClassName,
   descriptionClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -57351,6 +57524,7 @@ function HeroInnovationImageGrid({
             className: cn("flex flex-col gap-2 md:gap-12", contentClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "h1",
                   {
@@ -57419,7 +57593,10 @@ function HeroVideoDialogGradient({
   headingClassName,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
   const [skinClasses, setSkinClasses] = React30.useState(null);
@@ -57476,6 +57653,7 @@ function HeroVideoDialogGradient({
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 pt-10 md:pt-", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6 md:gap-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -57577,7 +57755,10 @@ function HeroMinimalCenteredDark({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  statsClassName
+  statsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = React30.useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -57606,6 +57787,7 @@ function HeroMinimalCenteredDark({
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: cn("px-4 py-1", badgeClassName), children: typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
         (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -57684,7 +57866,10 @@ function HeroProductShowcaseFloating({
   headerClassName,
   descriptionClassName,
   showcaseClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -57810,6 +57995,7 @@ function HeroProductShowcaseFloating({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 ContentGroup,
                 {
@@ -57870,7 +58056,10 @@ function HeroSaasDashboardPreview({
   headingClassName,
   descriptionClassName,
   previewClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const {
     uploadTokens,
@@ -58043,6 +58232,7 @@ function HeroSaasDashboardPreview({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -58092,7 +58282,10 @@ function HeroTherapyTestimonialGrid({
   headerClassName,
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderTestimonial = React30.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
@@ -58182,6 +58375,7 @@ function HeroTherapyTestimonialGrid({
               headerClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -58628,7 +58822,10 @@ function HeroBusinessOperationsMosaic({
   contentClassName,
   headingClassName,
   mosaicClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderMosaic = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58692,6 +58889,7 @@ function HeroBusinessOperationsMosaic({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -58775,7 +58973,10 @@ function HeroAgencyAnimatedImages({
   contentClassName,
   headingClassName,
   imagesContainerClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58865,6 +59066,7 @@ function HeroAgencyAnimatedImages({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -58928,7 +59130,10 @@ function HeroWelcomeAsymmetricImages({
   spacing = "py-32 md:py-32",
   headingClassName,
   descriptionClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -58990,6 +59195,7 @@ function HeroWelcomeAsymmetricImages({
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start justify-between gap-8 md:flex-row xl:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-start text-left", children: [
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -59053,7 +59259,10 @@ function HeroStartupLaunchCta({
   actionsClassName,
   socialProofClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderAvatars = React30.useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
@@ -59108,6 +59317,7 @@ function HeroStartupLaunchCta({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
           ] }),
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -59197,7 +59407,10 @@ function HeroEnterpriseSecurity({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  featuresClassName
+  featuresClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderFeatures = React30.useMemo(() => {
     if (featuresSlot) return featuresSlot;
@@ -59268,6 +59481,7 @@ function HeroEnterpriseSecurity({
                 badgeIcon,
                 typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
               ] }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -59330,7 +59544,10 @@ function HeroCreativeStudioStacked({
   descriptionClassName,
   actionsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
   const [skinClasses, setSkinClasses] = React30.useState(null);
@@ -59454,6 +59671,7 @@ function HeroCreativeStudioStacked({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-160 flex-col gap-6", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -59552,7 +59770,10 @@ function HeroDigitalAgencyFullscreen({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [isImageLoaded, setIsImageLoaded] = React30.useState(false);
   const bgImageRef = React30.useRef(null);
@@ -59610,6 +59831,7 @@ function HeroDigitalAgencyFullscreen({
               contentClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container flex flex-col gap-6 mb-6 md:mb-24 px-6 md:px-0", children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -59669,7 +59891,10 @@ function HeroCustomerSupportLayered({
   descriptionClassName,
   imagesClassName,
   optixFlowConfig,
-  patternClassName
+  patternClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImages = React30.useMemo(() => {
     if (imagesSlot) return imagesSlot;
@@ -59743,6 +59968,7 @@ function HeroCustomerSupportLayered({
                   children: tagline
                 }
               ) : tagline),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -59801,7 +60027,10 @@ function HeroSharedInboxLayered({
   descriptionClassName,
   imagesClassName,
   optixFlowConfig,
-  patternClassName
+  patternClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderLayeredImages = React30.useMemo(() => {
     if (layeredImagesSlot) return layeredImagesSlot;
@@ -59872,6 +60101,7 @@ function HeroSharedInboxLayered({
                   children: eyebrow
                 }
               ) : eyebrow),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -59928,7 +60158,10 @@ function HeroConversationIntelligence({
   descriptionClassName,
   actionsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderImage = React30.useMemo(() => {
     if (imageSlot2) return imageSlot2;
@@ -59975,6 +60208,7 @@ function HeroConversationIntelligence({
               contentClassName
             ),
             children: [
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -60045,7 +60279,10 @@ function HeroBusinessCarouselDots({
   descriptionClassName,
   actionsClassName,
   carouselClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [currentIndex, setCurrentIndex] = React30.useState(0);
   const timerRef = React30.useRef(null);
@@ -60084,6 +60321,7 @@ function HeroBusinessCarouselDots({
             ),
             children: [
               badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: badgeVariant, className: badgeClassName, children: badge }),
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -60181,7 +60419,10 @@ function HeroDeveloperToolsCode({
   descriptionClassName,
   actionsClassName,
   patternClassName,
-  terminalClassName
+  terminalClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60246,6 +60487,7 @@ function HeroDeveloperToolsCode({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 md:gap-8", contentClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -60297,7 +60539,10 @@ function HeroEcommerceProductShowcase({
   actionsClassName,
   statsClassName,
   imagesClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60428,6 +60673,7 @@ function HeroEcommerceProductShowcase({
             ),
             children: [
               renderBadge,
+              (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
@@ -60482,7 +60728,10 @@ function HeroMobileAppDownload({
   description,
   descriptionClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60616,6 +60865,7 @@ function HeroMobileAppDownload({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -60661,7 +60911,10 @@ function HeroPricingComparison({
   headerClassName,
   headingClassName,
   descriptionClassName,
-  plansClassName
+  plansClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderBadge = React30.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -60719,6 +60972,7 @@ function HeroPricingComparison({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl text-center", headerClassName), children: [
           renderBadge,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg md:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
@@ -60764,7 +61018,10 @@ function HeroNewsletterMinimal({
   headingClassName,
   descriptionClassName,
   disclaimerClassName,
-  statsClassName
+  statsClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderStats = React30__namespace.useMemo(() => {
     if (statsSlot) return statsSlot;
@@ -60844,6 +61101,7 @@ function HeroNewsletterMinimal({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -60959,7 +61217,10 @@ function HeroComingSoonCountdown({
   descriptionClassName,
   countdownClassName,
   formClassName,
-  socialLinksClassName
+  socialLinksClassName,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const [timeLeft, setTimeLeft] = React30__namespace.useState(null);
   const {
@@ -61112,6 +61373,7 @@ function HeroComingSoonCountdown({
           badgeIcon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: badgeIcon, size: 16 }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: badgeText })
         ] }),
+        (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h1",
           {
@@ -61416,7 +61678,10 @@ function HeroPortfolioCreative({
   headingClassName,
   descriptionClassName,
   portfolioClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName
 }) {
   const renderProfile = React30.useMemo(() => {
     if (profileSlot) return profileSlot;
@@ -61560,6 +61825,7 @@ function HeroPortfolioCreative({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderProfile,
+          (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
@@ -101765,6 +102031,9 @@ function LinkTreeBlock({
   brandVerified = false,
   verifiedIcon,
   brandSlot,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   links,
   linksSlot,
   socialLinks,
@@ -101861,7 +102130,16 @@ function LinkTreeBlock({
                   "flex h-24 w-full max-w-72 items-center justify-center",
                   avatarClassName
                 ),
-                children: resolvedAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+                children: logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                  BrandLogo,
+                  {
+                    logo,
+                    logoSlot: logoSlot2,
+                    size: "xl",
+                    logoClassName: cn("mb-2", logoClassName),
+                    optixFlowConfig
+                  }
+                ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
                   img$1.Img,
                   {
                     src: resolvedAvatar.src,
@@ -101869,7 +102147,7 @@ function LinkTreeBlock({
                     className: "h-auto max-h-24 w-auto max-w-full object-contain",
                     optixFlowConfig
                   }
-                )
+                ) : null
               }
             ),
             brandVerified && /* @__PURE__ */ jsxRuntime.jsx(
@@ -101919,6 +102197,9 @@ function LinkTreeBlock({
     brandSlot,
     headerClassName,
     avatarClassName,
+    logo,
+    logoSlot2,
+    logoClassName,
     resolvedAvatar,
     optixFlowConfig,
     brandVerified,
@@ -102272,6 +102553,9 @@ function LinkPageMinimalProfile({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -102315,14 +102599,23 @@ function LinkPageMinimalProfile({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
                 img$1.Img,
                 {
                   src: resolvedAvatar.src,
@@ -102330,7 +102623,7 @@ function LinkPageMinimalProfile({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -102341,6 +102634,9 @@ function LinkPageMinimalProfile({
       }
     );
   }, [
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     profileSlot,
@@ -102531,6 +102827,9 @@ function LinkPageNewsletterSocial({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   newsletterHeading,
   newsletterDescription,
@@ -102587,14 +102886,23 @@ function LinkPageNewsletterSocial({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
                 "flex h-24 w-full max-w-72 items-center justify-center",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
                 img$1.Img,
                 {
                   src: resolvedAvatar.src,
@@ -102602,7 +102910,7 @@ function LinkPageNewsletterSocial({
                   className: "h-auto max-h-24 w-auto max-w-full object-contain",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -102614,6 +102922,9 @@ function LinkPageNewsletterSocial({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     avatarClassName,
@@ -102865,6 +103176,9 @@ function LinkPageGridCards({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -102911,14 +103225,23 @@ function LinkPageGridCards({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
                 img$1.Img,
                 {
                   src: resolvedAvatar.src,
@@ -102926,7 +103249,7 @@ function LinkPageGridCards({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -102938,6 +103261,9 @@ function LinkPageGridCards({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     avatar,
     avatarUrl,
     avatarClassName,
@@ -103159,6 +103485,9 @@ function LinkPageBentoLayout({
   bio,
   avatar,
   avatarUrl,
+  logo,
+  logoSlot: logoSlot2,
+  logoClassName,
   profileSlot,
   links,
   linksSlot,
@@ -103473,14 +103802,23 @@ function LinkPageBentoLayout({
           headerClassName
         ),
         children: [
-          resolvedAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
                 "flex h-20 w-full max-w-56 items-center justify-center sm:h-24 sm:max-w-72",
                 avatarClassName
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                BrandLogo,
+                {
+                  logo,
+                  logoSlot: logoSlot2,
+                  size: "xl",
+                  logoClassName: cn("mb-2", logoClassName),
+                  optixFlowConfig
+                }
+              ) : logoSlot2 ? logoSlot2 : resolvedAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
                 img$1.Img,
                 {
                   src: resolvedAvatar.src,
@@ -103488,7 +103826,7 @@ function LinkPageBentoLayout({
                   className: "h-auto max-h-20 w-auto max-w-full object-contain sm:max-h-24",
                   optixFlowConfig
                 }
-              )
+              ) : null
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -103501,6 +103839,9 @@ function LinkPageBentoLayout({
     );
   }, [
     profileSlot,
+    logo,
+    logoSlot2,
+    logoClassName,
     resolvedAvatar,
     avatarClassName,
     optixFlowConfig,
@@ -116282,6 +116623,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Choose your path",
       description: "Multiple ways to engage with our platform.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -116321,6 +116663,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       eyebrow: "For Developers",
       heading: "Built for teams that ship fast",
       description: "Powerful features designed for modern development teams.",
@@ -116369,6 +116712,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "Featured Work",
       heading: "Build Stunning Websites",
       description: "We design and build beautiful digital products.",
@@ -116412,6 +116756,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "New Release",
       heading: "Build faster with our platform",
       description: "Everything you need to ship your product in record time.",
@@ -116454,6 +116799,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
       imageAlt: "Product showcase",
       heading: "Beautiful design meets powerful functionality",
@@ -116494,6 +116840,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Explore our collection",
       description: "Browse through our carefully curated selection.",
       images: [
@@ -116541,9 +116888,17 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Visual storytelling at its finest",
       description: "Showcase your work with beautiful grid layouts.",
-      gridImages: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Gallery image" }),
+      gridImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Gallery image 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Gallery image 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Gallery image 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Gallery image 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Gallery image 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Gallery image 6" }
+      ],
       actions: [
         { label: "View Gallery", href: "#", variant: "default" },
         { label: "Learn More", href: "#", variant: "outline" }
@@ -116581,6 +116936,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "The all-in-one platform for modern teams",
       description: "Everything you need to collaborate, communicate, and create amazing work.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -116624,10 +116980,18 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Trusted by Leaders",
       heading: "Join the world's most innovative companies",
       description: "Over 10,000 organizations trust our platform.",
-      logos: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" },
+        { src: "https://cdn.ing/assets/i/r/288968/nn5xpkit7idgr7i6fa46ez3g9kwn/ui-placeholder-logo-black-5.png", alt: "Partner logo 5" },
+        { src: "https://cdn.ing/assets/i/r/288974/dlb4c51kvgv6ncasqpgr2kvuma7y/ui-placeholder-logo-black-6.png", alt: "Partner logo 6" }
+      ],
       actions: [{ label: "Get Started", href: "/signup", variant: "default" }]
     }
   },
@@ -116735,6 +117099,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "New Release v2.0",
       heading: "The future of productivity is here",
       description: "Experience unprecedented performance and new features.",
@@ -116784,6 +117149,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       items: [
         {
           title: "InsuranceSite",
@@ -116827,6 +117193,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Clean, simple, effective",
       description: "Sometimes less is more. Focus on what matters.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -116864,6 +117231,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "A complete platform for modern teams",
       description: "All-in-one solution for communication and collaboration.",
       action: { label: "Explore Features", href: "#", variant: "default" },
@@ -116907,6 +117275,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Innovative Platform",
       heading: "Innovative solutions that evolve with you",
       description: "Dynamic, flexible, and always improving.",
@@ -116953,6 +117322,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "Design Excellence",
       heading: "Where creativity meets precision",
       description: "Award-winning designs that blend artistic vision with technical excellence.",
@@ -117002,9 +117372,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Bold design for bold ideas",
       description: "Stand out with striking visuals and modern aesthetics.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Design" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Design 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Design 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Design 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Design 4" }
+      ],
       actions: [
         { label: "Explore", href: "/explore", variant: "default" },
         { label: "Contact", href: "/contact", variant: "outline" }
@@ -117049,6 +117425,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       announcementPrimary: "Your Voice Matters",
       announcementLinkText: "Learn More",
       announcementHref: "#",
@@ -117095,10 +117472,17 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Discover unique items from creators worldwide",
       description: "Shop handcrafted goods, vintage treasures, and one-of-a-kind products.",
       action: { label: "Browse Marketplace", href: "#", variant: "default" },
-      images: Array(5).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Product" })
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Product 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Product 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Product 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Product 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Product 5" }
+      ]
     }
   },
   // -------------------------------------------------------------------------
@@ -117131,6 +117515,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       announcementBadge: "Launch",
       announcementText: "Premium design system",
       announcementHref: "#",
@@ -117180,6 +117565,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Immersive Experience",
       heading: "Make an unforgettable first impression",
       description: "Captivate your audience with stunning video backgrounds.",
@@ -117213,6 +117599,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Work smarter, not harder",
       description: "Maximize productivity with intelligent tools and workflows.",
       action: { label: "Boost Productivity", href: "#", variant: "default" },
@@ -117327,7 +117714,12 @@ var HERO_BLOCK_CONTRACTS = {
         { iconName: "lucide/zap", title: "Rapid Execution", description: "Agile methodology for fast delivery." },
         { iconName: "lucide/heart", title: "Human-Centered", description: "Design for people first." }
       ],
-      carouselImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Design" }),
+      carouselImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Design 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Design 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Design 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Design 4" }
+      ],
       actions: [
         { label: "Schedule Chat", href: "#", variant: "default" },
         { label: "View Portfolio", href: "#", variant: "outline" }
@@ -117365,6 +117757,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Your success is our mission",
       description: "Dedicated to helping you achieve your goals with personalized support.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Client success" },
@@ -117411,6 +117804,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       brandName: "Premium",
       brandSuffix: "Community",
       heading: "Join an exclusive community",
@@ -117456,6 +117850,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Beautiful components for modern apps",
       description: "A comprehensive UI library with 100+ components.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "UI component showcase" },
@@ -117495,6 +117890,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Experience the extraordinary",
       description: "Immersive experiences that captivate and inspire.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -117530,6 +117926,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Building the future of work",
       description: "Join the companies already transforming how they operate.",
       action: { label: "Get Started", href: "#", variant: "default" },
@@ -117579,9 +117976,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Loved by thousands of users",
       description: "Join our community of satisfied customers.",
-      avatars: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "User" }),
+      avatars: [
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "User 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "User 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "User 3" }
+      ],
       images: [
         { src: HERO_EXAMPLE_IMAGE_URL, alt: "Hero 1" },
         { src: HERO_EXAMPLE_IMAGE_URL, alt: "Hero 2" }
@@ -117629,6 +118031,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Track time, boost productivity",
       description: "Stay focused and manage your time effectively.",
       images: [
@@ -117693,12 +118096,27 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "AI-Powered",
       badgeTagline: "Next Generation Technology",
       heading: "Intelligent automation for your workflow",
       description: "Transform your business with AI-driven solutions.",
-      carouselImages1: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
-      carouselImages2: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      carouselImages1: [
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Feature 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Feature 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Feature 6" }
+      ],
+      carouselImages2: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Feature 4" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Feature 5" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Feature 6" }
+      ],
       actions: [
         { label: "Start Free Trial", href: "#", variant: "default" },
         { label: "Watch Demo", href: "#", variant: "outline" }
@@ -117739,6 +118157,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Your ad campaigns excel with AI",
       description: "Optimize your advertising performance with real-time analytics.",
       mediaItem: { video: EXAMPLE_VIDEO_0 },
@@ -117775,6 +118194,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Flexible product displays that adapt to your brand",
       description: "Create stunning product showcases with our adaptable grid system.",
       imageSrc: HERO_EXAMPLE_IMAGE_URL,
@@ -117820,6 +118240,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       subtitle: "Presentation Platform",
       heading: "Create stunning presentations in minutes",
       description: "Beautiful templates, smart layouts, and powerful collaboration tools.",
@@ -117864,10 +118285,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "New Version Launched",
       heading: "Complete solutions for every challenge",
       description: "From startups to enterprises, we provide comprehensive solutions.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Solution" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Solution 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Solution 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Solution 3" }
+      ],
       actions: [{ label: "Explore Solutions", href: "#", variant: "outline" }],
       background: "dark"
     }
@@ -117902,6 +118328,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       tagline: "Simple CRM",
       heading: "Customer relationships made simple",
       description: "Manage your entire customer lifecycle in one intuitive platform.",
@@ -117951,10 +118378,18 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Simplified billing for modern businesses",
       description: "Accept payments, manage subscriptions, and handle invoicing.",
       mainImage: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Billing dashboard" },
-      logos: Array(6).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" },
+        { src: "https://cdn.ing/assets/i/r/288968/nn5xpkit7idgr7i6fa46ez3g9kwn/ui-placeholder-logo-black-5.png", alt: "Partner logo 5" },
+        { src: "https://cdn.ing/assets/i/r/288974/dlb4c51kvgv6ncasqpgr2kvuma7y/ui-placeholder-logo-black-6.png", alt: "Partner logo 6" }
+      ],
       actions: [
         { label: "Start Free Trial", href: "#", variant: "default" },
         { label: "View Pricing", href: "#", variant: "outline" }
@@ -118002,10 +118437,16 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Accelerate your growth with data-driven insights",
       description: "See how top companies use our platform to scale faster.",
       videoAction: { label: "Watch Demo", variant: "outline" },
-      showcaseImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Growth metric" }),
+      showcaseImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Growth metric 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Growth metric 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Growth metric 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Growth metric 4" }
+      ],
       modalVideo: { video: EXAMPLE_VIDEO_1 },
       background: "dark",
       actions: [{ label: "Get Started", href: "#", variant: "ghost" }]
@@ -118053,6 +118494,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Turn visitors into customers",
       description: "Optimize your conversion funnel with data-driven insights.",
       primaryAction: { label: "Get Started", href: "#", variant: "default" },
@@ -118097,9 +118539,15 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Trusted by leading brands worldwide",
       description: "Join thousands of companies who have transformed their design workflow.",
-      logos: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Partner logo" }),
+      logos: [
+        { src: "https://cdn.ing/assets/i/r/288964/4xdrg1wjc2knoy58ulqijicamar3/ui-placeholder-logo-dark-1.png", alt: "Partner logo 1" },
+        { src: "https://cdn.ing/assets/i/r/288965/aw0n8ithqntxtfweqrlmseqlcak7/ui-placeholder-logo-black-2.png", alt: "Partner logo 2" },
+        { src: "https://cdn.ing/assets/i/r/288972/kppvdeo8kgeweawxisqy9h9ybz6h/ui-placeholder-logo-black-3.png", alt: "Partner logo 3" },
+        { src: "https://cdn.ing/assets/i/r/288970/op9ys0gsyi7len3w742n0os7ebu6/ui-placeholder-logo-black-4.png", alt: "Partner logo 4" }
+      ],
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
         { label: "View Case Studies", href: "#", variant: "outline" }
@@ -118185,6 +118633,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Supercharge your productivity",
       description: "The ultimate productivity launcher for modern professionals.",
       backgroundVideo: { video: EXAMPLE_VIDEO_0 },
@@ -118224,6 +118673,7 @@ var HERO_BLOCK_CONTRACTS = {
       }
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       headingPrefix: "We're hiring",
       animatedTexts: ["Developers", "Designers", "Marketers"],
       description: "We're building the future of work and want you to be part of it.",
@@ -118261,6 +118711,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Stay updated with our newsletter",
       description: "Get the latest insights delivered to your inbox.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Newsletter preview" },
@@ -118301,6 +118752,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Limited Time Offer",
       heading: "Transform your workflow today",
       description: "Join thousands of teams who have revolutionized their productivity.",
@@ -118350,6 +118802,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "Industry Expertise",
       heading: "Trusted by thousands of businesses",
       description: "Join the companies already experiencing transformative results.",
@@ -118399,6 +118852,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Everything you need in one place",
       description: "Powerful features that work together seamlessly.",
       features: [
@@ -118454,6 +118908,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "reviews_or_testimonials")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Loved by customers worldwide",
       description: "See why thousands of businesses trust us.",
       testimonial: {
@@ -118463,7 +118918,12 @@ var HERO_BLOCK_CONTRACTS = {
         company: "TechCorp",
         avatars: [{ image: HERO_EXAMPLE_IMAGE_URL, fallback: "SJ" }]
       },
-      gridImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Customer" }),
+      gridImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Customer 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Customer 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Customer 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Customer 4" }
+      ],
       actions: [{ label: "Get Started", href: "#", variant: "default" }],
       background: "dark"
     }
@@ -118504,10 +118964,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       trustBadge: "Design System",
       heading: "Build with a comprehensive design system",
       description: "Create consistent, beautiful interfaces with our complete set of components.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Component" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Component 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Component 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Component 3" }
+      ],
       background: "dark",
       actions: [
         { label: "Explore Components", href: "#", variant: "default" },
@@ -118541,6 +119006,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Designing spaces that inspire",
       description: "Award-winning architecture firm specializing in sustainable, innovative designs.",
       action: { label: "View Projects", href: "#", variant: "default" },
@@ -118578,9 +119044,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Pioneering the future of technology",
       description: "Pushing boundaries and exploring new frontiers.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Innovation" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Innovation 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Innovation 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Innovation 3" }
+      ],
       background: "dark",
       actions: [{ label: "Learn More", href: "#", variant: "default" }]
     }
@@ -118621,6 +119092,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "See our platform in action",
       description: "Get a 3-minute walkthrough of our most powerful features.",
       videoAction: { label: "Watch Demo", variant: "outline" },
@@ -118653,6 +119125,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Simplicity is the ultimate sophistication",
       description: "Clean, focused, and purposeful.",
       badge: "Industry Leader",
@@ -118694,6 +119167,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "New Arrival",
       badgeIcon: "lucide/sparkles",
       heading: "Introducing our latest innovation",
@@ -118738,6 +119212,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "SaaS Platform",
       badgeIcon: "lucide/box",
       heading: "The operating system for your business",
@@ -118791,6 +119266,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "reviews_or_testimonials")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Real stories, real healing",
       description: "Hear from clients who've found support and healing.",
       testimonial: {
@@ -118798,7 +119274,11 @@ var HERO_BLOCK_CONTRACTS = {
         author: "Anonymous Client",
         avatar: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Client testimonial" }
       },
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Therapy session" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Therapy session 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Therapy session 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Therapy session 3" }
+      ],
       actions: [
         { label: "Find Your Therapist", href: "#", variant: "default" },
         { label: "Read More Stories", href: "#", variant: "outline" }
@@ -118840,9 +119320,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Streamline your business operations",
       description: "Unified platform for managing all aspects of your business.",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Operations" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Operations 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Operations 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Operations 3" }
+      ],
       background: "gray",
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
@@ -118882,9 +119367,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Creative solutions for modern brands",
       description: "Discover a platform that empowers you to create and achieve amazing results.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Project" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Project 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Project 4" }
+      ],
       actions: [{ label: "View Our Work", href: "#", variant: "default" }]
     }
   },
@@ -118924,9 +119415,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Where innovation meets creativity",
       description: "Discover a platform that empowers you to create and collaborate.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson", alt: "Feature 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg", alt: "Feature 4" }
+      ],
       background: "dark",
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
@@ -118974,6 +119471,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badge: "We're Launching",
       heading: "The future of startups starts here",
       description: "Join the waitlist for early access to the platform changing how startups scale.",
@@ -119017,6 +119515,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badge: "Enterprise Grade",
       heading: "Security you can trust",
       description: "Protect your business with enterprise-grade security features. SOC 2 compliant.",
@@ -119071,10 +119570,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Where creativity meets innovation",
       description: "Award-winning creative studio specializing in brand identity and digital experiences.",
       videoAction: { label: "Watch Demo", variant: "default" },
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Project" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q", alt: "Project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz", alt: "Project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs", alt: "Project 3" }
+      ],
       modalVideo: { video: EXAMPLE_VIDEO_0 },
       background: "dark",
       actions: [{ label: "Learn More", href: "#", variant: "outline" }]
@@ -119110,6 +119614,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Digital experiences that inspire",
       description: "Full-service digital agency creating award-winning websites and brand experiences.",
       backgroundImage: HERO_EXAMPLE_IMAGE_URL,
@@ -119151,10 +119656,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Support that your customers love",
       description: "Deliver exceptional customer experiences with our multi-channel support platform.",
       tagline: "Customer Support",
-      images: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Support interface" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0", alt: "Support interface 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x", alt: "Support interface 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc", alt: "Support interface 3" }
+      ],
       actions: [{ label: "Browse Marketplace", href: "#", variant: "default" }]
     }
   },
@@ -119194,6 +119704,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       eyebrow: "Team Inbox",
       heading: "Collaborate on every customer conversation",
       description: "Shared inbox that brings your team together.",
@@ -119239,6 +119750,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       headingPrimary: "Unlock insights from",
       description: "Analyze calls, meetings, and customer interactions with advanced AI.",
       image: { src: HERO_EXAMPLE_IMAGE_URL, alt: "Intelligence dashboard" },
@@ -119283,9 +119795,14 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Business solutions that scale with you",
       description: "From startups to enterprises, our platform grows alongside your business.",
-      carouselImages: Array(3).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Feature" }),
+      carouselImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v", alt: "Feature 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac", alt: "Feature 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm", alt: "Feature 3" }
+      ],
       actions: [
         { label: "Get Started", href: "#", variant: "default" },
         { label: "Book Demo", href: "#", variant: "outline" }
@@ -119327,6 +119844,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "For Developers",
       heading: "Developer tools that just work",
       description: "Build faster with modern APIs and comprehensive docs.",
@@ -119387,10 +119905,16 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "products", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "New Collection",
       heading: "Premium products for modern living",
       description: "Discover our curated collection of handpicked items.",
-      images: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Product" }),
+      images: [
+        { src: "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v", alt: "Product 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc", alt: "Product 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt", alt: "Product 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov", alt: "Product 4" }
+      ],
       stats: [
         { value: "500+", label: "Products" },
         { value: "50K+", label: "Customers" },
@@ -119436,6 +119960,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeText: "Now on Mobile",
       badgeIcon: "lucide/smartphone",
       heading: "Take us with you, everywhere",
@@ -119488,6 +120013,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("pricing")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Simple, transparent pricing",
       description: "Choose the plan that's right for you. No hidden fees.",
       plans: [
@@ -119537,6 +120063,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("contact_form")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       heading: "Stay in the loop",
       description: "Get weekly insights delivered straight to your inbox.",
       buttonAction: { label: "Subscribe", variant: "default" },
@@ -119573,6 +120100,7 @@ var HERO_BLOCK_CONTRACTS = {
       mediaSlots: {}
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       badgeIcon: "lucide/rocket",
       badgeText: "Launching Soon",
       heading: "Something amazing is on the way",
@@ -119624,6 +120152,7 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library", "events", "stats_or_metrics")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png", alt: "Brand Logo" },
       badgeText: "Annual Conference",
       badgeIcon: "lucide/calendar",
       heading: "Join us for the event of the year",
@@ -119670,9 +120199,15 @@ var HERO_BLOCK_CONTRACTS = {
       requiresSiteCapabilities: heroCapabilities("media_library")
     },
     exampleProps: {
+      logo: { src: "https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png", alt: "Brand Logo" },
       heading: "Creative work that stands out",
       description: "Award-winning portfolio showcasing our best projects in design and branding.",
-      portfolioImages: Array(4).fill({ src: HERO_EXAMPLE_IMAGE_URL, alt: "Portfolio project" }),
+      portfolioImages: [
+        { src: "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6", alt: "Portfolio project 1" },
+        { src: "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82", alt: "Portfolio project 2" },
+        { src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn", alt: "Portfolio project 3" },
+        { src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t", alt: "Portfolio project 4" }
+      ],
       actions: [{ label: "View All Work", href: "/portfolio", variant: "default" }]
     }
   }